*
{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#444;
}

a
{
    text-decoration:none;
    font-weight:bold;
    color:#1DA1F2;
}

body
{
    padding:0;
    margin:0;
}

#header
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(33, 48, 71, 0.9);
    height:96px;
    z-index:100;
}

#headerWrapper
{
    width:100%;
    max-width:1280px;
    margin:auto;
}

#logo img
{
    /* max-height:64px;
    padding:16px 64px; */
}

#slider
{
    position:relative;
    z-index:0;
    height:100vh;
    overflow:hidden;
    text-align:center;
}

#slider img
{
    min-width:100%;
    height:100vh;
}

#menu
{
    position:absolute;
    top:96px;
    left:0;
    width:100%;
    z-index:100;
    background-color:rgb(33, 48, 71);
}

#menuWrapper
{
    width:100%;
    max-width:1280px;
    margin:auto;
}

#category
{
    position:relative;
    margin-top:-64px;
    z-index:200;
}

#categoryWrapper
{
    width:100%;
    max-width:1280px;
    margin:auto;
}

#mainText
{
    background-color:#f8f8f8;
}

#mainTextWrapper
{
    max-width:1200px;
    padding:40px;
    font-size:20px;
    margin:auto;
    text-align:center;
    line-height:1.5;
}

#topNews
{
    background-color:#f4f4f4;
}

#topNewsWrapper
{
    padding:64px 0;
    width:100%;
    max-width:1280px;
    margin:auto;
}


#topNewsCategory
{
    margin:auto;
    padding:0;
    border-spacing:1px;
    /*padding: 0;
    margin: 0;*/
    position:relative;
    z-index:10;
}

#topNewsCategory li
{
    display:inline-block;
    width:100%;
    padding:8px 0;
    background-color:rgb(33, 48, 71);
    transition:all 0.5s;
    /*display:inline-block;
    width:33.04%;
    padding:8px 0;*/
    text-align:center;
    background-color:#D3CECB;
    transition:all 0.5s;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
}

.topNewsCategorySelected
{
    background-color:rgb(33, 48, 71) !important;
}

#topNewsContent
{
    position:relative;
    min-height:416px;
    overflow:hidden;
    margin-top:-2px;
    z-index:5;
    outline:2px solid rgb(33, 48, 71);
    outline-offset:-2px;
    background-color:#eee;
}

#topNews1
{
    position:relative;
    top:0;
    left:0;
    transition:all 0.5s;
    padding:12px 0.6% 0 0.6%;
    width:98.8%;
    z-index:0;
}

#topNews2
{
    position:absolute;
    top:100%;
    left:0;
    transition:all 0.5s;
    padding:12px 0.6% 0 0.6%;
    width:98.8%;
    z-index:0;
}

#topNews3
{
    position:absolute;
    top:0;
    left:100%;
    transition:all 0.5s;
    padding:12px 0.6% 0 0.6%;
    width:98.8%;
    z-index:0;
}

.topNewsItem
{
    float:left;
    position:relative;
    z-index:0;
    width:29.5%;
    margin:0 0.4% 8px 0.4%;
    padding:16px 1.5%;
    min-height:160px;
    outline:1px solid #eee;
    outline-offset:-1px;
    transition:all 0.3s;
    background-color:#fff;
}

.topNewsItemFirst
{
    float:left;
    position:relative;
    width:32.5%;
    margin:0 0.4% 16px 0.4%;
    padding:0;
    min-height:392px;
    outline:1px solid #eee;
    outline-offset:-1px;
    transition:all 0.3s;
    background-color:#fff;
}

.topNewsItemFirst .topNewsItemDate, .topNewsItemFirst .topNewsItemTitle, .topNewsItemFirst .topNewsItemDetail
{
    padding-left:5%;
    padding-right:5%;
}

.topNewsItemDate
{
    color:#aaa;
    padding-bottom:4px;
}

.topNewsItemTitle
{
    color:#888;
    max-height:100px;
    overflow:hidden;
    position:relative;
}

.topNewsItemTitleOverlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(transparent 88px, #eee 96px, #eee);
}

.topNewsItem:hover, .topNewsItemFirst:hover
{
    /*background-color:#f4f4f4;*/
    outline:1px solid #ccc;
}

.topNewsItem:hover .topNewsItemTitle, .topNewsItemFirst:hover .topNewsItemTitle
{
    color:rgb(33, 48, 71);
}

.topNewsItem:hover .topNewsItemDate, .topNewsItemFirst:hover .topNewsItemDate
{
    color:#888;
}

.topNewsItem:hover .topNewsItemDetail, .topNewsItemFirst:hover .topNewsItemDetail
{
    opacity:1;
}

.topNewsItemImage
{
    max-height:200px;
    overflow:hidden;
    margin-bottom:8px;
}

.topNewsItemImage img
{
    width:100%;
}

.topNewsItemImageHidden
{
    display:none;
}

.topNewsItemDetail
{
    text-transform:uppercase;
    padding-top:8px;
    opacity:0.6;
    color:#1DA1F2;
}

.topBannerItemBig, .topBannerItemMid, .topBannerItemSmall
{
    position:relative;
    float:left;
    overflow:hidden;
    font-weight:bold;
}

.topBannerItemBig img
{
    position:relative;
    /*margin-left:50%;
    margin-top:44.5%;*/
	width:100%;
    /*height:100%;*/
    /*transform:translate(-50%, -50%);*/
}

.topBannerItemSmall img
{
	display:none;
}

.topBannerItemMid img
{
    position:relative;
    margin-left:50%;
    /*margin-top:95%;*/
	width:212.5%;
    /*height:100%;*/
    transform:translate(-50%, 0);*/
}

.topBannerItemBig:hover .topNewsDarkMask, .topBannerItemMid:hover .topNewsDarkMask, .topBannerItemSmall:hover .topNewsDarkMask
{
    background-color:rgba(33, 48, 71, 0.6);
}

.topBannerItemBig:hover .topNewsOverlay, .topBannerItemMid:hover .topNewsOverlay, .topBannerItemSmall:hover .topNewsOverlay
{
    opacity:0.98;
}

.topBannerItemBig
{
    width:33.33%;
    /*height:384px;*/
    font-size:18px;
}

.topBannerItemMid
{
    width:16%;
    /*height:384px;*/
    font-size:18px;
}

.topBannerItemSmall
{
    width:33.33%;
    height:48px;
    font-size:15px;
}

.topNewsDarkMask
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(33, 48, 71, 0);
    outline:2px solid #fff;
    outline-offset:-2px;
    transition:all 0.3s;
}

.topNewsOverlay
{
    position:absolute;
	left:2px;
	right:2px;
	bottom:2px;
    color:#fff;
    opacity:0.7;
    z-index:100;
	padding:12px;
    transition:all 0.3s;
	text-shadow:2px 2px 2px #000;
	background-color:rgba(76, 107, 139, 0.6);
}

#topBanner
{
    
}

#topBannerWrapper
{
    width:100%;
    max-width:1280px;
    margin:auto;
    padding:64px 0;   
}

.pageImage
{
    width:100%;
    height:440px;
    overflow:hidden;
    max-height:100vh;
    
    /*margin-top:130px;*/
}

.pageImage img
{
    min-height:440px;
    max-height:100vh;
    min-width:100%;
}

.pageContentWrapper
{
    margin:auto;
    max-width:920px;
    padding:32px 40px 80px 40px;
    line-height:1.6;
}

.viewNewsItem
{
	padding-top:100px;
}

.newsImage img
{
	width:100%;
}

.newsDate
{
	padding:8px 0;
}

.newsDesc
{
	text-align:justify;
}

.newsDesc img
{
	max-width:100%;
}

#reportFilter
{
	padding:32px 0;
}

.pageContentWrapper select
{
	font-size:16px;
}

.colGodina
{
	width:48px;
	text-align:center;
}

.reportLine
{
	width:8px;
	text-align:center;
}

.removeFilter
{
	color:red;
	cursor:pointer;
	padding-right:12px;
}

.newsItem
{
	padding:24px 0;
	border-bottom:1px solid #ddd;
}

.newsItemTitle
{
	font-size:18px;
}

.newsItemDate
{
	font-size:14px;
}

.newsItemAbstract
{
	float:left;
	padding:16px 5% 16px 0;
	width:60%;
}

.newsItemImage
{
	padding-top:16px;
	float:right;
	width:30%;
}

.newsItemImage img
{
	max-width:100%;
}

.newsItemDetail
{
	padding-top:16px;
}

#noRow
{
	display:none;
}


#footer
{
    background-color:#E0DEDB;
}

#footerWrapper
{
    width:96%;
    max-width:1200px;
    margin:auto;
    padding:40px 2%;
    text-align:center;
}

#footerLogo
{
    text-align:center;
    padding:16px;
}

#footerLogo img
{
    height:48px;
    padding:0 2px;
}

#calTitle
{
	font-size:32px;
	text-align:center;
	padding-bottom:48px;
}


#calendar
{
	width:100%;
	max-width:920px;
	margin:200px auto;
}

.calendarTitle td
{
    text-transform:uppercase;
    font-size:1.6em;
	height:auto !important;
	border:none !important;
}

.NextPrevMonth
{
    padding:0 5px;
}

.NextPrevMonth a
{
    text-decoration:none;
}

.calEvents
{
    width:92%;
	margin:auto;
}

.calEvents td
{
	font-size:20px;
	height:80px;
	color:#666;
	vertical-align:top;
	border:solid 1px #666;
}

.calEvents td:first-of-type
{
	height:auto !important;
}

.calendarHeader
{
	background-color:#888;
	color:#fff;
	font-size:20px;
}

.calEventDay
{
    background-color: #213047 !important;
    color:#fff !important;
    font-weight:bold !important;
    cursor:pointer !important;
	font-size:20px;
	height:80px;
	vertical-align:top;
	border:solid 1px #666;
}

.dayText
{
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

.calToday
{
	color:#FFA500;
}

.cleaner
{
    clear:both;
}