body{
	background-color: #E6E6E6;
	font-family: "Geneva CE", "Arial CE", sans-serif;
	text-align: center; /*zarovnani obsahu na stred, pro IE*/
	border: none;
	border: 0px;
	margin: 10px;
	padding: 0px;
}
div.all{
	background-color: white;
	margin-left: auto; /*zarovnani obsahu na stred, pro FF, ...*/
	margin-right: auto;
	width: 980px;
	border: solid;
	border-width: 1px;
	border-color: rgb(211,211,211);
	
}
div.top{
	background: url(images/aboutus/top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 980px;
	background-color: #FFFFFF;
	padding: 0px;
}

div.head{
	background-color: white;
	width: 980px;
	height: 85px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.logo{
	background-color: white; 
	background: url(images/aboutus/logo.gif) ;
	background-repeat: no-repeat;
	width: 390px;
	height: 85px;
	float: left;
}

div.links{
	background-image: url(images/aboutus/roh.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 580px;
	height: 85px;
	float: right;
	text-align: center;
}

div.main{
	/* background: url(main2.JPG) no-repeat; */
	width: 980px;
	height: 180px;          /*280 */
}
div.down{
	width: 980px;
	height: 260px;         /*260 */
}

div.left{
	background-color: white;
	width: 441px;
	height: 460px; /*460px; border-style: none solid none none;*/
	border-right-style: solid;
	border-width: 1px;
	float: left;
	margin-left: 0px;
	padding-right:0px;
	border-color: #D3D3D3;
}
div.right{
	background-color: #FFFFFF;
	width: 538px;
	height: 455px;
	float: left;
	margin: 0px;
}

div.about{
	background-color: #EAEAEA;
	background-image: url(images/aboutus/mapa.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 528px/*538px*/;
	height: 100px;
	margin-left: 0px;
	float: right;
	margin-bottom: 15px;
	text-align: left;
	
}

div.about p{
	width: 370px;
	padding-left: 0px;
	margin-left: 150px;
	margin-top: 0px;
	color: #8C8C8C;
	font-size: 13px;
	font-weight: bold;
}

div.about a{
	color: #00A2FF;
	text-decoration: none;
}
div.about a:hover{
	text-decoration: none;
	color: #00DEFF;
}

div.about span.hyplink{
	color: #00A2FF;
	font-weight: bold;
	float: right;
}

div.whatpub{
	background: url(images/aboutus/whatwe.gif);
	background-repeat: no-repeat;
	width: 538px;
	height: 39px;
	float: left;
}
div.pubrel{
	background-color: #FFFFFF;
/*	background-image: url(images/aboutus/kolca.jpg); */
	background-repeat: no-repeat;
	background-position: top left;
	width: 259px;
	height: 306px;
	float: left;
	margin-left: 0px;
	border-right: solid;
	border-color: #D3D3D3;
	border-width: 1px; 
	overflow: auto;
	
}

div.whatwedo{
	background-color: #EAEAEA;
	width: 268px;
	height: 300px;
	float: right;
	overflow: auto;
	/*overflow-y: -moz-scrollbars-vertical; /*nastaveni vertikalnich scroll pro Mozillu*/
}

div.recent{
	background-color: white;
	width: 430px;
	height: 380px; /*320px; border-style: none solid none none;*/
	float: left;
	text-align: left;
	font-size: 12px;
	overflow: auto;
	/* overflow: -moz-scrollbars-vertical; nastaveni vertikalnich scroll pro Mozillu*/ 
}
div.recent span.date{
	color: Black;
	padding-bottom:10px;
	font-weight: bold;
	font-size: 13px;
}
div.recent span.label{
	color: #00A2FF;
	font-weight: bold;
}
div.recent span.hyplink{
	color: #00A2FF;
	font-weight: bold;
	float: right;
}
div.recent p{
	background-image: url(images/aboutus/tecka.gif);
	background-repeat: no-repeat;
	background-position:top left;
	width: 350px;
	padding-left: 15px;
	margin-left: 30px;
	margin-top: 20px;
	color: #8C8C8C;
	font-weight: bold;
}
div.recent a{
	color: #00A2FF;
	text-decoration: none;
}
div.recent a:hover{
	text-decoration: none;
	color: #00DEFF;
}
div.recent a:active{
	text-decoration: none;
	color: #00DEFF;
}

div.tel{
	position: relative;
	width: 430px;
	height: 74px;/* 134 */
	float: left;
}

div.base{
	background-color: #EAEAEA;
	border-top: solid;
	border-width: 1px;
	border-color: #D3D3D3;
	height: 80px;
	width: 980px;
	text-align: center;
}

.base p{
	margin-top: 20px;
	color: #909090;
	font-weight: bold;
	font-size: 9px;
}


/*menu */
#nav
{
width: 99%;
height: 100%;
float: left;
background-color: #FFFFFF;
font-size: 13px;
}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13;
	letter-spacing: 1px;
	font-weight: bold;
}

#nav ul li a
{
margin-left: 0px;
margin-right: 0px;
padding-bottom: 25px;
padding-top: 44px;
padding-left: 10px;
padding-right: 10px;
background-color: #FFFFFF;
color: #8C8C8C;
text-decoration: none;
float: left;
/*border-right: 1px solid #128ac8; */
}

#nav ul li a:hover
{
color: #FFFFFF;
background-color: #00DEFF;
}

#nav li#active a
{
background-color: #00DEFF;
color: #FFFFFF;
}
/* ====== PRODUCTS ======= */
div.lineup{
	background: url(images/products/up.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 18px;
	position: relative;
}

div.linedown{
	background: url(images/products/down.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 18px;
}


div.list{
	
	background-image: url(images/products/window.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 980px;
	text-align: left;
	position: relative;
	height: 205px;
}


div.list .col1{
	position: absolute;
	width: 150px;
	height: 205px;
	top: 0px;
	left: 382px;
	background-color: #FFFFFF;
	text-align: center;
}

div.list .col2{
	position: absolute;
	width: 147px;
	height: 205px;
	top: 0px;
	left: 532px;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	margin-left: 0px;
	background-color: #FFFFFF;
	text-align: center;
}

div.list .col3{
	position: absolute;
	width: 146px;
	height: 205px;
	top: 0px;
	left: 681px;
	border-right: 1px solid #D3D3D3;
	background-color: #FFFFFF;
	text-align: center;
}

div.list .col4{
	position: absolute;
	width: 152px;
	height: 205px;
	top: 0px;
	left: 828px;
	background-color: #FFFFFF;
	text-align: center;
}

div.list a.pictures{
	margin: 0px;
	padding-bottom: 5px;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #8C8C8C;
	text-decoration: none;
}

div.list a.pictures img{
	margin: 0px;
	border: 0px;
}
div.list a.pictures:hover{
	background-color: transparent;
	color: #00DEFF;
}
div.list a.pictures:hover img{
	border: 0px;
}
div.list a.pictures span{
	background-color: White;
	left: -1000;
	visibility: hidden;
	text-decoration: none;
	position: absolute;
	color: Lime;

}
div.list a.pictures span img{
	border-width: 0px;
	padding: 0px;
	width: 160px;
	height: 160px;	
}

div.list a.pictures:hover span{
	visibility: visible;
	position: absolute;
	top: 13px;
	left: -205px;
	z-index: 50;
}

div.list div.col2 a.pictures:hover span{
	top: 13px;
	left: -356px;
	
}

div.list div.col3 a.pictures:hover span{
	top: 13px;
	left: -504px;
}

div.list div.col4 a.pictures:hover span{
	top: 13px;
	left: -651px;
}

div.info{
	width: 980px;
	background-color: #FFFFFF;
	text-align: left;
	min-height: 400px;
	_height: 400px;
}



/* products */
table.gallery a{
	text-decoration: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
	margin: 0px;
}
table.gallery img{
	text-decoration: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
	margin: 0px;
}

table.info{
	border-style: none ;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;	
}
table.info tr{
	text-align: left;
}
table.info td{
	width: 300px;
	border: 1px solid black;
	border-collapse: collapse;
	margin: 0px;
	text-align: left;
}

table.contact{
	border-style: none ;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
	width: 300px;
}

table.contact td{
	border-style: none ;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
}

/*contacts */

div.contacts{
	background-image: url(images/contacts/up.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 980px;
	min-height: 600px;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
}
/*minimalni velikost pro IE */
* html div.contacts {
height: 600px;
}

div.contacts p{
	margin-left: 5px;
}

.cssform p{
	
	width: 500px;
	margin: 0px;
	padding: 10px 0 8px 0;
	padding-left: 400px;
}
.cssform label{
	margin-left: -140px;
	font-weight: bold;
	float: left;
	width: 170px;
}

.cssform textarea {
width: 300px;
height: 150px;

}

/*opraveni #px chyby pro IE */
* html .threepxfix{
margin-left: 3px;
}
/*services */
span.space {
	margin-right: 20px;
	background-image: url(services/tecka.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #8C8C8C;
	font-weight: bold;
} 



a {
	margin: 0px;
	padding-bottom: 5px;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #8C8C8C;
	text-decoration: none;
}
a:hover{
	background-color: transparent;
	color: #00DEFF;
}