/*                             obecná nastavení                                         */
html, body, div, p, table, th, td, h1, h2, ul, li { margin: 0; padding: 0; }
#stranka, #header, #vobalce, #floatblok, #floatblokin, #tipy , #obsah,  #obsahin, #footer { margin: 0; padding: 0; }

body { text-align: center; font-size: 11px; line-height: 1.4em; font-family: Verdana, Arial, 'Lucida Grande', 'Helvetica', lucida, sans-serif !important;
       color: black; background-color: #FCF7F5;}
/* body { background: url('./../img/purple033.gif') repeat ; } */

#stranka { border: 1px solid #785C6E; width: 850px; background: #F3E3DE; margin: 5px auto; text-align: left; }
p { margin: 10px 0px 0 0px; text-indent: 3em; text-align: justify; /*text-justify: newspaper;*/}
h1 { font-size: 18px; margin-top: 15px; color: #369; }
h2 { font-size: 14px; margin-top: 10px; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }

#header { height: 120px; background: url('./../img/hlavicka1.jpg'); border-bottom: 1px double #785C6E; }
#floatblok { float: left; width: 170px; color: black; background-image: url('./../img/menu_obr.gif');background-repeat: no-repeat;  background-position: left top; }
#obsah { margin: 0 0 0 170px; border-left: 1px double #785C6E; background: white; }
#obsahin {padding: 0.3em 1.5em 0.3em 1.5em; text-align: left; }
#cleaner{ border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; }
#footer { padding: 3px 0; text-align: center; background-color: #D7ADAD; color: white;  font-size: 1em; border-top: 1px double #785C6E; }
/*   konec nastavení­ layoutu   */


/*   nastavení­ pro datové stránky   */
#header a:link, #header a:visited { color:  black; }
#header a:hover, #header a:active { text-decoration: underline; color: #400040; font-weight: normal; }
#header_text1 { position: relative; top: 103px; left: 420px; color: black; }
#header_text { position: relative; top: 98px; left: 300px; color: black; }
.header_barva { position: relative; left: 3px; color: black; }
#img_uvod_1 { float: right; }
.nadpis_uvod_1 { position: relative; top: 12px; }
.ikona_uvod_1 { position: relative; top: 3px; }
.odrazky_uvod { position: relative; left: 25px; top: 14px;  line-height: 1.3em;}
.odrazky_uvod li { list-style: none; padding-left: 16px; background: url('./../img/arow.jpg') no-repeat 0 50%; }

#sluzby_odrazky { position: relative; left: 0px; top: 20px; font-weight: bold; }
#sluzby_odrazky li { list-style: none;}
#sluzby_odrazky li ul { position: relative; left: 15px; margin-top: 2px; }
#sluzby_odrazky li ul li { background: url('./../img/arow.jpg') no-repeat 0 50%; padding-left: 16px; font-weight: normal; }

table { font-size: 11px; line-height: 120%; border: 2px solid #999; border-collapse: collapse; }
caption { font-family: Ariel, sans-serif; font-size: 12px; font-weight: bold; color: #996600; padding-bottom: 6px; padding-top: 10px; text-align: right;}
th, td { padding: 4px 5px 4px 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; }
th { border-top: 2px solid #999; border-bottom: 2px solid #999; }
th { text-align: center; background: #ccc; }
td { text-align: left; }

#cenik { float: right; }
#cenik a:link, #cenik a:visited { color: #8c4646; font-weight: bold;}
#cenik a:hover, #cenik a:active { text-decoration: underline; color: #400040; font-weight: bold; }
#ikona_cenik { position: relative; top: 4px; }
.nazevodb { width: 220px; }
.predmetpln { width: 300px; }
.rozsahpln { text-align: left; width: 90px; }
.nazevodbj { width: 640px; }
.ikona_nahoru { position: relative; top: 1px; right: -10px; border: none; }

#uklid_obr1 { float: right; position: relative; top: 40px; right: 10px;}
#uklid_obr2 { float: right; position: relative; top: 200px; right: -90px;}
#uklid_obr3 { float: right; position: relative; top: 340px; right: -190px;}
#malovani_obr { float: right; position: relative; top: 140px; right: 40px; }

.druhpr { text-align: left; width: 520px; }
.cenazajedn { text-align: right; width: 150px; }

.druhmat { text-align: left; width: 115px; }
.pouziti { text-align: left; width: 425px; }
.cenametr { text-align: center; width: 80px; }
.cenik_mistral { width: 50px; }
.dph { font-style: italic; position: relative; top: -10px; }

#kontakty_adresa { font-size: 12px; position: relative; top: 12px; }
#kontakty_firma { position: relative; top: 10px; }
#kontakty_nastred { text-align: left; height: 100px; position: relative; top: -100px; left: 350px; }
#kontakty_kontakty { font-size: 11px; }
#kontakty_nastred a:link, #kontakty_nastred a:visited { color: #8c4646; font-weight: bold;}
#kontakty_nastred a:hover, kontakty_nastred a:active { text-decoration: underline; color: #400040; font-weight: bold; }
.ikona_kontakty { position: relative; top: 3px; }
#kontakty_obr { float: right; position: relative; right: 100px; top: 35px; }
#kontakty_mapa { position: relative; left: 60px; top: 70px; border: 1px solid blue; }
#ikona_kontakt { float: right; position: relative; top: -10px; right: 10px; border: none;}
/*      konec nastavení­ pro datové stránky   */


/*      horká nabídka   */
#tipy { position: relative; top: 10px; margin: 0 6px; padding-bottom: 15px; border: 1px solid black; background-color: #CCBFBF; }
#tipy_nadpis { font-size: 11px; padding: 3px 0px 3px 0px;  border-bottom: 1px solid black; text-align: center; font-weight: bold; color: white; background-color: #B097A7; }
#tipy_nadpis2 { font-size: 9px; padding: 3px 0px 3px 0px;  }
#tipy_rubrika { font-size: 10px; padding-left: 5px;  padding-right: 5px; line-height: 1.2em;}
.tipy_vlevo { text-align: left; font-weight: bold; color: #369;}
.tipy_center { padding-left: 2px;  padding-right: 2px; text-align: justify; font-weight: bold; color: #369;}
.tipy_vpravo { position: relative; top: 3px; padding-left: 2px;  padding-right: 2px; text-align: justify; }
.tipy_mezera { position: relative; top: 1px; }
.ikona_uvod_2 { position: relative; top: 5px; }
/*      konec horké nabídky   */


/*      optimalizace  */
#toplist { 
    width: 88px;
    height: 60px;
    position: relative;
    top: 20px;
    right: 17px;
    border: none;
}
/*      konec horké nabídky   */

/* dodělávky po Drápalíkovi*/
#d_nadpis {
   margin-top: 50px;
   margin-bottom: 20px;
   position: relative;
   left: 5px;
   font-size: 9pt;
   font-weight: bold;
   text-decoration: underline;   
}

.d_obr_index {
    margin-top: 5px;
    margin-right: 5px;
    border: 1px solid blue;
    width: 200px;
    height: 150px;
}

#d_obr {
   text-align: center;
}

table tr.tab_radek td {
    font-family: Verdana, Arial, 'Lucida Grande', 'Helvetica', lucida, sans-serif !important;
    font-size: 10px;
}

form#frmKontakt {
    margin-top: 25px;
    
}

form#frmKontakt td.tdinput input {
    font-size: 12px;

}

form#frmKontakt table {
    border: 1px solid #999999;

}
td.tdlabel {
    width: 250px;
    height: 25px;
    background: #F4F4F4;
}
td.tdinput {
    width: 350px;
    background: #F4F4F4;
}
td#tlacitko_odeslat {
    height: 30px;
    text-align: center;
    background: #F4F4F4;
}
td#varování {
    height: 30px;
    text-align: center;
    font-size: 10px;
    background: #F4F4F4;
    color: gray;
}

p#poznamka {
    position: relative;
    right: 32px;
}
.cervena {
    color: red;
}



td.nastred {
    text-align: center;
}
td.doprava {
    text-align: right;
}

#cenikmp { margin-left: 10px; }
#cenikmp a:link, #cenikmp a:visited { color: #8c4646; font-weight: bold;}
#cenikmp a:hover, #cenikmp a:active { text-decoration: underline; color: #400040; font-weight: bold; }
#ikona_cenikmp { position: relative; top: 4px; }

a { /* zbavení se nežádoucího otečkování pokliknutí myši na kotvu */
    outline: none;
}
p#akce {    
    margin-top: 10px; 
    margin-bottom: 10px;
    text-align: center;    
    font-size: 1.2em;
    font-weight: bold;    
}
p#topl {
    text-align: center;
}
p#akce a {    
    text-decoration:underline;
    color: blue;
    
}
p#akce a:hover {
    color: #0000A0;
}

img#reklama {
    position: relative;
    right: 25px;
    top: 10px;
}
