html {height:100%; margin-bottom:1px;}
body {font:normal 1.0em Arial, Helvetica, sans-serif; color:#333; background:#4480C2; text-align:center;}

textarea { font:1em Arial, Helvetica, sans-serif !important; }

a {color:#003366; text-decoration:underline;}
a:hover {color:#EE5E2E;}

div.clearer {clear:both; height:5px;}
div#wrapper {width:770px; text-align:left; margin:0 auto;}

h1 {display:none;}

div#header {border:solid 3px #3A6DA5; border-width:0 3px 3px 3px; color:#000; background:#fff; margin-bottom:-3px; padding:1px; /* creates white 1px border at the right and at the bottom */}
	div#topNav {font-size:0.7em; float:right; margin-top:37px; margin-right:10px; color:#16569E;}
	div#topNav a {color:#16569E; text-decoration:none;}
	div#topNav a:hover {color:#000;}
	
	div#header div.logo {background:url(../Img/header_blue_gradient.jpg) repeat-y right top;}
	div#header div.logo img {margin:10px 0 10px 13px;}

div#footerWrap {clear:both;}
div#footer {height:56px; width:767px; font-size:0.7em; border:solid 3px #3A6DA5; border-width:0 3px 3px 0; background:#fff;}
	#footerHomeImg {float:left;}
	#footerLeft {float:left; height:16px; margin-top:40px; padding-left:15px;}
	#footerRight {float:right; height:16px;	margin-top:40px; padding-right:15px;}
	#footer a {color:#EE5E2E;}
	
div#path {display:block; float:left; width:720px; background:#E8F0F9; border:solid 1px #fff; border-width:1px; padding:5px 14px; font-size:0.6em; clear:both;}
div#path a {color:#EE5E2E;}
	
div#main {border:solid 3px #3A6DA5;	border-width:0 3px;	margin-left:14px; color:#333; background:#fff; width:750px}
	div#banner {border:solid 1px #fff; border-width:0 1px; border-left-color:#B7D7FC; height:95px;}
	
div#navigWrap {background:#69AFFD; float:left; width:748px; height:29px; border:solid 1px #fff;	border-width:0 1px;}

	ul#navig {list-style:none;}
		ul#navig li {padding-top:9px; float:left; background:#fff;}
		ul#navig a {display:block; float:left; border-bottom:solid 3px #69AFFD; border-right:solid 1px #A5CEFD; padding:7px 9px; padding-top:0; color:#014694; font-size:0.8em; font-weight:bold; text-decoration:none; text-transform:uppercase;}
		ul#navig li:last-child a, ul#navig li.last a {border-right:0;}
		ul#navig a:hover {border-bottom-color:#EE5E2E; color:#EE5E2E;}
		
	div#monitoring_arch_right {display:block; float:right; text-align:right;}
		.drddownlist_Phase {width:180px; border:solid 1px #0057BA; margin-left:5px; font-size:0.9em; margin-top:1px;}
		.drddownlist_Area {width:180px; border:solid 1px #0057BA; margin-left:5px; font-size:0.9em; margin-top:1px;}
		.btn_Submit {width:180px; border:solid 1px #0057BA; margin-left:5px; font-size:0.9em; height:20px; margin-top:1px; padding:1px;}	
		
		#subPgLeftCol .btnReset {width:50px; border:solid 1px #0057BA; margin-left:5px; font-size:0.9em; margin-top:1px; padding:1px;}
	
	div#searchBox {padding:5px; padding-top:1px; border-top:solid 1px #fff; float:right;}
		.searchBox2 {padding:1px 5px 5px 5px; border-top:solid 1px #fff; float:right;}
	
		#searchBox #searchInputWrap {padding-top:1px; padding-right:3px; float:right;}
		.searchInputWrap {padding-top:2px; padding-right:3px; float:right;}
		
		#searchBox input#search {color:#7B7A7A; width:120px; border:solid 1px #0057BA; margin-left:5px; font-size:0.9em; height:14px; margin-top:1px; padding:1px;}
		.txtBoxSearch2 {color:#7B7A7A; width:120px; border:solid 1px #0057BA; margin-left:5px; font-size:0.7em; margin-top:4px; padding:1px; padding-bottom:2px; float:left;}
		
		#searchBox input#searchBtn {margin-top:1px; float:right;}
		.imgBtnSearch2 {margin-top:2px; float:right; padding-right:24px; padding-top:4px;}

div#underNavigLine {clear:both; border-top:1px solid #fff;}
div#frontContentWrap {border:solid 1px #fff; border-width:0 1px; padding:14px; padding-bottom:0;}
div#frontColumnBannersWrap { float:left; width:720px; /*height:115px;*/ }

div#frontMonthlyGallery {float:left; width:226px; padding-right:10px; height:115px;	background:#E3EDF9; margin-right:14px;}
	#frontMonthlyGallery h2 {padding-top:10px; padding-bottom:5px; text-transform:uppercase; font-size:0.8em; color:#EE5E2E;}
	#frontMonthlyGallery p {font-size:0.7em; margin-bottom:10px;}
	#frontMonthlyGallery img {float:left; margin-right:10px;}
	
div#frontMonthlyGallerySub {float:left; width:226px; padding-right:10px; height:115px; background:#E3EDF9; margin-right:14px; border:solid 0px #000}
	#frontMonthlyGallerySub h2 {padding-top:10px; padding-bottom:5px; text-transform:uppercase; font-size:1.0em; color:#EE5E2E;}
	#frontMonthlyGallerySub p {font-size:1.0em; margin:-10px;}
	#frontMonthlyGallerySub img {float:left; margin-right:10px;}	

	div#bannerVsetci {height:90px; padding-top:25px; font-size:1.5em; text-transform:uppercase; color:#fff; text-align:center; background:#000; float:right; width:470px;}
		#bannerVsetci strong {font-size:1.5em; display:block;}

div#frontNewsWrap {clear:both; /* you cried for the moon */}
div#frontNewsWrap a {color:#003366;}
div#frontNewsWrap a:hover {color:#EE5E2E;}

#frontNewsWrap h2 {color:#EE5E2E; font-size:0.9em; text-transform:uppercase; margin-bottom:18px;}
#frontNewsWrap h3 {color:#0057BA; font-size:0.7em; margin-bottom:8px;}
#frontNewsWrap h4 {color:#0057BA; font-size:1.0em; margin-bottom:8px;}

	div#frontLeftCol2 {float:left; width:211px; background:url(../Img/viac_vertical_new.gif) repeat-y left top;}
	div#frontLeftCol {float:left; width:184px; padding-left:11px; border:solid 0px #000;}
		
		div#frontLeftCol_activeimage {float:left; width:14px; padding-left:0px;}
		div#frontLeftCol_activeimage2 {float:left; width:14px; padding-left:0px;}
		div#frontRightCol_activeimage {float:left; width:25px; padding-left:0px;}
		
		div#frontRightCol_activeimage2 {float:left; width:25px; padding-left:0px;}
		
		.frontLeftNewsSection {margin-bottom:20px; border:solid 0px #000;}
		
		.frontLeftNewsSection div.frontLeftNewsExcerpt {}
				
		.frontLeftNewsExcerpt_isOSF {display:block; float:right;}
		
		.frontLeftNewsSection p {margin-bottom:9px; font-size:0.7em;}
			.frontLeftNewsSection p span.date {display:block; float:left; font-size:0.9em; color:#333;}
	
	div#frontMainCol2 {float:right; width:470px; background: url(../Img/viac_vertical_new.gif) repeat-y left top; _margin:0 0 -30px 0}
	div#frontMainCol {float:right; width:445px;}
		div#frontMainColNewsColsWrap {font-size:0.7em;}

			div#frontMainColNewsLeftPart {float:left; width:440px; overflow:hidden; border-right:10px;}
			
			div#frontMainColNewsRightPart {float:right; width:215px; overflow:hidden;}

		div#frontMainColNewsColsWrap div.frontRightNewsExcerpt {margin-bottom:9px; width:215px;}
		div#frontMainColNewsColsWrap p {color:#333; margin-bottom:3px;}
		div#frontMainColNewsColsWrap p span.date {display:block; font-size:0.9em; color:#333;}
		div#frontMainColNewsColsWrap p a {color:#003366; font-weight:bold;}

/* --- */

div#frontTidBitsWrap {margin-top:0; font-size:0.7em;}
	#frontTidBitsWrap h2 {color:#EE5E2E; font-size:1.2em; text-transform:uppercase; margin-bottom:18px;}
	
	div#frontLeftTidBitWrap2 {display:block; float:left; width:250px; min-height:111px; background:url(../Img/viac_vertical_new.gif) repeat-y left top;}
	
	div#frontLeftTidBitWrap {display:block; float:left; padding-left:11px;}
	div#frontRightTidBitWrap2 {float:right; width:470px; background:url(../Img/viac_vertical_new.gif) repeat-y left top; min-height:111px;}
	div#frontRightTidBitWrap {width:442px; float:left;}
		#frontRightTidBitWrap ul {list-style:none;}
			#frontRightTidBitWrap ul li {clear:both; margin-bottom:2px;}

		#frontRightTidBitWrap ul li strong {display:block; float:left; width:6em; padding-right:5px; margin-right:10px; background:url(../Img/point_orange.gif) no-repeat right center; overflow:hidden;}
		#frontRightTidBitWrap ul li span {display:block; float:left;}

div#frontBottomBannersWrap {margin-top:30px; _margin:10px 0 0 0}

	div#frontBottomBannerLeft {float:left; width:236px; overflow:hidden;}
	div#frontBottomBannerRight {float:right; width:470px; overflow:hidden;}


/* ---- SUBPAGES ---- */

div#contentWrap {font-size:0.7em; border:solid 1px #fff; border-width:0 1px; padding:40px 14px 14px 14px; _padding:14px; padding-left:31px; padding-bottom:0; background:url(../Img/page_header_arrow.gif) no-repeat 11px 40px; _background:url(../Img/page_header_arrow.gif) no-repeat 11px 14px; line-height:140%;}
	#contentWrap h2 {font-size:1.2em; color:#EE5E2E; margin-bottom:28px; text-transform:uppercase;}
	#contentWrap h3 {font-size:1.0em; color:#0057BA; margin-bottom:12px;}
	#contentWrap p, #contentWrap ul, #contentWrap ol, #contentWrap table {margin-bottom:12px;}
	#contentWrap ol {margin-left:20px;}
	#contentWrap ul {}
	#contentWrap ul li {list-style:none; padding-left:20px;	background:url(../Img/small_arrow.gif) no-repeat 6px 0.4em;}
	
div#subPgLeftCol {float:left; width:432px; overflow:hidden;}
div#subPgRightCol {float:right;	width:240px; overflow:hidden;}

.sipka {text-indent:-1px; font-size:7px}
.prg_ini_full {width:432px;}
.prg_ini_right {float:right; width:150px; border:solid 1px #ccc; overflow:hidden; padding:10px; background:#F9F9F9;}
.prg_ini_left {float:left; border:solid 0px #000;}
.prg_ini_cont {float:left; border:solid 0px #000; width:432px}

a.anchor {display:none}
.bold {font-weight:bold}

.formTextFA {font-size:0.8em; border:solid 1px #ccc; width:200px;}
.formTextAA {font-size:0.8em; border:solid 1px #ccc; width:200px;}
.orange {color:#EE5E2E;}
.dater {font-size:0.9em; color:#7B7A7A;}

a.newsArt:link, a.newsArt:visited {color:#0057BA; text-decoration:none; font-weight:bold;}
a.newsArt:hover {color:#0057BA; text-decoration:underline;}

.btnMonShow { width:179px; border:solid 1px #000; background:#DEEDFE; font-size:0.8em; margin:2px 4px 0 0; cursor:pointer;}
.btnMonBack { width:179px; border:solid 1px #000; background:#DEEDFE; font-size:0.8em; margin:2px 1px 0 0; cursor:pointer;}

.namer {color:#0057BA; font-weight:bold;}
.subBtns {width:180px; margin:0 0 0 5px;}

/* photogallery */

.detailPhoto {border:solid 0px #ccc;}
a.lnkPhoto:link, a.lnkPhoto:visited {color:#0057BA; text-decoration:none; font-weight:bold;}
a.lnkPhoto:hover {color:#0057BA;}

.table180180 {width:180px; height:180px;}

.article { font-size:1.1em; font-weight:bold; color:#0057BA;}
.phase2 {font-weight:bold; color:#0057BA;}

/* Documents */

.docsBox {width:430px; border:solid 1px #ccc; background:#F2F8FD; margin:0 0 15px 0}
.docsBox .p1 {width: 16px; height:18px; margin:0 0 5px 0; padding:2px 0 2px 4px; background:#E3EDF9; text-align:center;float:left;}
.docsBox .p2 {width: 405px; height:18px; margin:0 0 5px 0; padding:2px 0 2px 5px; color:#000; background:#E3EDF9; float:right;}
.docsBox h3 { margin:0; padding:0; font-size:0.8em; color:#000; }
.docsBox h3 span {margin:0; padding:0px; color:#000;}
.docsBox ul {margin:0; padding:0; padding-left:5px; list-style:none; background:#F2F8FD;}
.docsBox li {margin:0; padding:0; list-style:none;}
a.lnkBox:link, a.lnkBox:visited {color:#10218C; font-weight:bold; text-decoration:underline; font-size:1.0em}
a.lnkBox:hover {text-decoration:underline; color:#EE5E2E;}

h2.artGroups {font:bold 0.8em Arial, Helvetica, sans-serif; color:#888787; margin:0 0 5px 0; padding:0;}


.docsBox {display:block; float:left; width:430px; border:solid 1px #FFCC99;}
.docsBox h3 {}

div#pop_up {background:#fff; padding:10px; font:0.9em Arial, Helvetica, sans-serif;}
div#pop_up a {color:#000;}
div#pop_up a:hover {color:#EE5E2E;}

div#pop_up h2 {color:#EE5E2E; font-size:1.2em; text-transform:uppercase;}
div#pop_up h3 {color:#0057BA; font-size:1.0em;}

div#pop_up p {color:#000;}

.border {border:solid 1px #000;}
ul.navig {list-style:none;}
	ul.navig li {padding-top:9px; float:left; background:#fff;}
	ul.navig a {border-bottom:solid 3px #69AFFD; border-right:solid 1px #A5CEFD; color:#014694; font-size:0.8em; font-weight:bold; text-decoration:none; text-transform:uppercase;}
	ul.navig li:last-child a, ul.navig li.last a {border-right:0;}
	ul.navig a:hover {border-bottom-color:#EE5E2E; color:#EE5E2E;}

/* style pre mapu stranok */

ul.mapLevel1 { background:#fff color:#1A83BD; padding:0 0 5px 0; margin:0; list-style:none;}
ul.mapLevel2 { background:#fff color:#1A83BD; padding:0 0 6px 20px; margin:0; list-style:none;}
ul.mapLevel3 { background:#fff color:#1A83BD; padding:0 0 5px 20px; margin:0; list-style:none;}


/* styly pre menu */

.clCMEvent {position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs {position:absolute; visibility:hidden; left:0; top:0;}
.menuLinksOff {display:block; float:left;}

.menuLinksOn {background:#fff; border-bottom:3px solid #EE5E2E; font:10px Arial, sans-serif; text-transform:uppercase; color: #EE5E2E; text-decoration: none; padding: 7px 4px; border-right:0;}

.menuLinkBg { position:absolute; visibility:hidden}
.submenuLinksOff { text-align:left; position:absolute; padding:3px; font:normal 10px Arial, sans-serif; color:#fff; background-color:#EE5E2E; layer-background-color:#101859; cursor:pointer; border-top:1px solid #fff;}
.submenuLinksOn { text-align:left; position:absolute; padding:3px; font:normal 10px Arial, sans-serif; color:#fff; background-color:#EF6B3F; layer-background-color:#838EBE; cursor:pointer; border-top:1px solid #fff;}
.submenuLinkBg { /*opacity: .9; filter: alpha(opacity=100);*/ position:absolute; visibility:hidden; background-color:#EE5E2E; layer-background-color:#54616F;}

* { margin:0; padding:0; }
img { border:0; }

.bnrLeft {float:left; padding-bottom:15px;}
.bnrRight {float:right; padding-bottom:15px;}
.printIcon {float:right;}