* {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%;
}

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

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

h3 {
  font-size:110%;
  padding-bottom:10px;
  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
}

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

#Topmenu ul {
	list-style: none;	
}

#Topmenu ul li {
	display: inline;
}

#Topmenu a {
    float:left;
	width:130px;
	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.aktivni 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: 910px;
padding: 20px;
text-align: justify;
min-height:220px;
_height:220px;
background:url(../img/bg-obsah.jpg) top no-repeat #241200;
}

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

#podmenu ul {
	list-style: none;
	position:absolute;
	left:220px;
	top:10px;
}
#podmenu ul li {
   float: left;
   text-align: center;
}

#podmenu ul li	a {
   display: block;
   width:110px;
   line-height:30px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
   color: #fff;
}

#podmenu ul li.aktivni a, #podmenu ul li.aktivni a:hover{
   color:#fff;
   border: 1px solid #5B2E00;
   border-bottom:none;
   background:url(../img/bg-podmenu-aktiv.jpg) bottom center no-repeat
}

#podmenu ul li a:hover{
   color:#fff;
   background-color:#753A00
}


#levyBox{
	float:left;
	width:590px;
	padding-right:20px;
	border-right: 1px dashed #cc9966
}

#pravyBox{
	float:right;
	width:270px;
	padding-left:20px;
}

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

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

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
}

.detail {
	padding:10px 0px;
}
 
.detail img{
	border: 1px solid #000;
	padding:4px;
	background-color: #804000;
	margin: 0px 17px 15px 0px;
	float:left
}

.soubory p span {
	font-size:85%;
	margin-left:10px
}


/* !!!!!!!!!! AKTUALITY !!!!!!!!!! */
.aktuality {
	width:100%;
	padding:0px;
	clear:both
}
 
.aktuality p{line-height: normal; padding-bottom:20px}
.aktuality strong{ 	
	color:#FFE0C1;
	font-size:85%
} 

.aktuality h2{
	margin:0px;
	padding:5px 0px 4px 0px;
	font-weight:normal;
	font-size:125%
}

.strankovani { padding-top:15px}
.strankovani .aktivni {color: #fff;}

.oprava-krovy{margin: 10px 0 20px 0px;}

.obrazek-oprava-krovy{ 
	float: left;
	width: 160px;
	margin-right: 20px;
}

.obrazek-oprava-krovy img{
	background-color: #804000;
	padding:4px;
	border: 1px solid #000;
	margin:0px 10px 0px 0px;
}

.obrazek-oprava-krovy p{ 
	margin: 2px 0 10px;
	text-align: center;
 }

/* !!!!!!!!!! blok tisk !!!!!!!!!! */
#tisk{
	width:840px;
	line-height:14px;
	text-align: left;
	clear:both;
	font-size:11px;
	padding:5px 0px
}

#tisk p{ padding: 5px 0px 0px 0px}


#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;
}


/* !!!!!!!!!! informacní a chybové hlášky  !!!!!!!!!! */

.form_ok { background-color:#793D00;  }
.form_chyba { background-color:#793D00;  }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 5px;color:#FFF }
.cele { width: 100%; }
.textarea-cele { width: 100%; height: 200px; }
.pravy { text-align: right; padding-top: 5px; }
.skryte { display: none; }