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

body{
  background:url(../img/bg.jpg) top repeat-x #FFF;
  margin:0;
  padding:0;
  text-align:center;
  color: #cc9966;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 83%;
}

h2 {
  font-size:130%;
  padding-bottom:10px;
  font-weight:normal;
  color: #fff
}

h3 {
  font-size:110%;
  padding:30px;
  font-weight:normal;
  color: #cc9966
}

p{padding-bottom:10px; color:#cc9966 }

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

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

#obal{
width: 100%;
background:url(../img/bg-hlavicka.jpg) top center no-repeat;
}

#obal-stranka{
width: 950px;
margin: 0px auto;
}

#hlavicka{
width: 950px;
height:112px;
margin: 0 auto;
}

#logo{
   width:300px;
   height:104px;
   float:left;
   background:url(../img/logo.jpg) top no-repeat
}

#logo h1{
   visibility:hidden;
   font-size:50%
}


#Topmenu{
   float:right;
   width: 444px;
   height:41px;
   padding:63px 0px 0px 0px;
   
}

#Topmenu ul {
	list-style: none;	
}

#Topmenu ul li {
	display: inline;
}

#Topmenu a {
    float:left;
	width:145px;
	padding-top:13px;
	margin-left:2px;
    display: block;
	text-decoration: none;
	color:#000;
	background:url(../img/top-menu.png) top repeat-x;
	height:41px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 28px;
}

#Topmenu .aktivni a {
	   text-decoration: underline;
	   background:url(../img/top-menu-activ.png) top repeat-x;
	   color:#FFF
	   
}

#Topmenu a:hover {
	background:url(../img/top-menu-activ.png) top repeat-x;
	color:#FFF;
	text-decoration: none
}



#animace{
width: 950px;
height:280px;
margin: 0 auto;
border-top:3px solid #FFF;
background:url(../img/bg-animace.jpg) center no-repeat
}

#horizontmenu{
width: 950px;
margin: 0 auto;
background:url(../img/menu.png) repeat-x center top;
border-bottom:1px solid #4A2500;
border-top:1px solid #4a2500
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-align:center;
	height:54px;
	font-size:12px
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}
ul#menu li a{
	display:block;
	float:left;	
	color: #fff;
	text-decoration:none;
	padding:20px 21px 0px 23px;
	border-right:1px solid #000;
	height:60px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 34px;
	}

ul#menu li.odsazeni a{
	padding-top:12px;
	height:60px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 42px;
	
	}

ul#menu li a:hover{ text-decoration: none; background:url(../img/bg-menu-activ.png) left top repeat-x}
ul#menu li.activ a{ text-decoration: none; background:url(../img/bg-menu-activ1.png) left top repeat-x}
ul#menu li.last a{ border-right:none}

#obsah{
margin:0 auto;
width: 950px;
text-align: justify;
background:url(../img/bg-obsah.jpg) top no-repeat #241200;
}

#podmenu{
margin:0 auto;
width: 950px;
height:20px;
text-align: left;
background:url(../img/bg-podmenu.png) top repeat-x;
padding:5px 0px;
border-bottom:1px solid #4A2500;
font-size:90%;
}

#podmenu ul {
	list-style: none;	
}

#podmenu ul li {
	display: inline;
}

#podmenu a {
    float:left;
    display: block;
	text-decoration: none;
	color:#fff;
	padding:0px 20px
}

#podmenu .aktivni a {
	   text-decoration: underline;
	   color:#FFF;
	   
}

#podmenu a:hover {
	color:#FFF;
	text-decoration:underline
}

#podmenu ul.kostel { margin-left:203px}
#podmenu ul.roubenky { margin-left:90px}
#podmenu .krovy a{ margin-left:0px}

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

#pravyBox{
	float:right;
	width:300px;
}

#obsah ul{
	padding-left:20px;
	padding-bottom:20px
}

#obsah ul li{
	padding-top:5px
}

.innertube{
padding: 20px;
}

a.foto {
   height:170px;
   margin: 10px 20px 0px 0px;   
   text-align:left;
}

.referencevypis h3{ width:260px; padding:4px 0px 4px 10px; background:url(../img/bg-reference-nadpis.png) repeat; color:#fff; margin-top:10px}
.referencevypis h3.okraj{margin-top:0px}

.reference  {
	width:880px;
	height:80px;
	border:1px solid #502800;
	padding:10px;
	background:url(../img/bg-reference.png) top repeat-x;
	margin-bottom:15px
}

.reference img{
	float:left;
	background-color: #cc9966;
	padding:4px;
	border: 1px solid #660000;
	margin:0px 7px 0px 0px
}

.reference p{
	padding-bottom:8px
}

.clear{
	 clear:both
}

.nahoru{
	text-align:right;

}

.nahoru a{
	color:#6c3600;	
	padding:4px 35px 4px 0px;
	text-decoration:none;
	margin:0px;
	font-size:85%;
	background:url(../img/top.png) right top no-repeat
}


.foto {
   float:left;
   height:170px;
   margin: 10px 20px 0px 0px;   
   text-align:center;
   color:#999999;
   font-size:80%
}

.foto img{
	background-color:#FFF;
	border:1px solid #000;
	padding:3px;
}

.foto p{
	padding-top:10px
}


.mezera{
	height:150px
}

#patice {
   width:950px;
   padding:15px 0px;
   margin: 0px auto 10px auto;
   text-align:right;
   background:url(../img/bg-patice.png) top repeat-x
}

#patice p{
   color:#fff;
   font-size:85%;
   padding: 10px 10px 0px 10px
}

#patice a{
	text-decoration:none; color:#fff
}

#patice a:hover{
	text-decoration: underline;
}