/* __________________________________STYLE___________________________________ */
img {border: 0; margin: 0; padding: 0;}

ul           {list-style: none; margin: 0; padding: 0;} 
table        {border-collapse: collapse; margin: 0; padding: 0;}
table, td, th{font-weight:normal; text-align: left; margin: 0; padding: 0;} 

/* definice nadpisu  */
h1{text-align: left; color: black; font-size: 22px; margin: 0; padding: 0;}
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; margin: 0; padding: 0;}

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

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

.clear {clear: both !important;}
.green {color: rgb(129,152,2) !important;}
.bold  {font-weight: bold !important;}
.center{text-align: center !important;}

/* Lay out webu */
body{
margin: 0; padding: 0;  
font-family: Arial,'Trebuchet MS',Verdana,'Arial CE','Helvetica CE',helvetica,sans-serif;
color: black;
font-size: 14px;
text-align: center;
background: white url(/img/pozadi.jpg) no-repeat center top; 
}

/* _________________________________ALL______________________________________ */
div#aboveall{
width: 1008px;
height: 15px;
background: url(/img/top.png) no-repeat; 
margin: 20px auto auto auto;
}

div#all{
width: 1008px;
background: url(/img/middle.png) repeat-y; 
margin: auto;
text-align: left;

}

div#underall{
width: 1008px;
height: 19px;
background: url(/img/bottom.png) no-repeat; 
margin: auto;
}
/* _________________________________TOP______________________________________ */
div#top img.logo{
padding: 15px 0 24px 30px;
display: block;
}

div#top ul{
width: 960px;
height: 29px;
background: url(/img/horni-menu.png) no-repeat; 
text-align: center;
margin: auto;
}

div#top ul li{
float: left;
width: 160px;
height: 21px;
padding: 7px 0 0 0;
background: url(/img/odrazka-horni-menu.png) no-repeat right center;
}

div#top ul li.last{
background: none;
}

div#top ul li a{
color: rgb(255,255,255);
font-weight: bold;
}
div#top ul li a.active{
color: rgb(255,255,255);
font-weight: bold;
text-decoration: underline;
}

/* _________________________________NABIDKA__________________________________ */
div.nabidka{
height: 191px;
background: url(/img/nabidka.jpg) no-repeat right top;
margin: 10px 3px 0 0; 
padding: 0 0 0 40px;
}

div.nabidka .nabidka-form{
width: 430px;
float: left;
}

.td-nabidka{
vertical-align:top;
height:55px;
}
.span-nabidka{
padding-left:2px;
}



div.nabidka .form{
width: 430px;
float: left;
}

div.nabidka .form div{
padding: 5px 0 5px 0;
}

div.nabidka .form span{
clear: left;
display: block;
float: left;
width: 155px;
font-weight: bold;
}

div.nabidka label.left{
margin: 0 60px 0 0;
}

div.nabidka div.nase-cena{
float: left;
width: 180px;
padding: 60px 0 0 0;
text-align: center;
font-weight: bold;
font-size: 20px;
}

div.nabidka div.nase-cena span{
display: block;
color: rgb(158,3,3);
margin: 18px 0 0 0;
font-size: 25px;
}

div.nabidka div.usetrete{
float: left;
margin: 109px 0px 0px 30px;
color: white;
font-style: italic;
font-size: 17px;
}

div.nabidka div.usetrete span{
color: rgb(196,231,3);
font-size: 20px;
margin: 0 0 0 15px;
}
/* ________________________________MIDDLE____________________________________ */
div#middle{
padding: 0 22px;
text-align: left;
}

.nadpis1{
color: rgb(248,153,3);
font-size: 22px;
margin: 0 0 10px 0;
}

.nadpis2{
color: black;
font-size: 18px;
margin: 10px 0 10px 0;
font-weight: bold;
}

.nadpis3{
color: rgb(16,117,179);
font-size: 20px;
margin: 0px 0 10px 0;
}


ul.umisteni{
clear: both;
margin: 20px 0 0 0;
}

ul.umisteni li{
float: left;
width: 314px;
padding: 0 7px 0 0;
}

ul.umisteni li i{
display: block;
}

ul.umisteni li a{
display: block;
float: right;
width: 89px;
height: 20px;
padding: 4px 0 0 0;
text-align: center;
color: white;
}

ul.umisteni li.pocitaci a{
background: url(/img/vice-pocitaci.png) no-repeat;
}

ul.umisteni li.mobilu a{
background: url(/img/vice-mobilu.png) no-repeat; 
}

ul.umisteni li.internetu a{
background: url(/img/vice-internetu.png) no-repeat; 
}
/* _________________________________SROVNANI_________________________________ */
div.srovnani{
background: url(/img/srovnani.png) no-repeat;
padding: 20px;
}

div.srovnani div.toleft{
width: 630px;
float: left;
border-right: 1px solid rgb(129,152,2);
}

div.srovnani div.toleft table.left{
margin-right: 15px;
}

table.our{
border: 1px solid rgb(82,172,227);
float: left;
margin: 40px 0 0 0;
}


table.our th{
font-weight: bold;
height: 32px;
background: url(/img/th-srovnani.png) repeat-x;
padding: 0 0 0 20px; 
}

table.our td{
font-style: italic;
padding: 0 0 0 20px;
height: 26px; 
}

table.our tr.lichy td{
background: rgb(208,236,253); 
}

table.our tr.sudy td{
background: rgb(180,225,252); 
}

div.srovnani div.toright{
float: right;
width: 275px;
}

div.srovnani div.toright ul{
margin: 0 0 30px 28px;
}

div.srovnani div.toright ul li{
list-style: outside url(/img/tick-blue.png);
margin: 0 0 10px 0;
padding-left: 10px;
vertical-align:top;
}

/* ________________________________OBJEDNAVKA________________________________ */
ul.stav-objednavky{
margin: 25px auto 0 auto;
}

ul.stav-objednavky li{
float: left;
width: 240px;
height: 48px;
background: url(/img/stav-objednavky.png) no-repeat left center;
padding: 1px 0 0 0;
color: rgb(0,82,166);
font-weight: bold;
font-size: 15px;
}

ul.stav-objednavky li.selected{
background: url(/img/stav-objednavky-selected.png) no-repeat left center;
color: rgb(255,140,4);
height: 45px;
padding: 2px 0 0 0px;
}

ul.stav-objednavky li span{
color: white;
font-size: 34px;
margin: 0 20px 0 15px;
vertical-align: middle;
font-weight: normal;
}

#form.objednavka{
margin: 22px 0 0 0;
float: left;
width: 645px;
}

#form.objednavka fieldset{
background: url(/img/objednavka-pozadi.png) no-repeat center top;
border: 0;
padding: 0 20px 30px 20px;
}

#form.objednavka fieldset span.nadpis3{
margin: 18px 0 25px 0;
display: block;
}

#form.objednavka div.styled{
border: 1px solid rgb(112,182,253);
padding: 20px 0 20px 18px;
color: rgb(228,159,5);
font-size: 16px;
}

#form.objednavka div.noborder{
border-bottom: 0; 
}

#form.objednavka div.styled img{
vertical-align: middle;
margin: 0 15px 0 0;
}

#form.objednavka div.styled label{
display: block;
float: left;
width: 525px;
}

#form.objednavka div.styled label.radio input{
margin: 0 15px 0 0;
}

#form.objednavka div.styled img.otaznicek{

}

#form.objednavka input.submit{
float: right;
width: 95px;
height: 25px;
text-align: center;
background: url(/img/dalsi-krok.png);
background-repeat:repeat-x;
border: 0;
font-size: 12px;
margin: 0 22px 0 0;
cursor: pointer; 
}

#form.objednavka div.styled table{
margin: 10px 0 0 -14px;
width: 590px;
border-collapse: separate;
}

#form.objednavka div.styled table th{
background: rgb(140,195,250);
color: white;
padding: 0 0 0 12px;
}

#form.objednavka div.styled table td{
font-size: 12px;
color: black;
padding: 3px 0 0 12px;
color: rgb(76,75,75);
}

#form.objednavka div.styled table td input{
width: 70px;
/*background: rgb(244,243,243);*/
}

div.celkem{
background: rgb(198,226,254) url(/img/celkem-pozadi.png) repeat-x center top;
border: 1px solid rgb(128,182,220);
float: right;
width: 269px;
margin: 22px 0 0 0;
padding: 18px;
}

div.celkem .nadpis2{
margin: 0 0 0 0;
font-weight: normal;
}

div.celkem div.white{
background: white;
padding: 3px; 
border: 1px solid rgb(109,181,253);
margin: 25px 0;
}

div.celkem table{
width: 100%;
}

div.celkem table th{
background: rgb(167,208,250);
color: rgb(0,82,166);
padding: 5px 0;
}

div.celkem table td{
border-bottom: 1px solid rgb(109,181,253);
padding: 15px 0;
color: rgb(76,75,75);
}

div.celkem table tr.noborder td{
border: 0;
}

div.celkem div.bold{
font-size: 16px;
}

div.celkem div.no-long-term{
text-align: center;
font-style: italic;
color: rgb(0,106,157);
margin: 35px 0 0 0;
line-height: 22px;
}

/* __________________________________FOOTER__________________________________ */
div#footer{
color: rgb(124,138,146);
font-style: italic;
margin: 0 0 15px 0;
}
div#footer a {
color: rgb(124,138,146);
}


/* __________________________________OTHER__________________________________ */
input[type="text"].textbox_watermark, .textbox_watermark
{
    color: #b5bfc1;
}
.normal-pozadi{
background: url(/img/normal-pozadi.jpg) no-repeat center top;
border: 0;
padding: 20px 20px 30px 20px;
}
.normal-pozadi span{
color: rgb(16,117,179);
font-size: 20px;
display:block;
margin: 20px 0px 20px 0px;
}


.normal-pozadi p{
color: rgb(63,63,63);
}
.jaktofunguje-images tr td 
{
    padding: 10px;
}



ul.our li
{
    padding-left: 10px;
    list-style-type: circle;
    padding-bottom: 10px;
    text-align:justify;
}
#images img
{
    padding-top:10px;
}
.mapy
{
    z-index:1000;
    position:absolute;
    margin-top:-60px;
    width:350px;
    background-color:white;
    height:40px;
}