/* zakladni nastaveni - reset */
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

h1, h2, h3, h4, a img { padding: 0; margin: 0; border: 0;} 
ul { list-style: none; } 
table  {border-collapse: collapse;}
table, td, th { border: 0; font-size: 12px; font-weight:normal; text-align: left;} 

/* definice nadpisu  */
h1{text-align: left; color: rgb(3,193,251); font-size: 22px; margin: 0 0 25px 0; padding: 0 0 5px 0; border-bottom: 1px solid rgb(3,193,251);}
h2{text-align: left; color: black; font-size: 18px; margin: 0; padding: 0;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: left; color: black; font-size: 13px; margin: 0; padding: 0; line-height: 22px;}

/* definice odkazu */
a {color: black; text-decoration: none;}
a:hover {text-decoration: underline;}

hr {clear: both; color: black; background-color: black; height: 1px;}

/* --- globalni tridy --- */
.clear			  {clear: both  !important;}
.right 			  {text-align: right  !important;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left  !important;}
.block			  {display: block  !important;}
.justify      {text-align: justify !important;}
.noborder     {border: 0 !important;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.tucne			  {font-weight: bold !important;}
.dt           {position: absolute; left: 50px; top: 120px; width: 700px; height: 100px;   /* border: 1px white solid; */ }
div#errorhlaska      {text-align: center; margin: 5px 0 25px 0; _margin: 5px 0 25px 0;}
div#errorhlaska span {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
div.status           {text-align: center; margin: 5px 0 25px 0; _margin: 5px 0 25px 0;}
div.status span      {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }

li.selected a     {color: black !important;}
span#errorhlaska  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.doc, .rtf, .word {background: url(../img/doc.gif) no-repeat; padding-left: 20px;}
.xls, .excel      {background: url(../img/xls.gif) no-repeat; padding-left: 20px;}
.txt              {background: url(../img/icons/txt.gif) no-repeat;  padding-left: 20px;}
.rar, .zip        {background: url(../img/icons/rar.gif) no-repeat; padding-left: 22px;}
.gif, .jpg, .gif, .obrazek {background: url(../img/icons/img.gif) no-repeat;  padding-left: 20px;}
/* strankovani */
div#searchresult {text-align: center; margin: 0 5px;}
div#searchresult a {margin: 0 5px;}
.pageselected    {text-decoration: underline; font-weight: bold;}
span.errorinfo   {font-weight: bold; color: red;}
div.execution    {display: inline; margin: 0 !important;}

/* Lay out webu */
body {  
font-family: Arial,'Trebuchet MS', Verdana,'Arial CE','Helvetica CE', helvetica, sans-serif;
color: black;
font-size: 14px;
text-align: center;
}

div#aboveall{
background: url(../img/pozadi-opak.gif) repeat-y center top;
}

div#all{
background: url(../img/pozadi.jpg) no-repeat center top; 
min-height: 858px;
}

/* _________________________________TOP______________________________________ */
div#top{
margin: auto auto auto auto; 
width: 1008px;
height: 380px;
position: relative;
}

div#top div.motto{
position: absolute;
top: 207px;
left: 250px;
color: rgb(2,82,132);
font-family: arial;
font-weight: bold;
}

div#top ul{
padding-top: 62px;
}

div#top ul li{
display: inline;
margin: 0 50px;
}

div#top ul li a{
color: white;
font-weight: bold;
font-size: 16px;
font-variant: small-caps;
}

div#top ul li div{
}

/* ________________________________MIDDLE____________________________________ */
div#middle{
width: 1008px;
margin: auto; 
text-align: left;
}

/* left */
div#left{
float: left;
width: 250px;
padding: 0 0 20px 5px;
}

div#left h2{
width: 220px;
height: 30px;
background: url(../img/h2-green.gif) no-repeat;
margin: 10px 0 0 0;
color: rgb(73,97,1);
padding: 10px 0 0 30px; 
border: 1px rgb(233,233,233) solid;
border-bottom: 0;
}

div#left ul{
width: 220px;
background: rgb(254,254,254) url(../img/green-pozadi.gif) no-repeat center top;
padding: 0 0 20px 30px;
border: 1px rgb(233,233,233) solid;
border-top: 0;
}

div#left ul li{
padding: 20px 0 0 0;
}

div#left ul li img{
margin-right: 15px;
}

div#left ul li a{
color: rgb(105,105,104);
font-size: 14px;
}

div#center{
float: left;
width: 455px;
min-height: 400px;
padding: 12px 20px 20px 20px;
}

/* right */
div#right{
float: left;
width: 250px;
min-height: 200px;
margin-right: 5px;
}

div#right h2{
width: 220px;
height: 33px;
background: url(../img/h2-blue.gif) repeat-x;
margin: 10px 0 0 0;
color: rgb(1,111,179);
padding: 7px 0 0 30px; 
border: 1px rgb(233,233,233) solid;
border-bottom: 0;
}

div#right ul{
width: 220px;
padding: 0 0 20px 30px;
border: 1px rgb(233,233,233) solid;
border-top: 0;
background: rgb(255,255,255); 
}

div#right ul li{
margin: 0px 20px 0px 0;
border-bottom: 1px rgb(140,138,138) dashed;
padding: 10px 0 10px 0;
}

div#right ul li a{
color: rgb(140,138,138);
}

img.action-offer{
margin-left: 5px;
}
/* _________________________________SEKCE____________________________________ */
div.sekce{
position: relative;
}

table.sekce{
width: 100%;
background: rgb(243,252,255) url(../img/sekce-pozadi.gif) repeat-x center top;
height: 125px;
border: 1px solid rgb(218,245,255);
margin: 0 0 20px 0;
}

table.sekce tr td{
vertical-align: top;
padding: 10px 0 0 0; 
}

table.sekce tr td div.cena_od{
position: absolute;
right: 10px;
top: 5px;
font-weight: bold;
color: rgb(59,59,59);
}

table.sekce tr td.foto{
width: 145px;
text-align: center;
}

table.sekce tr td.foto img{
padding: 3px;
background: white;
border: 1px solid rgb(183,211,219); 
}

table.sekce tr td.popis{
padding-left:  15px;
padding-right:  15px;
}

table.sekce tr td.popis h3{
color: rgb(1,101,180);
padding-bottom: 4px;
border-bottom: 1px solid rgb(155,231,255);
margin-bottom: 4px;
}

table.sekce a.button{
background: url(../img/tlacitko.gif) no-repeat;
width: 101px;
height: 21px;
text-align: center;
display: block;
float: left;
color: rgb(255,255,255);
font-weight: bold;
padding-top: 4px; 
margin: 15px 15px 0 15px;
cursor: pointer;
}

/* _________________________________FORM_____________________________________ */
form.form h2{
margin: 40px 0 20px 0;
font-weight: normal;
font-size: 24px;
padding-bottom: 3px;
color: black;
}

form.form{
margin: auto; 
}

form.form div{
clear: left;
width: 450px;
margin: 10px 0 0 0;
padding: 1px 3px 0 0;
}

form.form div label{
display: block;
float: left;
width: 125px;
padding: 0px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form.form div label.radio input, 
form.form div label.radio input{
border: 0;
background: none; 
} 

form.form div.remainder{
margin: 0px 0 0 210px !important; 
font-weight: normal;
font-size: 10px;
width: 250px !important;
}

form.form div div.remainder input{
font-size: 10px;
width: 25px;
text-align: center;
height: 14px;
}

form.form div textarea{
width: 300px;
margin-left: 60px;
border: 1px solid rgb(135,135,135);
}

form.form div input, select{
width: 220px;
height: 21px;
border: 1px solid rgb(135,135,135);
}


form.form div.submit{
text-align: center;
margin-top: 30px;
}

form.form div label.radio{
float: left;
width: 90px;
text-align: left;
font-weight: normal;
}

form.form div label.radio input{
width: 20px; 
float: left;
}

form.form div.check{
margin-top: 25px;
}

form.form input.checkbox{
border: 0;
background: none;  
width: 15px !important;
height: 19px !important; 
margin-left: 5px;
} 

form.form div label.radiomarital{
width: 700px;
padding: 3px 3px;
text-align: left;
color: rgb(255,127,0);
font-weight: bold;
}

form.form div label.radiomarital span{
font-weight: normal;
color: black;
}

form.form input.radiomarital{
float: left;
width: 18px;
 height: 19px;
display: inline;
margin-right: 5px;
}

form.form div.error{
font-weight: bold;
color: rgb(255,1,1);
}

form.form div.error img{
margin-right: 4px;
vertical-align: middle;
}

form.form div.error label{
color: black;
}

form.form div.error select{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

form.form div.error input{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

form.form div.error textarea{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

/* _____________________________FOTOGALERIE__________________________________ */
ul.fotokategorie{
margin: 50px 0 0 40px;
}

ul.fotokategorie li{
list-style: disc inside;
margin-bottom: 15px;
}

ul.fotokategorie li a{
font-weight: bold;
}

ul.fotogalerie{
margin: 50px auto 0 auto;
}

ul.fotogalerie li{
display: inline;
height: 120px;
}

ul.fotogalerie li img{
padding: 3px;
background: white;
border: 1px solid rgb(183,211,219); 
}

/* ________________________________DOWNLOAD__________________________________ */
ul.download{
margin: 20px 0 0 20px;
}

ul.download li{
padding-left: 25px;
margin-bottom: 10px;
}

ul.download li a{
font-weight: bold;
color: rgb(58,137,193);
}

/* ________________________________DETAIL____________________________________ */
table.detail{
width: 100%;
}

table.detail a.book{
background: url(../img/tlacitko.gif) no-repeat;
width: 101px;
height: 21px;
text-align: center;
display: block;
color: rgb(255,255,255);
float: right;
font-weight: bold;
padding-top: 4px; 
margin: -56px 0px 0 0px;
cursor: pointer;
}

table.detail td h1{
padding-right: 200px;
}

table.detail tr td.tleft{
width: 450px;
padding: 0 10px 0 0;
}

table.detail tr td{
vertical-align: top;
}

table.detail tr td.tright{
}

table.detail tr td.tright img.velky{
margin: auto;
width: 230px;
display: block;
padding: 5px;
border: 1px solid rgb(215,215,211);
}

table.detail tr td.tright div.obrazky{
margin: 5px 0 0 0;
width: 240px;
overflow-x: scroll;
}

table.detail tr td.tright table.obrazky td{
vertical-align: middle;
padding: 1px;
}

table.detail tr td.tright table.obrazky img{
height: 45px;
padding: 4px;
border: 1px solid rgb(212,212,207);
}

table.detail table.cenik{
width: 100%;
}

table.detail table.cenik th{
height: 48px;
background: url(../img/cenik-hlavicka.png)  repeat-x; 
color: white;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid white;
}

table.detail table.cenik td{
padding: 5px 0 5px 5px;
text-align: center;
}

table.detail table.cenik td.mesic{
color: rgb(5,159,206);
font-weight: bold;
padding-left: 10px;
border-right: 1px solid white;
text-align: left;
}

table.detail table.cenik td.cena-dospely{
border-right: 1px solid white;
}

table.detail table.cenik tr.lichy td{
background-color: rgb(204,240,250);
}

table.detail table.cenik tr.sudy td{
background-color: rgb(241,246,248);
}

div.total{
font-size: 18px;
font-weight: bold;
display: inline;
color: red;
}

table.confirm{
margin: 40px 0 0 0;
}

table.confirm tr td{
padding-right: 40px;
}

table.confirm tr td a{
font-weight: bold;
font-size: 20px;
text-decoration: underline;
}
/* ________________________________FOOTER____________________________________ */
div#footer{
margin: auto;
width: 1008px;
height: 107px; 
background: url(../img/paticka.jpg) no-repeat 
}

div#footer ul{
padding-top: 45px;
}

div#footer ul li{
display: inline;
}

div#footer ul li div{
display: inline;
margin: 0 40px;
color: rgb(137,216,240);
}

div#footer ul li a{
color: rgb(52,184,221);
}

div#underfooter{
width: 1008px;
margin: auto;
color: rgb(105,105,104);
}

div#underfooter ul li{
display: inline;
}

div#underfooter ul li a{
color: rgb(105,105,104);
}

div#underfooter ul li div{
display: inline;
margin: 0 5px;
}