body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial;
		font-size: 13px;
		word-spacing: 0.1em;
	color: #0A060A;
	background: #DADADA;
	text-align: center;
}

#page {
min-height: 100%;
height: 100%; 
}

body>#page {
 height: auto;
 }
 
 h1{
 color: #AC0B0B;
 font-size: 21px;
 }
 
  h2{
 color: #AC0B0B;
 font-size: 15px;
 text-align: left;
   margin: 5px 0 3px 5px;
  padding: 0;
 }
 
 h3{
  color: #AC0B0B;
 font-size: 13px;
  text-align: left;
  margin: 5px 0 3px 5px;
  padding: 0;
 }

 h4{
 color: #CCCCCC;
 font-size: 20px;
 margin-right: 80px;
 margin: 50px 80px 15px 0;
 padding: 0;
 }
 
 .novinky {
 background: url(images/news.jpg) no-repeat left top;
  padding: 10px;
 padding-left: 40px;

 }
 
 .news {
font-size: 11px;
line-height: 150%;
}

#headerback{
width: 100%;
height: 130px;
position: absolute;
top: 0;
left: 0;
background: url(/images/top-header.png) repeat-x;
}

#footerback{
width: 100%;
height: 230px;
position: relative;
bottom: 0;
left: 0;
text-align: center;
background: #0F0C0F;
clear: both;
}

#header{
position: relative;
width: 1000px;
height: 130px;
background: url(/images/header.png) no-repeat center;
margin: 0 auto;
padding: 0;
}

#logo{
width: 300px;
height: 92px;
position: relative;
float: left;
top: 8px;
left: 0;
}

#search{
position: absolute;
top: 10px;
right: 0;
text-align: right;
}

.hledat{
width: 73px;
height: 27px;
border: none;
color: #FFFFFF;
font-weight: bold;
font-size: 17px;
margin-right: 10px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
  (src='/images/but_hle.png',sizingMethod='fixed');
}
head:first-child+body .hledat{ 
  background: url(/images/but_hle.png);
}

#menu {
position: relative;
top: 65px;
	height: 30px;
  float: right;
  text-align: left;

	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 18px;
	padding-bottom: 15px;
	margin-left: 25px;
	color: #FFFFFF;
}

#menu a:hover {
	color: #AC0B0B;
}

#menu .active a {
	background: url(images/active.png) no-repeat bottom center;
	color: #AC0B0B;
}

#header2back{
width: 100%;
height: 312px;
position: absolute;
top: 99px;
left: 0;
background: url(/images/top-repeat.png) repeat-x;
}

#header2{
position: relative;
top: -31px;
width: 1000px;
height: 312px;
background: url(/images/top.png) no-repeat center;
margin: 0 auto;
padding: 0;
}


.offer{
position: relative;
top: 10px;
width: 320px;
height: 302px;
margin-right: 20px;
padding: 0;
float: left;
text-align: left;

}

.offer img{
float: left;
margin: 20px;
}

.offer li{
background: url(/images/point.png) no-repeat center left;
padding-left: 30px;
font-size: 15px;
font-weight: bold;
margin-top: 8px;
list-style-type: none;
text-align: left;
clear: both;
}

.podrob{
position: absolute;
right: 0;
bottom: 2;
margin: 0;
}
.podrob img{
margin: 0;
}

.cena{
position: absolute;
left: 0;
bottom: 2;
color: #008000;
font-size: 18;
width: 188;
height: 26;
font-weight: bold;
background: url(/images/cena.png);
}

.incena{
position: relative;
top: 3;
left: 20;
text-align: center;
}

 
#inpage {
width: 1000px;
background: #E4E4E4;
position: relative;
margin: 0 auto;
min-height: 500px;
_height: 500px; 
padding-bottom: 220px;
}

.aktuality{
position: relative;
width: 330px;
height: 460px;
float: left;
top: 20px;
left: 30px;
background: #FFFFFF;
text-align: left;
}

.aktuality1{
position: relative;
width: 330px;
height: 460px;
float: left;
top: 20px;
left: 30px;
background: #FFFFFF;
text-align: left;
}

.aktuality ul{
list-style-type: none;
position: relative;
left: 6;
top: 10;
}

.aktuality1 ul{
list-style-type: none;
position: relative;
left: 6;
top: 10;
}

.aktuality1 p{
width: 165;
_width: 155;
float: right;
margin: 0;
padding: 0;
}

.aktuality p{
margin: 10px;
font-size: 12px;
}

.content{
position: relative;
width: 280px;
float: right;
top: 20px;
right: 30px;
margin-bottom: 20px;
background: #FFFFFF;
 text-align: left;

}

.contentin{
width: 268px;
margin: 10px 0px 10px 0px;
padding: 0px 5px 0px 5px;
}

.contentin p{
margin: 0 0 0 5px;
padding: 0;

}

.contentin ul{
margin: 0;
padding: 0;
margin-top: 10px;
}

.contentin li{
background: url(/images/point1.png) no-repeat center left;
padding-left: 20px;
font-size: 13px;
margin-top: 5px;
list-style-type: none;
text-align: left;
clear: both;
}

.text{
position: relative;
width: 620px;
float: right;
clear: right;
top: 20px;
right: 30px;
padding: 0px 0 20px 0;
text-align: left;
background: #FFFFFF;
}

.text h1, h2, h3{
margin: 15px;
}

.text img{
margin: 0 10 0 10;
float: left;
}

.text p{
margin: 10px;
}

.wide{
position: relative;
width: 900px;
margin: 0 auto;
text-align: left;
background: #FFFFFF;
height: auto;
padding-bottom: 20px;
}

.inwide{
width: 860;
position: relative;
left: 20;
text-align: center;
}

.popis{
position: relative;
width: 450px;
left: 0;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border: 1px solid #DBD9D9;
padding: 10px;
}

.popis img{
float: left;
}

.popis tr{
margin: 0;
padding: 0;
margin-top: 10px;
}

.popis td{
background: url(/images/point1.png) no-repeat center left;
padding-left: 20px;
font-size: 13px;
margin-top: 5px;
list-style-type: none;
text-align: left;
clear: both;
}

.popis ul{
margin: 0;
padding: 0;
margin-top: 10px;
}

.popis li{
font-size: 13px;
margin-top: 5px;
list-style-type: none;
text-align: left;
clear: both;
}

.duvody{
position: relative;
width: 340px;
margin-right: 20px;
right: 0;
float: right;
margin-top: 10px;
margin-bottom: 10px;
line-height: 170%;
border: 1px solid #DBD9D9;
padding: 10px;
}

.duvody a{
background: url(/images/active1.png) no-repeat center left;
padding-left: 15px;
font-size: 15px;
font-weight: bold;
}

.strong{
font-weight: bold;
margin-top: 15px;
font-style: italic;
}

#reference{
position: absolute;
width: 560px;
height: 200px;
right: 0;
bottom: 229px;
text-align: center;
color: #CCCCCC;
font-size: 12px;
font-weight: bold;
background: url(/images/reference.png) no-repeat;
}

#reference h4{
margin: 20px 20px 10px 0;
text-align: right;
}

#reference table{
color: #CCCCCC;
position: relative;
margin: 0 auto;
}

.ref{
position: relative;
float: left;
margin: 2px;
margin-left: 12px;
_margin-left: 9px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
max-width: 250px;
_width: 170px;
}

.ref a img{
border: 10px solid #C8C8C8;
}

.ref a:hover img{
border: 10px solid #AC0B0B;
}

.refm{
position: relative;
float: left;
margin-top: 5px;
margin-left: 12px;
_margin-left: 9px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
max-width: 250px;
_width: 170px;
}

.refm a img{
border: 5px solid #C8C8C8;
}

.refm a:hover img{
border: 5px solid #AC0B0B;
}

#kontakt{
position: absolute;
left: 0;
bottom: 94px;
width: 363px;
height: 330px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
  (src='/images/kontakt.png',sizingMethod='fixed');
text-align: right;
color: #FFFFFF;
font-size: 16px;
}
head:first-child+body #kontakt{ 
  background: url(/images/kontakt.png) no-repeat;
}


#kontakt p{
text-align: left;
margin: 0 0 10px 150px;
padding: 0;

}

.email{
width:  120px;
margin-right: 10px;
}

.zprava{
width:  200px;
height: 70px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

.hledat1{
width: 73px;
height: 27px;
background: url(/images/but_hle.png);
border: none;
color: #FFFFFF;
font-weight: bold;
font-size: 17px;
margin-right: 10px;
}

#footer{
position: relative;
width: 1000px;
height: 230px;
margin: 0 auto;
background: url(/images/bottom.png);
clear: both;
}

#softweb{
position: absolute;
bottom: 15px;
right: 0;
color: #6B728C;
font-weight: bold;
}

#softweb2{
position: absolute;
bottom: 15px;
left: 0;
color: #6B728C;
}

#softweb2 a{
color: #6B728C;
}

.drobky{
width: 860px;
margin: 0 auto;
padding: 10px 0 10px 0;
_margin: 10px 0 10px 20px;
border-bottom: 1px solid #AC0B0B;
text-align: left;
}

img{
border: none;
}

a{
color: #0A060A;
}

.f_vyber{
margin: 5px;
}

.f_email{
width:  200px;
margin: 5px;
}

.f_zprava{
width:  350px;
height: 100px;
margin: 5px;
}
.f_zprava1{
width:  800px;
height: 100px;
margin: 5px;
}

.noneback td{
background: none;
margin: 0;
padding: 0;
}

.novref{
width: 600px; 
padding: 0 0 20px 20px;
}

.novref li{
list-style-image: url(/images/active1.png);
margin: 5px 0 5px 0;

}

.border{
border: 10px solid #C8C8C8;
margin-bottom: 20px;
}

#projects{
position: absolute;
top: 60px;
right: 0px;
width: 580px;
}

.bonus{
clear: left;
margin-top: 20;
}

.bonus img{
float: left;
}

.over{
background: url(/images/but_ove.png);
width: 132;
height: 32;
position: relative;
border: none;
left: 0px;
top: 10;
margin: 0;
padding: 0;
margin-bottom: 10;
}

.objednej{
background: url(/images/but_pod.png);
width: 132;
height: 32;
position: relative;
border: none;
left: 0px;
top: 10;
margin: 0;
padding: 0;
margin-bottom: 10;
}

.pokracuj{
background: url(/images/but_pok.png);
width: 132;
height: 32;
position: relative;
border: none;
left: 0px;
top: 10;
margin: 0;
padding: 0;
margin-bottom: 10;
}

table{
font-size: 13px;
}