/* CSS temp_01 */

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

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


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

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #1c71b4;}

h1 { font-size: 2.3em;  }
h2 { font-size: 2.3em;  }
h3 { font-size: 1.4em;   }
h4 { font-size: 1.2em;   }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }


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

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

a                {text-decoration: underline; color: #d94708;}
a:hover          {text-decoration: none; color: #000;}
a:hover .foto    {border-color: #2d7cbd; filter:alpha(opacity=75); opacity: 0.75;}

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:20px 45px;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
ul.extra    {list-style:none;}
ul.extra li {background: url(../img/li_extra.gif) no-repeat 0 4px ;padding:2px 20px 5px 22px;position:relative;}

ul.extra2    {list-style:none;}
ul.extra2 li {background: url(../img/li_extra.gif) no-repeat 0 7px ;padding:2px 20px 5px 22px;position:relative;font-size:1.2em;font-weight:bold;}

ul.extra_fl    {list-style:none;float:left;margin:20px 0px 20px 44px;}
ul.extra_fl li {background: url(../img/li_extra.gif) no-repeat 0 5px ;padding:2px 0px 5px 18px;margin:0px;position:relative; font-size:1.0em;font-weight:bold;}

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

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

table{ margin: 10px 0 30px 20px; width: 95%; border:none; font-size:0.9em;border-collapse:collapse;border-top:1px solid #dcdbdb;}
table.mista{margin-top:-20px;}
table th{ padding: 4px 6px ; text-align: left; background:#f5f3f3; color:#5490e9; border:none;}
table td{border:none;width:33%;}

table td{ padding: 2px 6px ;}


tr.licha{  background-color: #fff;}
tr.suda{  background-color: #f6f6f6;}
table tr.end {border-bottom:1px solid #ffec0a;}
tr.suda:hover {  background-color: #FFFFCC;}
tr.licha:hover {  background-color: #FFFFCC;}

/* 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: 2px solid #91c9f5 ;margin:5px 25px;}
.mt0        { margin-top:0px;}
.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 auto ;
  padding: 0  ;
  background: #fff url(../img/bg_page.jpg) repeat-y ;
  }

#header{
  position:relative;
  background: #69b6f3 url(../img/bg_header.jpg) no-repeat ;
  height: 110px;
   }
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  font-size:1.1em; 
 }
#header h1 a{
  display: block;
  text-decoration: none;
  color: black;
  width: 230px;
  line-height: 65px;
  height: 65px;
  text-align: center;
  position: absolute;
  top: 28px;
  left: 20px;
  background:none;
}
#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 ;
}
#mainlink{
  position: absolute;
  top: 25px;
  right: 50px;
  text-decoration: none;
  font-weight: bold;
  font-size:0.9em;
  padding-left:13px;
  color: #2f7fc0;
  background: url(../img/bg_mainlink.gif) no-repeat 0 6px ;
    }
#mainlink:hover{
          color: black;
}

/*  navigation */

#navigation{
  height: 40px;
  position: absolute;
  top: 55px;
  width: 630px;
  margin-left:270px;
 }
#navigation ul {
  height: 40px;
  margin: 0;
  padding:0;
  list-style: none;
}

#navigation li {
  float: left;
  margin: 0 ;
  padding: 0 ;
  position:relative;
  background: url(../img/nav_li.png) no-repeat right center;
  }
  
#navigation a {
  display: block;
  float: left;
  color: #000;
  font-weight: bold;
  line-height: 40px ;
  height: 40px;
  font-size:1.1em;
  text-decoration: none;
  padding: 0 13px 0 13px ;
  text-align: left;
}
#navigation a.on {
  color: white;
  background-color: #1c71b4;
}

#navigation a:hover, #navigation li:hover, #navigation li.hover {
  background: #a8d5fa url(../img/nav_li_hover.gif) repeat-x ;
  color:black;
}
#navigation li:hover ul, #navigation li.hover ul {
  visibility: visible;
}

/* navigation deti 1  */
#navigation ul ul {
  height: auto;
  width: 160px;
  margin: 0;
  padding: 5px 0px 10px 0  ;
  list-style: none;
  position: absolute;
  top: 38px;
  left: 0;
  background: #a8d6fa; 
  visibility: hidden;  
  z-index: 90;

}

#navigation ul ul li {
  float: left;  
  width: 160px;
  margin: 0 ;
  padding: 0 ;
  }
#navigation ul ul a {
 
  float: none;
  color: #000;
  font-weight: normal;
   text-decoration: none;
  text-align: left;
  background: url(../img/ul_ul_li.gif) no-repeat 20px 10px ;
height:auto;
line-height:14px;
  padding: 4px 15px 4px 35px ;
}

#navigation ul ul a.on {
  color: black;
  background-color: #a8d6fa; 
  font-weight:bold;
}
#navigation ul ul a:hover{
   color: white;
   background: #1c71b4;
 }

/* content */
#content{
  float: left;
  width: 100%;
  overflow:hidden;
  position:relative;
  }
#content.index{
  float: left;
  width: 650px;
  }

.maincontent{
  padding: 5px 20px 10px 15px ;
}

#intro{
width:650px;
height:200px;
overflow:hidden;
background: #dced66 url(../img/bg_intro.jpg) no-repeat;
}
#intro h2{
margin:0;
padding:40px 40px 0px 40px;
color:#fff;
font-weight:bold;
}
#intro p{
margin:0;
padding:20px 40px 30px 40px;
font-size:1.4em;
}
#intro a{
text-decoration:none;
}
#intro_sekce{
width:510px;
padding:40px 100px 9px 40px;
background: #dced66 url(../img/bg_intro_sekce.jpg) no-repeat;
}
#intro_sekce h2{
margin:0;
color:#fff;
font-weight:bold;
}

p.extra{
  font-size: 1.2em;
}


.call2action{
background: #d9d9d9 url(../img/bg_action.jpg) no-repeat ;
display:block;
margin:5px -20px 5px -15px;
}
.call2action a{
font-weight:bold;
}
.call2action h3{
margin:0;
padding:30px 20px 0px 40px;
}
.call2action ul{
margin:0;
padding:10px 0 40px 60px;
}
.kontakt{
margin:10px 30px 20px 25px;
float:left;
}
p.tel{
background: url(../img/ico/ico_tel.gif) no-repeat 0 10px; 
padding:5px 0 0px 20px  ;
margin:0px 25px 0px 25px;
font-size:1.2em;
font-weight:bold;
}
p.email{
background: url(../img/ico/ico_mail_2.gif) no-repeat 0 7px; 
padding:0px 0 5px 20px  ;
margin:0px 25px 0px 25px;
font-size:1.2em;
font-weight:bold;
}
p.adres{
background: url(../img/ico/ico_adress.gif) no-repeat 0 10px; 
padding:5px 0 5px 20px  ;
margin:0px 25px 0px 25px;
font-size:1.2em;
}
#content_left{
width:270px;
float:left;
background: #fff url(../img/bg_content_left.jpg) no-repeat;
}
#content_left h3{
margin-left:40px;
}
#content_right{
float:right;
width:380px;
}

.sberny{
padding-left:28px
}
.sberny a {
margin-bottom:5px;
display:block;
width:320px;
height:70px;
position:relative;
font-size:1.8em;
}
.sberny a span{
display:block;
height:100%;
width:100%;
position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  }
.sberny a.jmk span{
background:  url(../img/jmk.gif) no-repeat 0 0;
}
.sberny a.pak span{
background:  url(../img/pak.gif) no-repeat 0 0;
}
.sberny a.kvy span{
background:  url(../img/kvy.gif) no-repeat 0 0;
}

.sberny a.jmk:hover span{
background:  url(../img/jmk.gif) no-repeat 0 -70px;
}
.sberny a.pak:hover span{
background:  url(../img/pak.gif) no-repeat 0 -70px;
}
.sberny a.kvy:hover span{
background:  url(../img/kvy.gif) no-repeat 0 -70px;
}

.sberny_sekce{
margin-left:25px;
padding:5px 0 0 20px;
}
.sberny_sekce a{
text-decoration:none;
}
.sberny_sekce a:hover img{
filter:alpha(opacity=75);opacity: 0.75;
}

#sberny_mesta{
margin:3px 15px;
}
#sberny_mesta a{
border-right:1px solid #dcdbdb;
padding:0px 10px;
line-height:20px;
}
.pradelna{
background:  url(../img/bg_pradelna.jpg) no-repeat 0 0px;
width:380px;
height:196px;
}
.pradelna h3{
margin:0;
padding:25px 25px 0 25px;
font-size:2.0em;
color:#fff;
}
.pradelna p{
font-weight:bold;
padding:5px 25px 0 25px;
font-size:1.4em;
}

.meta{
  text-align: right;
  margin:10px 0 5px 0;
}
.meta a{
padding: 5px 20px 5px 23px ;
}

.ico{
	padding-left: 22px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
.back{background-image: url(../img/ico/ico_back.gif);}
.up{background-image: url(../img/ico/go_home.gif);}
.print{background-image: url(../img/ico/printer.gif);}

/*breadcrumbs*/
.drobnav{
margin:23px 0 0 0;
position:relative;
top:0px;
}
.breadcrumbs{
  padding: 0px ;
  font-size: 0.9em;
  color: #666666;
  margin:13px 35px 12px 0px;
}
.breadcrumbs a{
  }
.breadcrumbs a:hover{
  color: #666666;
  text-decoration:none;
}
/* sidebar */
#sidebar{
  background: #91c9f6 url(../img/bg_sidebar.jpg) repeat-y;
  width: 250px;
  float: right;
  overflow:hidden;
  position:relative;
  }
#sidebar .maincontent{
  padding: 5px 25px 25px 5px ;
   }
#rozcestnik{
background: #dced66 url(../img/bg_rozcestnik.jpg) no-repeat;
}
#rozcestnik ul{
list-style:none;
margin:0;
padding:0;
}
#rozcestnik li{
}
#rozcestnik li a{
height:50px;
line-height:50px;
display:block;
padding-left:85px;
background:  url(../img/rozcestnik_a.gif) no-repeat 60px 15px;
text-decoration:none;
font-weight:bold;
font-size:1.4em;
}
#tel{
background: #4c95cf url(../img/bg_tel.jpg) no-repeat;
padding:15px 30px;
}
#tel h3{
margin:0;
color:#99ccff;

}
#tel p{
margin:0;
margin-top:8px;
color:#fff;
font-weight:bold;
font-size:1.8em;
background: url(../img/tel.gif) no-repeat 0 5px;
padding-left:35px;
}
p.contact{
margin:8px 25px 0 25px;
font-size:1.0em;
background-position: 0 7px;
}
.gmaps{
margin:7px 0 0 -7px;
}
.maincontact{
float:left;
width:50%;
}
.maincontact .foto{
margin:0px 10px 20px 20px;
}
/**/
.news-item{
	font-size: 0.9em ;
	margin: 20px 20px 25px 40px ;
}
.news-item .date{
	background: url(../img/bg_date.gif) no-repeat 0 2px;
	padding-left: 15px;
	color: #5aa0d7;
}
.news-item p{
	margin: 8px 0 ;
}

/**/

/* footer */
#footer{
position:relative;
margin-top:-1px;
  clear: both;
  height: 90px;
  font-size: 0.9em;
  color:#0d4572;
  text-align: right;
  background: #b6dbf9 url(../img/bg_footer.jpg) no-repeat ;
	  }
#footer a{
color:#fff;
}
#footer p{
  line-height: 90px;
  margin: 0 ;
  padding: 0 60px 0 45px;
  text-align: right;
  }
#footer p.footer_info{
float:left;
margin-left:25px;
}
#footer p.footer_info a{
border-right:1px solid #336993;
padding:0 7px;
}
#footer p.footer_info a.noborder{
border:none;
}
#creactive{
  text-decoration: none;
  }
#creactive:hover{}
.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #ebf0f2  ; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 ;}
.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;}
.red{color:#ff0000;}
.w50{width:50%;}

/*  fotogalerie  */
.gal{
position:relative;
border-bottom: 1px solid #87b5d6 ;
margin: 20px ;
margin-bottom:5px;
background:  url(../img/bg_galerie.jpg) repeat-y right top ;
}
.gal .foto         {margin:5px 0px 5px 0px;}
h4.nazev_gal {
margin:20px 0 0 0;
border-bottom: 1px solid #87b5d6 ;
background:#fff;
font-weight:bold;
}
#vypis_galerii .gal{
margin-left:0px;
}
/*  fotogalerie  */
.galerie               {float:left;position:relative;margin:5px 2px 5px 2px;width:140px;text-align:center;background:#bddcf4;}
.galerie .foto         {margin:0;}
.nazev_galerie {
position:relative;
margin-top:-3px;
background-color:#91c9f5;
display:block;
height:30px;
overflow:hidden;
text-align:center;
padding:5px 5px 5px 5px;
font-weight:bold;
}
.nazev_galerie a{
color:#000;
text-decoration:none;
}
.nazev_galerie a:hover{
color:#fff;
}
.galerie_nadpis h2 {position:relative;margin-top:0px;margin-bottom:0px;}
#vypis_galerii{
margin-left:23px;
}