* {font-family: Verdana, Arial;}
html {overflow-y: scroll;}
body {text-align: center; margin: 0; font-size: 0.70em;}
body div {text-align: left;}

h1, h2, h3, h4 {margin: 0; padding: 20px 20px 13px 20px; font-size: 190%; font-family: georgia; font-style: italic; font-weight: normal;}
h3, h4 {font-size: 170%;}
h4 {background: url(images/korunky.gif) 0 21px no-repeat; margin-left: 20px; padding-left: 65px;}
h3 a, h4 a {font-family: georgia; font-style: italic; font-weight: normal;}
h3 a:hover, h4 a:hover {text-decoration: underline;}


#main {width: 906px; margin: 8px auto 0 auto; min-height: 655px; _height: 655px;}
#head {height: 149px; text-align: right;}
#address {display: inline-block; margin: 51px 210px 0 0; line-height: 180%;}
#address strong {font-family: georgia; font-size: 130%; font-style: italic;}
#address a {text-decoration: none;}
#address a:hover {text-decoration: underline;}
#menu {height: 40px; font-size: 110%;}
#content {margin: 0 4px;}
#home h1 {visibility: hidden; margin: 0; padding: 0;}
#logo {display: none;}
#pata {width: 906px; margin: 0 auto; height: 20px; padding-top: 10px; font-size: 87%; text-align: center;}

#content, #home {min-height: 466px; _height: 466px;}
#sluzby, #zbiroh, #prostory, #fotogalerie, #reference, #kontakty {padding-left: 310px; min-height: 466px; _height: 466px;}

#flash {margin: 6px 70px 0 0; padding-bottom: 0; padding-right: 0; text-align: right; height: 243px; background: url(images/obr-zofin.jpg) right no-repeat;}

p {padding: 0 20px 10px 20px; margin: 0; line-height: 140%; text-align: justify;}
ul {margin: 0; padding: 0px 60px 0 70px;}
ol {margin: 0; padding: 10px 60px 0 102px;}
li {margin: 0; padding: 0 0 5px 0; line-height: 130%;}
td ul {margin: 0; padding: 0px 10px 0 50px;}
a img {border: 0;}
table {margin: 0 20px 10px 16px; border-collapse: collapse;}
td, th {padding: 4px; line-height: 140%;}

#menu ul {margin: 0; padding: 10px 0 0 250px;}
#menu ul li {margin: 0; padding: 0; list-style-type: none; display: inline;}
#menu a {padding: 0 12px; text-decoration: none;}
#menu.inside ul {margin: 0; padding: 10px 0 0 20px;}
#menu ul .mezera {padding-left: 174px;}

.rucicka {cursor: pointer; cursor: hand; float: right;}

.obrazmaly {position: absolute; margin-left: -340px; background: url(images/ram-maly.jpg) no-repeat; padding: 34px 36px 34px 37px;}
.obrazvelky {background: url(images/ram-velky.jpg) no-repeat; padding: 34px 36px 34px 37px;}

.obrazmaly2 {background: url(images/ram-maly-tenky.jpg) no-repeat; padding: 17px 19px 18px 19px; margin: 10px 20px;}
.obraznejmensi {background: url(images/ram-nejmensi.jpg) no-repeat; padding: 12px 10px 11px 11px; margin: 10px 10px;}


.prokladane {letter-spacing: 1px;}
.center {text-align: center; clear: both;}
.right {text-align: right;}
.imgright {float: right; margin: 0px -30px 0 20px;}
.foto {text-align: center; margin-top: 15px;}
.foto img {margin: 8px; border: solid 1px #612C15; padding: 2px; background: #FBD24F;}


/* *****barvy***** 18000B tmavevinova * FADF5E zlutatextova * FFCC33 zlutatmavaodkazy * 9D7D41 piskova * 660000 vinovamenu * C80042 ruzovahovermenu */

body {background: #18000B url(images/bg-gradient.gif) repeat-x; color: #FADF5E;}
h1, h2, h3, h4 {color: #FFCC33;}
a {color: #FFCC33;}
#main {background: url(images/bg-main.gif) repeat-y;}
#head {background: url(images/bg-head.jpg) no-repeat;}
#menu {background: url(images/bg-menu.jpg) no-repeat;}
#address {color: #9D7D41;}
#address strong {color: #FFCC33;}
#address a {color: #FFCC33;}
#menu a {color: #660000;}
#menu a:hover {color: #C80042;}
#content {background: url(images/bg-content.png) no-repeat;}
#pata {background: url(images/bg-pata.gif) top no-repeat; color: #773431;}
#pata a {color: #773431; text-decoration: none;}
#pata a:hover {text-decoration: underline;}

#home {background: url(images/bg-01home.jpg) left 180px no-repeat;}
#sluzby {background: url(images/bg-08.jpg) left 200px no-repeat;}
#zbiroh {background: url(images/bg-06.jpg) left 210px no-repeat;}
#prostory {background: url(images/bg-05.jpg) left 180px no-repeat;}
#fotogalerie {background: url(images/bg-04.jpg) left 220px no-repeat;}
#reference {background: url(images/bg-03.jpg) left 100px no-repeat;}
#kontakty {background: url(images/bg-02.jpg) left 210px no-repeat;}




@media print {

body {background: none; margin: 0; color: black;}
#main, #content, #pata, #head {width: 100%; background: none; margin: 0;}
#logo {display: inline;}
#content {padding: 20px 0; border-top: solid 1px silver; margin-top: 20px;}
#sluzby, #zbiroh, #prostory, #fotogalerie, #reference, #kontakty {padding-left: 0px;}

#pata {width: 100%; border-top: solid 1px silver; background: none; padding: 10px; color: silver;}
#pata a {color: silver;}
#menu, #head, #flash {display: none;}
p {padding: 13px 0 0 0;}
table {margin-left: 0;}
ul, ol {padding: 13px 0 0 30px;}
ul li {list-style: disc;}
h1, h2, h3 {margin: 0 0 0 0; color: black;}
h1 span, h2 span {display: inline;}
a {color: black;}
#home h1 {visibility: visible;}
.imgright {display: none;}
.odsadittisk {page-break-before: always;}
}
