/**************************************/
/* BOUWFONDS                          */
/**************************************/

@media screen{

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,td,th,form,fieldset,textarea{
	margin:0;
	padding:0;
}

body{
	color:#000;
	font:11px Arial,Helvetica,sans-serif;
	line-height:18px;
}

img{
	border:none;
}
ul{
	list-style:none;
}

/**************************************/

.victor{	
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
}

.txt{
	background-repeat:no-repeat;
	
	display:block;
	position:absolute;left:0;top:0;
}
a .txt{
	cursor:pointer;
}
.grey{
	color:#666666;
}

/**************************************/

#container{
	margin-left:12px;
	width:932px;
}
.home #container{
	margin:auto;
	width:776px;
}
.home a{
	text-decoration:none;
}

#nav{
	background:url("../images/backgrounds/nav.jpg") right no-repeat;
	line-height:25px;
	
	height:25px;
	padding-right:5px;
}
#nav a{
	color:#FFF;
	font-weight:bold;
	
	float:right;
}

#nav select{
	font-family:Verdana,'Geneva CE',lucida,sans-serif;
	font-size:9px;
	
	float:right;
	margin:5px 20px 0 0;
	width:160px;height:16px;
}

#header{
	height:125px;
}
.home #header{
	height:116px;
}
#header h1{
	text-align:center;
	
	width:174px;height:46px;	
	overflow:hidden;
	position:relative;
	left:30px;top:35px;
}
#header h1 a{
	color:#000;
	line-height:46px;

	display:block;
	height:46px;
}
#header h1 .txt{
	background-image:url("../images/labels/logo.gif");
	width:174px;height:46px;
}

.index{
	background-image:url("../images/backgrounds/index.jpg");
	background-repeat:no-repeat;
	background-position:0 0;
	
	height:394px;
	position:relative;
}
div.projects{
	background-position:0 -394px;
}
div.living{
	background-position:0 -788px;
}
div.about{
	background-position:0 -1182px;
}
.index div{
	float:left;
	overflow:hidden;
}
.index #projects{
	margin:0 2px 0 1px;
	width:257px;
}
.index #living{
	margin-right:2px;
	width:256px;
}
.index #about{
	width:257px;
}
.index h2{
	background-position:center 55px;
	background-repeat:no-repeat;
	font-size:21px;
	font-weight:normal;
	text-align:center;
	
	margin-bottom:28px;
}
.index h2 a{
	color:#7F7F7F;
	
	display:block;
	height:56px;
	padding-top:38px;
}
.index div:hover h2 a{
	color:#000;
}
.index .inner{
	background:#FFF;
	height:225px;
	padding:19px 0 0 40px;
	visibility:hidden;
	width:257px;
}
.index div:hover .inner{
	visibility:visible;
}
.index ul{
	margin-bottom:55px;
}
.index li{
	background-repeat:no-repeat;	
	font-size:14px;
	font-weight:bold;
	line-height:29px;
}
.index li a{
	color:#000;
	
	padding-left:20px;
}
#projects li{
	background-image:url("../images/backgrounds/projects-li.gif");
}
#living li{
	background-image:url("../images/backgrounds/living-li.gif");
}
#about li{
	background-image:url("../images/backgrounds/about-li.gif");
}

#menu{
	font-size:12px;
	line-height:19px;
	
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	float:left;
	height:19px;
	position:relative;top:60px;
}
#menu li{
	background:url("../images/backgrounds/menu.gif") repeat-x;
	
	border-right:1px solid #FFF;
	float:left;
}
#menu a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;

	padding:0 10px;
	display:block;
}
#menu a.selected{
	background:#FFF;
}
#menu a span{
	background:url("../images/backgrounds/menu-a.gif") left 4px no-repeat;
	
	display:block;
	padding-left:17px;
}
#menu a.selected,#menu a:hover{
	color:#666;
}
#menu .home a span{
	background:url("../images/backgrounds/menu-home.gif") left 2px no-repeat;
}
#menu .about{
	border-right:none;
}
#menu .projects .selected span{
	background-image:url("../images/backgrounds/arrow-green.gif");
}
#menu .pricelist .selected span{
	background-image:url("../images/backgrounds/arrow-cyan.gif");
}
#menu .about .selected span{
	background-image:url("../images/backgrounds/arrow-red.gif");
}
#menu .projects a.selected:hover{
	color:#99CC00;
}
#menu .pricelist a.selected:hover{
	color:#00A0C1;;
}
#menu .about a.selected:hover{
	color:#F51B1C;
}

#menu .submenu{
	font-size:11px;
	
	width:930px;
	position:absolute;left:1px;top:22px;
}
#menu .submenu li{
	background:none;
}
#menu .submenu a{
	color:#666;
}
#menu .projects .submenu a:hover{
	color:#99CC00;
}
#menu .pricelist .submenu a:hover{
	color:#00A0C1;;
}
#menu .about .submenu a:hover{
	color:#F51B1C;
}
#menu li ul.submenu span{
	background-image:url("../images/backgrounds/submenu-a.gif");
}
#menu .projects ul.submenu .selected span{
	background-image:url("../images/backgrounds/arrow-green.gif");
}

#content{
	border:1px solid #CCC;
	padding:18px 10px;
	min-height:300px;
}
	
#content h2,#content p,#content ul{
	margin-bottom:10px;
}
#content h3{
	margin-bottom:5px;
}

#content h2,#content h3{
	background-position:left 3px;
	background-repeat:no-repeat;
	font-size:15px;

	padding-left:20px;
}
#content h3{
	background-position:left 4px;
	font-size:12px;
}
#container #content h2 a,#container #content h3 a{
	background-position:left 3px;
	background-repeat:no-repeat;

	display:block;
	color:#000;
}
#container #content h3 a{
	background-position:left 4px;
}
#content h2 a:hover,#content h3 a:hover{
	padding-left:20px;
	margin-left:-20px;
}


#content a{
	color:#99CC00;
	font-weight:bold;
}
#content a:hover{
	color:#669933;
}
.arrows a,a.arrow{
	background:url("../images/backgrounds/arrow-small.gif") left 5px no-repeat;
	
	padding-left:10px;
}
.arrows a:hover,a.arrow:hover{
	background-position:left -12px;
}


.cols{
	background:url("../images/backgrounds/cols.gif") repeat-y;
}
.cols-double{
	background-image:url("../images/backgrounds/cols-double.gif");
}
.cols-bottom{
	background:url("../images/backgrounds/cols-bottom.gif") no-repeat;
	
	display:block;
	height:18px;
}
.col{
	float:left;
	width:200px;
	padding:12px 14px;
}
.double{
	width:428px;
}
.col img{
	margin-bottom:20px;
}

body.projects{
	background:#FFF url("../images/backgrounds/customers.jpg") 418px 100px no-repeat;
}
body.projects #content{
	padding-top:30px;
}
body.projects #content h2,body.projects #content h3{
	background-image:url("../images/backgrounds/arrow-green.gif");
}
body.projects h2 a:hover,body.projects h3 a:hover{
	background-image:url("../images/backgrounds/arrow-green-on.gif");
}

#main{
	float:left;
	margin-right:14px;
	width:684px;
}
#panel{
	float:left;
	width:200px;
}
#map{
	position:relative;
	min-height:180px;
}
#map-hover{
	background:url("../images/content/map/map-hover.gif") no-repeat;
	
	display:block;
	width:311px;height:180px;
	position:absolute;left:0;top:0;
}
#map img{
	margin:0;
	position:absolute;left:0;top:0;
}
#map-list{
	margin-left:320px;
}
#map-list a{
	color:#000;
	line-height:13px;
	text-decoration:none;
	
	display:inline-block;
	position:relative;
	margin:-5px -5px 10px -5px;
	padding:5px;
	width:108px;
}
#map-list a:hover,#map-list a.selected{
	color:#000;
	background:#E7E9BB;
}
#map-list strong{
	font-size:11px;
	text-transform:uppercase;
}
#map-list a span{
	font-size:10px;
}

body.list #main{
	width:712px;
}
body.list #content{
	padding-top:55px;
}
body.list #content h2{
	background:#99CC00;
	color:#FFF;
	font-size:16px;
	line-height:24px;
	
	margin:0;
	padding-left:10px;
}

body.list #content img{
	border:1px solid #E8F297;
	float:left;
	margin:10px 15px 0 0;
}

.item{
	float:left;
	border:1px solid #E8F297;
	margin-top:10px;
	padding:30px 25px 0 25px;
	width:342px;height:160px;
	position:relative;
	/*overflow:hidden;*/	
	z-index: 1;
}
body.list #content h3{
	background:none;
	font-size:15px;	
	float:left;
	padding:0;
	margin-right:7px;
	width:140px;
}
body.list #content h3 a{
	background:none;
}
body.list #content #main h3 a{
	background:none;
	color:#65B23F;
	text-decoration:underline;
}
body.list #content h3 a:hover{
	color:#B2D93F;
}
.item p{
	float:left;
	width:195px;
}
p.no-projects{margin-top: 30px}
.item .info{
	background-color: #ECF6B6;	
	display: block;
	height: 26px;
	width: 392px;
	display: block;
	position: absolute;
	left: 0;bottom: 0;
}
#content .info a{
	background:#99CC00 url("../images/backgrounds/arrow-green.gif") 95% 5px no-repeat;
	color:#FFF;
	line-height:19px;	
	float:right;
	padding:0 20px 0 8px;
	margin:4px 4px 0 0;
}
body.list #panel{
	border-top:1px solid #E8F297;
	padding:10px;
	width:164px;
}
body.list #panel h2{
	background-color:#FFF;
	color:#000;
	font-size:15px;

	margin-bottom:15px;
	padding:0;
}
body.list #panel h3{
	font-size:12px;
	margin:0;
	width:100%;
}
body.list #panel li{
	list-style-image:url();
	background:url("../images/backgrounds/arrow-green.gif") left 4px no-repeat;
	font-size:13px;	
	margin-bottom:5px;
	padding-left:17px;
}
body.list #content #panel a{
	color:#666;
	text-decoration:none;
}
body.list #content #panel a:hover{
	color:#B2D93F;
}

body.list #cols{
	background:url("../images/backgrounds/cols-list.gif") right repeat-y;
}
body.list #cols-bottom{
	float:right;
	border-bottom:1px solid #ECF294;
	display:block;
	margin-top:-1px;
	width:184px;
	height:0;
	overflow:hidden;
}
#content #detail-nav{
	background-color:#E1F190;
	font-size:12px;
	
	height:26px;
	margin:0;
	padding:1px 0 0 1px;
	margin-top:10px;
}
#detail-nav li{
	line-height:20px;
	
	float:left;
	margin-right:1px;
}
#detail-nav li a{
	background-color:#99CC00;
	color:#FFF;

	display:block;
	width:100px;
	padding:0 10px;
}
#detail-nav li a:hover{
	background-color:#BFE10E;
	color:#FFF;
}
#detail-nav li.selected a{
	background-color:#E1F190;
	color:#000;
}
#detail-content{
	border:1px solid #E1F190;
	padding:10px;
}
#detail-content li{
	background:url("../images/backgrounds/arrow-small.gif") left 7px no-repeat;
	padding-left:10px;
}
#content #detail-content img{
	border:2px solid #99CC00;
	margin:0;
	float:none;
}
#detail-content a.lightbox{
	text-align:center;
	
	float:left;
	margin-bottom:5px;
	width:33%;
}

body.living{
	background:#FFF url("../images/backgrounds/customers.jpg") 418px 100px no-repeat;
}
body.living #content a{
	color:#67C5D3;
}
body.living #content h2,body.living #content h3{
	background-image:url("../images/backgrounds/arrow-cyan.gif");
}
body.living h2 a:hover,body.living h3 a:hover{
	background-image:url("../images/backgrounds/arrow-cyan-on.gif");
}
body.living #content{
/*	padding-top:30px;*/
}
body.living #main{
	padding-top:15px;
}
#pricelist{
	margin:0 14px;
	min-height:235px;
}
#pricelist a{
	text-decoration:none;
} 
#content #pricelist h2{
	background:none;
	
	padding:0;
}
#pricelist fieldset{
	background-color:#67C5D3;

	border:1px solid #00A0C1;
	margin-bottom:10px;
	padding:4px 9px 9px 9px;
}
#pricelist .field{
	float:left;
	width:228px;
}
#pricelist .last{
	width:180px;
}

#pricelist label{
	display:block;
}
#pricelist input,#pricelist select{
	font-size:9px;
	width:180px;height:18px;
}
#pricelist input{
	width:176px;height:12px;
}
#pricelist .button{
	cursor:pointer;
	font-size:11px;
	
	margin:10px 0 0 566px;
	width:70px;height:auto;
}
#subnav{
	background-color:#67C5D3;

	float:left;
	margin-right:8px;
	padding:8px 0;
	width:176px;
}
#subnav li{
	background:url("../images/backgrounds/arrow-transparent.gif") 6px 9px no-repeat;
	line-height:24px;
	
	padding-left:16px;
}
#content #subnav a{
	color:#000;
}
#pricelist table{
	font-size:12px;
	
	border-collapse:collapse;
	width:100%;
}
#pricelist table th{
	background-color:#67C5D3;
	vertical-align:top;
	
	border-right:1px solid #FFF;
}
#pricelist table th.last{
	border:none;
}
#pricelist table .order{
	line-height:4px;
	
	display:block;
	margin-bottom:6px;
}
#pricelist table td{
	background:url("../images/backgrounds/td.gif") bottom repeat-x;
}
#content #pricelist table tbody a{
	color:#484640;
	line-height:25px;
	font-weight:normal;
	text-align:center;
	
	display:block;
}
body.about{
	background:#FFF url("../images/backgrounds/about.jpg") 307px 100px no-repeat;
}
body.about #content h2,body.about #content h3{
	background-image:url("../images/backgrounds/arrow-red.gif");
}
body.about h2 a:hover,body.about h3 a:hover{
	background-image:url("../images/backgrounds/arrow-red-on.gif");
}
body.about #content{
	padding-top:30px;
}
body.about #content a {
	color:#F41A1C;
}
body.about #content li{
	list-style:disc;
	margin-left:20px;
}

#content .bulletin{
	color:#000;
	text-align:center;
	
	display:block;
	width:150px;
}
.bulletin img{
	display:block;
}

/* Postaveno férově */

#header h1{
	float: left;
}	
	
#PF-home-logo{
	float: right;
	margin: 20px 0 0 0;
}
#PF{
	margin: 35px 0 0 0;
	width: 720px;
}
#PF a{
	font-weight: bold;
	color: #970017;
}
#PF a:hover{
	color: #000;
}
	
#PF-content{
	width: 720px;
}	
body #PF h2{
	float: left;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0;
	background-image: none;
}
body #PF h2.sub-title{
	float: none;
	width: 720px;
	margin: 0;
	padding: 0;
	background-image: none;
	text-align: right;
}
body #PF h2.sub-title img{
	margin: 0;
}
#PF h2 img{
	margin: 65px 0 0 0;
}
#PF h3{
	/*margin: 0 0 10px 0;*/
	padding: 0 0 10px 0 !important;
	border-bottom: 3px solid #970017;
	font-size: 12px;
}
.PF-item h3{
	margin: 0 30px 10px 0;
}		
.PF-item{
	width: 240px;
	float: left;
	margin-bottom: 20px;
}
.PF-item ul{
	margin-right: 30px;
}	
.PF-item li{
	background: url("../images/bullet-black.gif") 0 11px no-repeat;
	padding: 4px 0 4px 10px;
}	
#PF .hints{
	font-style: italic;
	margin-bottom: 40px;
}
#PF h4{
	color: #970017;
	font-size: 12px;
	margin: 20px 0 10px;
}	
.leftCol{width: 340px; float: left}
.rightCol{width: 340px; float: right}
#expandable ul{list-style: square}
	
#banner-970-100{
	background-color:#FFF;
}
#banner-970-100 object,#banner-970-100 embed{
	display:block;
}
.home #banner-970-100 object,.home #banner-970-100 embed{
	margin:auto;
}
}
@media print {
body{
	font: 11pt Arial,Helvetica,sans-serif;
}
#nav,#menu,.list #panel,.about #panel{
	display:none;
}
.about-home #panel{
	display:block;
}
}