/*area prefabbricati*/

html, body {margin: 0; padding: 0; border: 0;}

html {font-size: 100%;
/* IE ems resize hack */}

body {font-size: 62.5%; font-family: Arial; }

body {font-size: 0.7em; color: #000;}

h1 {font-size: 1.8em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.1em;}

h4, p, td {font-size: 1.1em;}

ul, li {font-size: 0.9em;}

ul li {list-style-type: none;}

div, span, p, h2, h3, h4, h5, hr, ul, li, form, tr, td {margin: 0; padding: 0;}

img {border: 0; margin-bottom: -3px;}
/*margin-bottom: -3 = IE margin spacing hack*/

.cleaner {clear: both; display: block; visibility: hidden;}

.bordo_bottom {border-bottom: 1px solid #7BBBE1;}

.bordo_top_bottom {border-bottom: 1px solid #7BBBE1; border-top: 1px solid #7BBBE1; height: 35px;}

.p_home_bordo {border-bottom: 1px solid #7BBBE1; padding: 15px 25px;}
/*impostato paragrafo dell'area_tex della home*/

.p_interne {padding: 20px 25px 10px 25px;}
/*usato per staccare il primo paragrafo dell'area text delle pagine interne dal titolo*/

.p_interne_2 {padding: 10px 25px;}
/*usato per i paragrafi delle aree interne*/

.p_interne_3 {padding: 20px 25px 0 25px;}
/*usato per il paragrafo ultimo delle aree-line*/

.p_interne_4 {padding: 10px;}
/*usato per la pagina dei contatti*/

.p_interne_5 {padding: 30px 25px 0 25px;}
/*usato per la pagina di monticelli*/

.p_interne_6 {padding: 5px 25px 0 25px;}
/*usato per la cronologia*/

.bordo_top {border-top: 1px solid #7BBBE1;}

.bordo_td {border: 1px solid #999;}

a {text-decoration: none; color: #000;}

a:hover {text-decoration: underline;}

body {
	background-color: #C0C0C0; text-align: center;
	/*impostato il colore dello sfondo all'esterno*/
}

#container_general {
	width: 750px; margin: 0 auto; border: 1px solid #fff; background-color: #fff;
	/*contenitore generale*/
}

#container_header {
	height: 85px;
	/*header*/
}

#logo {
	width: 245px; border-right: 1px solid #fff; float: left;
	/*spazio per logo logo impostato dall'header a sx, bordo impostato su elemento di sx a destra*/
}

#container_header h1 {
	margin: 30px 0 0 5px; float: left;
	/*titolo posizionato nell'header difianco al logo*/
}

#container_header_2 {
	width: 750px; height: 180px; border-top: 1px solid #fff; border-bottom: 1px solid #7BBBE1;
	/*header 2, messo sotto al'header, contiene foto o flash*/
}

#head2_sx {
	width: 245px; height: 180px; float: left;
	/*spazio sinistro dell'header 2*/
}

#head2_sx img#entra {
	width: 80px; height: 20px; margin: 160px 0 0 160px;
	/*pulsante entra per arealine, messo dentro allo spazio sinistro dell'header 2*/
}

#head2_dx {
	width: 504px; height: 180px; float: right;
	/*spazio destro dell'header 2*/
}

#container_center {
	width: 750px; min-height: 490px; height: auto !important; height: 490px; background-image: url("../images/sfondo_center.jpg"); background-repeat: repeat-y; text-align: left; position: relative;
	/*contenitore del center, impostato uno sfondo ripetuto con una striscia azzurra per poter permettere altezze differenti nelle pagine*/
}

.img_certificati {
	position: absolute; bottom: 5px;
}

#form {
	border-top: 1px solid #7BBBE1;
	/*form dell'area riservata*/
}

#form h4 {
	 background-image: url("../images/home/lucchetto.jpg"); background-repeat: no-repeat; padding: 2px 0 0 20px; margin: 10px;
}

table#area_riservata {
	margin: 5px;
}

table#area_riservata tr td {
	padding: 2px;
}

#form p {
	margin: 5px;
	/*paragrafo dell'area form*/
}

#grafica {
	width: 245px; height: 390px; background-image: url("../images/grafica.jpg"); background-position: top; border-top: 1px solid #7BBBE1; background-repeat: no-repeat;
}

#menusx {
	width: 245px; float: left; padding: 30px 0 0 0; background-image: url("../images/sopra_menusx.jpg"); background-position: top; background-repeat: no-repeat;
	/*menu sx del center, impostato un'img azzurra in alto di sfondo per fare la barra azzurra in alto e lasciato il colroe di sfondo libero*/
}

ul#lista_menu_sx li {
	list-style-type: none; width: 245px; min-height: 30px; height: auto !important; height: 30px; background-color: #fff;
	/*lista del menu di sinistra, impostato min-height a 30px cosi l'ultimo li puņ fungere da divisorio*/
}

#area_text {
	width: 504px; background-color: #fff; float: right; margin-bottom: 10px;
	/*area relativa al testo e menu di destra*/
}

#container_center_mappa {
	width: 750px; min-height: 490px; height: auto !important; height: 490px; text-align: left; position: relative;
	/*contenitore del center della mappa*/
}

#area_text_mappa {
	background-color: #fff; margin-bottom: 10px;
	/*area relativa al testo e menu di destra della mappa*/
}

ul#lista_area_text_mappa {
	height: 23px; border-bottom: 1px solid #7BBBE1; padding-top: 7px; text-align: center;
	/*lista menu alto dell area text della mappa*/
}

ul#lista_area_text_mappa li {
	padding: 0 5px; display: inline;
	/*elemento della lista del menu alto dell area text della mappa*/
}

.img_interna {
	float: right; margin: 35px 25px 0 0;
}

#certificato {
	width: 80%; margin: 0 auto; margin-top: 20px;
}

#certificato li {
	display: inline;
}

#certificato li a img {
	margin: 20px 8px;
}

#fotoag {
	width: 440px; margin: 0 auto; margin-top: 20px; text-align: center;
}

.ag {
	margin-bottom: 10px;
}

#foto_area_tec {
	width: 98%; margin: 0 auto; margin-top: 10px;
}

#foto_area_tec li {
	display: inline;
}

#foto_area_tec li img {
	margin: 3px 3px 4px 4px;
}

#marqueecontainer {
	width: 500px; height: 200px; background-color: white; overflow: hidden; position: relative; border: 1px hidden;
	/*area relativa alle news scorrevoli*/
}

#vmarquee {
	position: relative;
}

ul#lista_area_text {
	height: 23px; border-bottom: 1px solid #7BBBE1; padding-top: 7px; text-align: center;
	/*lista menu alto dell area text*/
}

ul#lista_area_text li {
	padding: 0 5px; display: inline;
	/*elemento della lista del menu alto dell area text*/
}

#h1 {
	margin: 20px 0 0 25px;
	/*posizionamento immagine titolo pagina area text*/
}

#h1_coperture {
	margin: 20px 0 0 25px;
	/*posizionamento immagine titolo pagina area text*/
}

.h1_sopra_foto { 
	text-align: left;
}

#h2 {
	margin: 10px 0 20px 25px;
	/*posizionamento immagine titolo pagina area_news*/ 
}

#area_text h1 {
	margin: 20px 0 0 25px;
	/*posizionamento titolo h1 pagina dell area text*/
}

#area_text h3 {
	margin: 20px 0 0 25px;
	/*posizionamento titolo h3 pagina coperture*/
}

#area_text p.dovesiamo {
	margin: 30px 0 0 25px;
	/*impostato dentro alle pagine interne dell'azienda*/
}

#area_text p.solai {
	margin: 5px 25px 5px 25px;
	/*impostato dentro alle pagine interne dell'azienda*/
}

.foto_tegolo {
	float: right; margin: 0 10px; padding: 8px 8px 0 0;
}

#ce {
	margin-left: 10px;
}

#listino {
	width: 450px; margin: 0 auto; margin-top: 30px;
	/*scheda listino dei vari prodotti*/
}

img#foto_listino {
	float: left; margin-left: 10px;
	/*foto in alto a sx delle schede dei vari listini tecnici*/
}

img#logo_listino {
	margin-left: 60px;
	/*logo in alto a dx delle schede dei vari listini tecnici*/
}

ul#lista_listino {
	 margin-left: 245px;
	 /*menu in alto a dx delle schede dei vari listini tecnici, posizionato sotto al logo*/
}

ul#lista_listino li {
	background-image: url('../images/coperture/arrow2.gif'); background-repeat: no-repeat; background-position: left; padding: 2px 0 0 25px; margin-top: 5px;
	/*elemento dell elenco del menu in alto a dx delle schede dei vari listini tecnici, posizionato sotto al logo*/
}

#listino p {
	padding: 5px 0;
	/*paragrafo dei vari listini tecnici*/
}

#listino_tecnico {
	width: 450px; margin: 0 auto; min-height: 80px; height: auto !important; height: 80px; border-top: 1px solid #7BBBE1; margin-top: 15px; padding-top: 15px;
	/*container del listino tecnico dei vari listini tecnici*/
}

#parte_sx {
	width: 224px; float: left;
	/*parte sx del container del listino tecnico dei vari listini tecnici*/
}

#parte_sx h4 {
	padding: 5px 0 5px 10px;
	/*h4 della parte sx del container del listino tecnico dei vari listini tecnici*/
}

ul#lista_parte_sx {
	text-align: left; padding: 10px 5px 0 0; margin: 0; 
	/*elenco della parte sx del container del listino tecnico dei vari listini tecnici*/
}

ul#lista_parte_sx li {
	padding-bottom: 10px; font-size: 1.1em;
	/*elemento dell elenco della parte sx del container del listino tecnico dei vari listini tecnici*/
}

ul#lista_listino_2 {
	text-align: left; border: 0; display: inline;
	/*menu in basso a sx delle schede dei vari listini tecnici*/
}

ul#lista_listino_2 li {
	display: block; background-image: url("../images/quad.gif"); background-repeat: no-repeat; background-position: left; padding: 1px 0 0 10px; font-size: 1.1em;
	/*elemento del menu in basso a sx delle schede dei vari listini tecnici*/
}

ul#lista_produzione {
	margin: 5px 25px; font-size: 1.2em;
}

ul#lista_produzione li {
	margin: 5px 0;
}

#parte_dx {
	width: 225px; float: right; border-left: 1px solid #7BBBE1;
	/*parte dx del container del listino tecnico dei vari listini tecnici*/
}

#parte_dx h4 {
	padding: 5px 0 5px 25px;
	/*h4 della parte dx del container del listino tecnico dei vari listini tecnici*/
}

.disegni_tecnici {
	margin: 25px;
}

ul#lista_parte_dx {
	text-align: left; padding: 0 5px 0 25px; margin: 0;
	/*elenco della parte dx del container del listino tecnico dei vari listini tecnici*/
}

ul#lista_parte_dx li {
	padding-bottom: 5px;
	/*elemento dell elenco della parte dx del container del listino tecnico dei vari listini tecnici*/
}

#listino_accessori {
	width: 450px; margin: 0 auto; min-height: 80px; height: auto !important; height: 80px; margin-top: 20px; padding-top: 10px;
	/*container del listino accessori della produzione*/
}

#area_text ul.lista_accessori {
	margin: 10px 0 0 40px;
}

#area_text ul.lista_accessori li {
	padding: 20px 0;  font-size: 1.2em;
}

table#disegni_tecnici {
	width: 450px; margin: 0 auto; margin-top: 20px;
	/*tabella dei disegni tecnici dei vari listini tecnici*/
}

table#disegni_tecnici td {
	text-align: center;
	/*cella tabella dei disegni tecnici dei vari listini tecnici*/
}

table#viste {
	width: 450px; margin: 0 auto; text-align: center; margin-bottom: 20px;
}

.fotogrande {
	padding-top: 20px;
}

.viste_listino_tecnico {
	margin: 0 0 30px 65px; padding: 2px; position: absolute;
}
.viste_listino_tecnico img {
	margin-bottom: 10px;
}

.viste_completamenti {
	float: left; font-size: 1.2em;
}

#listino_tecnico p {
	margin-top: 5px;
}

table#area_ris {
	width: 450px; margin: 0 auto; text-align: center; margin-top: 10px;
	/*tabelal dell'area riservata'*/
}

#area_ris tr td {
	 padding: 20px; border: 1px solid #C0C0C0;
}

table#registrazione {
	width: 200px; margin-top: 20px;
}

img#cartina {
	margin: 30px 0 0 25px;
	/*immagine cartina della pagina delle aziende*/
}

table#coperture {
	width: 450px; margin: 0 auto; margin-top: 20px;
	/*tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

table#coperture td {
	padding-bottom: 30px;
	/*colonna della tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

table#coperture td img {
	margin-bottom: 5px;
	/*immagine dentro alle coperture*/
}

table#sis_copertura {
	width: 460px; margin: 0 auto;
	/*tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

table#sis_copertura td {
	padding: 0 10px 20px 10px;
	/*colonna della tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

table#sis_copertura_pannelli {
	width: 450px; margin: 0 auto; border-top: 1px solid #7BBBE1; margin-top: 15px;
	/*tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

table#sis_copertura_pannelli td {
	padding: 20px 0;
	/*colonna della tabella utilizzata nell area delle coperture per contenere tutti i loghi*/
}

#referenze {
	margin: 10px 0 0 20px;
}

#referenze li {
	padding: 10px 0;
}

#tabella {
	margin: 0 auto; width: 400px; margin-top: 20px;
	/*tabella utilizzata nell'arealine*/
}

.testo_foto {
	padding: 5px 15px 5px 0;
}

#tabella td {
	vertical-align: top; width: 50%;
	/*colonna della tabella utilizzata nell'arealine*/
}

#tabella_2 {
	margin-top: 20px; margin-left: 20px;
	/*tabella utilizzata nei contatti*/
}

#tabella_2 td {
	vertical-align: top;
	/*colonna della tabella utilizzata nei contatti*/
}

table#referenze {
	width: 450px; margin: 0 auto; margin-top: 20px; border: 1px solid #7BBBE1;
}

table#referenze td#titolo {
	background-color: #004188; color: #fff; padding-left: 10px;
}

#area_news {
	width: 504px; background-color: #fff; float: right; border-left: 1px solid #7BBBE1;
	/*area relativa all'area_news, impostato un padding-bottom di 3px per un hack per i mac*/
}

#area_news p {
	margin: 10px;
	/*paragrafo area_news*/
}

#galassia {
	margin-left: 10px;
}

#container_footer {
	width: 750px; min-height: 30px; height: auto !important; height: 30px; background-color: #8E8A8B;
	/*container footer*/
}

#footer {
	width: 750px; background-color: #B7CEDC; border-top: 1px solid #7BBBE1;
	/*container per paragrafo footer*/
}

.credits {
	float: right; margin: 15px 5px 0 0;
}

#footer h4 {
	width: 225px; height: 15px; padding: 10px; border-right: 1px solid #7BBBE1; float: left;
	/* impostato margin per la distanza e il padding per staccare la scritta dal lato sx ma per far rimanere il bordo bianco attaccato*/
}

#footer p {
	border-top: 1px solid #7BBBE1; background-color: #fff; height: 50px; padding-top: 8px; clear: both;
	/*paragrafo footer*/
}

#creadm {
	margin: 0 auto; margin-top: 5px;
}

.lista_creadm li {
	display: inline;
}
#box_flag {
 width: 100px; height: 30px; text-align: center; float: right;
}

.flag {
 margin: 6px 5px 0 5px;
}