/* CSS ktv servis, P.S. */

body {background-color: white;padding: 0px;margin: 0px;width: 900px;margin-left: auto;margin-right: auto;position: relative;font-size: 10pt;}
#include .pravy,body {font-family: Arial, Helvetica, verdana, sans-serif;}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.fleft {float: left}
.fright {float: right}
.both {clear: both;font-size: 1px;height: 1px;overflow: hidden;}
.justify {text-align: justify}
.vtop,table.vtop td {vertical-align: top}


img {border: 0px;}
h1 {padding: 28px 0 20px 180px;margin: 0;}
h1,.nadpis,h2,h3 {font-size: 12pt;color: rgb(176,35,18);font-weight: bolder;letter-spacing: 0.1em;}
h2 {font-size: 11pt;padding-top: 20px}
h2.left_menu {padding-top: 0px}
h3 {font-size: 10pt}
a {color: rgb(176,35,18)}
a:hover {text-decoration: none}

.sysmsg {padding: 10px; border: 1px solid rgb(229,207,160);color: rgb(177,38,27);background-color: rgb(247,234,216);}

#price {background: rgb(156,29,20) url('img/menu.gif') 0% 0% repeat-x;padding: 0px 0px 0px 220px;clear: both;}
#price ul,#price ol {list-style-type: none;margin: 0px;padding: 0px;text-align: center;}


#price .kat,#price .prva,#price .dva {float: left;height: 130px}
#price .kat a,#price .prva a,#price .dva a {text-decoration: none;position: relative;top: 0px;left: 0px;display: block;border-right: 1px solid rgb(122,16,3);background: url('img/menu_hover.gif') 0% 140px no-repeat;padding: 50px 0px 0px 0px ;width: 94px;height: 80px;color: white;font-weight: bolder;}
/*#price .kat.posledni a {border-right: 0;}*/
#price .dva a {padding-top: 40px;height: 90px}
#price .kat a:hover,#price .prva a:hover,#price .dva a:hover {background: rgb(101,12,6) url('img/menu_hover.gif') 0% 0% no-repeat;}
#price .kat:hover ol {visibility: visible;}
#price .katHover ol {visibility: visible;}

#price ol {text-align: left;position: absolute;top: 130px;visibility: hidden;z-index: 2;border-top: 1px solid rgb(165,30,21);}
#price ol li {float: none;margin: 0px 0px 0px 0px;}
#price ol li a:hover {visibility: visible;}
li {behavior: url("hover.htc");}


#price .sub a,#price .sub1 a {background: rgb(156,29,20);height: 20px;width: 220px;padding: 2px 5px 2px 5px;border-top: 1px solid rgb(229,242,250);border-right: 0px}



#logo {position: relative;top: 1px;z-index: 2}
#logo .logo {position: absolute;left: 60px;top: 0px;}
#logo span {display: none}

/* levy: 240px;pravy: 250px */
#include {font-family: verdana, sans-serif;min-height: 370px;_height: 370px;background-color: rgb(229,242,250);color: black /*rgb(72,81,86)*/;padding: 0 10px 16px 10px;position: relative;z-index: 1;}
#include span {color: rgb(150,114,36)}
#include ul {padding: 3px 0px 15px 0px;margin: 0px;list-style-type: none;}
#include li {padding: 0px 0px 5px 20px;}
#include #obr {position: absolute;top: 100px;left: 20px;}
#include .image,#include p img.image {border: 1px solid black;}
#include p img.image {float: left;margin: 0px 20px 0px 0px}
#include span.both {display: block;clear: both;}

#include .text {display: inline;}
#include .levy {width: 200px;float: left;padding: 70px 15px 10px 0;} 
#include .pravy {width: 203px;float: right;margin-right: 20px;background:  url('img/pravy_lv.jpg') 0 100% no-repeat;}
#include .pravy .obsah {background:  url('img/pravy_bg.jpg') 0 0 repeat;min-height: 348px;padding: 10px 10px 10px 10px;margin-left: 14px}
#include .pravy .both {background: url('img/pravy_dl.jpg') 100% 0 no-repeat;height: 12px;}
#include .pravy form h3,#include .pravy h3,.h3 {background: url('img/tel.gif') 100% 0% no-repeat;color: rgb(177,38,27);padding: 5px 0px 5px 0px;letter-spacing: -1px; font-size: 14pt;width: 100%;margin: 0px}
#include .pravy h3 {background: url('img/pravy_text.gif') 100% 0% no-repeat;}
#include .pravy input,#include .pravy textarea {width: 97%;border: 1px solid rgb(220,199,150);background: white url('img/input.gif') 0% 0% repeat-x;color: rgb(162,120,46);margin: 5px 0px 0px 0px;padding: 2px 2px 0px 2px}
#include .pravy .odeslat {width: 70px;font-weight: bolder;}
#include .pravy p {color: rgb(162,120,46)}


.h3 {font-size: 20pt;letter-spacing: 3px;text-transform: uppercase;color: rgb(238,50,36)}

#obsah-pravy .text {width: 70%;float: left;}
#obsah-vse .text {width: 46%;float: left;}
#obsah-vse h1 {padding-left: 0;}



#bottom {background-color: rgb(64,10,6);border-top: 1px solid white;padding: 16px 60px 16px 60px;color: rgb(123,81,78);height: 35px;overflow: hidden;}
#bottom .fleft,#bottom .fright {width:78%;border-left: 2px solid rgb(123,81,78);height: 44px;padding: 2px 0px 2px 5px}
#bottom .fright {width: 19%}
#bottom a {color: rgb(123,81,78);text-decoration: none}
#bottom a:hover {text-decoration: underline}

.chyba {padding: 10px;margin: 20px 10px 20px 10px;border-top: 1px solid silver;border-bottom: 1px solid silver}



/* INCLUDE */

.padesat {width: 50%}
.balkonove-popis {text-align: left;padding: 0px 50px 0px 50px;}
#reference {text-align: center;}
#reference img {border: 1px solid rgb(162,68,66);background-color: rgb(107,17,16);padding: 2px}

.jo li {padding: 10px 0px 0px 20px;margin-left: 30px}

div.p {margin: 0px 0px 20px 0px;padding: 0px;width: 100%;line-height: 130%}
div.p h2 {margin-top:0px;}
div.p img.fleft {margin: 63px 25px 0px 5px;border: 1px solid black;}
div.p .fright {width: 77%}


.ul li {background: url('img/ul.gif') 5px 6px no-repeat;}

caption {padding: 5px 0px 5px 0px;color: rgb(176,35,18);font-size: 11pt}

.embed {border: 1px solid black;text-align: center;background-color: white;padding: 10px 0 5px 0}
.novinky {width: 200px;}
.novinky strong {line-height: 170%;}