h1,h2,h3,h4,h5,ul,ol,li,a,p,div,form,fieldset,body,html,img,dl,dt,dd,table,tr,td,th{padding: 0px;margin: 0px; border:0 none;}

/*
1)obecne nastaveni
*/
.reset{clear: both; margin: 0px; padding: 0px; line-height: 0px; overflow: hidden; height: 0px; width: 99%; font-size: 0px;}
a{color: #194384; text-decoration: underline;}
a:hover{text-decoration: none;}
/*zakladni stavebni prvky*/
body{text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 62.5%; color: #606060;background:white url(../images/body.png) repeat-x bottom;}
input,textarea{font-family: Arial, Helvetica, sans-serif;}
.clear {clear:both;}

/* [ CLEARFIX ] ------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
}
/* -------------------------------------------------------------------------- */

strong {
    font-weight: bold;
}

/*
2)hlavni struktura divu
*/
#page{width: 960px; margin: 0px auto 0 auto; text-align: left;}
#head{position: relative; width: 960px; border-top: 4px solid #606060; text-align: center; min-height: 122px;_height: 122px;}
#mapa{width: 960px; height: 253px; position: relative; background:#F1EEE8 url(../images/mapa.jpg) no-repeat left top;}


#telo{width: 100%; padding: 53px 0 70px 0;}
#pata{position: absolute; left: 0px; bottom: 0px; text-align: center; width: 100%;}
#pata-in{width: 960px; margin: 0px auto 0 auto; height: 189px; text-align: left;} 

#bottom{padding-bottom: 189px; position: relative; width: 100%;}

#left{width: 549px; float: left;}/*22px dira*/
#right{float: left; width: 410px; position: relative;}

/*
3)Hlavicka
*/
#head{}
#head h1{ color: #9d0c0f; font-size: 140%; width: 244px; height: 54px; position: absolute; left: 0px; top: 39px;}
#head h1 span{position: absolute; left: 0px; top: 0px; cursor: pointer; display: block; background: url(../images/logo.png) no-repeat left top;
    width: 244px; height: 54px;}
#head ul.firstLevel {list-style: none;position: absolute; top: 52px; /* s polozkou general info: left: 402px; */ left: 502px; width: 558px;}
#head ul li{ float: left; height: 20px;}
#head ul li a{color: #222222; text-decoration: none; position: relative; display: block;height: 20px} 
#head ul li a:hover{text-decoration: none; color: #FE950A;}
#head ul li a span{position: absolute; left: 0px; top: 0px; height: 20px; background-position: left top; background-repeat: no-repeat; cursor: pointer;}
#head ul li a:hover span, #head ul li a.hover span{ background-position: left -20px;}
#head ul li a.active span{ background-position: left -20px;}
#m1{width: 69px;}
#m1 a{width: 69px;}
#m1 a span{width: 69px; background-image: url(../images/menu-home.png);}
#m2{width: 69px;}
#m2 a{width: 69px;}
#m2 a span{width: 69px; background-image: url(../images/menu-cenik.png);}
#m3{width: 123px;}
#m3 a{width: 123px;}
#m3 a span{width: 123px; background-image: url(../images/menu-pokryti.png);}
#m4{width: 106px;}
#m4 a{width: 106px;}
#m4 a span{width: 106px; background-image: url(../images/menu-sprava.png);}
#m5{width: 76px;}
#m5 a{width: 76px;}
#m5 a span{width: 76px; background-image: url(../images/menu-kontakt.png);}
#m6{width: 98px;}
#m6 a{width: 98px;}
#m6 a span{width: 98px; background-image: url(../images/menu-poptavka.png);}
#m7{width: 123px;}
#m7 a{width: 123px;}
#m7 a span{width: 123px; background-image: url(../images/menu-obecne.png);}

#menu ul li ul {
    position: absolute;
    background: #ffffff;
    border: 1px solid #ccc;
    list-style-type: none;
    margin-top: 7px;
    margin-left: 7px;
    
}

#menu ul li ul li {
    float: none;
    text-align: left;
    height: auto;
}

#menu ul li ul li a {
    padding: 6px 15px;
    font-size: 12px;
    width: auto;
    border-bottom: 1px solid #ccc;
    height: auto;
}


/*
4)mapa
*/
#mapa{}
#mapa .dostupnost{ width: 370px; height: 72px; background:#363E2E url(../images/dostupnost.jpg) no-repeat left top; position: absolute; top: 29px; right: 0px;}
#mapa .dostupnost p{width: 232px; height: 32px; position: absolute; left: 0px; top: 0px;}
#mapa .dostupnost p span{width: 232px; height: 32px; position: absolute; left: 0px; top: 0px; background: url(../images/dostupnost-p.png);}
#mapa .dostupnost a{color: #FE950A;text-decoration: underline; position: absolute;  right: 15px; top: 7px; padding-right: 14px; font-size: 120%;
    background: url(../images/dostupnost-sipka.gif) no-repeat right 7px; }
#mapa .dostupnost a:hover{text-decoration: none;}
#mapa .dostupnost table{border: none; border-spacing: 0px; border-collapse: collapse; position: absolute; left: 8px; top: 34px; width: 350px;}
#mapa .dostupnost table th{vertical-align: middle; font-weight: normal; text-align: right;}
#mapa .dostupnost table th label{ font-size: 120%; color: White; padding-right: 7px;}
#mapa .dostupnost table td{vertical-align: top;}
#mapa .dostupnost table td input.text{border: 1px solid #282827; padding: 4px 0 3px 5px; height: 16px; font-size: 12px;}
.d1{width: 48px;}
.d2{width: 153px;}
.d3{width: 41px;}
.d4{width: 73px;}
.d5{ padding-top: 1px;*padding-top: 2px; padding-left: 6px;}
input.d2 {width: 144px; background:white url(../images/dostupnost-i1.png) no-repeat left top;}
input.d4{width: 64px; background:white url(../images/dostupnost-i2.png) no-repeat left top;}



/*
4)vlevo
*/
#left{}
.text{ padding-right: 75px;}
.text.nopadd {
    padding-right: 0px;
}
.text h2{position: relative; width: 300px; height: 30px; font-size: 14px; margin-bottom: 6px;}

.text h2.cufon {
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
}

img.letak {
    position: absolute;
    right: 0px;
}

h2.kdoJsme span{position: absolute; left: 0px; top: 0px;width: 300px; height: 30px; background: url(../images/kdo-jsme.png) no-repeat left top;}
.text p{font-size: 140%; margin-bottom: 20px; line-height: 160%;}
.text p a {color: #FE950A;}
.text p a:hover {color: #000000;}
.text ul {margin-bottom: 72px; width: 650px; margin-left: auto; margin-right: auto;}
.text ul li {font-size: 140%; line-height: 140%; margin-bottom: 3px; list-style-type: none; float: left; padding-right: 120px;}
.text ul li.last {padding-right: 0px;}
.text ul li img {vertical-align: middle; margin-right: 5px; position: relative; top: -2px;}
.text ul li a {color: #fe950a;}
.text ul li a:hover {color: #000000;}

body span.datum {
    line-height: 25px;
    display: block;
    height: 25px;
    font-size: 140%;
    color: #959595;
}


/*
5)vpravo
*/
#right{}

.cenik{ position: relative;width: 410px;}
.cenik h2, h2.priceList, h2.contact, h2.demand, h2.coverage, h2.demandThanks, h2.kdoJsme {position: relative; width: 350px; height: 30px;font-size: 14px; margin-bottom: 6px;}
.cenik h2 span, h2.priceList span {position: absolute; left: 0px; top: 0px;width: 190px; height: 30px; background: url(../images/ceny-pripojeni.png) no-repeat left top;}
h2.contact span {position: absolute; left: 0px; top: 0px;width: 223px; height: 30px; background: url(../images/kontakt.png) no-repeat left top;}
h2.coverage span {position: absolute; left: 0px; top: 0px;width: 290px; height: 30px; background: url(../images/nase-pokryti.png) no-repeat left top;}
h2.demand span {position: absolute; left: 0px; top: 0px;width: 223px; height: 30px; background: url(../images/poptavka_pripojeni.png) no-repeat left top;}
h2.demandThanks span {position: absolute; left: 0px; top: 0px;width: 480px; height: 30px; background: url(../images/thanks.png) no-repeat left top;}
h2.vanocni span {position: absolute; left: 0px; top: 0px;width: 480px; height: 30px; background: url(../images/vanocni_darek.png) no-repeat left top;}
.cenik a{color: #FE950A;text-decoration: underline; position: absolute;  right: 0px; top: 4px;padding-right: 14px; font-size: 120%;
    background: url(../images/dostupnost-sipka.gif) no-repeat right 7px;}
.cenik a:hover{text-decoration: none;}


.cenik-in{width: 410px; position: relative;}
.cenik-in img {position: absolute; top: 0px; left: 0px;}
.cenik-in div{width: 410px;} 
.cenik-in h3{ font-size: 14px; line-height: 21px;}
.cenik-in p{font-size: 14px; line-height: 21px;}
.cenik-in div.cenyText {position: relative; left: -999px;}



/*
6)pata
*/
#pata h2{position: relative; height: 30px; margin-bottom: 5px;}
#pata h2 span{position: absolute; left: 0px; top: 0px; height: 30px;}

.right-p h2{width: 300px;}
.right-p h2 span{width: 300px; background: url(../images/prihlaseni.png) ;}
#pata .left-p h2.kontakty{width: 130px; margin-bottom: 0px;}
.left-p h2.kontakty span{width: 130px;background: url(../images/kontakty.png);}
.left-p{width: 489px; float: left; height: 120px;padding: 39px 0 30px 0; background: url(../images/pata-in.png) no-repeat right top; position: relative; }
.right-p{width: 350px; float: left; height: 150px;padding: 39px 0 0 61px; }

.left-p ul{list-style: none; color: #444444; font-size: 140%; line-height: 170%; }
.left-p ul strong{padding-left: 31px;  background: url(../images/ico-tel.gif) no-repeat 8px 0px;}
.left-p p{font-size: 100%; color: #959595; position: absolute; left: 0px; bottom: 9px;}
.left-p p a{color: #959595;}

.right-p form table{border: none; border-spacing: 0px; border-collapse: collapse; margin-bottom: 30px;}
.right-p form table th{font-weight: normal; padding-right: 6px; text-align: right;}
.right-p form table th,.right-p form table td{padding-bottom: 10px;}
.right-p form table td{padding-right: 10px;}
.right-p form label{font-size: 120%;}
.right-p form input.text{border: 1px solid #BDBDBD; padding: 4px 0 3px 5px; height: 16px; width: 153px; font-size: 12px; background: #EDEDED;}

/*
7) Tabulka cenik
*/

table.cenik {
    width: 850px;
    margin-top: 20px;
}

table.cenik.profi {
    width: 850px;
    margin-top: 20px;
}

table.cenik th, table.cenik td {
    height: 30px;
    font-size: 12px;
}

table.cenik td {
    text-align: center;
    background-color: #f1f1f1;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
}

table.cenik td.highlight,  table.cenik tr.highlight td {
    background-color: #f8f8f8;
}

table.cenik tr.tarify th {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    color: inherit;
    width: auto;
}

table.cenik th, table.cenik tr.tarify th.tarif {
    font-weight: normal;
    font-size: 12px;
    text-align: right;
    padding-right: 15px;
    color: #747474;
    width: 150px;
}

table.cenik tr.sdph td {
    font-weight: bold;
    border-bottom: 1px solid #d0d0d0;
}

table.cenik td.last {
    border-right: 1px solid #d0d0d0;
}

body div.note {
    width: 700px;
    position: relative;
    left: 165px;
    margin-top: 15px;
}

body div.note p {
    color: #747474;
    font-size: 12px;
}

body div.note p span, table.cenik th span {
    color: #fe950a;
}

table.cenik th img {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -4px;
}


/*
8) kontakty
*/
div.contact {
    width: 380px;
    float: left;
    padding: 20px 35px 18px 25px;
}

div.contact a {
    color: #fe950a;
}

div.contact a:hover {
    color: #000000;
}

div.contact h3 {
    font-size: 18px;
    margin-bottom: 6px;
    position: relative;
}

div.contact h3 img {
    position: absolute;
    top: 3px;
    left: -25px;
}

div.contact p {
    font-size: 12px;
}

div.contact table {
    font-size: 12px;
    margin-bottom: 18px;
}

div.contact table th {
    width: 50px;
}

div.contact table.provozniDoba th {
    width: 120px;
    vertical-align: top;
}

div.contact table.provozniDoba td {
    padding-bottom: 18px;
}


/*
9) Poptavka
*/

table.demandForm {
    margin-top: 18px;
}

table.demandForm input.text {
    height: 20px;
    width: 194px;
    border: 1px solid #d0d0d0;
    background-color: #f8f8f8;
    margin-right: 20px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 3px;
}

table.demandForm input.text.smaller {
    width: 80px;
}

table.demandForm select {
    border: 1px solid #d0d0d0;
    background-color: #f8f8f8;
    padding: 4px;
}

table.demandForm textarea {
    height: 100px;
    width: 479px;
    border: 1px solid #d0d0d0;
    background-color: #f8f8f8;
    font-size: 13px;
    padding-top: 3px;
    padding-left: 4px;
}

table.demandForm th {
    padding-right: 5px;
    width: 120px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #747474;
}

table.demandForm td label {
    font-size: 12px;
    padding-left: 5px;
}

td.checkbox input {
    margin-left: 0px;
}

table.demandForm th.smaller {
    width: 50px;
}

table.demandForm th, table.demandForm td {
    padding-bottom: 10px;
}

table.demandForm tr.space th, table.demandForm tr.space td {
    padding-top: 15px;
}

table.demandForm a.cenik {
    position: relative;
    left: 15px;
    font-size: 12px;
    color: #fe950a;
}

table.demandForm a.cenik:hover {
    color: #000000;
}

ul.error {
    border: 2px solid #d50000;
    background: #f4bdbd url('../images/error.png') no-repeat;
    background-position: 14px center;
    padding: 15px 20px 15px 60px;
    list-style-type: disc;
    line-height: 18px;
    margin: 30px 0px 20px 128px;
    width: 450px;
}

ul.flash.positive {
    border: 2px solid #04bc00;
    background: #d6f4bd url('../images/okay.png') no-repeat;
    background-position: 14px center;
    padding: 15px 20px 15px 60px;
    list-style-type: disc;
    line-height: 18px;
    margin: 30px 0px 20px 128px;
    width: 450px;
}

ul.error li,  ul.flash li {
    font-size: 12px;
    float: none;
}

div.callToAction {
    margin-top: 50px;
}

div.callToAction.kont p {
    padding-left: 25px;
    padding-top: 40px;
}

div.callToAction p {
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 165px;
}

div.callToAction.map p {
    padding-left: 0px;
}

div.callToAction p img {
    vertical-align: middle;
    margin-left: 5px;
}


div#map_canvas {
    width: 960px;
    height: 430px;
}

div.divider {
    width: 960px;
    height: 4px;
    background: #e2e2e2;
}

span.podbarvena {
    background-color: #ffede0;
    border: 1px solid #ff6d00;
    padding: 1px 2px;
}


p.mapPopup {
    font-size: 11px;
    margin-bottom: 15px;
}


div#akce {
    width: 298px;
    height: 282px;
    position:absolute;
    top: 0px;
    left: 0px;
    background: transparent url('../images/akce.png') no-repeat;
}



.novinka {
    font-size: 20px;
    padding: 20px;
    font-weight: bold;
    line-height: 130%;
    background-color: #ffefd6;
    border: 1px solid #ff8300;
}