/* CSS temp_01 */

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

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


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

h1,h2,h3,h4,h5,h6 { font-weight:normal; color: #9fcd52;}

h1 { font-size: 3.0em;  }
h2 { font-size: 2.8em;  }
h3 { font-size: 1.8em; font-weight: bold;  letter-spacing: -1px; }
h4 { font-size: 1.5em;   }
h5 { font-size: 1.3em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

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

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

a           {text-decoration: underline; color: #0066cc; font-weight: bold;}
a.external  {background: url(../img/url_ext.gif) no-repeat right 1px;padding-right:10px;}
a:active         {text-decoration: underline; color: #0062bb;}
a:hover          {text-decoration: none; color: #000;}

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


address     { margin: 0 0 1.5em; font-style: italic; }

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

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

ul.extra    {list-style:none;position:relative;padding:0;}
ul.extra li {margin:0 0 0 15px;border-bottom:1px solid #eae7dd;position:relative;}
ul.extra li a{background: url(../img/li_extra_a.jpg) no-repeat 10px 7px;display:block;text-decoration:none;padding:3px 0 3px 25px;}
ul.extra li img{position:absolute;right:0px;}

ul.historie {list-style:none;position:relative;padding:0;}
ul.historie li{margin:0;padding:0;position:relative;}

ul.historie li h4 {margin-bottom:0;color:black;margin:0;}
ul.historie li h4 span{color:#9fcd52;}
ul.historie li p {margin:5px 0 20px 0;padding-left:55px;}

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; }

ol.extra    {list-style:none;position:relative;padding:0;}
ol.extra li {margin:0;padding:0 0 0 10px;position:relative;}

ol.extra li.m1{background: url(../img/m1.gif) no-repeat 2px 4px;}
ol.extra li.m2{background: url(../img/m2.gif) no-repeat 2px 4px;}
ol.extra li.m3{background: url(../img/m3.gif) no-repeat 2px 4px;}
ol.extra li.m4{background: url(../img/m4.gif) no-repeat 2px 4px;}
ol.extra li.m5{background: url(../img/m5.gif) no-repeat 2px 4px;}

ol.extra li h4 {margin-bottom:0;}
ol.extra li p {margin-top:5px;}

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

table{
  border: none;
  font-size: 1em;
  border-collapse: collapse;
  }
th,td{
	padding:1px 3px;
  font-size: 1em;
  border: none;
  }
table.size{
border: none;
  font-size: 0.9em;
  border-collapse: collapse;
  width:90%;
}
table.size th{
text-align:left;
padding:2px 4px;
color:#0062bb;
font-size:1.1em;
}
table.size td{
padding:2px 4px;
}
.licha {background-color: #eff0f0;}
.licha:hover {background-color: #f6fbb9;}
.suda {background-color: #fff;}
.suda:hover {background-color: #f6fbb9;}
.note { font-size: 0.9em;}
/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }


.foto       {	border:1px solid #e9e9e9;margin:0 20px 0 0px;}
a:hover .foto{border-color:#e0e9ec;}
.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;}


/* Form fields
-------------------------------------------------------------- */
div.formular{padding:0px 20px;}
ul.form{margin:0;padding:0;list-style:none;padding-right:20px;}
ul.form li{position:relative;border-bottom:1px solid #fff;margin:0;padding:5px 0;}
ul.form li.noborder{border:none;}

fieldset span.napoveda{display:none;position:absolute;top:26px;left:265px;font-size:0.9em;padding:1px 3px 1px 25px;background:white url(../img/span_napoveda.gif) no-repeat 8px 6px ;}

fieldset{border:1px solid #cbcbcb;background:#eef6fa;padding:20px 0px 20px 20px;margin:0;}

h3.form_nazev{margin:20px 20px 0 20px;font-size:1.1em;font-weight:bold;position:relative;top:10px;left:20px;color:black;}
h3.form_nazev span{border:1px solid #cbcbcb;background:#e9e9e9;padding:3px 20px;}

label{display:block;font-size:0.9em;font-weight:bold;margin:0;padding:0;}
input{display:block;padding:2px;margin:0 0 5px 0;width:250px;}
textarea{display:block;margin:0 0 5px 0;padding:2px;width:500px;}
select{display:block;padding:2px;margin:0 0 5px 0;width:258px;}

input.submit{width:auto;font-weight:bold;margin:5px 5px 0 0;padding:3px 20px;float:right;}

label.check{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.check{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{display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}


/*  ID for construction */
#page{
  width: 880px;
  text-align: left;
  margin: 0 auto ;
  padding: 0  ;
  background:white;
  }

#header{
  position:relative;
  background: #787578 url(../img/bg_header.jpg) no-repeat ;
  height: 230px;
   }
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
   
 }
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 125px;
  line-height: 80px;
  height: 70px;
  text-align: center;
  position: absolute;
  top: 42px;
  left: 114px;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: url(../img/logotype.gif) no-repeat ;
}
#header h2{
  border: none ;
  font-size: 1.5em;
  position: absolute;
  top: 48px;
  width:300px;
  height:35px;
  left: 220px;
}
#header h2 span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/h2_span.gif) no-repeat ;
}
.drobnav{
position:absolute;
top:130px;
left:60px;
font-size:0.9em;
}
.drobnav p{
margin:0px;
font-weight:bold;
}
.drobnav a{
color:#d7d6d5;
}
.drobnav span{
color:#d7d6d5;
}
/*  navigation */

#navigation{
  background: #fff url(../img/bg_nav.jpg) no-repeat top right;
  height: 60px;
  position: absolute;
  top: 170px;
  width: 880px;
 }
#navigation ul {
  height: 40px;
  margin: 0;
  padding: 10px 40px ;
  list-style: none;
}

#navigation li {
  float: left;
  margin: 0 3px ;
  padding: 0 ;
  position:relative;
  }
#navigation a {
  display: block;
  font-size:1.2em;
  float: left;
  line-height: 39px ;
  height: 39px;
  text-decoration: none;
  background: #fff;
  padding-left:10px;
  text-align: left;
  letter-spacing: -1px;
}
#navigation a.on {
  background:  url(../img/nav_a_left.gif) no-repeat;
}

#navigation a:hover {
background:  url(../img/nav_a_left.gif) no-repeat; 
}

#navigation a strong{
display:block;
margin:0;
padding:0;
padding-right:16px;
} 
#navigation a.on strong {
background:  url(../img/nav_a_right.gif) no-repeat top right; 
}

#navigation a:hover strong {
background:  url(../img/nav_a_right.gif) no-repeat top right;  
}

#navigation a span{
background: url(../img/nav_li.gif) no-repeat 0px 3px;
padding-left:13px; 

}
#navigation a.on span{
background: url(../img/nav_li.gif) no-repeat 0px 3px;
}
#navigation a:hover span{
background: url(../img/nav_li.gif) no-repeat 0px 3px; 
}
#navigation li:hover ul, #navigation li.hover ul {
  visibility: visible;
}

/*  */
#navigation ul ul {
  height: auto;
  width: 160px;
  margin: 0;
  padding: 5px 0px 10px 0  ;
  list-style: none;
  position: absolute;
  top: 37px;
  left: 0;
  background-color: #f2f2ee;
  visibility: hidden;  
  z-index: 90;
  font-size:0.9em;
  text-transform:capitalize;

}

#navigation ul ul li {
  float: left;  
  width: 160px;
  margin: 0 ;
  padding: 0 ;
  
  }
#navigation ul ul a {
  float: none;
  color: black;
  font-weight: normal;
   text-decoration: none;
  text-align: left;
  height:auto;
  background:none;
  line-height:14px;
  padding: 4px 15px 4px 30px ;
}

#navigation ul ul a.on {
background-image: none;
font-weight:bold;
}

#navigation ul ul a:hover{
background-image: none;
 background-color: #fff;
   }



/* content */
#content{
  float: left;
  width: 100%;
  overflow:hidden;
  position:relative;

  }
#content.index{
  float: left;
  width: 640px;
  padding-bottom:30px;
  background: url(../img/bg_content.jpg) no-repeat top left ;
  }

.maincontent{
  padding: 15px 30px 10px 40px ;
}
h2.first{
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing: -2px;
}
p.first{
  font-size: 1.5em;
  color:#37311f;
}
p.first a{
color:#37311f;
}
.col50{
float:left;
width:50%;

}
.col30{
float:left;
width:30%;
}
a.eshop{
color:white;
display:block;
width:200px;
text-decoration:none;
padding:6px 0 6px 20px;
margin:8px 0px 8px 35px;
background:url(../img/tlacitko.jpg) no-repeat 0 0 ;
}
a.eshop:hover{
background:url(../img/tlacitko.jpg) no-repeat 0 -26px ;
color:white;
}
a.eshop strong{
color:#d0ff89;
padding-right:10px;
background:url(../img/url.gif) no-repeat right 3px  ;
}
a.index strong{
background:none;
}

a.eshop_big{
color:white;
display:block;
width:280px;
text-decoration:none;
padding:6px 0 6px 20px;
margin:8px 0px 8px 35px;
background:url(../img/tlacitko_velke.jpg) no-repeat 0 0 ;
}
a.eshop_big:hover{
background:url(../img/tlacitko_velke.jpg) no-repeat 0 -26px ;
color:white;
}
a.eshop_big strong{
color:#d0ff89;
padding-right:10px;
background:url(../img/url.gif) no-repeat right 3px  ;
}
/* sidebar */
#sidebar{
  background: url(../img/bg_sidebar.jpg) no-repeat top left ;
  width: 240px;
  float: right;
  }
#sidebar .maincontent{
  padding: 228px 25px 25px 25px ;
}
.tagcloud{
padding:20px 5px 25px 5px;
margin:0 -25px;
background: url(../img/bg_tagcloud.jpg) no-repeat top left ;
font-size:1.0em;
text-align:center;
}
.tagcloud a{
text-decoration:none;
margin:0 5px;
font-weight: normal;
}

/* footer */
#body_footer{
background:#6b6869;
text-align:center;
height:105px;
}
#footer{
margin:0 auto;
  height:50px;
  width:880px;
  font-size: 0.9em;
  text-align:left;
	  }
#footer ul{
padding:30px 40px;
margin:0;
list-style:none;
}
#footer li{
float:left;
margin:0 ;
padding:0 15px;
border-left: 1px solid #999 ;
}
#footer li a{
color:#ffffff;
text-decoration:none;
}
#footer li a:hover{
color:#eee;
text-decoration:underline;
}
/*  class   */
.noscreen{display: none;}
.separ {border-bottom:2px solid #dedcd5  ; 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;}
.black{color:#000;}


/*  Zvolená fotogalerie výpis  */
.gal_foto{
margin:20px 20px 0 20px;
padding-bottom:5px;
}
.gal_foto h3{
margin:0;
margin-bottom:5px;
font-size:1.8em;
}
.gal_foto img{
margin:15px 5px 0 5px;
}

/*  Ankety  */
#poll{
margin:0 0 20px 0;
background:#e3ebed;
padding:  10px;
color:#3a3a3a;
font-size:0.9em;
}
#poll h3{
font-size:1.4em;
font-weight:bold;
color:#0062bb;
}
#poll p{}
#poll ul{
list-style:none;
padding: 0 ;
}
#poll ul li{
margin:15px 0;
padding:0px;
line-height:10px;
text-align:right;
} 
#poll ul span{
float:left;
}
#poll ul span a{
font-weight: bold;
text-decoration: none;
}
#poll ul li span.procenta{
color:#9c9c9c;
float:none;
font-weight:normal;
}
.poll_graf{
background:#c3c3c3;
margin:5px 0 0;
text-align:left;
}
.poll_graf img{
margin:0;
background:#b1b1b1;
display:block;
padding:0;
}