@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
}

a { outline:none; }
.cancella {
	clear: both;
	visibility: hidden;
}
.wrapper2 {
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
}
.wrapper {
	margin: 3px;	
}

#banda_superiore {
	background-color: #004592;
	height: 5px;
	width: 100%;
}
#testata {
	margin: auto;
	clear: both;
	height: 100px;
	width: 960px;
	position: relative;
}
#testata h1 {
	background-image: url(img/logo3.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 100px;
	width: 360px;
}
#testata #menu {
	background-image: url(img/menu_completo2.jpg);
	position: absolute;
	left: 530px;
	top: 20px;
	background-repeat: no-repeat;
	height: 54px;
	width: 449px;
	font-size: 14px;
}
#testata #menu a {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #004592;
	padding-left: 4px;
	color: #000000;
	text-decoration: none;
}
#testata #menu .home {
	position: absolute;
	left: 15px;
	top: 15px;
}
#testata #menu .azienda {
	position: absolute;
	left: 95px;
	top: 15px;
}
#testata #menu .news {
	position: absolute;
	left: 175px;
	top: 15px;
}
#testata #menu .contatto {
	position: absolute;
	left: 255px;
	top: 15px;
}

#testata #menu .registrati {
	position: absolute;
	left: 335px;
	top: 15px;
	color:#FF0000;
}

#testata #menu a:hover {
	border-left-color: #000033;
	color: #000000;
	text-decoration: none;
}
#fascia {
	width: 100%;
	clear: both;
	background-repeat: no-repeat;
	height: 224px;
	background-position: center top;
}
.home#fascia {
	background-image: url(img/fascia_home2.jpg);
	
}

.base#fascia {
	background-image: url(img/fascia_base2.jpg);
	
}

.energia#fascia {
	background-image: url(img/fascia_energia2.jpg);
	
}

.illuminotecnica#fascia {
	background-image: url(img/fascia_illuminotecnica3.jpg);
	
}

.comunicazioni#fascia {
	background-image: url(img/fascia_comunicazione.jpg);
	
}

.automazione#fascia {
	background-image: url(img/fascia_domotica.jpg);
	
}

.home#fascia #banner, .energia#fascia #banner, .illuminotecnica#fascia #banner,
.comunicazioni#fascia #banner, .automazione#fascia #banner, .base#fascia #banner {
	height: 224px;
	margin: auto;
	width: 960px;
}
#banner {
	text-indent: -9000px;
	position: relative;
}
#banner #pulsanti {
	text-indent: 0px;
	list-style-type: none;
	background-repeat: no-repeat;
	position: absolute;
	height: 68px;
	width: 487px;
	left: 40px;
	bottom: 27px;
}

#banner .cliccaqui {
	position:absolute;
	top: 40px;
	left:520px;
	/*border: 1px solid #FF0000;*/
	height: 47px;
	width: 180px;
}

.energia#pulsanti {
	background-image: url(img/energia_pulsanti.jpg);
}

.energia#pulsanti a:hover {
	background-image: url(img/energia_pulsanti_over.jpg);
}

.illuminotecnica#pulsanti {
	background-image: url(img/illuminotecnica_pulsanti.jpg);
}

.illuminotecnica#pulsanti a:hover {
	background-image: url(img/illuminotecnica_pulsanti_hover.jpg);
}

.comunicazioni#pulsanti {
	background-image: url(img/comunicazione_pulsanti.jpg);
}

.comunicazioni#pulsanti a:hover {
	background-image: url(img/comunicazione_pulsanti_hover.jpg);
}

.automazione#pulsanti {
	background-image: url(img/domotica_pulsanti.jpg);
}

.automazione#pulsanti a:hover {
	background-image: url(img/domotica_pulsanti_hover.jpg);
}

.base#pulsanti {
	background-image: url(img/base_pulsanti2.jpg);
}

.base#pulsanti a:hover {
	background-image: url(img/base_pulsanti_hover2.jpg);
}

#pulsanti a.link_energia {
	
	position: absolute;
	height: 65px;
	width: 110px;
	left: 0px;
	top: 0px;
	text-indent:-9000px;
}

#pulsanti a.link_illuminotecnica {
	
	position: absolute;
	height: 65px;
	width: 110px;
	left: 126px;
	top: 0px;
	text-indent:-9000px;
}

#pulsanti a.link_comunicazione {
	
	position: absolute;
	height: 65px;
	width: 110px;
	left: 251px;
	top: 0px;
	text-indent:-9000px;
}

#pulsanti a.link_domotica {
	
	position: absolute;
	height: 65px;
	width: 110px;
	left: 376px;
	top: 0px;
	text-indent:-9000px;
}

#pulsanti a:hover.link_energia {
	background-position: 0px 0px;	
	
}

#pulsanti a:hover.link_illuminotecnica {
	background-position: -126px 0px;	
	}

#pulsanti a:hover.link_comunicazione {
	
	background-position: -251px 0px;	
}

#pulsanti a:hover.link_domotica {
	
	background-position: -376px 0px;	
}



#contenitore {
	margin: auto;
	width: 960px;
	position: relative;
}
#contenitore #energia {
	background-image: url(img/energia2.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 285px;
	width: 225px;
	position: absolute;
	left: 7px;
	top: 15px;
}

#contenitore #illuminotecnica {
	background-image: url(img/illuminotecnica2.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 285px;
	width: 225px;
	position: absolute;
	left: 246px;
	top: 15px;
}

#contenitore #sicurezza {
	background-image: url(img/comunicazione.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 285px;
	width: 225px;
	position: absolute;
	left: 486px;
	top: 15px;
}

#contenitore #domotica {
	background-image: url(img/automazione.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 285px;
	width: 225px;
	position: absolute;
	left: 726px;
	top: 15px;
}

#contenitore .pulsantoni {
	height: 300px;
}


#piede {
	width: 100%;
	background-color: #004592;
	color: #FFFFFF;
}
#colonnina {
	float: left;
	width: 260px;
}
#corpo {
	float: left;
	width: 700px;
}

#corpo2 {
	float: left;
	width: 959px;
}

#corpo2 p, #corpo p {
	margin-top: 1em;
	line-height: 1.4em;
	margin-left: 2em;
}
#corpo2 h1, #corpo h1 {
	font-size: 20px;
	font-weight: bold;
	color: #025AA2;
}
#piccole_news, #foto, #brand, #googlemap,#argomenti {
	width: 100%;
	padding-top: 40px;
	font-size: 80%;
	line-height: 1.5em;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left top;

}
.energia#piccole_news {
	background-image: url(img/notizie_energia.jpg);
	background-color: #A7A9AA;
}

.energia#foto {
	background-image: url(img/foto_energia.jpg);
	
	background-color: #A7A9AA;
}

.energia#brand {
	background-image: url(img/brand_energia.jpg);

	background-color: #A7A9AA;
}

.illuminotecnica#piccole_news {
	background-image: url(img/notizie_illuminotecnica.jpg);
	background-color: #40AD3A;
}

.illuminotecnica#foto {
	background-image: url(img/foto_illuminotecnica.jpg);
	background-color: #40AD3A;
}

.illuminotecnica#brand {
	background-image: url(img/brand_illuminotecnica.jpg);

	background-color: #40AD3A;
}

.comunicazioni#piccole_news {
	background-image: url(img/news_comunicazione.jpg);
	background-color: #FF9801;
}

.comunicazioni#foto {
	background-image: url(img/foto_comunicazione.jpg);
	
	background-color: #FF9801;
}

.comunicazioni#brand {
	background-image: url(img/brand_comunicazione.jpg);

	background-color: #FF9801;
}

.automazione#piccole_news {
	background-image: url(img/news_automazione.jpg);
	background-color: #FF1305;
}

.automazione#foto {
	background-image: url(img/foto_automazione.jpg);
	background-color: #FF1305;
}

.automazione#brand {
	background-image: url(img/brand_automazione.jpg);

	background-color: #FF1305;
}

.base#piccole_news {
	background-image: url(img/news_base.jpg);
	background-color: #004592;
}

.base#googlemap {
	background-image: url(img/googlemap_base.jpg);
	background-color: #004592;
}

.base#argomenti {
	background-image: url(img/argomenti_base.jpg);
	background-color: #004592;
}

.piedebox {
	height: 25px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left top;
}

.energia {
	background-image: url(img/piede_energia.jpg);
	
}



.illuminotecnica {
	background-image: url(img/piede_illuminotecnica.jpg);
	
}

.comunicazioni {
	background-image: url(img/piede_comunicazioni.jpg);
	
}

.automazione {
	background-image: url(img/piede_automazione.jpg);
	
}

.base {
	background-image: url(img/piede_base.jpg);
	
}

#mostrafoto img, #mostrabrand img {display: block;margin-left:auto; margin-right:auto; }

#mostrafoto td, #mostrabrand td {display: table-cell;
 vertical-align: middle; text-align:center;}

#mostrafoto .link_nor, #mostrabrand .link_nor  { display:none;}
#mostrafotolink, #mostrafotodis, #mostrabrandlink, #mostrabranddis { display:none; }

#map { width:246px; height:246px}

.piede {
	width:960px;
	margin:auto;
	font-size: 11px;
}

.piede .colonna {
	float: left;
	margin-top: 4px;
	display: block;
	width: 240px;
}
.piede .colonna li {
	margin: 4px;
}
.piede .colonna a {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button_piede.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	
}
.piede .colonna a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button_piede_on.gif);
}

.notizia {
	margin-bottom: 20px;
	padding-bottom: 2px;
}.notizia h3 {
	font-size: 20px;
	color: #004592;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004592;
	font-weight: bold;
}
.notizia h4 {
	font-size: 16px;
	color: #004592;
}

.notizia h5 {
	font-size:8px;
	float:right;
}

.notizia .etichette {
	color: #FFFFFF;
	background-color: #004592;
	font-size: 10px;
}
#contenitore .notizia .etichette a {
	color: #FFFFFF;
}
#contenitore .notizia .etichette a:hover {
	text-decoration: underline;
}
#contenitore .notizia .etichette a:visited {
	text-decoration: underline;
}
#argomenti, #piccole_news {
	font-size: 110%;
}
#contenitore a {
	color: #004592;
	text-decoration: none;
}
#contenitore a:hover {
	color: #FF0000;
}
#contenitore a:visited {
	color: #FF0000;
	text-decoration: underline;
}
ul.pagina {
	
	margin-bottom:20px;
}
.pagina li {
	margin-right: 2px;
	display: inline;
}

form .formbox {
	width: 300px;
	float:left;
}

form input, form select {
	width: 270px;
	border: 1px solid #666666;
}


form textarea {
	width: 570px;
}
form #c {
	width: 100px;
}

form #invia {
	width: 120px;
}
#contenitore form #energia {
	position: static;
	background-image:none;
}

#contenitore form #illuminotecnica {
	position: static;
	background-image:none;
}
.testi {
	font-size: 18px;
	color: #333333;
}

#listamarchi {width: 900px; margin:auto; }

#listamarchi li { float:left; display:inline; margin-right: 5px; margin-left:5px; }

#NOME {visibility: hidden; }.nomimarchi {
	width: 90%;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
.nomimarchi li {
	font-weight: bold;
	display: inline;
	margin-right: 20px;
}