html,body{
padding:0;
margin:0;
background:#ffda65 url(img/bg.gif) repeat-x;
}
html,body,div,a,input{
color:#201e1b;
}
html{
font-size:75%;
font-family:Arial;
}
/******** zakladni cast ********/
div.main{
width:960px;
margin:auto;
}
div.main_1{
float:left;
width:960px;
background:url(img/sbg.gif) repeat-y;
}
div.main_2{
float:left;
width:960px;
background:url(img/des1.jpg) no-repeat;
}
div.main_3{
float:left;
width:940px;
background:url(img/des2.gif) 0px 410px no-repeat;
padding:0 0 0 20px;
}
div.top_1{
float:left;
width:241px;
height:149px;
padding:30px 0 0 20px;
}
div.top_1 a.hp{
float:left;
display:block;
width:210px;
height:90px;
}
div.top_1a{
float:left;
width:153px;
padding:37px 0 0 0;
text-align:right;
}
div.top_1b{
float:left;
width:60px;
padding:37px 0 0 15px;
}
div.top_1a a,div.top_1b a{
color:#3a2720;
}
div.top_2{
float:left;
width:679px;
height:180px;
padding:19px 0 0 0;
}
div.path{
float:left;
height:17px;
padding:5px 15px 0 13px;
background:url(img/path.gif) top right no-repeat;
}
div.path a{
display:block;
color:#624b28;
float:left;
padding:0 8px 0 0;
}
div.path img{
float:left;
margin:3px 6px 0 0;
}
div.hlavni_1{
float:left;
width:920px;
background:#ffedb2 url(img/des4.gif) repeat-x;
}
div.hlavni_2{
float:left;
width:920px;
background:url(img/roh.jpg) top right no-repeat;
}
div.hlavni_3{
float:left;
width:920px;
padding:0 0 45px 0;
background:url(img/des3.jpg) bottom left no-repeat;
}
/******** leve menu ********/
div.menu{
float:left;
width:149px;
background:url(img/pmen.gif) no-repeat;
padding:11px 0 0 10px;
}
div.menu ul li a{
float:left;
display:block;
width:129px;
padding:6px 0 4px 20px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-size:13px;
background:url(img/m1.gif) no-repeat;
}
div.menu ul li li a{
display:block;
padding:1px 0 1px 20px;
color:#ffda65;
font-weight:normal;
font-size:12px;
background:url(img/li.gif) 8px 5px no-repeat;
text-decoration:none;
}
div.menu ul li li a:hover{
text-decoration:underline;
}
div.menu ul li{
list-style-type:none;
float:left;
padding:0 2px 6px 0;
background:url(img/m2.gif) bottom left no-repeat;
}
div.menu ul li.act span{
display:block;
color:#ffffff;
font-weight:bold;
float:left;
padding:7px 0 1px 20px;
background:url(img/m4.gif) no-repeat;
width:129px;
}
div.menu ul li li{
list-style-type:none;
float:left;
padding:9px 0 5px 0;
background:url(img/m3.gif) no-repeat;
}
div.menu ul li a:hover{
text-decoration:underline;
}
div.menu ul{
margin:0;
padding:0;
}
/******** stredni cast ********/
div.stred{
float:left;
width:550px;
padding:6px 0 10px 8px;
}
div.stred h1{
font-size:25px;
float:left;
width:540px;
padding:5px 0 13px 0;
color:#195c90;
font-weight:normal;
margin:0;
font-family:Georgia;
}
div.stred h2{
font-size:20px;
float:left;
width:540px;
padding:5px 0 13px 0;
color:#195c90;
font-weight:normal;
margin:0;
font-family:Georgia;
}
div.stred ul li{
list-style-type:none;
padding:0 0 0 20px;
background:url(img/li2.gif) 4px 3px no-repeat;
}
div.stred ul{
margin:0;
padding:5px 0 5px 0;
}
/******** prave zalozky ********/
div.right_side{
float:right;
width:197px;
}
div.right_menu{
float:left;
width:197px;
padding:39px 0 7px 0;
}
div.right_menu ul.zal3 li a{
display:block;
float:left;
color:#686868;
height:28px;
width:98px;
font-size:16px;
font-family:Georgia,Verdana;
padding:8px 0 0 0;
font-weight:bold;
text-align:center;
text-decoration:none;
}
div.right_menu ul.zal3 li{
width:98px;
list-style-type:none;
display:block;
float:left;
}
div.right_menu ul li.zal1,div.right_menu ul li.zal2{
width:98px;
list-style-type:none;
display:block;
float:left;
background:url(img/rm3.gif) no-repeat;
}
div.right_menu ul li.zal2{
background:url(img/rm3.gif) top right no-repeat;
}
div.right_menu ul{
margin:0;
padding:0;
}
div.right_menu ul.zal3{
float:left;
display:block;
width:197px;
background:#202020 url(img/rm4.gif) no-repeat;
}
div.label_1{
float:left;
width:197px;
}
div.label_2{
float:left;
width:197px;
}
div.label_1_m{
float:left;
width:197px;
background:#202020 url(img/menu.gif) no-repeat;
color:#FFFFFF;
}
div.label_2 div.label_1_m{
background:#202020 url(img/menup.gif) no-repeat;
}
div.podlabel_1{
float:left;
width:197px;
height:50px;
background:url(img/podm.jpg) no-repeat;
}
div.label_1_m ul li a{
display:block;
color:#ffffff;
height:22px;
font-size:13px;
padding:1px 0 0 39px;
font-weight:normal;
text-decoration:none;
}
div.label_1_m ul li a:hover{
background:url(img/mbg.gif) no-repeat;
text-decoration:underline;
}
div.label_1_m ul li{
list-style-type:none;
}
div.label_1_m ul{
margin:0;
padding:0;
}
div.label_1_m ul li h3{
margin:0;
}
/******** pocasi, newsletter a copyright ********/
div.spacer_1{
float:left;
height:13px;
width:149px;
}
div.pocasi{
float:left;
height:124px;
width:144px;
padding:0 0 0 5px;
background:url(img/pocasi.gif) no-repeat;
}
div.pocasi span{
float:left;
display:block;
width:128px;
color:#443121;
font-size:13px;
font-weight:bold;
padding:6px 0 14px 2px;
}
div.pocasi div{
float:left;
padding:0 5px 0 5px;
}
div.newsletter{
float:left;
width:197px;
}
div.newsletter form{
margin:0;
}
div.new1{
float:left;
width:187px;
height:22px;
padding:6px 0 0 10px;
color:#ffda65;
font-weight:bold;
font-size:13px;
background:url(img/new1.gif) no-repeat;
}
div.new2{
float:left;
width:189px;
padding:6px 0 10px 8px;
background:url(img/new2.gif) bottom left no-repeat;
color:#ffffff;
}
div.new2 span{
color:#9f9f9f;
}
div.new2 input.in{
margin:10px 0 4px 0;
width:182px;
height:23px;
background:url(img/new4.gif) no-repeat;
border:0;
color:#ffffff;
font-size:13px;
padding:3px 0 0 4px;
}
div.new3{
float:left;
width:197px;
text-align:right;
}
div.new3 input.but{
width:100px;
height:24px;
background:url(img/new3.gif) no-repeat;
border:0;
color:#ffda65;
font-weight:bold;
font-size:13px;
}
div.bot{
float:left;
width:960px;
padding:13px 0 25px 0;
}
div.bot_menu{
float:left;
width:460px;
padding:0 0 0 26px;
}
div.bot_menu a{
color:#624b28;
font-size:11px;
}
div.bot_cop{
float:right;
width:405px;
padding:0 18px 0 0;
text-align:right;
color:#101010;
}
div.bot_van{
float:right;
width:205px;
padding:6px 24px 0 0;
text-align:right;
color:#624b28;
font-size:11px;
}
div.bot_van a{
color:#624b28;
}
/******** podstranka ********/
div.spage{
float:left;
width:540px;
text-align:justify;
padding:0 0 14px 0;
}
div.gal{
float:left;
width:544px;
}
div.gal1,div.gal3{
float:left;
width:544px;
height:5px;
background:url(img/gal1.gif) no-repeat;
font-size:0px;
}
div.gal3{
background:url(img/gal3.gif) no-repeat;
}
div.gal2{
float:left;
width:531px;
padding:13px 0 0 19px;
background:url(img/gal2.gif) repeat-y;
}
div.gal2 img{
float:left;
padding:0 26px 14px 0;
border:0;
}
div.stred .spage h2,div.stred .cenik h2{
font-size:19px;
padding:13px 0 10px 0;
color:#195c90;
font-weight:normal;
margin:0;
font-family:Georgia;
}
/******** cenik ********/
div.cenik{
float:left;
width:544px;
}
div.cenik_ttl{
float:left;
width:544px;
background:url(img/cntt.gif) no-repeat;
}
div.cn1,div.cn2,div.cn3,div.cn4,div.cn5,div.cn6{
float:left;
width:82px;
}
div.cn1{
width:95px;
}
div.cn2{
width:81px;
}
div.cn5{
width:84px;
}
div.cn6{
width:120px;
}
div.cenik_ttl div{
color:#443121;
font-family:Georgia;
text-align:center;
padding:9px 0 6px 0;
font-size:15px;
}
div.cenik_ttl div.cn1{
color:#195c90;
}
div.cenik_top_line{
float:left;
width:544px;
height:8px;
background:url(img/cnpt.gif) no-repeat;
font-size:0;
}
div.cenik_line_1,div.cenik_line_t{
float:left;
width:544px;
background:url(img/cnl.gif) bottom left no-repeat;
}
div.cenik_line_2{
float:left;
width:544px;
background:url(img/cns.gif) bottom left no-repeat;
}
div.cenik_line_t div{
text-align:center;
padding:6px 0 6px 0;
}
div.cenik_line_1 div{
text-align:center;
padding:9px 0 6px 0;
}
div.cenik_line_t div.cn1{
color:#195c90;
}
div.cenik_line_2 div{
color:#000000;
text-align:center;
padding:9px 0 6px 0;
}
div.cenik_line_1 div.cn1,div.cenik_line_2 div.cn1{
font-weight:bold;
}
div.cenik_pod{
float:left;
width:525px;
padding:7px 10px 4px 9px;
background:url(img/gal2.gif) repeat-y;
}
div.cenik_bot{
float:left;
width:544px;
height:5px;
background:url(img/gal3.gif) no-repeat;
font-size:0px;
}
/******** kalendar ********/
div.kalendar{
float:left;
width:544px;
}
div.kalendar_menu{
float:left;
width:544px;
padding:0 0 15px 0;
}
div.kall,div.kalr{
float:left;
width:24px;
padding:8px 0 0 0;
}
div.kall img,div.kalr img{
border:0;
}
div.kalr{
text-align:right;
}
div.kal{
float:left;
width:99px;
text-align:center;
color:#195c90;
font-family:Georgia;
font-size:19px;
}
div.kal a{
color:#999999;
}
div.kalendar div.cenik_ttl{
float:left;
width:544px;
background:url(img/kal1.gif) no-repeat;
}
div.kalendar div.cenik_ttl div{
padding-bottom:9px;
}
div.kal_top_line{
float:left;
width:544px;
height:4px;
background:url(img/kal2.gif) no-repeat;
font-size:0;
}
div.kal_vd div,div.kal_w div{
float:left;
height:21px;
}
div.k1{
width:46px;
padding:0 0 0 14px;
color:#aa9569;
font-size:11px;
line-height:21px;
}
div.k2{
width:18px;
color:#000000;
font-weight:bold;
padding:0 16px 0 0;
text-align:center;
line-height:21px;
}
div.k3{
width:81px;
}
div.k4{
width:82px;
}
div.k5{
width:82px;
}
div.k6{
width:84px;
}
div.k7{
width:116px;
}
div.kal_vd,div.kal_w{
float:left;
width:544px;
background:url(img/kal3.gif) no-repeat;
}
div.kal_w{
background:url(img/kal3.gif) 0px -21px no-repeat;
}
div.kal_vd div.o,div.kal_w div.o{
background:url(img/obs.gif) 1px 0px no-repeat;
}
div.kal_vd div.r,div.kal_w div.r{
background:url(img/rez.gif) 1px 0px no-repeat;
}
div.kal_bot{
float:left;
width:544px;
height:6px;
background:url(img/kal4.gif) bottom left no-repeat;
font-size:0px;
}
div.kal_legenda{
float:left;
width:500px;
height:66px;
padding:10px 0 10px 26px;
background:url(img/leg.gif) 0px 13px no-repeat;
line-height:24px;
}
/******** rezervace ********/
div.rezervace{
float:left;
width:541px;
padding:0 0 14px 3px;
}
div.rezervace form{
margin:0;
padding:17px 0 0 0;
}
div.rezervace strong{
color:#195c90;
}
div.rez{
float:left;
&float:none;
width:544px;
padding:3px 0 0 0;
}
div.rez1{
float:left;
width:121px;
padding:2px 0 0 0;
}
div.rez2{
float:left;
width:268px;
}
div.rez2 input{
width:261px;
border:#7f9db9 1px solid;
}
div.rez2 textarea{
width:261px;
border:#7f9db9 1px solid;
}
div.rez3{
float:left;
width:68px;
padding:2px 0 0 0;
}
div.rez4{
float:left;
width:70px;
}
div.rez4 input{
width:58px;
border:#7f9db9 1px solid;
}
div.rez5{
float:left;
width:116px;
}
div.rez5 input{
width:111px;
border:#7f9db9 1px solid;
}
div.rez6{
float:left;
width:34px;
padding:2px 0 0 0;
}
div.rez7{
float:left;
width:268px;
padding:2px 0 0 0;
}
div.rez7 input{
width:37px;
border:#7f9db9 1px solid;
}
div.rez8{
float:left;
width:268px;
padding:7px 0 0 0;
}
div.rez8 input{
width:100px;
height:30px;
background:url(img/but.gif) no-repeat;
border:0;
color:#ffda65;
font-weight:bold;
font-size:13px;
}
div.reza{
float:left;
width:433px;
padding:11px 0 2px 111px;
}
div.rezb,div.rezc{
float:left;
width:130px;
padding:0 0 0 85px;
background:url(img/cal1.gif) 9px 2px no-repeat;
}
div.rezc{
background:url(img/cal2.gif) 9px 2px no-repeat;
}
div.rezb1,div.rezb2,div.rezb3{
float:left;
width:123px;
padding:0 0 5px 0;
}
div.rezb2{
width:38px;
padding:3px 0 0 0;
}
div.rezb3{
width:86px;
padding:0 0 5px 0;
}
}
/******** uzitecne ********/
div.ram{
float:left;
width:149px;
}
div.ram1,div.ram3{
float:left;
width:149px;
height:5px;
background:url(img/ram1.gif) no-repeat;
font-size:0px;
}
div.ram3{
background:url(img/ram3.gif) no-repeat;
}
div.ram2{
float:left;
width:149px;
padding:3px 0 0 8px;
background:url(img/ram2.gif) repeat-y;
}
div.ram2 img{
float:left;
padding:0 26px 14px 0;
border:0;
}
/******** galtext - ram text ********/
div.galtext{
float:left;
width:544px;
}
div.galtext1,div.galtext3{
float:left;
width:544px;
height:5px;
background:url(img/gal1.gif) no-repeat;
font-size:0px;
}
div.galtext3{
background:url(img/gal3.gif) no-repeat;
}
div.galtext2{
float:left;
width:531px;
padding:5px 10px 5px 10px;
background:url(img/gal2.gif) repeat-y;
}
div.galtext2 p{
padding:0 10px 4px 0;
}



