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

body{
  background:url(../img/bg.jpg) center top no-repeat #260e03;
  margin:0;
  padding:0;
  text-align:center;
  color:#575447;
  font-family: "Lucida Grande", Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif;
  font-size: 83%;
  line-height:1.3;
}

h1{
  font-size:140%;
  padding-bottom:7px;
  padding-top:10px;
  font-weight:normal;
  color:#000000
}

h2{
   font-size:135%;
   padding-bottom:3px;
   font-weight:normal;
   color:#000000
}

h3{font-size:115%;
   padding-top:10px;
   padding-bottom:7px;
   font-weight:normal;
   color:#000000
}

p{padding-bottom:10px; }

a{ text-decoration: underline; color:#575447;}

a:hover{ text-decoration: underline; color: #000;}
img{ border:none}

hr { height: 1px; background: none; display: block; border: 1px solid #575447; border-width: 1px 0 0 0; overflow: hidden; margin: 0px 0px 10px 0px; clear:both; }

small{ font-size:80%}

#hlavicka{
width: 980px;
height:380px;
margin: 0 auto;
position:relative;
}

.logo {
	width: 295px;
	height:145px;
	position:absolute;
	left:30px;
	top:8px;
	z-index:5;
	padding:0px
}

#obal{
width: 960px;
margin: 0 auto;
}

.top-menu {
	width: 640px;
	height:40px;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:absolute;
	right:0px;
	top:20px;
	background:url(../img/bg-top-menu.png) left center no-repeat transparent;
}

.top-menu ul {
   list-style-type: none;
   border-right:1px solid #FFF
}

.top-menu ul li {
   float: left;
   text-align: center;
}

.top-menu ul li	a {
   display: block;
   line-height:40px;
   padding: 0px 11px 0px 13px;
   text-decoration: none;
   color: #fff;
   font-size:12px;
}

.top-menu ul li.aktivni a {
   color:#FC0
}

.top-menu ul li a:hover{
   color:#FC0;
}

.animace {
	width: 950px;

	height:285px;
	position:absolute;
	left:5px;
	bottom:0px;
	z-index:4;
	padding: 10px;
   background:url(../img/bg-animace.png) center center no-repeat transparent;
}

.slideshow { height: 285px; width: 950px; text-align:center}


#horizontmenu{
width: 960px;
background:url(../img/bg-menu.png) center repeat-x;
margin: 0 auto;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-align:left;
	height:50px;
	font-size:11px;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #000;
	}
ul#menu li a{
	display:block;
	float:left;
	color: #DCD0BC;
	text-decoration:none;
	padding:8px 20px 0 35px;
	height:24px;
	height:40px;
	}

ul#menu li.jehlicnate a{background:url(../img/trivrstve.png) left center no-repeat}
ul#menu li.listnate a{background:url(../img/trivrstve-listnate.png) left center no-repeat}
ul#menu li.dvouvrstve a{background:url(../img/dvouvrstve.png) left center no-repeat}
ul#menu li.vulkano a{background:url(../img/vulkano.png) left center no-repeat}
ul#menu li.prislusenstvi a{background:url(../img/prislusenstvi.png) left center no-repeat}


ul#menu li.jehlicnate a:hover{color:#D7C51E; background:url(../img/bg-menu-activ.png) left center no-repeat}
ul#menu li.listnate a:hover{color:#FF8346; background:url(../img/bg-menu-activ-listnate.png) left center no-repeat}
ul#menu li.dvouvrstve a:hover{color:#DAA2C9; background:url(../img/bg-menu-activ-dvouvrstve.png) left center no-repeat}
ul#menu li.vulkano a:hover{color:#C2944E; background:url(../img/bg-menu-activ-vulkano.png) left center no-repeat}
ul#menu li.prislusenstvi a:hover{color:#B8BCE1; background:url(../img/bg-menu-activ-prislusenstvi.png) left center no-repeat}

ul#menu li.last	{
	border-right: none;
}

#vertikalniMenu{
width: 260px; 
text-align:left;
}

#vertikalniMenu li{
list-style-type:none; 
	background:url(../img/bg-menu.png) center repeat-x;
}
	
#vertikalniMenu li a {
    height:32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	border-bottom:1px solid #000
}	
	
#vertikalniMenu li a:link, #vertikalniMenu li a:visited {
	color: #DCD0BC;
	display: block;
	padding: 8px 0 0 35px;
	text-decoration:none
	}
	
#vertikalniMenu li a:hover {
	color: #000;
	padding: 8px 0 0 35px;
	background:url(../img/bg-menu.png) center repeat-x;
	}
#vertikalniMenu li.novinka a{background:url(../img/novinka.png) left center no-repeat}
#vertikalniMenu li.jehlicnate a{background:url(../img/trivrstve.png) left center no-repeat}
#vertikalniMenu li.listnate a{background:url(../img/trivrstve-listnate.png) left center no-repeat}
#vertikalniMenu li.dvouvrstve a{background:url(../img/dvouvrstve.png) left center no-repeat}
#vertikalniMenu li.vulkano a{background:url(../img/vulkano.png) left center no-repeat; margin-bottom:20px}
#vertikalniMenu li.reference a{background:url(../img/reference.png) left center no-repeat;}

#vertikalniMenu li.jehlicnate a:hover{color:#D7C51E; background:url(../img/bg-menu-activ.png) left center no-repeat}
#vertikalniMenu li.listnate a:hover{color:#FF8346; background:url(../img/bg-menu-activ-listnate.png) left center no-repeat}
#vertikalniMenu li.dvouvrstve a:hover{color:#DAA2C9; background:url(../img/bg-menu-activ-dvouvrstve.png) left center no-repeat}
#vertikalniMenu li.vulkano a:hover{color:#C2944E; background:url(../img/bg-menu-activ-vulkano.png) left center no-repeat}
#vertikalniMenu li.novinka a:hover{color:#904508; background:url(../img/bg-menu-activ-novinka.png) left center no-repeat}
#vertikalniMenu li.reference a:hover{color:#904508; background:url(../img/bg-menu-activ-novinka.png) left center no-repeat}


#hlavniobsah{
float: left;
width: 100%;
text-align: justify;
background:url(../img/bg-hlavniobsah.png) repeat-y
}

#hlavniBox{
float:left;
width:100%;
text-align:left;
}

#obsah{
float: left;
width: 100%;
text-align: justify;
background:url(../img/bg-obsah.png) repeat-y
}

#pravyBox{
float:right;
width:260px;
text-align:left;
}

#pravyBox img{
 padding:10px 0px
}

#levyBox{
float: left;
width: 697px;
}

#levyBox img{
  border:1px solid #575447;
  background-color:#FFFFFF;
  padding:4px;
  margin: 0px 10px 5px 0px
}

#levyBox ul {
padding:0px 0px 15px 15px;
text-align:left
}

#levyBox ul li{
padding-top: 4px;
text-align:left
}

#hlavniBox ul {
padding:0px 0px 10px 15px;
text-align:left
}

#hlavniBox ul li{
padding-top: 7px;
text-align:left
}

.innertube{
padding: 10px 20px;
}

.clear{
   clear:both
}

.tisk{
   padding: 20px 10px;
   font-size:80%
}

.podlahyBox{
  width:920px;
  text-align:justify;
  padding:10px 0px;
  background:url(../img/bg-box.png) bottom right no-repeat
}

.boxtext{
  width:690px;
  padding: 0px 20px 0px 10px;
  float:right   
}

.podlahyBox h2{
   font-size:105%;
   font-weight:bold;
   color: #333333
}

h1 em{
   font-size:75%;
   font-weight:normal;
   text-decoration:inherit
}

.podlahyBox p{
}

.podlahyBox img{
   float:left;
   padding:4px;
   background-color:#FFFFFF;
   border:1px solid #575447;
   margin-bottom:10px
}

.fotogalerie img{
   padding:4px;
   background-color:#FFFFFF;
   border:1px solid #575447;
   margin: 0px 7px 0px 0px
}
#fotomini{ 
   width:850px;
   float:left;
   height:100px;
   overflow: hidden;
   white-space:nowrap;
}

.iframeFoto{
   height:100px;
   margin-bottom:20px
}

.rol{
   cursor:pointer;
   float:left;
   width:25px;
   height:100px
}

.rol img{
   padding:0px;
   margin:0px;
   border:none
}



#paticeobsah{
width: 960px;
clear:both;
height: 25px;
background:url(../img/bg-patice-obsah.png) repeat
}

#patice {
    clear: both;
	background:url(../img/bg-patice.png) repeat-x top;
	text-align:left;
	font-size:85%
}

#patice div.body {
    width: 920px;
    margin: 0 auto;
    padding: 30px 20px;
    color: #B3885B;
}


#patice h2, #patice h3 {
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 4px;
	color:#EFC79D
}



#patice  div.firma {
    clear: both;
    padding-top: 20px;
    text-align: center;
	font-size:12px
}

.box a, .firma a {color: #B3885B; text-decoration: underline}

.box a:hover, .firma a:hover {color: #EFC79D; text-decoration: underline}

#patice-info div.box {
    float: left;
    width: 252px;
    padding-left: 40px;
    padding-right: 40px;
    border-left: 1px solid #57412A;
    margin-bottom: 20px;
}

#patice-info div.prvni {
    padding-left: 0;
    border-left: none;
}

#patice-info div.treti {
    padding-right: 0;
}

#patice-info ul {
padding:0px 0px 10px 0px;
text-align:left;
list-style-type:none
}

#patice-info ul li{
padding-top: 5px;
text-align:left
}

#czechproject{
width: 940px;
margin:0px auto;
text-align: center;
padding:5px 20px
}

#czechproject a{
color:#B3885B;
text-decoration: none}

#czechproject a:hover{
color:#FFFFFF;
text-decoration: underline}


.fotogalerie h3{

   padding:20px 0px 15px 20px;
   font-weight:normal;
   color:#000000
}


fieldset {
  border: 1px solid #630;
  padding: 10px 20px;width: 590px;
  
}

legend {
	padding: 5px;
	color:#630;
	font-size:110%
}
.referencemafi{
	width:632px;
	height:85px;
	text-align:left;
	font-size:90%;
	padding-top:15px;
	border-bottom:1px solid #600
}

.lastref{
	border-bottom: none
}

.refmafiobr{
	width:300px;
	height:70px;
	float:left
}

#levyBox .referencemafi img{
	margin:0px 4px 4px 0px;
	background:none;
	padding: 0px;
	border: 1px solid #600
}





.detail { text-align: left; }
#levyBox img.tl-cenik { border:none; padding:0px; margin:0px}
h2.foto { font-size:14px; padding-left:14px; background:url(/img/sipkah2.png) left center no-repeat}

.seznam-aktualita { margin-bottom:10px }
.strankovani { padding-top:15px}
.strankovani .aktivni {color: #fff; background-color:#000}
.strankovani a, .strankovani .aktivni{border:1px solid #CCCCCC;padding:1px 5px;text-decoration:none; line-height:30px}
.strankovani a:hover{ color:#fff; background-color:#000}