body {
    background:url('img/background.jpg');
    background-repeat:repeat-x;
    text-align:center;
    margin:0;
    padding:0;
    font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
    font-size:.8em;
}

#stranka {
    width:843px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    background:white;
    text-align:left;
}

#hlavicka {
    width:843px;
    height:237px;
    text-align: left;
    }

#stranka #menu1 {
    float:left;
    border:0px solid red;
    width:813px;
    _width:849px;
    height:28px;
    padding:0;
    margin:0 0 0 8px;
    _margin:0;
    padding-right:15px;
    _padding-right:0;
}

#stranka #menu1 li {
    list-style-type:none;
    float:left;
    margin:0;
    padding:0;
   
    
}

#stranka #menu1 li a {
    color:#592B0F;
    text-decoration:none;
    display:block;
    padding-left:7px;
    padding-right:7px;
    padding-top:3px;
    padding-bottom: 2px;
    margin-top:5px;
}

#stranka #menu1 li a:hover {
}

#menu1 #current {
    position:relative;
    top:5px;
}

#menu1 #current a, #menu2 #current a{
    display:block;
    padding-left:7px;
    padding-right:7px;
    padding-top:3px;
    padding-bottom: 2px;
    margin-top:5px;
    font-weight: bold;
}

#stranka #menu2 {
    float:right;
    background:url('img/menu2.jpg') repeat-x;
    height:28px;
    margin:0;
    padding:0;
    margin-right:8px;
    padding-left:5px;
    border:0px solid red;
    width:80px;
}

#stranka #menu2 li {
    list-style-type:none;
    float:left;
    margin:0;
    padding:0;
    margin-right:5px;
}

#stranka  #menu2 li a {
    text-decoration:none;
    color:#592B0F;
    display:block;
    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom: 2px;
    margin-top:5px;
}

#stranka #menu2 li a:hover {
    background:#f7bb96;
}

#stranka #rightside {
    float:right;
    width:150px;
    text-align: left;
    padding:5px;
    margin-right:8px;
    margin-top: 8px;
    color:#6e0019
}


#rightside #other, #rightside #kontakt {
    padding:5px;
}

#rightside #other {
    background:#f5e4eb;
}

#stranka #rightside dl,#stranka #rightside dd,#stranka #rightside dt {
    margin:0;
    padding:0;
}

#stranka #rightside dt {font-weight: normal;}
#stranka #rightside dt {margin-top:8px;}

#stranka a:hover {
    text-decoration: none;
}


#main {
    padding:8px;
    color:#7c5945;
    width: 645px;
    float: left;
}
#main h1, #main h2 {
    color:#f56c21;
    font-size: 1.7em;
}

#main .imageleft {
    float:left;
    margin-right:8px;
}

#main p {line-height: 1.5em;}

.ramecek {
    width:165px;
    height:131px;
    margin:15px;
    padding:8px;
    float:left;
}

.ramecek h3 {
    font-size:1.1em;
    margin:0;
    padding: 0;
}
.ramecek h4 {
    font-size: 1em; 
    color:#7c5945;
    font-weight: normal;
    margin:2px 0 0 0;
    padding: 0;      
}

.ramecek p {
    margin-top:4px;
    padding:0;
    border:0px solid red;
}


.pozadiTmave {
    background:url('img/pozadiTmave.jpg');
}
.pozadiSvetle {
    background:url('img/pozadiSvetle.jpg');
}

 #main h2 {
     font-size: 1.3em;
 }

a img {border:0;}

#leftsideInfo {
    float:left;
    width:450px;
}

#rightsideInfo {
    float:right;
    width:160px;
    background:#a8d568;
    padding:8px;
    margin:8px 8px 0 10px;
}


#footer {
    background: url('img/footer.jpg') no-repeat top center #d487a7;
    height:20px;
    padding:8px;
    color:#7c5945;
}

#footer a {
    color:black;
}

.neviditelna {
    clear:both;
    visibility: hidden;
}

#cenik {
    background:#fffbf1;
    width:75%;
    padding:10px;
    border:1px solid #7c5945;
    color:#2faebf;
    margin-top:1em;
    position:relative;
}

#cenik legend {
    background:white;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    font-weight:bold;
    position:relative;
    top:-10px;
}

dl dd {
    margin-top:1em
    }
    
#kontakt {
    background:f5e4eb;
    border:1px solid #fd9319;
}    
    
    
.reference li {
    margin-top:2em;
}


#menu .hodinovy-manzel a, #rightsideInfo.hodinovy-manzel {
    background:#acceea;
}

#main.hodinovy-manzel h1 {
    color:#acceea;
}

.ramecek-manzel {
    background:url('img/ramecek-hodinovy-.manzel.jpg');
}
.ramecek-manzel h2{
    font-size:.8em; 
    color:#7c5945;
    margin:0;
    padding: 0;
}



#menu .masaze a,#rightsideInfo.masaze {
    background:#f5d896;
}
#main.masaze h1 {
    color:#f5d896;
}
.ramecek-aktualdeni {
    background:url('img/ramecek-masaze.jpg');
}



#menu .pc-servis a,#rightsideInfo.pc-servis {  
    background:#d8b4d0;
}

#main.pc-servis h1 {
    color:#d8b4d0;
}
.ramecek-pc {
    background:url('img/ramecek-pc.jpg');
}
.ramecek-manzelka {
    background:url('img/ramecek-manzelka.jpg');
}
.ramecek-rodina {
    background:url('img/ramecek-rodina.jpg');
}
.ramecek-homeopatie {
    background:url('img/ramecek-homeopatie.jpg');
}
.ramecek-s-poradcem-v-kuchyni {
    background:url('img/ramecek-sporadcem.jpg');    
}
.ramecek-zena {
    background:url('img/ramecek-zena.jpg');
}
.ramecek-aktuality {
    background:url('img/ramecek-aktuality.jpg');
}



#menu .hodinova-manzelka a,#rightsideInfo.hodinova-manzelka {
    background:#f8c1e3;
}

#main.hodinova-manzelka h1 {
    color:#f8c1e3;
}



#menu .chuva-v-akci a,#rightsideInfo.chuva-v-akci {
    background:#d487a7;
}

#main.chuva-v-akci h1 {
    color:#d487a7;
}




#menu .homeopatie a,#rightsideInfo.homeopatie {
    background:#adeece;
}
#main.homeopatie h1 {
    color:#adeece;
}



#menu .s-poradcem-v-kuchyni a,#rightsideInfo.s-poradcem-v-kuchyni {
    background:#FFC35A;
}
#main.s-poradcem-v-kuchyni h1 {
    color:#FFC35A;
}



#menu .spokojena-zena a, #rightsideInfo.spokojena-zena  {
    background:#e5f997;
}
#main.spokojena-zena h1 {
    color:#e5f997;
}




.hlavicka-right {
    float:left;
}

.hlavicka-left {
    float:left;
}

.ramecek-info {
    background:#f5e4eb;
    width:78%;
    padding:8px;
}

.zobraz { display:block;}
#vice { display:none;}
.zobraz2 { display:block;}
#vice2 { display:none;}



