/* CSS Document Holz Haus*/

@import url('reset.css');
@import url('typography.css');

/** STRUTTURA
********************************************************************/
.clear{
clear:both;
}

body{
background:url(../images/background.jpg) repeat-x #fff;
font-family: Verdana, Arial,Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#656565;
}

#wrap{
width:900px;
margin: 0 auto 15px;
padding:0;
position:relative;
background:url(../images/header.jpg) no-repeat;
}

#header{
height: 223px;
padding: 0;
margin:0;
}

/** TESTO
*************************************************/

h2{
font-size: 1.9em;
color:#578755;
margin: 10px 0;
}

#nome_casa h2{
color:#fff;
padding:5px;
}

#right h2{
font-size: 1.5em;
}

#right_2 h2{
font-size: 1.5em;
}

h3{
height: 25px;
margin:0;
font-size:1.4em;
color:#656565;
}

.htecnica{	
padding: 5px 0 0 29px;
background:url(../images/add2.png) no-repeat scroll left center;
}

.hhome{
padding: 12px 0 0 36px;
background:url(../images/picture.png) no-repeat scroll left bottom;
}

.hzoom{
padding: 12px 0 0 36px;
background:url(../images/zoom.png) no-repeat scroll left bottom;
}

.hdesc{
padding: 12px 0 0 30px;
background:url(../images/desc.png) no-repeat scroll left center;
}

.hcontact{
background:url(../images/stop.png) no-repeat scroll left bottom;
}

#middle_wrap h3{
font-size:1.em;
margin:14px 0 8px 60px;
margin-bottom:16px;
padding:0;
color: #666;
background:none;
}

h4{
font-size:1.4em;
margin: 2px 0 4px 0;
color:#777;
}

.news{
background:url(../images/news.png) no-repeat scroll left top;
padding: 5px 0 0 35px;
}

.mail{
background:url(../images/mail.png) no-repeat scroll left top;
padding: 13px 0 0 37px;
}

p{
margin:0 0 15px 0;
line-height:150%;
}

#right p{
margin:0 0 2px 0;
}

/**PARAGRAFO HEADER
***********************************************************************************************/

#header p{
color:#fff;
width: 550px;
padding: 0;
font-weight:bold;
margin-top: 60px;
line-height:125%
}

/**SEZIONE SOTTO LO SLIDER
***********************************************************************************************/

.home{
text-align:right;
margin-top:0px;
margin-bottom:5px;
color:#578755;
}

.banner{
text-align:right;
font-weight:bold;
color:#0f7ad4;
}

/**LISTE
***********************************************************************************************/

#sinistra ul{
margin:2px 0 10px 0;
line-height:150%;
}

#sinistra li{
list-style-type:disc;
padding:0;
}

#logo{
height: 91px;
}

/** NAVIGAZIONE
*************************************/

#nav{
margin-top:5px;
margin-left: 240px;
}

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

#nav li{
float:left;
width:110px;
margin:0;
padding:0;
text-align:center;
}

#nav li a{
display:block;
padding:3px 10px 4px;
color:#fff;
text-decoration:none;
border-right: 1px solid #494949;
}

#nav li a{
background-color:#578755;
}

#nav li a:hover{
background-color:#494949;
}

#nav li a.active{
background-color:#494949;
}

/** PIPPO
*****************************************************************/

#container{
clear:both;
overflow:auto;
padding:15px 0 0 0;
}

#sinistra{
float:left;
width:575px;
margin:0;
padding:0;
line-height:150%;
}

#sinistra_2{
float:left;
width:495px;
margin:0;
padding:0;
line-height:150%;
}

#slider{
width:575px;
margin:0;
padding:0;
}


.tecnica{
padding-left:10px;
border-left: 3px solid #578755;
margin-left:2px;
}

#right{
margin:0;
padding:0;
float:right;
width: 300px;
}

#right_2{
margin:0;
padding:0;
float:right;
width: 375px;
}

.box_right{
position:relative;
overflow:hidden;
height:121px;
margin-bottom:15px;
margin-top:5px;
cursor:pointer;
}

#right img{
background-color: #aaa;
border: 1px solid #888;
padding:3px;
}

.box_right img{
position:absolute;
top: 0; left:0;
}

.zoom{/* definisce lo stile delle voci che se selezionate mostrano una imagine nella pagina tecnica*/
color:#578755;
border-bottom: 1px dotted;
font-weight:bold;
}
/**BOX CONTENENTI LE NEWS
********************************************************/

.box{
width: 285px;
padding:0;
margin:0 0 9px 0;
}

.box a{
display:block;
padding: 1px 0 1px 10px;
border-left: 3px solid #578755;
}

.box a:hover{
border-left: 3px solid #6299d9;
}

.box_2{ /* verificare dove viene usato*/
position:relative;
width: 352px;
background-color:#edebe6;
margin-bottom:13px;
border: 1px solid #c5c2b8;
padding:4px 2px 2px 10px;
}

.box p, .box_2 p{
margin-bottom:1px;
line-height:150%;
font-size:12px;
}



#middle{
background-color: #CDCDCD;
border-top: 1px solid #abadb0;
overflow:auto;
min-height: 200px;
padding-top:8px;
}

#middle_wrap{
width:900px;
margin: 0 auto;
padding:0;
position:relative;
color:#484a48;
}



.box1,.box2, .box3{
position:relative;
float:left;
min-height: 190px;
padding-left: 10px;
}

.box1{
width: 281px;
padding-right: 10px;
background:url(../images/border2.jpg) no-repeat top right;
}

.box2{
padding-right: 10px;
padding-left: 10px;
width: 281px;
background:url(../images/border2.jpg) no-repeat top right;
}

.box3{
width: 286px;
}

.box1 img, .box2 img, .box3 img{
position:absolute;
top: 0; 
left:10px;
}

#footer{
clear:both;
padding-top: 15px;
min-height:100px;
background: url(../images/border.jpg) repeat-x scroll 0 0 #494949;
color:#eee;
}

#footer_wrap{
width:900px;
margin: 0 auto;
padding:0;
position:relative;
text-align:right;;
}




/** IMG ROLL
********************************************************************/

.roll{
margin:0;
padding:0;
}

/**SLIDER
********************************************************************/
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider li{ 
	width:575px;
	height:218px;
	overflow:hidden; 
	}
	
/* FORM MAIL
******************************************************************************************************************/

#customForm{  
   padding: 5px 10px; 
   border-left: 3px solid #578755;
 }  
 #customForm label{  
     display: block;  
     color: #666;  
     font-weight: 700;  
     line-height: 1.2em;  
 }  
 #customForm input{  
     width: 220px;  
     padding: 6px;  
     color: #666;  
	 font-family: Tahoma,Arial,Georgia, "Times New Roman", Times, serif; 
     font-size: 11px;  
     border: 1px solid #cecece;  
 }  
 #customForm input.error{  
     background: #f8dbdb;  
     border-color: #d5d5d5;  
 }  
 #customForm textarea{  
     width: 450px;  
     height: 80px;  
     padding: 6px;  
     color: #666;
     font-size: 12px;  
     border: 1px solid #cecece;  
 }  
 #customForm textarea.error{  
     background: #f8dbdb;  
     border-color: #d5d5d5;  
 }  
 #customForm div{  
     margin-bottom: 10px;  
 }  
 #customForm div span{  
     margin-left: 10px;  
     color: #b1b1b1;  
     font-size: 11px;
 }  
 #customForm div span.error{  
     color: #e46c6e;  
 }  
 #customForm #send{  
     background: #494949;  
     color: #fff;  
     font-weight: 700;  
     font-style: normal;  
     border: 0;  
     cursor: pointer;  
 }  
 #customForm #send:hover{  
     background: #4e834d;  
 }  
 #error{  
     margin-bottom: 20px;  
     border: 1px solid #d5d5d5;  
 }  
 #error ul{  
     list-style: square;  
     padding: 5px;  
     font-size: 11px;  
 }  
 #error ul li{  
     list-style-position: inside;  
     line-height: 1.6em;  
 }  
 #error ul li strong{  
     color: #e46c6d;  
 }  
 #error.valid ul li strong{  
     color: #578755;  
 }  
 /******* /FORM *******/  

/**GOOGLE MAP
********************************************************************/

#map{
border: 4px solid #c5c5c5;
width:365px;
height: 300px;
}

#goo{
width:373px;
height: 308px;
border: 1px solid #a5a5a5;
margin-bottom: 15px;
}

#map img{
background-color:transparent;
padding:4px;
border: 1px solid #a5a5a5;
}

/**
ADMIN AREA
********************************************************************/

.thumb{
float:left;
margin-bottom:15px;
margin-right: 10px;
}

.thumb a{
color: #555;
text-decoration:none;

padding:0;

}

.thumb img{
border: 1px solid #bbb;
padding:4px;
}

/**LISTA NEWS
********************************************************************/
#news{
margin:0;
padding:2px;
}

#news a{
color:#656565;
text-decoration:none;
}

#news li{
padding: 1px 0 0 10px; 
border-left: 3px solid #578755;
list-style:none;
cursor: pointer;
margin-bottom:15px;
}

#news p{
margin-bottom: 0px;
}

/**HR
********************************************************************/

div.hr {
  height: 15px;
  background: #fff url(../images/h3.png) no-repeat scroll left;
}
div.hr hr {
  display: none;
}


/**OK
********************************************************************/

#c_left{
float:left;
width:680px;
margin:0;
padding:0;
line-height:150%;
}

#c_right{
margin:0;
padding:0;
float:left;
width: 190px;
line-height:150%;
margin-left:18px;
}

#sinistra a, #c_left a, #c_right a{
text-decoration:none;
color:#666;
}

#sinistra a:hover, #c_left a:hover, #c_right a:hover{
text-decoration:none;
color:#578755;
}

#abitazioni{
margin-bottom:15px;
padding-left:10px;
border-left: 3px solid #578755;
margin-left:2px;
}

#abitazioni p{
margin-bottom:5px;
}

.news_img{
padding:4px;
margin-right:7px;
border: 1px solid #aaa;
float: left;
}

.error{
font-weight:bold;
color:red;
}

#offset{
position: relative;
overflow:auto;
}

#offset a{
text-decoration:none;
margin:0;
padding:5px;
width: 186px;
display:block;
background: #494949;
border:1px solid #494949;
COLOR:#FFF;
}

#offset a:hover{
background: #578755;  
color: #fff;
border:1px solid #494949;
}

#offset .next{
float: left;
text-align:right
}

#offset .pre{
float: left;
margin-right:4px;
}



/** MENU LATO DESTRO BASE
*****************************************************************/

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

ul#basic_menu li a{
text-decoration:none;
color:#666;
margin:0;
padding:5px;
width: 186px;
display:block;
background: #494949;
border:1px solid #494949;
color:#fff;
margin-bottom:1px;
}

ul#basic_menu li a:hover{
background: #578755;  
color: #fff;
border:1px solid #696969;
}

/** TABELA REALIZZAZIONI
*****************************************************************/

table {
	border:0;
	border-collapse: collapse;
	width: 670px;
	margin: 0 0 15px 0;
	}

td {
	border-bottom: 1px solid #bbb;
	padding: 0.3em 0.3em;
	text-align:center;
	width:20%;
	}
	
tr.green td {
	background: #578755;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #777;
	border-top: 1px solid #777;
	}
	
#largeImage {
position: absolute;
background-color: #aaa;
border: 1px solid #888;
padding:3px;
}