/* CSS temp_01 */

/* Typography */
body {  
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 background: white ;
 margin:0;
 color: #333333;
 text-align: left;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, fieldset, .meta, .separ, 
{    
margin:0px 20px 20px 0px;
}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000000;margin-bottom:4px; margin-top:8px;}

h1 { font-size: 2.0em;color:#666666;font-weight:normal;margin-bottom:20px;margin-top:15px;  }
h2 { font-size: 1.4em;  }
h3 { font-size: 1.3em;   }
h4 { font-size: 1.2em;   }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p                {line-height: 160%; font-size: 1em;margin:0 20px 0 0;padding-bottom:1.0em;}
p.extra{font-size: 1.2em;}

a                {text-decoration: underline; color: #1f406c;}
a:hover          {text-decoration: none; color:#cd0000; }
a:hover .foto    {border-color: #1581b1;filter:alpha(opacity=75);opacity: 0.75;}

strong      { font-weight: bold; }
sup, sub    { line-height: 0; }
strong      { font-weight: bold; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      {margin-left:20px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

table{
  width:100%;
  border: none;
  font-size: 1em;
  border-collapse: collapse;
  }
th,td{
	padding:3px 3px;
  font-size: 1em;
  border: none;
  }
.form{
  border: none;
  }
th{
  background-color: #b2b3b5;
  padding: 5px 5px;
  color: white;
  font-size: 1em;
  text-align: center;
  }
.licha {background-color: #cdebf8;}
.licha:hover {background-color: #f6fbb9;}
.suda {background-color: #e7f3f8;}
.suda:hover {background-color: #f6fbb9;}
.note { font-size: 0.9em;}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: 0.8em;}
.large      { font-size: 1.2em;}


.foto       {	border: 2px solid #d9eef7 ;margin:0px 10px 0 10px;}
.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Body Elements
-------------------------------------------------------------- */

img{border: 0 }
address{line-height: 140%; font-size: 1.2em; font-style: normal; }
strong {font-weight:bold;}
hr {display: none;}


label       { font-weight: bold; }
fieldset    { padding:1.4em; border:none; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
  }


input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; font-family:arial;}
input.submit{
font-weight: bold;
width: auto ;
padding: 2px 10px ;
float:right;
margin-right:45px;
}

/*  ID for construction */
#page{
  width: 900px;
  text-align: left;
  margin: 0 ;
  padding: 0 ;
  background:white;
  }

#header{
  position:relative;
  background: #f4f4f4 url(../img/bg_header.jpg) no-repeat ;
  height: 129px;
   }
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  font-size:1.4em;
  font-weight:bold; 
 }
#header h1 a{
  display: block;
  text-decoration: none;
  color: black;
  width: 231px;
  line-height: 77px;
  height: 77px;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0px;
  background:none;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  cursor: hand;
  background: url(../img/logotype.gif) no-repeat ;
}

#quicknav{
   position: absolute;
  top: 32px;
  right: 230px;
  }
#quicknav a{
  display: block;
  float: left;
  padding: 4px 8px 5px 28px ;
  margin-right: 10px;
  text-decoration:none;
  color:#838383;
  background-position: 2px 2px;
  background-repeat:no-repeat;
  font-size:0.9em;
}
#quicknav a.q_kontakt{
 background-image: url(../img/ico/ico_mail.gif);
}
#quicknav a.q_sitemap{
 background-image: url(../img/ico/ico_sitemap.gif);
}
#quicknav a:hover{
  background-color: #f0f0f0;
}

/*  search  */
#search 
{
  padding: 10px 20px 10px 20px;
  height: 27px;
  position:absolute;
  right:0px;
  top:22px;
}
#search input{
  border-top: 1px solid #b4b4b4;
  border-left: 1px solid #d0d0d0;
  border-bottom: none;
  border-right: none;
  margin: 0;
  width: 150px;
  float: left;
  padding:4px 0 4px 4px;
  font-size:0.9em;
  color:#838383;
  background:white;
  height: 13px;
  position:relative;
}
#search .button{
  background: #fff url("../img/search_ico.jpg") no-repeat top;
  border: 0;
    position:relative;
  width: 26px;
  float: left;
  cursor: pointer;
  height: 22px;
  }
  
  
/*  Vyhledavani vypis */
.vyhledavani h3.title{
margin:20px 20px 5px 0px;
font-size:1.2em;
}
.vyhledavani h3 a{
text-decoration:none;
}
.vyhledavani p.vypis_stranka{
padding:0;
margin:0;
}

/*  navigation */

#navigation{
  background: #ebebeb;
  height: 29px;
  position: absolute;
  top: 100px;
  width: 900px;
 }
#navigation ul {
  height: 29px;
  margin: 0;
  padding: 2px 0 1px 1px;
  list-style: none;
}

#navigation li {
  float: left;
  margin: 0 ;
  padding: 0 ;
  position:relative;
  }
#navigation a {
  display: block;
  float: left;
  color: #646464;
  line-height: 26px ;
  height: 26px;
  text-decoration: none;
  padding: 0 10px;
  text-align: left;
  text-transform:uppercase;
}
#navigation a.on {
  color:#cd0000;
  background-color: white;
}

#navigation li:hover, #navigation a:hover {
 background-color: #969696;
 color:white;  
}


/* content */
#content{
  float: right;
  width: 700px;
  position:relative;
   }
.maincontent{
padding: 20px 0px 40px 20px ;
}

.maincontent_sekce{
padding: 25px 0px 40px 20px ;
}

/* middlebar  */
#middlebar{
float:left;
width:460px;
padding-right:20px;
overflow:hidden;
}
.border_top{
height:20px;
border-bottom:1px dotted #999999;
}

.intro{

padding:0px;
position:relative;

}

p.tel{
background: url(../img/ico/ico_tel.gif) no-repeat 0 10px; 
padding:5px 0 5px 30px  ;
margin:0px 20px 0px 0px;
font-size:1.3em;
}
p.email{
background: url(../img/ico/ico_mail_2.gif) no-repeat 0 7px; 
padding:0px 0 5px 30px  ;
margin:0px 20px 0px 0px;
font-size:1.3em;
}
p.email a{text-decoration:none;}
p.adres{
background: url(../img/ico/ico_adress.gif) no-repeat 0 10px; 
padding:5px 0 5px 30px  ;
margin:0px 20px 20px 0px;
font-size:1.3em;
}
p.small{
font-size:1.0em;
}

h3.kat{
margin:0 10px 1px 0;
font-size:0.9em;
background: url(../img/bg_kat.gif) no-repeat 20px 4px ;
font-weight:bold;
padding:0px 0px 10px 40px;
color:#002459;
}
h3#Kontakty{
display:none;
}
.org_head{
background:#a7a8a8;
text-align:center;
padding:1px 0;
}
.org_body{
width:153px;
margin:10px 0 0 0;
float:left;
background:#e0e0e0;
text-align:center;
position:relative;
height:250px;
}
.org_body h3{
font-size:1.1em;
}
.org_body h3.small{
font-size:0.8em;
}
.org_body ul{
position:absolute;
top:50px;
margin:0;
padding:0;
left:0px;
list-style:none;
}
.org_body li{
margin:0;
margin-top:8px;
width:133px;
margin-left:9px;
}
.org_body li a{
font-size:0.8em;
padding:5px 0;
display:block;
background:#a7a8a8;
text-decoration:none;
color:black;

}
.org_body li a:hover{
background:#f5f5f6;
}

.highlight{
position:relative;
margin:5px 5px 0 0px;
padding:5px;
float:left;
width:210px;
}
 
.highlight small{
font-size:0.8em;
font-weight:normal;
}

.highlight span{
position:absolute;
font-weight:bold;
color:white;
background:#1b3b6a;
font-size:1.1em;
padding:6px 7px 0px 7px;
display:block;
text-decoration:none;
line-height:110%;
height:48px;
width:156px;
top:5px;
left:54px;
cursor: hand; cursor: pointer;
}

.highlight a:hover span {color:#379cc5;}

.foto_highlight{
border: 2px solid #1b3b6a;
}
a:hover .foto_highlight    {;filter:alpha(opacity=75);opacity: 0.75;}

/* Tisknout a nahoru  */
.meta{
  text-align: right;
  margin:15px;
}
.meta a{
padding: 2px 0px 5px 22px ;
color:#666666;
font-size:0.9em;
}
.meta a:hover{
color:#cd0000;
}
/* Pomocne vypisy menu  */
#vypis ul.subnav{
margin:0;
padding:0;
list-style:none;
}
#vypis li{
float:left;
margin:5px;
background:#e0e0e0;
width:133px;
padding:5px;
}
#vypis li a{
display:block;
text-decoration:none;
font-weight:bold;
}


/* Vypis clanku index  */
.clanky_index h3.clanek_header{
font-size:1.1em;
position:relative;
font-weight:bold;
margin:0;
padding:0 0 0 180px;
color:#002459;
}
.clanky_index h3.clanek_header a{
text-decoration:none;
color:#000000;
}

.clanky_index h3.clanek_header a:hover{
color:#cd0000;
text-decoration:underline;
}

.clanky_index p.clanek_date{
padding:15px 0 0 180px;
color: #999999;
font-size:0.9em;
margin:0;
}
.clanky_index span.clanek_obrazek{
margin:20px 0px 0 0px;
float:left;
}
.clanky_index .clanek_detail p{
border-bottom:1px dotted #999999;
padding:5px 0 25px 180px;
margin:0;
height:auto;
font-size:1.0em;
}
a.more_news{
background: url(../img/more_news.jpg) no-repeat right 4px ;
padding: 5px 25px 5px 0px;
color:#767676;
float:right;
margin:10px 0;
text-decoration: none;
}

/* Vypis clanku */
h3.clanek_header{
font-size: 1.8em;
margin:0;
padding:18px 0px 0 0px;
}
h3.clanek_header a{
text-decoration:none;
}

h3.clanek_header a:hover{
color:#cd0000;
text-decoration:underline;
}


p.clanek_date{
padding:5px 5px 0 0px;
color: #666666;
margin:0;
}
span.clanek_obrazek{
margin:20px 0px 0 20px;
float:right;
}
.clanek_detail p{
padding:15px 0px 20px 0px;
margin:0 0 20px;
border-bottom:1px dotted #999999;
font-size:1.2em;
}
h1.clanek_header{
font-size: 1.8em;
margin:0;
padding:18px 0px 0 0px;
}

/* rightbar */
#rightbar{
width:200px;
float:right;
}

#rightbar h2{
margin:0 10px 5px 0px;
color:white;
background: #646464 ;
font-size:1.0em;
font-weight:bold;
padding:5px 0 4px 10px;
position:relative;
}

#rightbar h3{
position:relative;
border-bottom:1px dotted #999999;
padding:0px 0px 10px 40px;
margin:0 10px 20px 0;
font-size:0.9em;
background: url(../img/ico/ico_mail_2.gif) no-repeat 15px 2px ;
font-weight:bold;
}
#rightbar h3.section{
padding:0px 0px 10px 40px;
top:-5px;
background: url(../img/ico/ico_mail_2.gif) no-repeat 15px 2px ;
}
#rightbar h3 a{
text-decoration:none;
color:#666666;
}
#rightbar h3 a:hover{
color:#cd0000;
}
#rightbar ul.download{
margin:0 10px 5px 0px;
padding:5px 0 5px 10px;
list-style:none;
}
#rightbar ul.download li{
margin:4px 0;
}

#rightbar ul.download li a{
color:#333333;
padding-left:15px;
font-size:0.9em;
background:  url(../img/ico/ico_news.gif) no-repeat  0 3px;
text-decoration:none;
}
#rightbar p{
margin:10px 10px 10px 10px;
}
#rightbar p.m0{
margin:0;
}
/* leftbar */
#leftbar{
  width: 200px;
  float: left;
  overflow:hidden;
  position:relative;
}
#leftbar.absolute{
position:absolute;
left:-200px;
top:0px;
}
#leftbar .maincontent{
padding: 20px 0px 0px 0px ;
}

#leftbar .box1 h2{
margin:0 -10px 5px -10px;
color:white;
background: #646464 ;
font-size:1.0em;
font-weight:bold;
padding:5px 0 4px 10px;
position:relative;
}

#leftbar .box1{
background: white url(../img/leftbar_box.jpg) no-repeat bottom;
padding: 0px 10px 20px 10px;  
margin-bottom:15px;
position:relative;
}

/* leftbar  MENU  */

#leftbar ul.subnav {
margin:0;
margin-bottom:15px;
list-style:none;
padding:0;
}
#leftbar ul.subnav li{
margin:0;
padding:0;
border-top:1px solid #d9d8d8;
}

#leftbar ul.subnav li a {
  display: block;
  height:auto;
  text-decoration: none;
  color:#4d4c4c;
  padding:5px 5px 5px 10px;
  margin:0;
}
#leftbar ul.subnav li a.on{
color: #cd0000;
font-weight:bold;
}
#leftbar ul.subnav li a:hover{
background:#efefef;
}

/* menu deti 1 */
#leftbar ul.subnav ul{
margin:0 0 5px 15px;
list-style:none;
padding:0;
z-index:90;
}
#leftbar ul.subnav ul li{
border:none;
}
#leftbar ul.subnav ul li a{ 
padding:3px 0 5px 5px;
font-size:1.0em;
}
#leftbar ul.subnav ul li a:hover{
color:#000;
background:none;
} 
#leftbar ul.subnav ul ul li a{ 
font-size:0.8em;
}
/* leftbar  Vypis clanku  */
#leftbar h3.clanek_header{
margin:0;
padding:0 0 10px 0;
color:black;
font-size:0.9em;
line-height:130%;
border-bottom:1px dotted #999999;
position:relative;
font-weight:normal;
}
#leftbar h3.clanek_header a{
text-decoration:none;
color:black;
}

#leftbar h3.clanek_header a:hover{
color:#cd0000;
text-decoration:underline;
}

#leftbar p.clanek_date{
background: url(../img/ico/ico_news.gif) no-repeat 0 13px;
padding: 10px 0 0 20px;
margin:0;
color: #999999;
font-size:0.9em;
}

#leftbar .clanek_detail p{
display:none;
}

#leftbar p.clanek_date a{
color: black;
text-decoration:none;
}
#leftbar p.clanek_date a:hover{
text-decoration:underline;
color:#cd0000;
}

#leftbar span.clanek_obrazek{
display:none;
}

/* Zpravy  Vypis clanku  */
#zpravy h3.clanek_header{
margin:0;
padding:0 0 10px 0;
color:black;
font-size:0.9em;
line-height:130%;
position:relative;
font-weight:normal;
}
#zpravy h3.clanek_header a{
text-decoration:none;
color:black;
}

#zpravy h3.clanek_header a:hover{
color:#cd0000;
text-decoration:underline;
}

#zpravy p.clanek_date{
background: url(../img/ico/ico_news.gif) no-repeat 0 13px;
padding: 10px 0 0 20px;
margin:0;
color: #999999;
font-size:0.9em;
}

#zpravy .clanek_detail p{
display:none;
}

#zpravy p.clanek_date a{
color: black;
text-decoration:none;
}
#zpravy p.clanek_date a:hover{
text-decoration:underline;
color:#cd0000;
}

#zpravy span.clanek_obrazek{
display:none;
}
/* články stránkování  */
.clanky_stranky{
margin:20px 0;
}
.clanky_stranky a{
background:#646464;
padding:2px 6px;
margin:0 6px 0 0;
color:#fff;
font-weight:bold;
text-decoration:none;
}
/*  ico  */
.ico{
	padding-left: 22px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
.gif{background-image: url(../img/ico/file-gif.gif);}
.jpg{background-image: url(../img/ico/file-jpg.gif);}
.xls{background-image: url(../img/ico/file-xls.gif);}
.zip{background-image: url(../img/ico/file-zip.gif);}
.pdf{background-image: url(../img/ico/file-pdf.gif);}
.doc{background-image: url(../img/ico/file-doc.gif);}
.cdr{background-image: url(../img/ico/file-cdr.gif);}
.go{background-image: url(../img/ico/file-go.gif);}
.mov{background-image: url(../img/ico/mov.gif);}
.up{background-image: url(../img/ico/go_home.gif);}
.print{background-image: url(../img/ico/printer.gif);}

/* footer */
#footer{
  clear: both;
  font-size: 0.8em;
  text-align: right;
  border-top:1px solid #dedede;
  padding-right:20px;
  padding-bottom:60px;;
	  }
#footer p{
  margin: 0 ;
  padding: 10px 0px 0px 20px;
  text-align: left;
  }

/*  class   */
.noscreen{display: none;}
.separ {border-bottom:1px dotted #999999; line-height: 1px; font-size: 1px; height: 1px; margin-bottom:15px;}
.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          {color:#c5c5c6;}
.silent        {color:#1f3f6d;}
.mr20{margin-right:20px;}

/*	color scheme

temp_01:
ffffff
000000
003e56
0d89bb
ebf0f2
ff6a00

*/
