body {font-size:80%;
background:url(images/bg.gif) left 96px repeat-x;
margin:0px;
color:black;
padding:0px;
font-family:sans-serif;
text-align:center;
}
#pozadi {position:relative;
background:url(images/top.jpg) center top no-repeat;
}
#pozadi2 {position:relative;
background:url(images/pozadi2.gif) center 363px no-repeat;
}
#layout {position:relative;
background:white;
margin:auto;
text-align:left;
width:954px;
}
#header h1 {margin:0px; font-size:100%; font-weight:bold;}
#header {position:relative;
background:url(images/top.jpg) center top no-repeat;
height:159px;
width:954px;
}
#header h1 a {position:absolute;
left:17px;
top:16px;
display:block;
width:132px;
height:77px;
text-decoration:none;
border:0;
float:left;
background:#ed171f;
color:white;
cursor:pointer;
overflow:hidden;
}
#header h1 span {position:absolute; 
left:0px; 
top:0px; 
width:132px;
height:77px;
z-index:1; 
background:url('images/logo.gif') no-repeat; 
}
#banner {position:relative;
background:#f60a13 url('images/banner.jpg') no-repeat;
height:222px;
width:954px;
}
#banner h2, #banner h3 {margin:0px; font-weight:bold;}
#banner h2.nadpis {position:absolute; color:white; font-size:120%; left:45px; top:5px; width:495px; height:45px; overflow:hidden;}
#banner h2.nadpis span {position:absolute; left:0px; top:0px; width:495px; height:45px; background:url('images/nadpis.gif') no-repeat;}
.mensi #banner h2.nadpis span {position:absolute; left:0px; top:0px; width:495px; height:45px; background:url('images/nadpis2.gif') no-repeat;}
#banner h2.box {position:absolute; color:black; font-size:120%; left:30px; top:155px; width:296px; height:67px; overflow:hidden;}
#banner h2.box span {position:absolute; left:0px; top:0px; width:296px; height:67px; background:url('images/banner.jpg') -30px -155px no-repeat;}
#banner p {position:absolute; color:white; margin:0px; font-size:120%; left:45px; top:55px; width:520px; height:35px; overflow:hidden;}
#banner p span {position:absolute; left:0px; top:0px; width:520px; height:35px; background:url('images/banner.jpg') -45px -55px no-repeat;}

#banner object, #banner embed {position:absolute; top:0px; left:1px; z-index:2;}

#middle {position:relative;
background:url('images/middle.gif') left bottom no-repeat;
height:576px;
width:954px;
}
.small #middle {height:450px; background:none; margin:0px 0px 20px 0px;}

#middle .formular {position:relative;
float:left;
width:463px;
margin:0px;
padding:0px;
}
#middle .formular div {position:relative; height:40px;}
#middle .formular div.souhlas {height:45px; background:white url('images/souhlas.gif') no-repeat;}
.small #middle .formular div.souhlas {height:45px; background:white url('images/small_souhlas.gif') no-repeat;}
#middle .formular div.odeslat {height:60px; background:white url('images/odeslat.gif') no-repeat;}
#middle .formular div.cont {height:60px; background:url('images/odeslatcont.gif') 253px 26px no-repeat;}
.small #middle .formular div.odeslat {height:110px; background:white url('images/small_odeslat.gif') no-repeat;}
.small #middle .formular div.cont {background:none;}
#middle .formular input {border:0px; border-bottom:1px solid #cccccc; padding:18px 0px 0px 0px; height:17px; _height:36px;}
#middle .formular div label span {position:absolute; display:block; float:left; top:0px; left:0px; height:40px; width:135px;}
#middle .formular div.vyse {position: relative; background:white url('images/vysepujcky.gif') right top no-repeat;}
#middle .formular div.vyse input {width:106px; border-bottom:1px solid #ff0000; color:#ff0000;}
#middle .formular div.vyse label span {background:url('images/labelvyse.gif') no-repeat;}
#middle .formular div.jmeno {background:white url('images/jmeno.gif') right top no-repeat;}
#middle .formular div.jmeno input {width:246px;}
#middle .formular div.jmeno label span {background:url('images/labeljmeno.gif') no-repeat;}
#middle .formular div.prijmeni {background:white url('images/prijmeni.gif') right top no-repeat;}
#middle .formular div.prijmeni input {width:246px;}
#middle .formular div.prijmeni label span {background:url('images/labelprijmeni.gif') no-repeat;}
#middle .formular div.telefon {position: relative; background:white url('images/telefon.gif') right top no-repeat;}
#middle .formular div.telefon input {width:106px;}
#middle .formular div.telefon label span {background:url('images/labeltelefon.gif') no-repeat;}
#middle .formular div.email {background:white url('images/email.gif') right top no-repeat;}
#middle .formular div.email input {width:246px;}
#middle .formular div.email label span {background:url('images/labelemal.gif') no-repeat;}
#middle .formular div.rodne {background:white url('images/rodne.gif') right top no-repeat;}
.small #middle .formular div.rodne {background:white url('images/small_rodne.gif') right top no-repeat;}
#middle .formular div.rodne input {width:106px;}
#middle .formular div.rodne label span {background:url('images/labelrodne.gif') no-repeat;}
.small #middle .formular div.rodne label span {background:url('images/small_labelrodne.gif') no-repeat;}
#middle .formular div.ulice {background:white url('images/ulice.gif') right top no-repeat;}
#middle .formular div.ulice input {width:246px;}
#middle .formular div.ulice label span {background:url('images/labelulice.gif') no-repeat;}
#middle .formular div.mesto {background:white url('images/mesto.gif') right top no-repeat;}
#middle .formular div.mesto input {width:246px;}
#middle .formular div.mesto label span {background:url('images/labelmesto.gif') no-repeat;}
#middle .formular div.psc {background:white url('images/psc.gif') right top no-repeat;}
#middle .formular div.psc input {width:106px;}
#middle .formular div.psc label span {background:url('images/labelpsc.gif') no-repeat;}
#middle .formular div.chci { position: relative; background:white url('images/chci.gif') right top no-repeat;}
.small #middle .formular div.chci {background:white url('images/small_chci.gif') right top no-repeat;}
#middle .formular div.chci input {width:128px;}
#middle .formular div.chci label span {background:url('images/labelchci.gif') no-repeat; width:256px;}
.small #middle .formular div.chci label span {background:url('images/small_labelchci.gif') no-repeat; width:256px;}
#middle .formular div.vdobe { position: relative; }
#middle .formular div.vdobe input {width:128px;}
.small #middle .formular div.vdobe { background:white url('images/small_vdobe.gif') right top no-repeat;}
#middle .formular div.vdobe label span {background:url('images/labelvdobe.gif') no-repeat; width:256px;}
.small #middle .formular div.vdobe label span {background:url('images/small_labelvdobe.gif') no-repeat; width:256px;}
#middle .formular div.souhlas input {border:none; height:auto; padding:0px; margin:27px 13px 0px 142px; _margin-top:25px;}
#middle .formular div.souhlas label span {background:url('images/labelsouhlas.gif') no-repeat; width:222px; height:45px;}
#middle .formular .hvezda {display:block; position:relative; top:26px; margin:0px 0px 0px 8px; float:left; width:6px; height:6px; background:white url('images/hvezda.gif') no-repeat;}
#middle .formular div.vyse .hvezda {background:white url('images/hvezdared.gif') no-repeat;}
#middle .formular div label {float:left; display:block; width:135px; height:40px; padding:0px; text-align:right; margin:0px 9px 0px 0px;}
#middle .formular div.vdobe label {width:256px;}
#middle .formular div.chci label {width:256px;}
#middle .formular div input {float:left;}
#middle .formular div.chci .img {display:block; margin:0px 0px 0px 7px; float:left; width:19px; height:22px; background:white url('images/chciimg.gif') no-repeat;}
#middle .formular div.vdobe .img {display:block; margin:0px 0px 0px 7px; float:left; width:19px; height:19px; background:white url('images/vdobeimg.gif') no-repeat;}
#middle .formular div a .img {cursor:pointer;}
#middle .formular div.souhlas label {position:relative; width:222px;}
#middle .formular button {position:relative; cursor:pointer; left:109px; margin:0px; padding:0px; color:white; background:#ff0000 url('images/button.gif') no-repeat; width:145px; height:60px; border:none;}
#middle .formular button span {display:none;}
#middle .formular .alert span {display:none;}
#middle .okform div label span {width:50px !important;}
#middle .okform h3 {position:absolute; color:black; top:50px; left:50px; z-index:3; width:359px; height:171px;}
#middle .okform h3 span {position:absolute; display:block; float:left; top:0px; left:0px; width:359px; height:171px; background:url('images/dekujeme.gif') no-repeat;}
#middle .formular .alert label {position:relative; line-height:29px; height:29px; top:11px; overflow:hidden; color:white; font-weight:bold; text-align:center; background:#ed171f url('images/alert.gif') right top no-repeat;}
#middle .formular .alert.souhlas label {background:#ed171f url('images/alert2.gif') left top no-repeat; font-size: .85em; padding-left: 10px; text-decoration: none; }
#middle .formular .udaje {position:absolute; font-size:80%; bottom:-5px; right:25px;}
.small #middle .formular .udaje {position:absolute; font-size:80%; bottom:25px; right:35px;}

#middle                 { position: relative; }
#middle .formular div   {  }
#middle .formular .abs  { font-size: .8em; color: #666; }
#middle .vyse .abs      { position: absolute; top: 23px; left: 270px; }
#middle .telefon .abs   { position: absolute; top: 23px; left: 270px; }
#middle .chciabs        { position: absolute; bottom: 165px; left: 65px; font-size: .8em; color: #666; }
#middle .vdobeabs       { position: absolute; bottom: 125px; left: 215px; font-size: .8em; color: #666; }

.small #middle .chciabs        { bottom: 200px; }
.small #middle .vdobeabs       { bottom: 160px; }

#sspou label            { cursor: pointer; }

#middle .pravo {position:relative;
float:right;
width:477px;
}
#middle h2.nadpis {position:relative; margin:0px; color:black; font-size:140%; width:477px; height:58px; overflow:hidden;}
#middle h2.nadpis strong {color:#f60a13; font-size:160%;}
#middle h2.nadpis span {position:absolute; left:0px; top:0px; width:477px; height:58px; background:url('images/middlenadpis.gif') no-repeat;}
.pravo p.text {padding:0px 0px 15px 64px; margin:0px; width:390px; _width:454px; background:url('images/pravoodstavec.gif') 21px top no-repeat; font-size: .85em;}
.pravo h3.prvni {position:relative; margin:5px 0px 0px 0px; color:black; font-size:120%; width:438px; height:51px; overflow:hidden;}
.pravo h3.prvni span {position:absolute; left:0px; top:0px; width:438px; height:51px; background:url('images/pravonadpis1.gif') no-repeat;}
.pravo h3.druhy {position:relative; margin:-13px 0px 0px 0px; padding:15px 0px 0px 0px;  color:black; font-size:120%; width:268px; height:42px; _height:57px; overflow:hidden;}
.pravo h3.druhy span {position:absolute; left:0px; top:0px; width:268px; height:57px; background:url('images/pravonadpis2.gif') no-repeat;}
.pravo h3.treti {position:relative; margin:-13px 0px 0px 0px; padding:15px 0px 0px 0px; color:black; font-size:120%; width:267px; height:44px; _height:59px; overflow:hidden;}
.pravo h3.treti span {position:absolute; left:0px; top:0px; width:268px; height:267px; background:url('images/pravonadpis3.gif') no-repeat;}
#middle .box {position:absolute; left:-31px; z-index:2; top:400px; width:491px; height:135px;}
#middle .box span {position:absolute; left:0px; top:0px; width:491px; height:122px; background:url('images/middlebox.gif') no-repeat;}
.small #middle .box {top:267px; left:-38px;}
.small #middle .box, .small #middle .box span {height:122px;}
.small #middle div.lista {position:absolute; display:block; float:left; top:390px; left:17px; margin:0px; padding:0px 0px 25px 510px; width:410px; _width:920px; z-index:3; border-bottom:2px solid #ed171f;}
#middle .box h3 {background:#ed171f; padding:5px 0px 5px 25px; color:white; margin:0px; font-size:140%;}
#middle .box ul {margin:0px; padding:10px 0px 10px 0px; background:#ed171f;}
#middle .box ul li {margin:0px 0px 0px 25px; color:white; font-weight:bold; display:inline;}
#middle .box p {margin:12px 0px 0px 0px; color:#a1a1a1; text-align:right;}

#bottom {position:relative;
left:17px;
width:920px;
}
#bottom .pravo {width:440px; position:relative; float:left;}
#bottom .pravo h2 {position:relative; margin:0px; color:black; font-size:120%; width:135px; height:25px;}
#bottom .pravo h2 span {position:absolute; left:0px; top:0px; width:135px; height:25px; background:url('images/pujckanadpis.gif') no-repeat;}

#bottom .pujcka {width:440px; position:relative; float:left;}
#bottom .pujcka h2 {position:relative; margin:0px; color:black; font-size:120%; width:120px; height:25px;}
#bottom .pujcka h2 span {position:absolute; left:0px; top:0px; width:120px; height:25px; background:url('images/pujckaprikladnadpis.gif') no-repeat;}

.pujcka p.pujcka1 {position:relative; margin:0px 0px 20px 0px; font-size:120%; width:154px; height:154px; float:left;}
.pujcka p.pujcka1 span {position:absolute; top:0px; left:0px; width:154px; height:154px; display:block; float:left; background:url('images/pujcka1.gif') no-repeat;}
.pujcka p.pujcka2 {position:relative; margin:0px 0px 20px 0px; font-size:120%; width:150px; height:154px; float:left;}
.pujcka p.pujcka2 span {position:absolute; top:0px; left:0px; width:150px; height:154px; display:block; float:left; background:url('images/pujcka2.gif') no-repeat;}
.pujcka p.pujcka3 {position:relative; margin:0px 0px 20px 0px; font-size:120%; width:135px; height:154px; float:left;}
.pujcka p.pujcka3 span {position:absolute; top:0px; left:0px; width:135px; height:154px; display:block; float:left; background:url('images/pujcka3.gif') no-repeat;}
#bottom .pujcka .lista {font-size:0px; line-height:0px; height:0px; overflow:hidden; clear:both; margin:0px 0px 10px 0px; border-top:1px solid #e5e5e5;}
#bottom .pujcka p.veta {margin:0px; padding:0px 0px 0px 49px; background:url('images/bottomveta.gif') no-repeat; height:55px;}
#middle .pujcka p.veta {font-weight:bold; font-size:85%; margin:15px 0px 12px 0px;}

#bottom .otazky {width:440px; position:relative; float:right;}
#bottom .otazky h2 {position:relative; margin:0px 0px 8px 0px; color:black; font-size:120%; width:158px; height:25px;}
#bottom .otazky h2 span {position:absolute; left:0px; top:0px; width:158px; height:25px; background:url('images/otazkynadpis.gif') no-repeat;}
#bottom .otazky div.bila {position:relative; min-height:31px; _height:31px; background:white url('images/bilyotaznik.gif') 19px 7px no-repeat;}
#bottom .otazky div.seda {position:relative; min-height:33px; _height:33px;  background:#f8f8f8 url('images/sedyotaznik.gif') 19px 7px no-repeat; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#bottom .otazky div p {display:none; margin:0px; padding:30px 0px 6px 60px; _height:1px;}
#bottom .otazky div.seda p {background:url('images/sedyvelkyotaznik.gif') 9px 7px no-repeat;}
#bottom .otazky div.bila p {background:url('images/bilyvelkyotaznik.gif') 9px 7px no-repeat;}
#bottom .otazky div h3 {color:#ed171f; cursor:pointer; margin:0px; font-size:120%; position:absolute; top:8px; left:60px;}
/*
.small #bottom .pravo { float: left; }
.small #bottom .otazky { float: rigt; }
*/
#paticka {position:relative;
border-top:2px solid #ed171f;
padding:17px 0px 35px 0px;
margin:30px 0px 0px 0px;
text-align:right;
color:#595974;
left:17px;
width:920px;
}

div.clean {font-size:0px; line-height:0px; height:0px; overflow:hidden; clear:both;}

.lista h2 { 
    position: absolute; 
    right: 15px;
    position: absolute; 
    font-weight: bold;
    font-size: 19px;
}

.lista h3 { 
    position: absolute;
    right: 130px; 
    top: 5px; 
    font-size: 15px;
    font-weight: normal;
}

.lista .h-volejte {position:relative; width:482px; height:41px; overflow:hidden; right:80px; color:#F60A13;
font-size:160%}
.lista .h-volejte span {background:url(images/h-volejte.png) no-repeat; position:absolute; left:0; top:0; width:100%; height:100%}
#rpsnText {font-size:85%; left:0; position:absolute; top:47px; width:900px}