﻿body { font-family: Verdana; font-size: 12px; margin-top: 0px; text-align: center;}
form {margin:0; text-align:center;}
a { text-decoration: none; color: #fff }
a:hover { color: #0a3b9d; }

.mainContainer {  margin: 0 auto; text-align: left; position:relative; width: 1200px; overflow:hidden;}

.searchLangLogo { height: 76px; float: left;}
.searchLang { width: 180px; height: 100%; float: left;}
.crtDate { padding: 15px 0px 6px 0px; color: #000000;}
.searchSite {padding-top: 2px; float: left; clear:both;}
.searchText {float: left; padding-top: 6px; padding-left: 5px; font-weight: bold;}
.searchText a { color: #000; text-decoration: none; cursor:pointer; }
.searchText a:hover { color: #0a3b9d; }

.sites 
{
	float:left;
	height:31px;
	padding:0 56px 0;
	/*left:815px;
	padding:5px 155px 0;
	position:absolute;
	width:175px;*/
}

.languages {color: #fff; float: left; padding: 0px 0px 0px 21px; width:179px;}
.languages a { color: #fff; }
.languages a:hover { color: #33cc66; }.languages a { color: #969799; }
.languages a:hover { color: #0a3b9d; }

.logo { width: 310px; height: 100%; float: left;}

.headerMenu { height: 283px;  float: left; margin:0px; padding:0px; overflow:hidden;}
.menuHorizontal { height: 34px; width: 1200px; color: #fff; margin-top: 245px; padding: 14px 0px 11px 0px; float: left; } 
.menuHorizontal ul { margin: 0; padding: 0; list-style: none; }
.menuHorizontal li { display: inline; margin: 0 2px 0 0; padding: 0; }
.menuHorizontal a { text-decoration: none; color: #fff; }
.menuHorizontal a:hover { color: #33cc66}

.container { width: 100%; background: url(Images/container_bg.jpg) repeat-y; float: left; }
.menuLeft { width: 199px; float: left; height: 100%;}
.menuLeftCpe { color: #fff; margin: 2px; padding: 10px 0px 5px 7px; cursor: pointer; overflow: hidden; background: url(Images/menuLeftBorderBottom.jpg) no-repeat top;}
.subMenuLeftCpe { margin: 2px; padding: 0px 0px 0px 15px; cursor: pointer;}

.menuLinkCurrent { color: #33cc66;}
.menuLink {color:#fff;}

.menuLeftSubmenu { overflow: hidden; } 
.menuLeftSubmenu ul { margin: 2px;}
.menuLeftSubmenu li { display: block; padding: 2px 0px 2px 12px; font-size: 11px; }
.menuLeft a:hover { color: #33cc66; }
.menuLeftLink { padding: 5px 10px 5px 20px; font-size: 11px; }

.containerMiddle { width: 505px; float: left; padding: 19px 0px 0px 30px; overflow:hidden;}
.containerMiddle a
{ 
	color:#33cb66;
}
.pageTitle { height: 25px;  color: #33cc66; float: left; width:355px; }
.pageTitleHome { height: 25px;  color: #33cc66; float: left;}
.pageTitle p {margin: 2px;}
.pageActions { height: 25px; float: left;  width:76px; overflow:hidden;}
.pageActions a { text-decoration: none;}
.pageActions img { border: 0px solid;}
.pageContent { color: #000; font-size: 12px; margin: 6px 45px 0px 0px; }
.imageLabel {color: #333; margin-top: 2px;}

.containerRight { width: 214px; float: left; padding: 13px 0px 13px 0px; }
.menuRightHeader { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; font-size: 14px; font-weight: bolder; color: #1e438b; padding: 0px 3px 0px 8px; vertical-align:middle; height:30px;}
.menuRightHeaderMid { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; font-size: 14px; font-weight: bolder; color: #1e438b; padding: 0px 3px 0px 8px; vertical-align:middle; height:30px;}
.menuRightContent { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; color: #999; font-family:Verdana; padding: 13px 3px 17px 8px;}
.menuRightContentNoHeader { border: dotted #1e438b 2px; padding: 8px; color: #999;}
.menuRightContentImage { color: #999; margin-bottom: 10px; margin-top: 10px; text-align:left; text-decoration:none;}
.menuRightContentImage a{ text-decoration:none;}
.menuRightContentImage a:hover{ text-decoration:none;}
.menuRightContent a { color: #999; }
.menuRightContent a:hover { color: #0a3b9d; }
.menuRightContent ul { margin: 2px; }
.menuRightContent li { display:block; padding: 2px 0px 2px 2px; font-size: 11px; color: #999; }

.rightContentTop {background: url(Images/rightCotainerBorderTop.jpg) no-repeat top left; height:8px; overflow:hidden;}
.rightContentBottom {background: url(Images/rightCotainerBorderBottom.jpg) no-repeat; height:8px; margin:0; padding:0;}
.rightContentMiddle {background: url(Images/rightCotainerBorderMiddle.jpg) no-repeat top left; height:4px;overflow:hidden;}

.rightContentImages { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; color: #999;  font-family:Verdana; padding: 13px 0px 17px 0px; text-align:center; }
.rightContentImage {padding: 0px 0px 5px 0px; cursor:pointer;}
.rightContentImageCaption {padding: 0px 7px 15px 7px;}
.pdfList ul
{
	list-style-image:url(Images/media/fotos/ulpdficon.jpg);
}
.pdfList li
{
	list-style-image:url(Images/media/fotos/ulpdficon.jpg);
}

/* Popup window */
.modalBackground { background-color:Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background: #fff; border: 2px solid #333333; padding: 3px; text-align:right; }
.modalPopup a 
{
	color:#333;
}

.footer {  height: 34px; background: url(Images/footer_bg.jpg) repeat-y; float: left; width: 1200px; overflow:hidden;}
.footerLeft { width: 280px; height: 100%; float: left; text-align: left; padding: 10px; font-size: 11px; color: #fff; }
.footerLeft ul { margin: 0; padding: 0; list-style: none; }
.footerLeft li { display: inline; margin: 0 2px 0 0; padding: 0; }
.footerRight { width: 615px; height: 100%; float: left; text-align: right; padding: 10px; color: #fff; }

.sitePath{color:#a1a1a1;}
.sitePath a{color:#a1a1a1;}
.sitePath a:hover{color:#333333;}

.seachResult{color:#a1a1a1;}
.seachResult a{color:#a1a1a1;}
.seachResult a:hover{color:#333333;}

.overlay { position: absolute; z-index: 99; top: 0px; left: 0px; background-color: #000000; width: 100%; height: 100%; filter: Alpha(Opacity=40); opacity: 0.40; -moz-opacity: 0.40; }
.updateContainer { background-color: White; width: 190px; height: 30px; position: absolute; z-index: 101; top: 50%; left: 50%; margin-left: -95px; margin-top: -30px; border: solid 2px #c3c3c3; }
.loader { float: left; padding: 6px 0px 6px 30px;}
.updateImg { float: left;}
.updateMessage { float: left; height: 33px; padding: 2px 0px 0px 4px;}   
.waiting { width: 300px; height: 100px; margin: 95px; background-color: White; text-align: center; }