html, body {font: 80%  Arial, MS Sans Serif, Times new roman, serif;
            line-height: 150%;
            color: black;
            background:#FFF url(background.gif) repeat-x;}
			

input,textarea,select {
background-color:#fff;
color:#5d635a;
border:1px solid #69bd45
}

input.tlacitko {
background-color:#fff;
color:#5d635a;
font-weight:700;

}

/* ====================================== Id pro všechny strany ================================== */



/* === kontejner pro celou stranu === */

#kontejner {width: 1000px; 
            height: 800px;
            position: relative; 
            text-align: left; 
            margin: auto;
            }

/* === logo === */

#logo       {position:absolute;  
             top:10px;
             left:30px;  
             width: 267px;
             height: 103px;
             z-index: 6;}

/* === horni horizontalni menu === */

#hornimenu {position:absolute;
            top:70px;
            left:300px;
            width: auto;
            height: auto;
            z-index: 7;				
            font-family:helvetica;
            font-weight:bold;}

/* === Pravy vertikalni menu === */

#levemenu  {position:absolute;
            left:670px;
            top:140px;
            width:auto;
            height:auto;
            z-index:50;
            font-family:Arial;
            font-weight:bold;}

/* === Kontaktní formulář === */

#formular-novinky {position:absolute;
                   left:670px;
                   top:350px;
                   width:200px;
                   height:auto;
                   font-size: 100%;
                   z-index: 10;}
 
/* === Novinky === */

#novinky           {position:absolute;
                   left:670px;
                   top:620px;
                   width:200px;
                   height:auto;
                   font-size: 100%;}

/* === Banner běhací tečky === */

#tecky             {position:absolute;
                    left:655px;
                    top:140px;
                    width:2px;
                    height:506px;
                    z-index:1}

/* ====================================== Id jednotlivých stran ================================== */


/* === Článek hlavní strana === */

#index_clanek {position:absolute;
               top:140px;
               left:10px;
               width: 640px;
               height: auto;
               z-index: 7;				
               font-size: 120%;}

/* === Nadpis u služeb === */

#sluzby_clanek {position:absolute;
               top:140px;
               left:20px;
               width: 600px;
               height: auto;
               z-index: 7;				
               font-size: 120%;}

/* === Levej sloupec služeb === */

#sluzbyy_clanek {position:absolute;
               top:170px;
               left:20px;
               width: 600px;
               height: auto;
               z-index: 7;				
               font-size: 120%;}

/* === Pravej sloupec služeb === */

#sluzbyyy_clanek {position:absolute;
               top:170px;
               left:350px;
               width: 600px;
               height: auto;
               z-index: 7;				
               font-size: 120%;}

/* === Pravej sloupec cenik === */

#sluzbyyyy_clanek {position:absolute;
               top:185px;
               left:350px;
               width: 200px;
               height: auto;
               z-index: 1;				
               font-size: 120%;}

/* === Článek reference - osobní stránky === */

#reference_clanek {position:absolute;
               top:140px;
               left:20px;
               width: 640px;
               height: auto;
               z-index: 7;				
               font-size: 120%;}

/* === Spodní čára přes celý === */

#spodni_cara {position:absolute;
              width:1600px;
              height:5px;
              top:850px;
              background:#FFF url(spodni_cara.gif) repeat-x;}






/* ====================================== třídy ================================== */

.tecky {font-size: 160%}

.alpha {opacity:0.8;filter:alpha(opacity=80)}


.reference {  width: 300px;  padding: 0 20px 10px 0; float: left}


.reference img { border: dotted 1px #33B14A }

.reference p { padding: 0; font-size: 120%; color:#000}

.reference p.zadavatel { float: right; font-size: 100%; color:#666666; padding-top: 4px}

.reference p.klient { font-size: 140%; color:#33cc00; font-weight: bold}

.reference p.rozsah { font-style: italic}


.referenc {  width: 200px;  padding: 0 10px 10px 0; float: left}


.referenc img { border: dotted 1px #33B14A }

.referenc p { padding: 0; font-size: 120%; color:#000}

.referenc p.zadavatel { float: right; font-size: 100%; color:#666666; padding-top: 4px}

.referenc p.klient { font-size: 140%; color:#33cc00; font-weight: bold}

.referenc p.rozsah { font-style: italic}





.sluzby menu li    {background:url('seznamy.gif') center left no-repeat;
                    padding-left:10px}





.levymenu a             { color:black; }
.levymenu a:link        { color:black; }
.levymenu a:visited     { color:black; }
.levymenu a:hover       { color:#33B14A;}
.levymenu li, ul        { font-size: 115%; font-weight: bold; padding:5px}

.hornimenu a            { color:black; }
.hornimenu a:link       { color:black; }
.hornimenu a:visited    { color:black; }
.hornimenu a:hover      { color:#33B14A;}
.hornimenu li, ul       { font-size: 125%; font-weight: bold; float:left; padding-left:30px}





a {color: #009600; text-decoration: none}
a:hover {color: #009600; text-decoration: underline}

h1 { font-size:135%; font-weight:bold; line-height:140%; color: #000}
h2 { font-size:120%; font-weight:bold; line-height:140%; color: #000}
h3 { font-size:140%; font-weight:bold; line-height:155%; color: #33B14A}
h5 { font-size:120%; font-weight:bold; color: #33B14A}
ul,li {padding-left: 0px}