body {
	font-family: Trebuchet MS, Verdana;
	font-size: 0.75em;
	color: #666666;
	text-align: center;
}

.clear {
	clear: both;
}

img {
	border: 0px;
}

a {
	color: #5d3e2f;
	text-decoration: underline;
}

a:hover {
	color: #5d3e2f;
	text-decoration: none;
}

/*---------------------------------------------------------TITOLI------------------*/
h1 {
	font-size: 1.2em;
	padding: 20px 0 5px 0;
	border-bottom: 1px dotted #5d3e2f;
}

h2 {
	font-size: 1em;
}

h3 {
	font-size: 1.5em;
	color: #5d3e2f;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.word_green {
	color: #067c2d;
	font-weight: bold;
}

.word_red {
	color: #E20C19;
	font-weight: bold;
}

.word_white {
	color: gray;
	font-weight: bold;
}

.word_brown {
	color: #5D3E2F;
	font-weight: bold;
}

.word_isitherm {
	color: #4E5052;
	font-weight: bold;
}

/*---------------------------------------------------------IMG----------------------*/
.sx, .img_sx {
	float: left;
}

.img_sx {
	padding: 0 5px 0 0;
}

.dx, .img_dx {
	float: right;
}

.img_dx {
	padding: 0 0 0 10px;
}

#layout {
	width: 848px;
	margin: 0 auto;
	text-align: left;
	/*display: block;
	position: relative;
	left: 50%;
	margin-left: -424px;*/
}

.top {
	background-image: url(img/top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 848px;
}

#center {
	width: 848px;
	background-image: url(img/left_right.gif);
	background-repeat: repeat-y;
	padding: 0 15px;
}


/*----------------------------------------------------------------LINGUE--------*/
#language {
	background-color: #fff;
	float: left;
	height: 20px;
	width: 400px;
	text-align: left;
	padding: 5px 5px 0 0;
	font-weight: bolder;
}

#language ul li {	
	display: inline;
	padding-left: 15px;
}

#language ul {
	padding: 0;
	margin: 0;
}

#language a{
	color: #5d3e2f;
	text-decoration: none;
}

.flag{
	margin: 0px 3px 0px 0;
}


/*----------------------------------------------------------PRE_HEADER---------------------*/
#pre_header {
	font-size: 1em;
	float: right;
	margin-top: 3px;
	font-weight: bold;
}

#pre_header a {
	text-decoration: none;
	color: #5D3E2F;
}

#pre_header a:hover {
	text-decoration: none;
	color: #5D3E2F;
}

#pre_header #preferiti,
#pre_header #contatti,
#pre_header #preferiti_text,
#pre_header #contatti_text,
#pre_header .img_pre_header {
	float: left;
}

#pre_header .img_pre_header {
	margin: 0 0 0 3px;
}

#preferiti, #contatti {
	margin-right: 10px;
}

#preferiti_text,
#contatti_text {
	margin-top: 3px;
}



/*----------------------------------------------------------------MENU----------*/
.menu_eng,
.menu_deu,
.menu {
	width: 818px;
	background-color: #5d3e2f;
	margin: 15px 0;
}

.menu_eng ul,
.menu_deu ul,
.menu ul {
	font-weight:bold;
	margin:0;
	padding:0;
	text-align: center;
}

.menu_eng ul li,
.menu_deu ul li,
.menu ul li {
	display: inline;
	text-transform: uppercase;
}

.menu_eng ul li a,
.menu_deu ul li a,
.menu ul li a {
	text-decoration: none;
	background-color: #ffffff;
	margin: 0 7px;
	padding: 0 7px;
}

.menu_eng ul li a {
	margin: 0 4px;
	padding: 0 4px;
}

.menu_deu ul li a {
	margin: 0 3px;
	padding: 0 3px;
}

.menu_eng ul li a.selected,
.menu_eng ul li a:hover,
.menu_deu ul li a.selected,
.menu_deu ul li a:hover,
.menu ul li a.selected,
.menu ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	padding: 0 7px;
	margin: 0 7px;
	background-color: #5d3e2f;
}

.menu_eng ul li a.selected,
.menu_eng ul li a:hover {
	margin: 0 4px;
	padding: 0 4px;
}

.menu_deu ul li a.selected,
.menu_deu ul li a:hover	 {
	margin: 0 3px;
	padding: 0 3px;
}



/*--------------------------------------------------------HEADER--------------------*/
#header{
	width: 818px;
}

#index-deu #header .colonna_sx,
#index #header .colonna_sx,
#header .colonna_sx {
	border: 1px solid #5d3e2f;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 8px;
	background-image: url(img/virgolette.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
	text-align: center;
	width: 145px;
	height: 200px;
	display: block;
}

#index #header .colonna_sx {
	background-image: url(img/virgolette_index.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	height: 284px;
}

#index-deu #header .colonna_sx {
	background-image: url(img/virgolette_index.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	height: 302px;
}

#index #header .colonna_sx p {
	/*padding-top: 70px;*/
	padding-top: 40px;
}

#header .colonna_sx p{
	/*padding-top: 70px;*/
	padding-top: 65px;
}

#header .colonna_dx {
	float:right;
	width:663px;
}

#header .colonna_dx .payoff {
	background-color: #5d3e2f;
	color: #ffffff;
	text-transform: uppercase;
	padding: 3px;
	width: auto;
	text-align: center;
	font-weight: bold;
}



/*--------------------------------------------------------CONTENT-------------------*/
#content {
	width: 818px;
	margin-top: 15px;
	padding-bottom: 20px;
}

#content #etica {
	text-align: center;
}

#content #colonna_sx {
	float: left;
	width: 409px;
	text-align: justify;
	border-right: 1px dotted #5d3e2f;	
}

#content #colonna_dx {
	float: left;
	width: 408px;
	text-align: justify;
}

#content #colonna_dx .testo,
#content #colonna_sx .testo
{
	padding: 0 15px;
	display: block;

}

.more_info {
text-align: center;
	padding: 20px 120px 40px 120px;
}



/*-------------------------------------------PRE FOOTER-----------------*/
#pre-footer {
	width: 818px;
	margin-top: 40px;
}

#pre-footer .sistema_cappotto {
	margin-left: 10px;
}

#materiali_img img,
#pre-footer .sistema_cappotto img{
	margin-right: 7px;
}



/*--------------------------------------------------------FOOTER--------------------*/
#footer {
	/*width: 400px;*/
	font-size: 0.9em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

#footer img {
	margin-right: 10px;
	margin-bottom: 10px;
}

#casaclima, #gestione_qualita, #gestione_ambientale, #energia_pulita, .descrizione, .foto {
	float: left;
}

#casaclima{
	width: 230px;
	margin-right: 5px;
}

#gestione_ambientale{
	width: 205px;
	padding-top: 25px;
	margin-right: 5px;
}

#energia_pulita{
	width: 175px;
	padding-top: 25px;
	margin-right: 5px;
}

#gestione_qualita{
	width: 215px;
	padding-top: 25px;
	margin-right: 5px;
}

#link{
	text-align: center;
}


/*----------------------------------------------------*/

.box {
	background-image: url(img/box_top.gif);
	background-repeat: no-repeat;
	width: 620px;
	height: 68px;
	padding: 15px;
	padding-bottom: 0;
}

.box_closed {
	background-image: url(img/box_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 620px;
}

#content .colonna_sx_small {
	width: 471px;
	float: left;
	margin-right: 35px;
}

#content .colonna_dx_small{
	width: 312px;
	float: left;
}

.box_small {
	background-image: url(img/box_top_small.gif);
	background-repeat: no-repeat;
	padding: 15px;
	padding-bottom: 0;
}

.box_small h2,
.box_grigio_casetta h2,
.box_grigio_casetta h3 {
	margin: 0px;
	padding-bottom: 5px;
}

.box_closed_small {
	background-image: url(img/box_bottom_small.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px;
	padding-top: 0;
}

.box_closed .testo {
	padding: 15px;
	width: 580px;
	padding-top: 0;
}

.box_grigio_casetta_closed .testo {
	padding: 15px;
	width: 250px;
	padding-top: 10px;
}


.box_closed .testo p,
.box_closed_small .testo p,
.box_grigio_casetta_closed .testo p {
	margin-top: 0;
}

.box h1 {
	width: 50%;
}

.bottom {
	background-image: url(img/bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 848px;
}

.box_grigio_casetta {
	background-image: url(img/box_grigio_casetta.gif);
	background-repeat: no-repeat;
	height:43px;
	padding-top:25px;
	padding-left: 15px;
}

.box_grigio_casetta_closed {
	background-image: url(img/box_bot_grigio_casetta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.colonna_meta_sx .prodotto {
	margin-left: 30px;
	margin-bottom: 20px;
}

.colonna_meta_dx .prodotto {
	margin-right: 30px;
	margin-bottom: 20px;
}

.prodotto img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.prodotto  p {
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.prodotto  p.link {
	text-align: right;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}

.link_cappotto {
	background-color:#433222;
	/*padding-left:35px;*/
}

#content .tipologie {
	float:left;
}

#content .tipologie ul li {
	color:#5d3e2f;
	list-style:none;
	line-height:1.9em;
	font-weight:bolder;
	font-size:1.1em;
}

#content .tipologie ul {
	padding:0;
	margin:0;
	padding-left:15px;
}


/*
#content .box_sx_content {
	float:left;
	width:314px;
	height: 150px;
	margin-top:20px;
	background-image:url(img/box_sist_app.gif);
	background-repeat:no-repeat;
}
*/


#header .box_dx_sistema {
	float:right;
	width:360px;
}


/*-----------------------------------------------------LINEA CAPPOTTI---------------*/
#content .bottom_sx {
	width: 400px;
	float: left;
	text-align: justify;
}

.bottom_sx .testo{
	width: 400px;
}

#casa_isolata {
	height: 200px;
}

#cicli {
	text-align: justify;
	margin: 20px 0;
	
}

#content .bottom_sx_app {
	width: 250px;
	text-align: justify;
	padding: 20px 20px;
}

#content .bottom_dx {
	float: right;
	width: 355px;
}

#content .box_traspirabilita_top {
	background-image: url(img/box_traspirabilita_top.gif);
	background-repeat: no-repeat;
	height: 90px;
}

#content .box_traspirabilita_top .traspirabilita_text {
	margin: 0 80px 0 15px;
}

#content .box_traspirabilita_top h1{
	padding-top: 25px;
}

#content .box_traspirabilita_top .testo{
	width: 255px;
	margin-left:15px;
}

#content .box_traspirabilita_bottom {
	background-image: url(img/box_traspirabilita_bottom.gif);
	background-repeat: no-repeat;
	text-align: justify;
	/*padding: 0 20px 20px 20px;*/
	/*width: 355px;*/
	height: 420px;
}

#content .box_traspirabilita_bottom .traspirabilita_text {
	margin: 0 45px 0 15px;
}







/*---------------------------------------------SISTEMA GREEN RED WHITE BROWN ISI-THERM--------*/
#sistemi{
	width: 818px;
	margin-top: 25px;
}

.colonna_meta_sx {
	float: left;
	width: 480px;
	margin-right: 20px;
}

.colonna_meta_dx {
	float: right;
	width: 300px;
}

.colonna_meta_sx .torna_indietro img{
	margin-left: 0;
}

.vantaggi_green,
.vantaggi_red,
.vantaggi_white,
.vantaggi_brown,
.vantaggi_isitherm {
	width: 420px;
	margin-left: 30px;
}

.vantaggi_green ul,
.vantaggi_red ul,
.vantaggi_white ul,
.vantaggi_brown ul,
.vantaggi_isitherm ul {
	margin: 0;
	padding: 0;
}

.vantaggi_green ul li,
.vantaggi_red ul li,
.vantaggi_white ul li,
.vantaggi_brown ul li,
.vantaggi_isitherm ul li {
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:23px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
}

.vantaggi_green ul li {
	background-image:url(img/menu_green.gif);
}

.vantaggi_red ul li{
	background-image:url(img/menu_red.gif);
}

.vantaggi_white ul li{
	background-image:url(img/menu_white.gif);
}

.vantaggi_brown ul li{
	background-image:url(img/menu_brown.gif);
}

.vantaggi_isitherm ul li{
	background-image:url(img/menu_isi-therm.gif);
}

.sistema {
	float:left;
	width:430px;
}

.description {
	text-align:justify;
	width:420px;
	margin-left: 30px;
	border-bottom: 1px dotted #5d3e2f;
	padding-bottom:15px;
}

.description1 ul {
	margin:0 auto;
	padding:0;
}

.collante {
	width:201px;
	margin-left: 50px;
	background-image:url(img/top_collante.gif);
	background-repeat:no-repeat;
	margin-top:20px;
}

.collante1 {
	width: 201px;
	height: 270px;
	margin-left: 50px;
	background-image: url(img/bottom_collante.gif);
	background-repeat: no-repeat;
}

.collante1 p{
	padding: 0 10px 0 10px;
	margin:0 auto;
}

.image_box img{
	margin-right:15px;
}

#muro_sezione{
	margin: 0 auto;
}

#muro_sezione .sezione_img{
	margin-left: 50px;
}

#downloads {
	text-align: right;
}

.green {
	color: #067c2d;
	font-weight: bolder;
	text-transform: uppercase;
}

.red {
	color: #E20C19;
	font-weight: bolder;
	text-transform: uppercase;
}

.white {
	color: #B3A9A4;
	font-weight: bolder;
	text-transform: uppercase;
}

.brown {
	color: #5D3E2F;
	font-weight: bolder;
	text-transform: uppercase;
}

.isitherm {
	color: #4E5052;
	font-weight: bolder;
	text-transform: uppercase;
}


/*----------------------------------------------------SISTEMI E APPLICAZIONI-------------*/
#laboratori {
	width: 818px;
}

#laboratori #laboratori_sx {
	float: left;
	width: 250px;
	margin-top: 20px;
}

#laboratori #laboratori_dx {
	line-height: 1.6em;
	float: right;
	width: 550px;
}

#box_lab_top{
	background-image: url(img/box_lab_top.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 542px;
}

#box_lab_bottom{
	background-image: url(img/box_lab_bottom.gif);
	background-repeat: no-repeat;	
	background-position: left bottom;
	width: 542px;
	padding-bottom: 10px;
}

#laboratori .lab_text{
	line-height: 1.6em;
	margin: 0 15px 10px 15px;
}

#laboratori ul{
	margin: 0px;
	padding: 0px;
	margin-left: 25px;
}

#materiali {
	width: 795px;
	margin-top: 10px;	
}

#box_materiali {
	background: url(img/box_materiali.gif) no-repeat;
	height: 300px;
	width: 795px;
}

#box_materiali-ro {
	background: url(img/box_materiali-ro.gif) no-repeat;
	height: 330px;
	width: 795px;
}

#materiali #materiali_text {
	line-height: 1.6em;
	margin: 0 15px 0 15px;
}

#materiali ul{
	padding-left: 15px;
}


#materiali #materiali_img {
	text-align: center;
	margin: 0 0 0 65px;
	color: #5d3e2f;
	margin: 0 15px 0 15px;
}

#materiali #materiali_img a {
	text-decoration: none;
}

#materiali .img_mat {
	float: left;
}

#consulenza {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*--------------------------------*/
#content .box_dx_bottom{
	float:left;
	width: 319px;
}

#content .bottom_dx ul li{
	line-height: 1.5em;
	padding: 10px 0px;
	list-style-type: circle;
}



/*--------------------------------------TERMO GALLERY-----------------*/
.foto {
	margin-left: 5px;
	margin-bottom: 15px;
	width: 150px;
}

.descrizione {
	width: 195px;
}

#termogallery h3 {
	border-bottom: 1px dotted #5d3e2f;
}

#termogallery h2 {
	border-bottom: 1px dotted #5d3e2f;
	color: #5d3e2f;
	font-size: 1.2em;
}

.h_green {
	color: green;
}

.h_red {
	color: red;
}

.h_white {
	color: gray;
}

.h_brown {
	color: #5D3E2F;
}

.h_isitherm {
	color: #4E5052;
}


#green, #red, #white, #brown, #isi-therm {
	margin-bottom: 20px;
}

.immagini {
	float: right;
}


#informazioni {
	text-align:right;
	padding-right:28px;
	padding-top:10px;
}

#content table {
	font-size:1em;
}

#privacy {
	font-size:0.6em;
}

#errore {
	color:#960D0D;
}


/*--------------------------------------------DIV INFORMAZIONI--------------------------*/

#informazioni {
	text-align:right;
	padding-right:28px;
	padding-top:10px;
}



/*--------------------------------------------------------FORM RICHIESTA INFORMAZIONI----*/
/*-------------------------CONTATTI.PHP-------------*/
#contattaci {
	width: 818px;
	margin-left: 13px;
	padding-bottom: 20px;
}

#contattaci #text_titolo_1 {
	width: 600px;
	margin-bottom: 10px;
}

/*--------------------------CONFERMA.HTM-----*/
#ringraziamenti {
	text-align: center;
	padding: 120px 0;
}


