/*--- definice telo+scroll ---*/
BODY {
background: #ff6600;
text-align: center;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear{
clear: both;
}
.clear-cara{
clear: both;
border-bottom: dotted 2px  #cccccc;
height: 20px;
margin: 10px;
}
/*--- cela stranka ---*/
#stranka{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 996px;
}
/*--- hlavicka ---*/
#hlavicka{
text-align: left;
margin-top: 0px;
margin-left: 0px;
width: 996px;
height: 339px;
background: url(hlavicka.jpg);
}
#animace{
margin-left: 13px;
margin-top: 2px;
width: 968px;
height: 205px;
}
/*--- paticka ---*/
#paticka{
clear: both;
text-align: left;
margin-left: auto;
margin-right: auto;
height: 75px;
width: 976px;
border-top: solid 1px #d75702;
background: url(logo_pat.gif) no-repeat bottom right;
margin-bottom: 10px;
}
#paticka p.left{
float: left;
margin-top: 12px;
color: #ffa76d;
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p.right{
float: right;
margin-top: 12px;
color: #ffa76d;
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p.left a, #paticka p.right a{
text-decoration: none;
color: #ffa76d;
font: normal 12px Arial, Helvetica, sans-serif;
}
#paticka p.left a:hover, #paticka p.right a:hover{
color: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
}
#pat_clear{
clear: both;
margin-left: auto;
margin-right: auto;
height: 30px;
width: 976px;
}
#logo{
margin-top: 0px;
margin-left: 0px;
width: 224px;
height: 86px;
}
#logo a{
display: block;
width: 224px;
height: 86px;
}
#logo a span{
display: none;
}
/*--- vyhledavani ---*/
#vyhledavani{
margin-top: 0px;
margin-left: 0px;
height: 43px;
width: 996px;
}
#prihl{
float: left;
margin-left: 380px;
margin-top: 10px;
width: 268px;
height: 33px;
text-align: right;
margin-right: 20px;
}
#prihl a{
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-right: 10px;
}
#prihl a.login { 
background:url(ico-login.gif) no-repeat 0 0;
padding-left: 16px;
}
#prihl a.reg {
 background:url(ico-reg.gif) no-repeat 0 0;
 padding-left: 16px;
 }

#search{
float: left;
margin-top: 10px;
width: 288px;
height: 33px;
background: url(search_bg.gif) no-repeat left;
}
#search p{
padding-top: 7px;
margin-left: 30px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#search input{
height: 16px;
width: 240px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
border: none;
background: none;
margin-left: 10px;
margin-top: -1px;
}
#search input.hledej{
margin-left: 294px;
margin-top: -19px;
height: 20px;
width: 21px;
border: 0px;
}

/*--- horni menu ---*/
#menu_horni{
list-style: none;
margin-top: -86px;
margin-left: 464px;
width: 510px;
height: 86px;
}
#menu_horni .tl01{
float: left;
width: 100px;
height: 86px;
}
#menu_horni .tl01 a{
display: block;
width: 100px;
padding-top: 60px;
padding-bottom: 9px;
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}
#menu_horni .tl01 a:hover{
background: url(tl01.jpg);
color: #ff6600;
}
#menu_horni .tl02{
float: left;
width: 161px;
height: 86px;
}
#menu_horni .tl02 a{
display: block;
width: 161px;
padding-top: 60px;
padding-bottom: 9px;
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}
#menu_horni .tl02 a:hover{
background: url(tl02.jpg);
color: #ff6600;
}
#menu_horni .tl03{
float: left;
width: 118px;
height: 86px;
}
#menu_horni .tl03 a{
display: block;
width: 118px;
padding-top: 60px;
padding-bottom: 9px;
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}
#menu_horni .tl03 a:hover{
background: url(tl03.jpg);
color: #ff6600;
}
#menu_horni .tl04{
float: left;
width: 125px;
height: 86px;
}
#menu_horni .tl04 a{
display: block;
width: 125px;
padding-top: 60px;
padding-bottom: 9px;
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}
#menu_horni .tl04 a:hover{
background: url(tl04.jpg);
color: #ff6600;
}
/*--- velke menu ---*/
#menu_velke{
text-align: left;
list-style: none;
margin-top: -36px;
margin-left: 0px;
width: 996px;
height: 200px;
background: url(menu_velke.png);
}
/*--- tlacitko ---*/
#menu_velke .tl01{
float: left;
padding-top: 49px;
margin-left: 13px;
width: 229px;
height: 139px;
}
#menu_velke .tl01 h2 a{
display: block;
margin-left: 0px;
width: 229px;
height: 139px;
}
#menu_velke .tl01 h2 a:hover{
background: url(velke01.jpg);
}
#menu_velke .tl01 h2 a span{
display: none;
}
/*--- tlacitko ---*/
#menu_velke .tl02{
float: left;
padding-top: 49px;
margin-left: 18px;
width: 229px;
height: 139px;
}
#menu_velke .tl02 h2 a{
display: block;
margin-left: 0px;
width: 229px;
height: 139px;
}
#menu_velke .tl02 h2 a:hover{
background: url(velke02.jpg);
}
#menu_velke .tl02 h2 a span{
display: none;
}
/*--- tlacitko ---*/
#menu_velke .tl03{
float: left;
padding-top: 49px;
margin-left: 19px;
width: 229px;
height: 139px;
}
#menu_velke .tl03 h2 a{
display: block;
margin-left: 0px;
width: 229px;
height: 139px;
}
#menu_velke .tl03 h2 a:hover{
background: url(velke03.jpg);
}
#menu_velke .tl03 h2 a span{
display: none;
}
/*--- tlacitko ---*/
#menu_velke .tl04{
float: left;
padding-top: 49px;
margin-left: 18px;
width: 229px;
height: 139px;
}
#menu_velke .tl04 h2 a{
display: block;
margin-left: 0px;
width: 229px;
height: 139px;
}
#menu_velke .tl04 h2 a:hover{
background: url(velke04.jpg);
}
#menu_velke .tl04 h2 a span{
display: none;
}
/*--- 
bunky
 ---*/
 .levy h2, .pravy h2{
 margin-left: 10px;
 color:  #ffffff; 
font: normal 20px Arial, Helvetica, sans-serif;
}
 .levy h2 a, .pravy h2 a{
 color:  #ffffff; 
font: normal 20px Arial, Helvetica, sans-serif;
}
 .levy{
 text-align: left;
float: left;
margin-top: 10px;
margin-left: 10px;
width: 483px;
}
.uvod{
float: left;
margin-top: 12px;
width: 483px;
height: 179px;
background: url(bunka01.png);
}
 .uvod p{
 color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
margin: 10px;
}
.rozvrh_uvod{
float: left;
margin-top: 12px;
width: 483px;
height: 754px;
background: url(rozvrh_uvod.png);
}
.rozvrh_uvod table{
border: 0px;
position: absolute;
margin-left: 5px;
margin-top: 10px;
width: 473px;
}
.rozvrh_uvod table tr.nadpis{
width: 473px;
 color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.rozvrh_uvod table tr.sedy{
width: 473px;
background: #eceae9;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.rozvrh_uvod table tr.sedy td{
width: 473px;
background: #eceae9;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
padding-top: 1px;
padding-left: 3px;
border-left: solid 1px #ffffff;
border-right: solid 1px #cccccc;
}
.rozvrh_uvod table tr.bily{
width: 473px;
background: #ffffff;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.rozvrh_uvod table tr.bily td{
width: 473px;
background: #ffffff;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
padding: 1px;
padding-left: 3px;
border-left: solid 1px #ffffff;
border-right: solid 1px #cccccc;
}
.rozvrh_uvod table tr.bily td.den, .rozvrh_uvod table tr.sedy td.den{
width: 30px;
}
.rozvrh_uvod table tr.bily td.dat, .rozvrh_uvod table tr.sedy td.dat{
width: 45px;
}
 .rozvrh_uvod h3{
 margin-left: 10px;
 margin-top: 10px;
 color:  #000000; 
font: normal 20px Arial, Helvetica, sans-serif;
}
.pravy{
text-align: left;
float: right;
margin-top: 10px;
margin-right: 8px;
width: 483px;
}
#aktuality{
text-align: left;
margin-left: 0px;
}
#aktuality .aktualita{
text-align: left;
margin-left: 12px;
}
.aktualita{
float: left;
margin-top: 12px;
margin-bottom: 1px;
margin-left: 0px;
width: 483px;
height: 179px;
background: url(bunka01.png);
}
.aktualita .kalendar{
margin-top: 6px;
margin-left: 3px;
width: 59px;
height: 150px;
background: url(kalendar.png) no-repeat top;
}
.aktualita .kalendar p{
margin-left: 1px;
padding-top: 28px;
text-align: center;
color:  #000000; 
font: normal 9px Arial, Helvetica, sans-serif;
}
.aktualita .kalendar p span{
color:  #000000; 
font: bold 15px Arial, Helvetica, sans-serif;
}
.aktualita .text{
width: 395px;
height: 124px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 70px;
margin-top: -140px;
}
.aktualita .text h3{
font: bold 16px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.aktualita a{
margin-left: 340px;
display: block;
width: 126px;
color:  #ffffff; 
padding-top: 3px;
padding-bottom: 4px;
text-align: center;
text-decoration: none;
font: normal 12px Arial, Helvetica, sans-serif;
background: url(tl_bg.png);
}
.zabak{
position: absolute;
margin-top: -138px;
margin-left: 260px;
width: 218px;
height: 235px;
}
.but{
clear: both;
width: 463px;
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
a.button{
float: right;
display: block;
width: 126px;
color:  #ffffff; 
margin-left: 20px;
padding-top: 3px;
padding-bottom: 4px;
text-align: center;
text-decoration: none;
font: normal 12px Arial, Helvetica, sans-serif;
background: url(tl_bg02.png);
}
.but a.normal{
float: right;
display: block;
color:  #ffffff; 
padding-top: 3px;
padding-bottom: 4px;
text-align: center;
text-decoration: underline;
font: normal 12px Arial, Helvetica, sans-serif;
}
.but p{
float: left;
display: block;
color:  #ffffff; 
padding-top: 3px;
padding-bottom: 4px;
text-align: left;
font: normal 12px Arial, Helvetica, sans-serif;
}
/*--- stranky s menu na leve strane ---*/
#stranka-menu-top{
width: 977px;
height: 80px;
background: url(telo_menu.jpg);
}
#stranka-menu-bottom{
clear: both;
width: 977px;
height: 14px;
background: url(telo_menu_bottom.gif);
font: 1px;
}
#stranka-menu{
margin-left: 6px;
text-align: left;
width: 977px;
background: url(telo_menu_bg.gif);
background-repeat: repeat-y;
}
#stranka-menu #menu{
width: 257px;
float: left;
}

#stranka-menu #menu  h3{
color:  #ffffff; 
font: normal 20px Arial, Helvetica, sans-serif;
margin-bottom: 40px;
margin-left: 14px;
position: absolute;
margin-top: -60px;
}
#stranka-menu #menu ul{
list-style: none;
width: 248px;
margin-left: 3px;
margin-top: 0px;
clear: both;
}
#stranka-menu #menu ul li{
margin-left: 0px;
height: 31px;
margin-top: 0px;
margin-bottom: 4px;
}
#stranka-menu #menu ul li a{
display: block;
padding-top: 6px;
padding-bottom: 7px;
background: #efefef;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
text-decoration: none;
margin-bottom: 0px;
margin-left: 12px;
margin-top: 0px;
}
#stranka-menu #menu ul li a:hover{
margin-left: 5px;
background: url(ruka.gif) no-repeat left;
background-color:  #fefefe;
}

#stranka-menu #menu ul li a span{
padding-left: 18px;
}
#stranka-menu #menu ul li a:hover span{
padding-left: 25px;
color: #ff6600;
}
#stranka-menu #obsah{
width: 710px;
float: right;
margin-top: -60px;
}
#stranka-menu #obsah h3{
color:  #ff6600; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-bottom: 6px;
}
#stranka-menu #obsah h4{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-bottom: 6px;
}
#stranka-menu #obsah h2{
color:  #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
margin-bottom: 22px;
}
#stranka-menu #obsah p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-bottom: 12px;
margin-right: 10px;
}
#stranka-menu #obsah ul{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 15px;
margin-bottom: 12px;
}
#stranka-bez{
margin-left: 6px;
text-align: left;
width: 977px;
background: url(telo-bez-top.jpg) no-repeat  top;
background-color: #ffffff;
}
#stranka-bez h2{
color:  #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
margin-bottom: 22px;
padding-top: 40px;
margin-left: 10px;
margin-right: 10px;
}
#stranka-bez p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
}
#stranka-bez p a{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#stranka-bez h3{
color:  #000000; 
font: bold 15px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
}
#stranka-bez h4{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
}
#stranka-bez table{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 12px;
}
#stranka-bez table td{
background: #e7e7e7;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
padding: 5px;
}


#stranka-bez-bottom{
clear: both;
width: 977px;
height: 5px;
background: url(stranka_bez_bottom.gif);
font: 1px;
}

#fotogalerie{
margin-top: 12px;
}

#fotogalerie .foto{
text-align: center;
float: left;
width: 223px;
height: 183px;
background: url(foto.gif);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
#fotogalerie .foto .fotka{
margin-top: 10px;
border: solid 1px white;
}
#fotogalerie .foto p{
padding-top: 3px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
#fotogalerie-obsah .foto{
text-align: center;
float: left;
width: 223px;
height: 183px;
background: url(foto.gif);
margin-left: 0px;
margin-right: 10px;
margin-bottom: 20px;
}
#fotogalerie-obsah .foto .fotka{
margin-top: 10px;
border: solid 1px white;
}
#fotogalerie .foto p{
padding-top: 3px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}


/*--- registrace a prihlaseni v hlavicce ---*/
#registrace{
margin-top: 0px;
margin-left: 0px;
width: 800px;
height: 205px;
background: url(zabak-tuzka.jpg) no-repeat left;
}
#registrace h2{
color:  #000000; 
font: normal 18px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
padding-top: 10px;
}
#registrace h2 a, #registrace h2 span{
color:  #ff6600; 
}
#registrace .input{
text-align: right;
width: 284px;
height: 29px;
background: url(input.png) no-repeat right;
margin-bottom: 3px;
}
#registrace .tlac{
display: block;
margin-top: 7px;
}
#registrace .reg{
position: absolute;
margin-top: 155px;
margin-left: -305px;
}
#registrace .input p{
padding-top: 5px;
margin-bottom: 0px;
margin-right: 5px;
font: normal 14px Arial, Helvetica, sans-serif;
}
#registrace .input p input{
margin-left: 6px;
font: normal 14px Arial, Helvetica, sans-serif;
width: 150px;
background: none;
}
#registrace .sloupec01{
margin-left: 150px;
float: left;
}
#registrace .sloupec02{
float: left;
margin-left: 10px;
}
/*--- registrace a prihlaseni v hlavicce ---*/
#registrace-obsah{
margin-top: 0px;
margin-left: 0px;
}
#registrace-obsah h3{
color:  #000000; 
font: normal 18px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
padding-top: 10px;
}
#registrace-obsah h3 a, #registrace-obsah h3 span{
color:  #ff6600; 
}
#registrace-obsah .input{
text-align: right;
width: 295px;
height: 29px;
background: url(input.png) no-repeat right;
margin-bottom: 3px;
}
#registrace-obsah .tlac{
display: block;
margin-top: 7px;
}
#registrace-obsah .reg{
clear: both;
margin-left: 453px;
margin-top: 10px;
}
#registrace-obsah .input p{
padding-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
font: normal 14px Arial, Helvetica, sans-serif;
}
#registrace-obsah .input p input{
margin-left: 6px;
font: normal 14px Arial, Helvetica, sans-serif;
width: 150px;
background: none;
}
#registrace-obsah .sloupec01{
margin-left: 10px;
float: left;
}
#registrace-obsah .sloupec02{
float: left;
margin-left: 10px;
}
/*--- rezervace termínu ---*/
#rezervace{
clear: both;
}
#rezervace .kal_rez{
float: left;
margin-right: 7px;
margin-bottom: 7px;
width: 237px;
height: 267px;
background: url(kalendar-velky.png);
}
#rezervace .kal_rez h3{
position: absolute;
margin-left: 10px;
margin-top: 20px;
width: 217px;
height: 40px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #ffffff;
}
#rezervace .kal_rez h3 span{
width: 100px;
margin-right: 8px;
float: left;
text-align: right;
}
#rezervace .kal_rez table{
position: absolute;
margin-top: 62px;
margin-left: 8px;
}
#rezervace .kal_rez table tr.radek{
height: 35px;
}
#rezervace .kal_rez table p{
margin-left: 8px;
margin-bottom: 0px;
}
#rezervace .kal_rez table .left{
width: 114px;
}
#rezervace .kal_rez table .centr{
width: 50px;
}
#rezervace .kal_rez table .right{
width: 48px;
}
#rezervace .kal_rez table tr.radek .left, #rezervace .kal_rez table tr.radek .centr, #rezervace .kal_rez table tr.radek .right{
border-bottom: solid 1px white;
}
#rezervace .kal_rez table .right a.zel{
margin-left: 10px;
display: block;
width: 30px;
padding-top: 3px;
padding-bottom: 3px;
background: url(kal-zel.png) no-repeat;
color:  #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
#rezervace .kal_rez table .right a.cer{
margin-left: 10px;
display: block;
width: 30px;
padding-top: 3px;
padding-bottom: 3px;
background: url(kal-cer.png) no-repeat;
color:  #ffffff; 
font: normal 18px Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
.rez-zpet{
margin-left: 10px;
display: block;
width: 101px;
height: 50px;
background: url(rez-zpet.gif);
float: left;
}
.rez-dalsi{
margin-left: 15px;
display: block;
width: 101px;
height: 50px;
background: url(rez-dalsi.gif);
float: left;
}
.rez-vybrat{
margin-left: 26px;
display: block;
width: 220px;
height: 50px;
background: url(rez-vybrat.gif);
float: left;
}
.rez-zpet span, .rez-dalsi span, .rez-vybrat span{
display: none;
}
.partner{
margin-right: 20px;
margin-bottom: 20px;
}
/*--- seo ---*/
#seo{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 976px;
text-align: center;
color: #fc944e;
font: normal 11px Arial,Verdana;
}
#seo a{
color: #fc944e;
font: normal 11px Arial,Verdana;
text-decoration: none;
}