/* -------------------------------------------------


------------------- VStudio.cz ---------------------


------------------------------------------------- */

/* 01. HTML Tagy */

body {
    background: #821515 url('./img/bg.png') top;
    font-family: Arial, sans-serif; font-size: 0.85em; text-align: center; line-height: 1.5em; color: #efbec7;
    margin: 0; padding: 0;
}
img {border: none;}
.clear {clear: both;}
h2 {font-size: 30px; font-weight: normal;}

#main {background: url('./img/bg_main.png') top repeat-x; width: 100%; text-align: center;}
#web {background: url('./img/bg_content.png') top center no-repeat; width: 100%; text-align: center; height: 700px;}
#content {width: 900px; margin: auto; text-align: left;}
#logo {float: left; margin-top: 15px;}

#menu {height: 38px; width: 900px; margin: 11px 0 30px 0;}
#menu ul {width: 900px; margin: 0; padding: 0; list-style: none;}
#menu li {float: left; height: 100%; text-align: left; margin-right: 15px;}
#menu li a {display: block; position: relative; height: 100%; width: auto;;}
#menu li a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 0 0 no-repeat;}
#menu li.active a span {background-position: 0 0;}
#menu li a:hover span {background-position: 0 -38px;}
#menu #kad {width: 109px; height: 38px;}
#menu #kad a span {background-image: url(./img/m_kadernictvi.png); width: 109px;}
#menu #ped {width: 189px; height: 38px;}
#menu #ped a span {background-image: url(./img/m_pedikura.png); width: 189px;}
#menu #kos {width: 100px; height: 38px;}
#menu #kos a span {background-image: url(./img/m_kosmetika.png); width: 100px;}
#menu #sol {width: 88px; height: 38px;}
#menu #sol a span {background-image: url(./img/m_solarium.png); width: 88px;}
#menu #mas {width: 77px; height: 38px;}
#menu #mas a span {background-image: url(./img/m_masaze.png); width: 77px;}
#menu #pro {width: 137px; height: 38px;}
#menu #pro a span {background-image: url(./img/m_doba.png); width: 137px;}

#left {width: 260px; float: left;}
.foto-first {background: url('./img/foto-first.png') no-repeat; width: 260px; height: 210px; margin-bottom: 15px;}
.foto {background: url('./img/foto.png') no-repeat; width: 260px; height: 210px; margin-bottom: 15px;}
.foto-first img,.foto img {margin: 19px 0 0 19px;}

#right {width: 600px; float: right;}
#right table {width: 600px; border-collapse: collapse;}
#right ul {list-style-type: decimal; margin: 0 0 0 25px; padding: 0;}
#right ul li {margin: 5px 0 5px 0;}
td.right {width: 200px; text-align: right;}
.tr_head td{padding-top: 10px;}
.tr_body-bot td{background: url('./img/dotted.gif') bottom repeat-x; padding-bottom: 10px;}

.m_b {margin-top: 50px;}

.provozka {width: 300px; float: left;}