/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

html {
background: #461f0e url("../grafika/cihly.jpg") top center;
}

body {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: white;
background: url("../grafika/bg.jpg") repeat-x top left;
}

a, a:link {
color: #7e4e2f;
text-decoration: underline;
}

a:visited {
color: white;
}

a:hover, a:active, a:focus {
color: #b69477;
}

.okrova {
color: #7e4e2f;
}


/* logo */
h1 {
width: 202px;
height: 264px;
color: white;
font-size: 190%;
text-transform: uppercase;
position: absolute;
top: 0;
left: 279px;
}

h1 a {
display: block;
}

/* aktivni polozka menu */
h2 {
font-size: 100%;
font-weight: bold;
color: white;
overflow: hidden;
text-align: center;
position: relative;
}

h3 {
font-size: 130%;
font-weight: normal;
color: #7e4e2f;
margin: 40px 0 10px;
padding-bottom: 10px;
}

h3.first {
margin-top: 0;
}

.hr {
width: 525px;
height: 11px;
background: url("../grafika/hr.gif") no-repeat;
margin: 20px 0 10px;
_margin: 0 0 5px;
clear: both;
}

h4 {
font-size: 100%;
color: #b69477;
margin: 40px 0 10px;
font-weight: bold;
}

p {
margin: 10px 0;
line-height: 160%;
}

ul {
margin: 10px 0;
line-height: 200%;
}

li {
margin-left: 30px;
list-style: square;
}

.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

.strong {
font-weight: bold;
}

input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px;
}

/* kontakt */

address {
font-style: normal;
line-height: 160%;
width: 50%;
float: left;
}

p.kontakt {
width: 50%;
float: left;
}

/***************** layout *************/

#obalovy {
width: inherit;
background: url("../grafika/bg2.jpg") no-repeat top center;
}

#main {
width: 760px;
background: #461b0c;
margin: 0 auto;
text-align: left;
}

#top {
width: 760px;
height: 264px;
background: url("../grafika/top.jpg") no-repeat;
float: left;
position: relative;
}

#menu {
width: 760px;
height: 135px;
background: url("../grafika/podmenu.jpg") no-repeat;
float: left;
position: relative;
}

#obal {
width: 760px;
background: url("../grafika/bg3.jpg") repeat-y;
float: left;
}

#obal2 {
width: 760px;
background: url("../grafika/bg3.jpg") repeat-y;
float: left;
}

#obsah {
width: 530px;
min-height: 560px;
_height: 560px;
background: url("../grafika/obsah.jpg") no-repeat top left;
padding: 40px 115px 30px 115px;
float: left;
}

/*** menu ***/

#menu ul {
width: 495px;
height: 135px;
font-size: 120%;
text-align: center;
padding: 0;
margin: 0;
line-height: 100%;
position: absolute;
top: 0;
left: 129px;
}

#menu ul li {
width: 190px;
height: 75px;
line-height: 75px;
margin: 0;
padding: 0;
list-style: none;
color: white;
display: block;
position: relative;
float: left;
}

#menu ul li#dva {
width: 225px;
}

#menu ul li#tri {
width: 80px;
}

#menu ul li#ctyri {
width: 307px;
height: 60px;
line-height: 60px;
}

#menu ul li#pet {
width: 188px;
height: 60px;
line-height: 60px;
}

li#jedna span,
li#dva span,
li#tri span,
li#ctyri span,
li#pet span {
width: 190px;
height: 75px;
display: block;
background: url("../grafika/menu.jpg") no-repeat 0 -135px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}

li#dva span {
width: 225px;
background: url("../grafika/menu.jpg") no-repeat -190px -135px;
}

li#tri span {
width: 80px;
background: url("../grafika/menu.jpg") no-repeat -415px -135px;
}

li#ctyri span {
width: 307px;
height: 60px;
background: url("../grafika/menu.jpg") no-repeat 0 -210px;
}

li#pet span {
width: 188px;
height: 60px;
background: url("../grafika/menu.jpg") no-repeat -307px -210px;
}

li#jedna a, li#jedna a:link,
li#dva a, li#dva a:link,
li#tri a, li#tri a:link,
li#ctyri a, li#ctyri a:link,
li#pet a, li#pet a:link {
width: 190px;
height: 75px;
color: white;
text-align: center;
display: block; /*dulezite*/
position: absolute;
left: 0;
top: 0;
background: url("../grafika/menu.jpg") no-repeat 0 0;
overflow: hidden;
}

li#dva a, li#dva a:link {
width: 225px;
background: url("../grafika/menu.jpg") no-repeat -190px 0;
}

li#tri a, li#tri a:link {
width: 80px;
background: url("../grafika/menu.jpg") no-repeat -415px 0;
}

li#ctyri a, li#ctyri a:link {
width: 307px;
height: 60px;
background: url("../grafika/menu.jpg") no-repeat 0 -75px;
}

li#pet a, li#pet a:link {
width: 188px;
height: 60px;
background: url("../grafika/menu.jpg") no-repeat -307px -75px;
}


li#jedna a:hover, li#jedna a:focus, li#jedna a:active,
li#dva a:hover, li#dva a:focus, li#dva a:active,
li#tri a:hover, li#tri a:focus, li#tri a:active,
li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active,
li#pet a:hover, li#pet a:focus, li#pet a:active {
color: #b69477;
background: url("../grafika/menu.jpg") no-repeat 0 -135px;
}

li#dva a:hover, li#dva a:focus, li#dva a:active {
background: url("../grafika/menu.jpg") no-repeat -190px -135px;
}

li#tri a:hover, li#tri a:focus, li#tri a:active {
background: url("../grafika/menu.jpg") no-repeat -415px -135px;
}

li#ctyri a:hover, li#ctyri a:focus, li#ctyri a:active {
background: url("../grafika/menu.jpg") no-repeat 0 -210px;
}

li#pet a:hover, li#pet a:focus, li#pet a:active {
background: url("../grafika/menu.jpg") no-repeat -307px -210px;
}

/******/

.right {
float: right;
}

.left {
float: left;
}

.jidlo {
width: 440px;
margin-bottom: 5px;
float: left;
}

.cena {
width: 90px;
text-align: right;
margin-bottom: 5px;
float: right;
}

/*** formular ***/

form {
margin-top: 15px;
}

input, select, textarea {
border: 1px solid #7e4e2f;
background: #b69477;
color: black;
}

textarea {
width: 390px;
}

input#button {
width: auto;
margin: 10px 30px 0 0;
float: right;
border: 0;
background: none;
}

label {
font-size: 90%;
=font-size: 85%;
color: white;
padding-top: 3px;
float: left;
width: 20%;
}

/***** galerie ****/

#galerie {
width: 530px;
}

#galerie a:link, #galerie a:visited {
display: block;
padding: 10px;
float: left;
}

#galerie img {
border: 1px solid #7e4e2f;
}

#galerie a:hover img, #galerie a:focus img, #galerie a:active img {
border: 1px solid white;
}

/* paticka */


#paticka {
width: 760px;
height: 55px;
padding-top: 100px;
font-size: 90%;
=font-size: 85%;
color: #b69477;
text-align: center;
background: url("../grafika/bottom.jpg") no-repeat;
float: left;
clear: both;
}

#paticka a, #paticka a:link {
color: #8a5835;
text-decoration: underline;
}

#paticka a:visited {
color: #b69477;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: white;
}

.oddelovac {
color: white;
padding: 0 7px;
}

.polmenu {
text-align: center;
margin: 0 0 20px 0;
}

#facebook {
width: 200px ;
height: 100px ;
position: absolute;
top: 85px;
left: 580px;
}