/* CSS temp_01 */

/* Typography */
body {
  font: 75% 'Verdana', 'Helvetica CE', Arial, helvetica, sans-serif;
  background: #edf1f5 url(../img/bg_body.gif) repeat-x ;
  color: #000;
  text-align: left;
  margin:0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, .meta, .separ
{
line-height:20px;
margin:20px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #003b74;text-transform:uppercase;}

h1 { font-size: 2.2em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.0em;}
h4 { font-size: 1.0em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}

/* Text elements
-------------------------------------------------------------- */

p                {line-height: 150%; font-size: 1em;}

a:link {text-decoration: underline; color: #ff6600;}
a:visited {text-decoration: underline; color: #ff6600;}
a:hover {text-decoration: none; color: #000;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
sup, sub    { line-height: 0; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}

/* Lists
-------------------------------------------------------------- */

ul, ol      { margin: 0 1.5em 1.5em 50px;padding:0; }
li          {margin:0;padding:0;}

ul.extra    {list-style:none;position:relative;}
ul.extra li {background: url(../img/li_extra.jpg) no-repeat 0 6px;padding:0 0 0 20px;}

ul.mapa    {list-style:none;position:relative;}
ul.mapa li {background: url(../img/li_extra.jpg) no-repeat 0 6px;padding:0 0 0 20px;font-weight:bold;font-size:1.1em;}
ul.mapa ul li{font-size:0.9em;}
ul.mapa ul li a{color:#929294;}
ul.mapa ul ul li{font-weight:normal;}
ul.mapa ul ul li a{color:#929294;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/* Tables
-------------------------------------------------------------- */
table{ 
  margin: 20px; 
  border: 3px solid #8ca7c0;
  border-collapse: collapse;
  background-color: #fff; 
  font-size: 1em; 
  }
td{
  padding:6px 10px;
  border: 1px solid #ccc ;
  font-size: 0.9em;
  }
th{
  background-color: #edf1f5; 
  padding: 5px 10px; 
  color: #8ca7c0;
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
  }
.note {background-color: #eee;}

/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }
.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Body Elements
-------------------------------------------------------------- */

img{border: 0 }
hr {display: none;}


/* Form fields
-------------------------------------------------------------- */
div.formular{width:678px;font-size:0.9em;margin:30px 20px 20px 20px;border:1px solid #afc1d0;background:#cdd7e0;}

ul.form{margin:0;padding:0 0 0 20px;list-style:none;}
ul.form li{padding:5px 20px 0 0;float:left;width:307px;}
ul.form li.textarea, ul.form li.submit{width:635px;}

h3.form_nazev{margin:0;font-size:1.1em;font-weight:bold;position:relative;top:-10px;left:20px;color:black;}
h3.form_nazev span{border:1px solid #BDBBB7; background: #fff url(../img/bg_inputs.gif) no-repeat;padding:3px 20px;}

input, textarea, select{background: #fff url(../img/bg_inputs.gif) no-repeat;border:1px solid #afc1d0;padding:3px 5px;}
label{font-weight:bold;}
input{font-size:1.0em;width:297px;}
textarea{font-size:1.0em;font-family:Verdana;width:625px;}
select{font-size:1.0em;width:307px;}

input.submit{width:65px;font-weight:bold;padding:2px 0;margin-bottom:20px;position:relative;left:572px;background:#194e82;color:white;border:none;}

label.check{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.check{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}

label.radio{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.radio{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}


/*  ID for construction */
#page{
	background: #fff url(../img/bg_page.jpg) repeat-y ;
	width: 980px;
  text-align: left;
  position:relative;
}
#header{
  position:relative;
  background: #f4f7f9 url(../img/bg_header.jpg) no-repeat ;
  height: 110px;
}
#header h1{
  margin:0;
  font-size:0.9em; 
 }
#header h1 a{
  display: block;
  text-decoration: none;
  border-bottom:5px solid #ff6600;
  color: #003b74;
  width:490px;
  line-height:105px;
  height:105px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 240px;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0px;
  cursor: pointer;
  background: url(../img/logotype.gif) no-repeat ;
}

#mainlink{
  position: absolute;
  top: 12px;
  left: 750px;
	text-decoration: none;
  color: #003b74;
  }
 
#languages{
 position: absolute;
 top: 8px;
 right: 20px;
  }
#languages img{
margin:0px 3px 0 0px;
float:left;
border:1px solid #edf1f5;
}
#languages a{
display: block;
float:left;
text-decoration:none;
padding: 4px 7px ;
font-size:0.9em;
color:#003b74;
}
#languages a:hover img, #languages a:hover{
border-color: #fff;
color:#ff6600;
}
  
/*  search  */
#search 
{ border-bottom:5px solid #ff944c;
  padding: 22px 30px 20px 30px;
  position:absolute;
  left:730px;
  top:40px;
  background:#edf1f5;
}
#search input{
  border-top: 1px solid #6b6a6a;
  border-left: 1px solid #a2a2a2;
  border-bottom: 1px solid #fff;
  border-right: 0;
  margin: 0;
  font-size:0.9em;
  width: 160px;
  float: left;
  height:14px;
  color:#666666;
  background:#fff;
  padding:4px 3px 3px 2px;
}
#search .button{
  background: #fff url(../img/ico/search_ico.jpg) no-repeat;
  border: 0;
  padding:0;
  margin: 0;
  width: 24px;
  height: 23px;
  float: left;
  cursor: pointer;
}
/* content */  
#content_index{
	width: 740px;
  position:relative;
  overflow:hidden;
  float:right;
 	background: #fff;
}  
#content_index .maincontent{
 padding: 5px 5px 5px 15px;

 background: #fff url(../img/bg_maincontent.jpg) repeat-x;
}
#content_sekce{
	width: 740px;
  position:relative;
  overflow:hidden;
  float:right;
 	background: #fff;
}  
#content_sekce .maincontent{
 padding: 5px 5px 25px 15px;
 background: #fff url(../img/bg_maincontent.jpg) repeat-x;
}
h2 span{
color:#666;
font-size:0.7em;
}




.right_box{
width:250px;
float:right;
background:#fff;
margin-left:20px;
}
.right_box h3{
 margin:0;
 background:#194e82;
 color:#fff;
 padding: 10px 20px;
}
.right_box ul.rozcestnik{
margin:0;
padding:20px;
list-style:none;
}
.right_box ul.rozcestnik li{
position:relative;
}
.right_box ul.rozcestnik li a{
font-weight:bold;
display:block;
border-bottom:1px solid #edf1f5;
padding:4px 10px 4px 20px ;
text-decoration:none;
font-size:0.8em;
background: url(../img/rightbox_li.gif) no-repeat 6px 13px;
}
.right_box img{
border:3px solid #dddddd;
margin:5px 0;
}
.right_box h4{
margin-bottom:0;
}
.right_box p{
font-size:0.9em;
margin-top:5px;
}

/* sidebar */ 
#sidebar{
 width: 240px;
 float:left;
 position:relative;
 background:#edf1f5;
}
#sidebar .maincontent{
padding:40px 0 0 0;
background:none;
}  
.theme{
position:absolute;
width:240px;
height:170px;
top:-130px;
left:0px;
}
#quick_contact{
background: url(../img/bg_quickcontact.gif) no-repeat 145px 50px;
}
#quick_contact h2{
font-size:0.9em;
margin-bottom:0;
text-transform:none;
margin:20px 13px 0 13px;
}
#quick_contact h2 span{
color:#000;
font-weight:normal;
font-size:0.9em;
}
#quick_contact p{
font-size:0.9em;
margin:0px 13px 20px 13px;
}
#quick_contact p span{
position:absolute;
left:80px;
}
/*  navigation */

#navigation{
  background-color: #194e82;
  border-bottom: 5px solid #ff6600;
  padding-bottom: 30px;
 }
#navigation ul {
  padding:  20px 15px 0px 15px  ;
  margin: 0 ;
  list-style: none;
}

#navigation li {  
 position:relative;
}
#navigation li.m_9{
margin-top:20px;
}
#navigation a {
  display: block;
  padding:4px 10px 4px 20px ;
  text-decoration: none;
  color: white;
  font-size:0.8em;
  font-weight: bold;
  border-bottom: 1px solid #436d97 ;
  background: url(../img/nav_li.gif) no-repeat 6px 12px;
  text-transform: uppercase;
}
#navigation a.on{
color:#ff6600;
}
#navigation a:hover{
	color: #ddd;
	border-color: #517ca7;
	background: none;
}  
#navigation ul ul{
   padding:  5px 20px 20px 20px  ;
}
#navigation ul ul a{
font-weight:normal;
text-transform: none;
font-size:0.8em;
padding:1px 10px 1px 10px ;
background: url(../img/nav_li_li.gif) no-repeat 0px 10px;
border:none;
}
#navigation ul ul a:hover{
background: url(../img/nav_li_li.gif) no-repeat 0px 10px;
}

/* footer */
#footer{
  clear: both;
  position:relative;
  height:160px;
  border-top:6px solid #8ca7c0;
  background:#fff;
  }
    
#footer .in{
	background:#f5f7fa;
	width: 980px;
	height:86px;
	margin-top:-6px;
	font-size: 0.8em;
	border-top: 1px solid #ff6600;
}
#footer p{
	 margin: 0;
  line-height:86px;
  height:86px;
  float:left;
  padding:0 20px;
  }  
#footer p.publicita{
margin-left:80px;
}
#footer p.publicita img{
margin-top:10px;
}
#footer p.nav{
margin-left:165px;
}

#bottom{
width:980px;
background:#fff;
height:80px;
	font-size: 0.8em;
}
#bottom p{
margin:0;
height:80px;
line-height:80px;
float:left;
}
#bottom p.creactive{
margin-left:500px;
}
#bottom p img{
margin-top:20px;
}
#bottom p.creactive a{
text-decoration:none;
color:#000;
}
/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #ebf0f2  ; line-height: 1px; font-size: 1px; height: 1px; margin: 20px;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}
.loud{}
.silent{color:#929294;}
.bg_silent{background:#cdd7e0;}
.bg_loud{}
.colborder{border:1px solid #afc1d0; }
.partneri{margin:5px 7px;float:left;}


/*  Search results  */
#search_results{
margin:20px;
position:relative;
padding:20px;
}
#search_results h2{
font-size:1.0em;
font-weight:bold;
margin:0;
}
#search_results p{
margin:10px 0;
}
#search_results ul.extra{
margin-left:0px;
}
.results_search{
padding:10px 0;
height:25px;
clear:both;
margin:0px 0 10px 0;
}
.results_search input{
  border-top: 1px solid #6b6a6a;
  border-left: 1px solid #a2a2a2;
  border-bottom: 1px solid #fff;
  border-right: 0;
  margin: 0;
  font-size:0.9em;
  width: 150px;
  float: left;
  height:14px;
  color:#666666;
  padding:4px 2px 3px 2px;
  background:#fff;
}
.results_search .button{
  background: #fff url(../img/ico/search_ico.jpg) no-repeat;
  border: 0;
  padding:0;
  margin: 0;
  width: 24px;
  height: 23px;
  float: left;
  cursor: pointer;
}
h3.search_titulek{
font-size:1.1em;
font-weight:bold;
text-align:right;
}
h3.search_titulek a{
color:#25328c;
float:left;
}
h3.search_titulek span{
font-weight:normal;
font-size:0.9em;
}
a.search_link{
padding-left:20px;
background: url(../img/li_extra.jpg) no-repeat 0 4px;
}

/*  Ankety  */
#poll{
padding:20px;
font-size:0.9em;
background:#f4f7f9;
}
#poll h3{

}
#poll p{
margin:5px 0 10px 0px;
color:#003b74;
}
#poll ul{
margin:0;
list-style:none;
}
#poll ul li{
padding:0 0 5px 0;
position:relative;
} 
#poll ul li span.procenta{
position:absolute;
top:21px;
font-size:0.9em;
left:5px;
}
.poll_graf{
background:#edf1f5;
border-top:1px solid #d2dde7;
clear:both;
}
.poll_graf img{
background:#fbdf56;
display:block;
border:none;
margin:0;
}
/*  clanky  */
.clanek{
border-bottom:1px dotted #666;
margin:0 20px;
}
.clanek .date{
display:block;
font-size:0.9em;
margin:15px 0px 0 0px;
color:#666;
}
.clanek h3{
margin:5px 0px 5px 0px;
font-size:1.0em;
}
.clanek h3 a{
text-decoration:none;
}
.clanek p{
margin:5px 0px 0 0px;
font-size:0.9em;
padding-bottom:15px;
}
p.archiv{
text-align:right;
}
.clanky_stranky a{
text-decoration:none;
color:#fff;
font-weight:bold;
padding:2px 6px;
background:#8ca7c0;
margin:0 5px 0 0;
}

.clanek_detail h2{
margin:20px 20px 5px 20px;
}
.clanek_detail .date{
display:block;
margin:5px 20px 0 20px;
color:#666;
}
.clanek_detail .uvod{
border-bottom:1px dotted #666;
font-size:1.2em;
padding-bottom:20px;
margin:20px;
}
.clanek_detail .uvod p{
margin:0;
}

/*  Soubory  */
ul.download{
margin:20px;
padding:0px 70px 0 0;
list-style: none;

}
ul.download li{
  padding: 4px 8px ;
  margin: 3px 0; 
  border-bottom: 1px solid #ddd ;
  text-align: right;
  color: #999;
}
.download img{
float:left;
margin-right:5px;
}
.download li a{
  float: left;
}

/*  Fotogalerie  */
.galerie{
border-top:1px solid #c6d3dd;
margin:0px 20px;
padding:9px 0;
position:relative;
}
.galerie.hover{
background:#e0e7ef;

}
.galerie a img{
margin-right:10px;
border:1px solid #e9e9e9;
padding:1px;
float:left;
position:relative;
}
.galerie h3{
margin:15px 0 0 0;
font-weight:bold;
font-size:1.2em;
}
.galerie h3 span{
font-size:0.8em;
color:#929294;
font-weight:normal;
}
.galerie p {
	background: white;
	border:1px solid #e9e9e9;
	border-left:none;
	height: 68px;
	position: absolute;
	top:9px;
	left: 104px;
	margin:0px;
	width:510px;
	display: none;
	color:#25328c;
	z-index:90;
	padding:10px 20px 0 20px;

}
/*  Zvolená fotogalerie výpis  */
.gal_foto{
margin:20px;
}
.gal_foto img{
margin:4px;
}