html, body { margin:0; padding:0; color:#000; background:#fff; font-family:Arial, sans-serif; }
body { padding-bottom:115px; background:url('images/sys/mango.jpg') no-repeat bottom right; }

body + p { background:#000;}

.dn { display:none; }
.vh { visibility:hidden; }
.cistic,
.cb { clear:both;}
.fn { float:none ! important; }
.nw { white-space:nowrap;}
.mart0 { margin-top:0 ! important; }
.mart1 { margin-top:1em ! important; }
.mart2 { margin-top:2em ! important; }
.marb0 { margin-bottom:0 ! important; }
.marb4 { margin-bottom:4em ! important; }
.tal { text-align:left ! important; }

a { color:#396;}
a:visited { color:#693;}
a:hover { color:#933;}

address { font-style:normal; display:inline;}

#stranka {
  position:relative;
  width:990px;
  margin:0 auto;
  padding:20px 0;
  background:#fff;
}

#hlavicka {
position:relative;
height:144px;
background:url('images/sys/hlavicka.jpg') no-repeat top left;
}

#hlavicka #logo-mangoweb { position:absolute; top:22px; left:18px;}

#hlavicka #logo-mangoweb a img { border:none; }

#hlavicka #web-mangoweb { display:none; }

#obsah { 
font-size:80%;
line-height:1.6em;
background:url('images/sys/tecky-horiz.jpg') repeat-y top left;
padding:22px 0 22px 0;

}
#obsah-inner { 
margin:0 22px;
padding:5px;
background:#fff; 
min-height:47.2em;
=min-height:49.4em;
_height:47.2em;
}

.indexpage #obsah-inner { 
min-height:21em;
_height:21em;

}


#hlavni-text {
margin:0 1em 1em 1em;
}

#obsah h1,
#obsah h2,
#obsah h3,
#mainmenu { font-family:'Trebuchet MS', Arial, sans-serif; }


#obsah h1 { 
position:relative;
width:auto;
padding-top:1.1em;
margin-bottom:1.5em;
font-size:150%;
line-height:1.7em;
}

#obsah h1 em {
width:11em;
position:relative;
top:1.1em;
left:-6em;
font-size:70%;
color:#aaa;
text-align:right;
}

#obsah h1.vytvarime {
clear:both; 
}

#obsah h2 { 
margin-bottom:0.5em;
font-size:120%;
}
#obsah .reference h2 { 
margin-bottom:0.5em;
font-size:110%;
}

#obsah h3 { 
font-size:110%;
margin-top:2em;
margin-bottom:-.5em;
}

#obsah p { 
margin-top:0.6em;
margin-bottom:2em;

}
#obsah ul {
margin-top:0.5em; 

}

#mainmenu {
position:absolute;
top:164px;
=top:164px;
left:22px;
font-size:80%;
}

#mainmenu ul {
  margin:0;
  padding:0;
  list-style:none;
}

#mainmenu ul li {
  margin:0;
  padding:0;
  float:left;  
}
#mainmenu ul li a,
#mainmenu ul li strong {
  display:block;
  width:151px;
  height:18px;
  margin:0 23px 0 1px;
  padding:2px 6px;
  text-decoration:none;
  font:bold 120%/1.3em Arial, sans-serif;
}

#mainmenu ul li a {
  color:#fff;
}

#mainmenu ul li strong {
  background:#fff;
  color:#000;
}

#mainmenu ul li#mm-domu      a { background:#4eb148; }
#mainmenu ul li#mm-reference a { background:#838061; }
#mainmenu ul li#mm-sluzby    a { background:#a35a7a; }
#mainmenu ul li#mm-o-nas     a { background:#d8315c; }
#mainmenu ul li#mm-kontakt   a { background:#a3233d; }

#mainmenu ul li a:hover { background:#fff!important; }

#mainmenu ul li#mm-domu      a:hover { color:#4eb148; }
#mainmenu ul li#mm-reference a:hover { color:#838061; }
#mainmenu ul li#mm-sluzby    a:hover { color:#a35a7a; }
#mainmenu ul li#mm-o-nas     a:hover { color:#d8315c; }
#mainmenu ul li#mm-kontakt   a:hover { color:#a3233d; }

.indexpage     #obsah h1,
.indexpage     #obsah h3 { color:#4eb148; }
.referencepage #obsah h1,
.referencepage #obsah h3 { color:#838061; }
.sluzbypage    #obsah h1,
.sluzbypage    #obsah h3 { color:#a35a7a; }
.onaspage      #obsah h1,
.onaspage      #obsah h3 { color:#d8315c; }
.kontaktpage   #obsah h1,
.kontaktpage   #obsah h3 { color:#a3233d; }
.sablonypage   #obsah h1,
.sablonypage   #obsah h3 { color:#838061; }



#paticka { clear:both; font-size:60%; color:#999; margin:0.5em 2px;}



.tri-sloupce { 
width:100%;
_width:880px;
margin-top:0px;
margin-bottom:0px;
margin-left:30px;
font-size:94%;
}

.sl {
float:left;
width:210px;
margin-left:50px;
padding-top:00px;
padding-left:15px;
border:0px solid red;
line-height:1.6em;
background:Yellow;
}

.sl p {
min-height:98px;
_height:98px;
padding-top:0!important;
margin-top:0!important;
=margin-top:-3px!important;
padding-bottom:0px!important;
margin-bottom:0px!important;
}

.sl1 {
_margin-left:35px;
background:url('images/sys/tecka-barva-1.gif') repeat-y 0 2px;
width:210px;
}
.sl1 strong,
.sl1 a { color:#4eb148!important; }
.sl2 {
background:url('images/sys/tecka-barva-2.gif') repeat-y 0 2px;
width:210px;
}
.sl2 strong,
.sl2 a  { color:#785b68!important; }
.sl3 {
background:url('images/sys/tecka-barva-3.gif') repeat-y 0 2px;
}
.sl3 strong,
.sl3 a  { color:#cf2a51!important; }
.sl p a:hover { color:#900!important; text-decoration:none;}


.kontform { margin:1em 0; }
.kontform br { display:block; clear:both;}

  .kontform label { width:87px; display:block; float:left; clear:left; text-align:right; padding-right:20px; }
  .kontform label.kratky { width:40px; }
  .kontform input.text { display:block; float:left; margin-bottom:5px; }
  .kontform textarea {  width:380px; /*margin-top:1em; =margin-top:-1em; height:110px; _height:105px;*/ }
 
     .kontform p.txtarea { margin-bottom:1.5em ! important;} 
  
    .kontform .buttonline { margin:15px 0 ! important; width:500px;}
        .kontform .buttonline input { margin:0 5px; }

  .kontform input.text,
  .kontform textarea { }
  .kontform textarea#labmsg { clear:left; margin:0; }
  
  
.reference {
width:250px;  
min-height:278px;
=min-height:289px;
_height:278px;
float:left; 
margin-bottom:35px;
=margin-bottom:40px;
margin-left:50px; 
_margin-left:22px; 
_margin-right:22px; 
border:1px solid #fff; 
}

.refobr {
border:1px solid #ccc; 
}


.klient{
width:200px; 
min-height:3em;
margin:0!important;
padding:0!important;

}

.cinnost{
width:200px; 
margin:0!important;
padding:0!important;
}



.referencepage #obsah-inner { min-height:194.3em; }




.onaspage {}

.kontejner.lide .polozka img {
float:left;
margin:0 20px 15px 0!important;
}
.kontejner.lide .polozka .nadpis { margin-top:0!important; }
.kontejner.lide .polozka .popis p { margin-bottom:1em!important; }
.kontejner.lide .polozka .kontakt { margin-top:1em!important; }



/* - - - - opera hack - - - - - */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .sl p  { margin-top:-3px!important;  }
    .tri-sloupce { margin-bottom:46px;}
.sluzbypage #obsah-inner { min-height:47.3em; }
.reference { 
min-height:278px;
margin-bottom:40px;
}

}