@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; }

.cleaner { clear:both; font-size: 1px; }
.cleaner-left { clear:left; font-size: 1px; }		
.cleaner-right { clear:right; font-size: 1px; }

body {   }

#top_bg_1 { width: 100%; background: url(../img/bg_top_1.jpg) top repeat-x;  }
#top_bg_2 { width: 100%; background: url(../img/bg_top_2.jpg) center top no-repeat;  }
#top_bg_3 { width: 100%; background: url(../img/bg_top_3.png) top repeat-x; }

#bottom_bg { background: url(../img/bg_page_bottom.jpg) bottom repeat-x; }


#page_column { margin: 0 auto; width: 1118px; }

#page_top { position: relative; height: 300px;  }
#page_mid {  }
#page_bottom { position: relative; height: 121px;  }

 /*page top */
 
 	#lang { position: absolute; top: 0; right: 15px; width: 100px;  }
	#lang a { display: inline-block; width: 31px; height: 32px; background: url(../img/bg_lang.jpg) no-repeat; font-size: 11px; color: #313131; text-align: center; line-height: 22px; text-decoration: none }
	#lang a:hover { background: url(../img/bg_lang_over.jpg); color: #fff  }
	#lang a.active { display: inline-block; width: 31px; height: 32px; background: url(../img/bg_lang_over.jpg) no-repeat; font-size: 11px; color: #fff; text-align: center; line-height: 22px; text-decoration: none }
	
	#home { position: absolute; top: 28px; left: 934px; width: 122px; height: 83px; }
	
	
	
	#top_header { position: absolute; top: 41px; left: 9px; width: 1100px; height: 181px;  }
	#top_banner { height: 174px; background: url(../img/top_header.jpg) no-repeat; }
	#th_l { position: absolute; bottom: 0; left: 0; width: 20px; height: 7px; background: url(../img/bg_th_l.png) }
	#th_r { position: absolute; bottom: 0; right: 0; width: 20px; height: 7px; background: url(../img/bg_th_r.png) } 
	#th_m { position: absolute; bottom: 0; left: 20px; width: 1060px; height: 7px; background: url(../img/bg_th_m.png) repeat-x }

	#topmenu { position: absolute; top: 229px; left: 9px; }
	 

	
	
#menu {list-style-type: none; display:block; line-height:100%;}
#menu li {float: left; width: 154px; height: 59px; margin: 0 2px 0 1px; line-height:16px; position: relative;}
#menu  li.green { background: url(../img/bg_topmenu_green.png) }
#menu  li.blue { background: url(../img/bg_topmenu_blue.png) }  
#menu  a:link  {display: block; padding: 3px 0 0 0; width: 154px; height: 59px; text-align: center; font-size: 12px; color: #fff; text-decoration: none}
#menu a:visited {display: block; padding: 3px 0 0 0; width: 154px; height: 59px; text-align: center; font-size: 12px; color: #fff; text-decoration: none }
#menu a:hover  {display: block; padding: 3px 0 0 0; width: 154px; height: 59px; text-align: center; font-size: 12px; color: #fff; text-decoration: none; font-weight:bold}
#menu  a.active   { display: block; font-weight:bold;  width: 154px; height: 59px; text-align: center; font-size: 12px;   text-decoration: none;  }
#menu  span  {display: block; padding: 7px 0 0 0; width: 154px; height: 59px; text-align: center; font-size: 12px; color: #fff; text-decoration: none}

/* druha uroven */
#menu li:hover ul {display: block; width:215px; margin-left:3px;  padding:5px 5px 8px 10px}
#menu li ul { list-style: none; display: none; position: absolute; height:180px; top: 57px; left: 0; background:#5B97D3; }
#menu li ul li {  padding-bottom:10px;  margin:0px; line-height:80%; height:10px;  }
#menu li ul li a:link { text-align:left; font-size: 11px;}
#menu li ul li a:visited {text-align:left; }
#menu li ul li a:hover {text-align:left; }


	
/* page mid */

	#left_column { float: left; width: 185px;  }
	
	#mid_column {  padding-left: 190px; }
	#mid_column_content { float: left; padding: 35px 0 0 0px; width: 660px;  }
	
	#right_column { padding: 35px 0 0 660px; }
	#right_column_content { width: 267px; }
	
	
	
		#leftmenu{ background: url(../img/bg_leftmenu_body.jpg) center repeat-y; }
		#leftmenu_top { background: url(../img/bg_leftmenu_top.jpg) top no-repeat; }
		#leftmenu_bottom { min-height: 257px; padding: 0 0 15px 0; background: url(../img/bg_leftmenu_bottom.jpg) bottom no-repeat; }
		
		#leftmenu h3 { padding: 16px 0 0 21px; font-size: 14px; color: #0062af; font-weight: normal;  }
		#leftmenu ul { list-style: none; margin: 10px 0 0 21px; }
		#leftmenu ul li { min-height: 20px; padding: 0 0 0 28px; margin: 0 0 5px 0; background: url(../img/bg_leftmenu_a.png) left top no-repeat;  }
		#leftmenu ul li.active { font-weight:bold ;  }
		#leftmenu ul li ul { display: none; }
		#leftmenu ul li.active ul { margin: 8px 0 0 0px; display: block; padding:0px ;  font-size:10px; font-weight:bold }
		#leftmenu ul li ul li { min-height: 10px; padding: 0px 0 0 0; margin: 0px 0 5px 0px; background: transparent;  }
		#leftmenu ul li ul li a:link, #leftmenu ul li ul li a:visited { font-size:10px;  }
		 #leftmenu ul li ul li.active { font-size:10px;  text-decoration: underline;}
		#leftmenu ul li a {  font-size: 12px; color: #1b496c; text-decoration: none }
		#leftmenu ul li a:hover {  font-size: 12px; color: #1b496c; font-weight:bold }
		
		#certifikaty{ background: url(../img/bg_certifikaty_body.jpg) center repeat-y; }
		#certifikaty_top { background: url(../img/bg_certifikaty_top.jpg) top no-repeat; }
		#certifikaty_bottom { padding: 0 0 20px 0; min-height: 257px; background: url(../img/bg_certifikaty_bottom.jpg) bottom no-repeat; }
		
		#certifikaty ul { list-style: none; margin: 14px 0 0 22px;  }
		#certifikaty ul li { float: left; width: 67px; margin: 0 11px 20px 0; }
		#certifikaty ul li a img { width: 67px; height: 94px;  }
		
		#certifikaty h3, #kontakt h3 { padding: 16px 0 0 10px; font-size: 14px; color: #326e44; font-weight: normal;  }
		#kontakt p { padding: 0 0px 15px 10px; font-size: 11px; color: #313131; font-weight: normal;  }
		#kontakt p.green { color: #326e44; font-size: 11px;}
		#kontakt p.green a { color: #326e44; font-size: 11px; }
		
		#kontakt{ background: url(../img/bg_kontakt_body.jpg) repeat-y; line-height:105%; }
		#kontakt_top { background: url(../img/bg_kontakt_top.jpg) top no-repeat; }
		#kontakt_bottom { min-height: 245px; background: url(../img/bg_kontakt_bottom.jpg) bottom no-repeat; }
		
		#uvod { width: 927px;   background: url(../img/bg-uvod-telo.jpg) repeat-y; }
		#uvod_obsah {  overflow: hidden;   background: url(../img/bg_uvod1.jpg) no-repeat; overflow: hidden; line-height:120%; margin-bottom:10px; }
		#uvod h2 { padding: 31px 0 0 31px; font-size: 16px; color: #326e44;   }
		#uvod p { padding: 11px 306px 0 31px; font-size: 12px; color: #313131;  }
		
		#uvod-page { width: 927px;	 background: url(../img/bg-uvod-page.jpg) repeat-y; overflow: hidden ; min-height: 940px }
		#uvod-page-top {   background: url(../img/bg-uvod-page-top.jpg) no-repeat; height:10px; width: 927px;	  }
		#uvod-page-bottom {   background: url(../img/bg-uvod-bottom.jpg) no-repeat; height:12px; width: 927px;	 margin-bottom:0px }
		
		.page-content {padding:20px 50px 20px 30px; font-size:13px; }
		.page-content p {text-align:justify; padding: 5px 0px 5px 0px; line-height:150%}
		.page-content div {text-align:justify; padding: 0px 0px 10px 0px; margin:0px; }
		.page-content h2 { padding: 0px 0px 10px 0px; font-size: 18px; color: #326e44;   }
		.page-content h3 { padding: 10px 0px 5px 0px; font-size: 13px; color: #0045BF; font-weight:bold   }
		.page-content ul { padding: 8px 0px 10px 25px; margin-left:10px  }
		.page-content ul  li{ padding: 0px 0px 8px 0px; }
		.page-content ol { padding: 8px 0px 10px 25px; margin-left:20px  }
		.page-content ol  li{ padding: 0px 0px 8px 0px; }
		
		.page-content h3.zelena  { padding: 10px 0px 5px 0px; font-size: 15px; color: #326e44; font-weight:bold   }
		
		#mid_column_content {  }
		#mid_column_content h2 { font-size: 22px; color: #326e44; text-align:left;}
		#mid_column_content h3 { padding: 15px 0 0 15px; font-size: 16px; color: #326e44; font-weight: normal  }
		#mid_column_content p { padding: 0 30px 10px 15px; font-size: 11px; color: 313131; }
		
		#mid_column_content_en { width:920px; text-align:center; padding-top:20px }
		#mid_column_content_en h2 { font-size: 22px; color: #326e44;  }
		
	
		
		ul.posledni { margin: 0px; list-style: none;  }
		ul.posledni li { float: left; margin: 0 2px 35px 0; width: 210px;  }
		
		ul.posledni ul  {font-size:11px; padding:0px; margin:0px 0px 0px 30px; list-style-type:disc }
		ul.posledni ul li  {width:180px; padding:5px 0px 3px 0px; margin:0px}
		
		
		.projekty { width: 217px; height: 153px; background: url(../img/bg_projekty_img.png) no-repeat;  }
		.projekty img { margin: 14px 0 0 15px; width: 184px; height: 118px; }
				
		#projekty-archiv {margin:30px 10px 40px 20px;  padding-bottom:5px; }
		#projekty-archiv img {float:left; padding:0px 0px 10px 0px}
		#projekty-archiv h3 {padding: 0px 0px 0px 0px; font-size: 14px; color: #006DB7; font-weight:bold}
		#projekty-archiv a {color: #006DB7;}
		#projekty-archiv p {line-height:150%; text-align:justify; padding:5px 25px 5px 0px; margin:0px}
		.text {margin-left:185px;}
		.oddelovac {border-bottom: 1px solid #fff ; width:80%; margin:20px 0px 0px 90px; }
		
		.advancedNavigaceTop {border-bottom: 1px solid #fff ;text-align:center; margin:20px; padding:10px 0px; font-size:10px}

		#mid_column_content ul.posledni li p { padding: 15px 10px 0 16px; font-size: 11px; color: 313131; text-align: justify;   }
		#mid_column_content ul.posledni li h3 {font-size:13px; font-weight:bold;  color: #006db7; line-height:150%; text-align:center; margin:0px; padding:0px}
		#mid_column_content ul.posledni li a {color: #006db7; }
		
		#mid_column_content h2 {text-align:center}
		#mid_column_content h3 {text-align:center; line-height:150%}

		
		#co_je_noveho { width: 267px; background: url(../img/bg_co_je_noveho.png) top no-repeat; min-height: 298px  }
		#co_je_noveho h2 { padding: 23px 0 0 30px; font-size: 18px; color: #326e44; }
		#co_je_noveho h3 { padding: 10px 0 0 30px; font-size: 10px; color: #006db7; }
		#co_je_noveho p { padding: 0 31px 0 30px; font-size: 10px; color: #595959;  overflow: hidden; text-align:justify }
		#co_je_noveho p span {color: #326e44; font-weight: bold; }
		#co_je_noveho p.vice { padding: 5px 31px 0 0; text-align: right; font-weight: bold; color: #006db7;  }
		#co_je_noveho p a:link { font-weight: bold; color: #006db7;    }
		
		
		#odkazy { position: absolute; top: 36px; left: 85px; font-size: 12px; color: #535353; }
		#odkazy a { font-size: 12px; color: #535353; text-decoration: none; }
		#odkazy a:hover { text-decoration: underline  }
		
		#copyright { position: absolute; top: 36px; left: 777px; font-size: 12px; color: #535353; }
		
		#copyleft { position: absolute; top: 22px; right: 109px; width: 115px; height: 38px; background: url(../img/createdbyadent.jpg) no-repeat;  }
		
		.knihovnaFotogalerieFoto {border:1px solid #326e44 }
		
		table { }
		table td { width:300px; padding:5px }
		table tr {vertical-align:top}
		
		
		
		table.reference   {width:600px; margin:20px 0px 0px 20px}
		table.reference td {padding:5px; border-bottom:1px solid #D5F1D8}
		table.reference th {text-align:left; border-bottom:1px solid #D5F1D8}

		table.emailform   { margin:10px 20px 0px 0px; border:1px solid #1D9F59; width:300px; font-size:11px}
		table.emailform td {padding:5px; border-bottom:1px solid #D5F1D8}
		table.emailform  input  {width:200px; font-size:11px; padding:3px}
		table.emailform  td.button input  {width:150px; margin-left:30px; font-size:12px }
		table.emailform textarea {width:205px; height:70px;  font-size:11px}
		table.emailform th {text-align:left; padding:5px; border-bottom:1px solid #D5F1D8}
		
		.aktuality  p {text-align:justify}
		.align-right { text-align: right; font-size:12px; padding-right:20px; }
		div.align-right { text-align: right; font-size:12px; padding-right:20px;}
        


.fotoGaleryFoto { width:270px; height:180px; text-align:center; padding:15px 5px 58px 15px;  float:left; display: table-cell; vertical-align:middle;   }

.fotoGaleryFoto img {border:3px solid #fff}

.fotoGaleryVypis { width:270px; height:225px; padding:15px 0px 18px 0px; float:left; display: table-cell; vertical-align:middle;}
.fotoGaleryVypis p {text-align:center}
.fotoGaleryVypis img {border:3px solid #fff; margin-bottom:5px}
.fotogaleryText {padding: 16px 0 0 21px; font-size: 14px; color: #0062af; font-weight: bold; }

.clearer {
	clear: both;
	height: 0px;
	font-size: 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	visibility: hidden;
}

.advancedNavigaceDown {padding-left:200px}