/* __________________________________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: rgb(16,117,179); font-size: 22px; margin: 0; padding: 0;}
h2{text-align: left; color: rgb(16,117,179); font-size: 18px; }
h3{text-align: left; color: rgb(16,117,179); font-size: 15px; margin: 0; padding: 0;}
p {text-align: left; color: black; }
p.justify { text-align:justify; }

/* 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;}


.features { width:100%; }
.features tr td { border-top: 1px solid #ebebeb; line-height:30px; }
.features tr td.features-right2 {text-align:center;}
.features-box { margin-top:20px; }

#twocolumns { width:100%;overflow:auto; }
#twocolumns-left { width:47%;border:0px solid green;float:left; }
#twocolumns-right { width:47%;border:0px solid blue;float:right; }

.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;
}

/* list orange */
.list-o {padding:0; margin:0; padding-left:15px;}
.list-o li { padding-left:10px;padding-bottom:5px;list-style-type:none;text-decoration: none; background: url(/images/list-o.png); background-repeat:no-repeat; background-position: 0% 5px; color:#000000; }
.list-o li a { text-decoration:none;color:#f16616; }
.list-o li a:hover { text-decoration:underline; }


/* ________________________________ICONS_____________________________________ */
@font-face {
    font-family: 'iconSweets';
    src: url('/fonts/icon-webfont.eot');
    src: url('/fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/icon-webfont.woff') format('woff'),
         url('/fonts/icon-webfont.ttf') format('truetype'),
         url('/fonts/icon-webfont.svg#iconSweetsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.iconsweet{
	font-family:iconSweets;
	font-weight:normal;
	font-size:20px;
	color:#2183bf;
}
/* _________________________________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 ul{ display:none;z-index:1000;position:relative;background:none;padding-top:5px;margin-top:0px;width:170px;}
div#top ul li:hover > ul { display:block; }
div#top ul ul li { color: rgb(255,255,255);font-weight: bold;display:block;float:left;clear:left;background: url(/img/horni-menu2.png);background-repeat:no-repeat;  }
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;cursor: pointer;display:block;}
div#top ul li a.active{ color: rgb(255,255,255);font-weight: bold;text-decoration: underline;}
.first-item {background: url(/img/horni-menu2.png);background-repeat:no-repeat;}

/* _________________________________NABIDKA__________________________________ */
div.nabidka{
height: 193px;
width:964px;
background: url(/img/nabidka.jpg) no-repeat right top;
margin: 10px 3px 10px 0; 
padding: 0 0 0 23px;
float:left;
z-index:0;
}

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;
border:1px solid red;
}

ul.umisteni li{
float: left;
width: 450px;
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;
}


.features {border: 0px solid green;height:100px;}
.features img {float:left;margin-right:20px;}
.features span {color: black;font-size: 18px;margin: 10px 0 10px 0;font-weight: bold;}
.features a.link {float:right;bottom:0;width: 89px;height: 20px;padding: 4px 0 0 0;text-align: center;color:white;}
.features-left {margin-top:20px;width:48%;float:left;}
.features-right {margin-top:20px;width:48%;float:right;}
.features-body {border: 0px solid red;height:75px;}
.features-body a { color:Black; float:left;display:block;}

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

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

.features a.internetu{
background: url(/img/vice-internetu.png) no-repeat; 
}

.table2{width:100%;border-collapse:collapse;}
.table2 td, .table2 th {font-size:1.0em;border:1px solid #98bf21;padding:3px 7px 2px 7px;}
.table2 th {font-size:1.2em;text-align:left;padding-top:5px;padding-bottom:4px;background-color:#A7C942;color:#fff;}
.table2 tr.sudy td {color:#000;background-color:#EAF2D3;}

/* _________________________________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;
}
h1 {color: rgb(16,117,179);font-size: 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.list {clear:both;padding-top:0px;color:#474747;}
ul.list li {padding-left: 10px;text-align:justify;font-size:15px;}
ul.list li span{margin-right:5px;}

ul.list2 {clear:both;padding-top:0px;color:#474747;}
ul.list2 li {padding-left: 0px;margin-left:30px;text-align:justify;margin-bottom:5px;
             list-style: outside url(/img/tick-blue.png);}
ul.list2 li span{margin-right:5px;}


ul.list3 {clear:both;padding-top:0px;color:#474747;}
ul.list3 li {padding-left: 0px;margin-left:30px;text-align:justify;margin-bottom:5px;
             list-style: outside url(/img/tick-green.png);}
ul.list3 li span{margin-right:5px;}

a.vice-informaci {color: #0372ba;text-decoration:underline;margin-left:20px;}
a.vice-informaci:hover {text-decoration:none;}


/* messages */
.message { width:95%; padding:2%; margin-bottom:30px; -webkit-border-radius: 6px;-moz-border-radius: 6px; 
           overflow:auto; text-align:center; border-radius:6px; font-weight:bold;font-size:1.3em; }
.message.green2 { background-color: #dff3bb; border: 1px solid #358825;color:#358825; }
.message.orange2 { background-color: #fff5cc; border: 1px solid #f2dd8c; }
.message.blue2 { background-color: #e8f6ff; border: 1px solid #b8e2fb; }
.message.valid {background-image: url(/img/valid-green.png);background-repeat:no-repeat; background-position: 20px 13px; }


.table2013 {border: 0px solid #0372ba;border-collapse: collapse;width: 450px;}
.table2013 td, .table2013 th {border-bottom: 1px solid #0372ba;padding:5px;background-color:#FFFFFF;height:20px;}
.table2013 tr th {font-size:1.2em;font-weight:bold;}
.table2013 tr:hover td {background-color:#daebfa;}
.table2013 tr td.right {text-align:right;}
.table2013 tr td.center {text-align:center;}

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:-20px;
    width:850px;
    background-color:white;
    height:40px;
}

/*************************************************/
.featurebox { width:100%; margin: 20px 0px 20px 0px; }
.featurebox tr td { padding:5px;}
.featurebox tr td.logo { width:220px;}
.featurebox tr td.header { font-weight:bold; vertical-align:top;height:20px;}
.featurebox tr td.body { vertical-align:top; }



#contact-support { border:0px solid green;background: url(/img/back-zakaznicka-podpora.png);background-repeat:no-repeat;width:741px;height:202px; font-size:15px;clear:both ;display:block; position:relative; }
#contact-support-left { top:10px;left:90px;position:relative;width:280px;border:0px solid red; clear:both;display:inline-block; }
#contact-support-right { top:10px;float:left;left:440px;position:absolute;width:300px;border:0px solid red; clear:both;display:inline-block;}
#contact-support a { color:Black;text-decoration:underline; }
#contact-support a:hover { color:Black;text-decoration:none; }

#contact-company { border:0px solid green;background: url(/img/back-sidlo-spolecnosti.png);background-repeat:no-repeat;width:741px;height:202px; font-size:15px;clear:both ;display:block; position:relative; }
#contact-company-left { top:10px;left:90px;position:relative;width:280px;border:0px solid red; clear:both;display:inline-block; }
#contact-company-right { top:10px;float:left;left:440px;position:absolute;width:300px;border:0px solid red; clear:both;display:inline-block;}
#contact-company-bottom {top:160px;float:left;left:90px;position:absolute;width:600px;border:0px solid red; clear:both;display:inline-block;}
#contact-company a { color:Black;text-decoration:underline; }
#contact-company a:hover { color:Black;text-decoration:none; }


table.onas { width:80%;margin-left:auto;margin-right:auto; }
table.onas tr td { padding-top:15px;padding-bottom:15px; }



.faq {padding:0; margin:0; padding-left:15px;}
.faq li { padding-left:10px;padding-bottom:5px;list-style-type:none;text-decoration: none; background: url(/images/list-o.png); background-repeat:no-repeat; background-position: 0% 5px; color:#000000; }
.faq li a { color: #f16616;text-decoration:none;font-size:14px; }
.faq li a:hover { color: #f16616;text-decoration:underline; }
.faq li a.faq-title {}
.faq li div { height:0; overflow:hidden; position:relative; }
.faq li div p {padding:0;}