body{background:#B5B4B4; text-align:center; color:#333;}

/* LAYOUT */
#mother {width: 740px; padding: 0; margin: 0 auto; background: #E0DEDE url('../img/bg-mother.png') 0 0 repeat; text-align: center; border: 1px solid #373535; position: relative;}
#col-side {float: left; width: 224px; padding: 335px 0 0;}
#col-content {float: right; width: 516px; text-align: left; padding: 0;}
#content {border: 1px solid #373535; border-width: 1px 0 1px 1px; padding: 15px; background: #8B8B8B; zoom: 1;}
#footer {font-size: 92%; padding: 5px 15px;}

#logo-box {}
#logo-box img {border: none; padding: 0; margin: 0; display: block; border: none; position: absolute; top: 0; left: 0; width:224px; height:331px;}
#logo-box h1 {border: none; padding: 0; margin: 0; background: none;}

#main-menu ul {margin: 0 0 0 20px; padding: 0;}
#main-menu li {margin: 0 20px 5px 0; padding: 0; list-style: none; float: left; display: inline; background: none;}
#main-menu li a {color: #333; text-decoration: none; padding: 7px 0 0; display: block; font-weight: bold;}
#main-menu li.active a, #main-menu li a:hover {background: url('../img/bg-main-menu.png') center 1px no-repeat;}

.home-crossroad {margin: 1.2em 0 25px 15px; padding: 0;}
.home-crossroad h3 {font-weight: normal; margin: 0 0 0.9em;}

.contact-box {color: #fff !important;}
.contact-box h3 {margin: 1.5em 15px 0; color: #fff !important;}
.contact-box p {margin: 0 15px 0.5em;}
.contact-box a, .contact-box h2 {color: #fff !important}

.price {margin: 20px 0 0;}
.price .tabs {margin: 0; padding: 0; overflow: hidden; zoom: 1; position: relative;}
.price .break {background: #CACACA; visibility: visible; margin: -1px 0 15px;}
.price .tabs li {margin: 0 0 0 3px; padding: 3px 0 3px; float: left; display: inline; background: none; border: 1px solid #CACACA;}
.price .tabs li.active { border: 1px solid #CACACA; border-bottom-color: #8B8B8B;}
.price .tabs li strong {text-decoration: none; padding: 5px 10px 3px; margin: 0;}
.price .tabs li a {text-decoration: none; padding: 5px 10px 3px; margin: 0;}

.program {width:320px; border: 1px solid #CACACA;}
.program th {vertical-align: top; border: 1px solid #CACACA; padding: 5px;}
.program td {vertical-align: top; border: 1px solid #CACACA; padding: 5px;}

.price table {border-collapse: collapse; margin: 2px 0 0;}
.price th {vertical-align: top; background: #FFD900; padding: 8px 5px;}
.price td {vertical-align: top; padding: 5px;}
.price .even td {background: #9F9E9E;}
.price .hide {font-size: 92%; margin: 5px 0 5px; display: none;}

#footer, #footer a {color: #333; text-align: left;}

.vypis thead th {vertical-align: middle; background: #FFD900; padding: 8px 5px;}
.vypis thead th.right {padding-right: 20px;}
.vypis thead {border-bottom: 5px solid #8B8B8B;}
.vypis td {vertical-align: middle; padding: 2px;}
.vypis td.price input {width: 90%; text-align: right; border: none; background: #8B8B8B;}
.vypis .even td.price input {background: #C2C2C2;}
.vypis .even td {background: #C2C2C2;}
.vypis .price2 td {background: #FFD900; padding: 5px; font-weight: bold;}
.vypis .price2 td.price input  {background: #FFD900; font-weight: bold;}

.logo {border: none; vertical-align: middle;}