*{
margin: 0;
padding: 0;
}

body {
color: #000;
background: #F1E3BD url("./images/design/bg-top.jpg") left top repeat-x;
text-align: center;
font-family: Arial;
font-size: 80%;
}

img{
border: 0;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
}

.center{
text-align: center;
}
.right{
text-align: right;
}
.left{
text-align: left;
}


/*  logo  */
#logo {
float: left;
position: relative;
left: -11px;
width: 357px;
height: 68px;
overflow: hidden;
}
#logo span{
display:block;
width: 357px;
height: 68px;
background: url("./images/design/logo.png") top left no-repeat;
cursor: hand;
}
#logo strong{
display: none;
}

#page{
width: 772px;
margin-left: auto;
margin-right: auto; 
text-align: left;
display: table;
}



#menu-top{
margin-top: 43px;
list-style: none;
height: 33px;
}
#menu-top li{
border-top: #B82C19 1px solid;
float: right;
height: 33px;
background: #752015 url("./images/design/menu-top-bg.gif") top left repeat-x;
}
#menu-top li.left{
border-left: #B82C19 1px solid;
}
#menu-top li.right{
border-right: #B82C19 1px solid;
}
#menu-top li a{
display: block;
height: 33px;
padding: 9px 20px 0;
color: #F5E6E4;
text-decoration: none;
background: url("./images/design/menu-top-div.gif") top left no-repeat;
}
#menu-top.menu-top-admin li a{
padding: 9px 10px 0;
}

#menu-top li a:hover{
text-decoration: underline;
}



#content{
position: relative;
width: 770px;
border: #D0C5A8 1px solid;
background: #F8F2E4 url("./images/design/top.jpg") 10px 12px no-repeat;
min-height: 600px;
z-index: 3;
}

#content.pletiva-a-svarovane-panely{
background: #F8F2E4 url("./images/design/hlavicky/pletiva-a-svarovane-panely.jpg") 10px 12px no-repeat;
}
#content.sloupky-a-vzpery{
background: #F8F2E4 url("./images/design/hlavicky/sloupky-a-vzpery.jpg") 10px 12px no-repeat;
}
#content.branky-a-brany{
background: #F8F2E4 url("./images/design/hlavicky/branky-a-brany.jpg") 10px 12px no-repeat;
}
#content.garazova-vrata{
background: #F8F2E4 url("./images/design/hlavicky/mechanicke-zabranne-prostredky.jpg") 10px 12px no-repeat;
}
#content.zabradli-a-mrize{
background: #F8F2E4 url("./images/design/hlavicky/zabradli-a-mrize.jpg") 10px 12px no-repeat;
}
#content.mechanicke-zabranne-prostredky{
background: #F8F2E4 url("./images/design/hlavicky/mechanicke-zabranne-prostredky.jpg") 10px 12px no-repeat;
}
#content.kovoobrabeni{
background: #F8F2E4 url("./images/design/hlavicky/kovoobrabeni.jpg") 10px 12px no-repeat;
}
#content.povrchove-upravy{
background: #F8F2E4 url("./images/design/hlavicky/povrchove-upravy.jpg") 10px 12px no-repeat;
}
#content.atypicke-interierove-a-exterierove-prvky{
background: #F8F2E4 url("./images/design/hlavicky/atypicke-interierove-a-exterierove-prvky.jpg") 10px 12px no-repeat;
}
#content.vrtani-der-mobilnim-zarizenim{
background: #F8F2E4 url("./images/design/hlavicky/vrtani-der-mobilnim-zarizenim.jpg") 10px 12px no-repeat;
}
#content.nabidky-servis-rozpocty{
background: #F8F2E4 url("./images/design/hlavicky/nabidky-servis-rozpocty.jpg") 10px 12px no-repeat;
}


#menu-l{
float: left;
width: 210px;
margin: 105px 20px 10px 37px;
background: url("./images/design/bg-menu.gif") 0 20px no-repeat;
list-style: none;
border-bottom: 3px #F8F2E4 solid;
}
#menu-l li{
padding: 7px 20px 7px 30px;
text-align: left;
border-bottom: 1px #F8F2E4 solid;
}
#menu-l li a{
color: #34600E;
text-decoration: none;
}
#menu-l li a:hover{
text-decoration: underline;
}



#text{
margin-top: 270px;
padding: 0 35px 70px;
}


#pagetext{
margin-left: 232px;
}




#bottom{
position: relative;
height: 170px;
background: url("./images/design/bg-bottom.jpg") top left repeat-x;
margin-top: -83px;
text-align: center;
font-size: 95%;
color: #BFAC79;
z-index: 1;
}
#bottom div{
width: 770px;
padding-top: 90px;
margin-left: auto;
margin-right: auto;
}
#bottom div .copy{
float: left;
margin-left: 20px;
}
#bottom div .created{
float: right;
margin-right: 20px;
}
#bottom div a{
color: #BFAC79;
text-decoration: none;
}
#bottom div a:hover{
text-decoration: underline;
}


h1{
float: right;
width: 464px;
margin-bottom: 15px;
background: #F2E7CC url("./images/design/nadpis-top.jpg") top left repeat-y;
text-align: center;
color: #B51400;
font-weight: normal;
font-size: 160%;
padding-top: 6px;
}
h1 span.bottom{
display: block;
width: 464px;
height: 8px;
background: url("./images/design/nadpis-bottom.jpg") top left no-repeat;
position: relative;
}



h2,h3,h4,h5,h6{
color: #234D00;
font-weight: normal;
}
h2{
font-size: 140%;
}
h3{
font-size: 120%;
}
h4,h5,h6{
font-size: 100%;
font-weight: bold;
}

h2,h3,h4,#text p,#text ul,#text ol,#text table,#text blockquote{
margin: 10px 0;
}
#text ul,#text ol{
margin-left: 20px;
}
table{
clear: right;
}
#text a{
color: #B51400;
}
#text a:hover{
text-decoration: none;
}


table.cenik,#contact-form table{
border-top: 1px #D9C58A solid;
border-left: 1px #D9C58A solid;
}
table.cenik th,table.cenik td,#contact-form th, #contact-form td{
border-right: 1px #D9C58A solid;
border-bottom: 1px #D9C58A solid;
padding: 3px;
}



#text p.page-photo{
float: left;
width: 160px;
height: 160px;
margin: 0 20px 20px 0;
text-align: center;
}
.page-photo img{
vertical-align: middle;
border: 10px #F3EAD2 solid;
}
.page-photo a:hover img{
border: 10px #F8F2E4 solid;
}
br.clear{
clear: both;
}



#contact-form{
padding: 10px 0;
width: auto;
}
#contact-form table,#contact-form p{
background-color: #F8F2E4;
margin: 0;
}
#contact-form table th{
width: 100px;
}
#contact-form .required{
color: red;
}
#contact-form p.submit{
text-align: center;
margin-bottom: 7px;
}
#contact-form p.submit input{
font-weight: bold;
border: 1px #34600E solid;
padding: 3px 10px;
background-color: #D9C58A;
}
#contact-form p.submit input:hover{
border: 1px #F8F2E4 solid;
}
h2.contact-form-h{
margin: 20px 0 0;
}

p.sended{
font-weight: bold;
}


#text .aktualita h2{
margin-bottom: 0;
}
#text .aktualita p.aktualita-date{
margin: 3px 0;
font-size: 90%;
}

div.pagination{
margin: 15px 0 0;
text-align: center;
font-size: 120%;
}