/******** struttura di base ********/

/*content*/

#content {
    width: 990px;
    margin: 0 auto;
    position: relative;
	text-align: left;}

/*testata*/

#top {
    width: 990px;
	height: 93px;
    position: relative;
	padding-top: 17px;
	background: url(../../img/fondo_testata_990_108.jpg) no-repeat;}

#topmenudx {
    width: 990px;
    position: relative;}

#topmenudx a:link {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#topmenudx a:visited {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#topmenudx a:hover {color: #000000; background-color: transparent; cursor: pointer; text-decoration: none;}

.topmenudxvoce {
	float: right;
    position: relative;}

.topmenudxbarra {
	float: right;
	width: 1px;
    position: relative;
	padding-left: 10px;
	padding-right: 10px;}

#toplogo {
	float: left;
    width: 210px;
	height: 52px;
    position: relative;
	padding-left: 10px;}

#topmenu {
	float: left;
    width: 610px;
	height: 52px;
    position: relative;
	font-size: 12px;
	text-transform: uppercase;}

#topmenu a:link {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#topmenu a:visited {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#topmenu a:hover {color: #000000; background-color: transparent; cursor: pointer; text-decoration: none;}

.topmenuprinbarra {
	float: left;
	width: 2px;
	height: 32px;
    position: relative;
	padding-top: 20px;}

#topsottomenu {
	width: 770px;
	position: absolute;
	top: 107px;
	left: 0px;
	padding-left: 220px;
	z-index: 1;}

.topsottomenuvoce {
	float: left;
    position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
 	padding-left: 9px;}

.topsottomenufreccia {
	float: left;
	width: 10px;
    position: relative;
	padding-top: 7px;
 	padding-right: 9px;
	text-align: right;
	line-height: 6px;
	font-size: 6px;}

#toppallini {
	float: left;
    width: 160px;
	height: 24px;
    position: relative;
	padding-top: 28px;
	text-align: right;}

/*corpo centrale*/

#center {
    float: left;
    width: 970px;
	min-height: 450px;
    position: static;
	padding: 10px;
	background-color: #ffffff;}

#colonnasx {
	float: left;
    width: 200px;
    position: relative;
	padding-top: 20px;}

#colonnasx a:link {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#colonnasx a:visited {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#colonnasx a:hover {color: #000000; background-color: transparent; cursor: pointer; text-decoration: none;}

#pagina {
	float: left;
    width: 760px;
    position: relative;
	padding-left: 10px;}

/*colonna sx*/

.menusxtitolo {
	width: 190px;
	height: 20px;
	position: relative;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	background: url(../../img/fondo_menu_sx_titolo.jpg) no-repeat;}

.menusxbox {
	width: 190px;
	position: relative;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../../img/fondo_menu_sx.jpg) no-repeat;}

.menusxfreccia {
	float: left;
	width: 10px;
    position: relative;
	padding-top: 7px;
	line-height: 6px;
	font-size: 6px;}

.menusxvoce {
	float: left;
    position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;}

.menusxsottomenu {
	width: 180px;
	position: relative;
	padding-left: 10px;}

/*fondo*/

#bottom {
    width: 990px;
    position: relative;}

#bottomleft {
	float: left;
    width: 495px;
    position: relative;}

#bottomright {
	float: left;
    width: 495px;
    position: relative;
	text-align: right;}

#bottomright a:link {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#bottomright a:visited {color: #6c6c6c; background-color: transparent; text-decoration: none;}
#bottomright a:hover {color: #000000; background-color: transparent; cursor: pointer; text-decoration: none;}

.bottommenudxvoce {
	float: right;
    position: relative;}

.bottommenudxbarra {
	float: right;
	width: 1px;
    position: relative;
	padding-left: 10px;
	padding-right: 10px;}

/*utilità*/

.tastofunsx {
	float: left;
    width: 8px;
	height: 16px;
    position: relative;
	background: url(../../img/tasto_sx.jpg) no-repeat;}

.tastofuncenter {
	float: left;
	height: 15px;
    position: relative;
	padding-top: 1px;
	background: url(../../img/tasto_fondo_center.jpg) repeat-x;}

.tastofundx {
	float: left;
    width: 8px;
	height: 16px;
    position: relative;
	background: url(../../img/tasto_dx.jpg) no-repeat;}

.boxnew {
	float: left;
	position: absolute;
	margin: 2px;
	padding: 1px;
	font-weight: bold;
	background-color: #ff0000;
	color: #ffffff;}

.menudxfreccia {
	float: left;
	width: 10px;
    position: relative;
	padding-top: 7px;
	line-height: 6px;
	font-size: 6px;}

.menudxvoce {
	float: left;
	width: 200px;
    position: relative;
	padding-top: 3px;
	padding-bottom: 3px;}

.titolo14 {
    position: relative;
	font-size: 14px;}

.titolo12 {
    position: relative;
	font-size: 12px;}

/******** home page ********/

#hpheadersx {
    width: 375px;
	height: 308px;
    position: absolute;
	top: 120px;
	left: 10px;
	z-index: 1;
	display: none;
	background-repeat: no-repeat;}

#hpheader {
    width: 970px;
	height: 308px;
    position: static;
	background: url(../../img/fondo_homepage.jpg) no-repeat;}

#hpheadersxflash {
	float: left;
    width: 375px;
	height: 308px;
    position: static;}

#hpheaderdx {
	float: left;
    width: 520px;
    position: relative;
	padding-left: 75px;}

#hpheaderdxtitolo {
    width: 520px;
	height: 100px;
    position: relative;
	margin-left: 3px;}

#hpheadercategorie {
	float: left;
    width: 404px;
    position: relative;}

.hpheaderdxfotinespazio {
	float: left;
    width: 4px;
    position: relative;}

/******** home page NEWS ********/

#hplastnews {
    width: 954px;
    position: relative;
	padding: 7px;
	font-size: 14px;
	border: 1px solid #F3F3F3;
	background-color: #F8F8FA;}

.hpboxlancio {
	float: left;
    width: 294px;
    position: relative;
	padding: 9px;
	border: 1px solid #F3F3F3;
	background-color: #F8F8FA;}

.hpboxfotosx {
	float: left;
    position: relative;}

.hpboxfotodx {
	float: left;
    position: relative;
    padding-left: 9px;}

.hpboxlanciosxdxext {
	float: left;
    width: 312px;
    position: relative;
	border: 1px solid #F3F3F3;
	background-color: #F8F8FA;}

.hpboxfotointsx {
	float: left;
    position: relative;
	padding: 9px;}

.hpboxfotointdx {
	float: left;
    position: relative;}

.hpboxlanciospazio {
	float: left;
    width: 14px;
    position: relative;}

.homesottomenusx {
	float: left;
	width: 10px;
    position: relative;
	padding-top: 7px;
	line-height: 6px;
	font-size: 6px;}

.homesottomenudx {
	float: left;
    position: relative;
	padding-top: 3px;
	padding-bottom: 3px;}

/******** Pagine istituzionali ********/

.paginacolonnasx {
	float: left;
	width: 560px;
    position: relative;}

.paginacolonnadx {
	float: left;
	width: 180px;
    position: relative;
    padding-left: 20px;}

.paginaboxtesto {
	float: left;
    position: relative;
	text-align: justify;
	font-size: 12px;}

.paginaboxfoto {
	float: left;
    position: relative;}

.paginaboxdida {
	float: left;
    position: relative;}

.paginaboxlente {
	float: left;
    width: 25px;
    position: relative;}

.paginaboxzoom {
	float: left;
    width: 45px;
    position: relative;}

/******** Prodotti ********/

/*pagina serie*/

.serieboxfoto {
	float: left;
    width: 125px;
    position: relative;}

.serieboxnomeprod {
	float: left;
    width: 121px;
    position: relative;
	padding-left: 4px;}

.serieboxfotospazio {
	float: left;
    width: 2px;
    position: relative;}

.serieboxtestosk {
	float: left;
    width: 490px;
    position: relative;}

/*pagina lista modelli*/

#modellotop {
	float: left;
    width: 760px;
    position: relative;}

#modellolistacate {
	float: left;
    width: 760px;
    position: relative;
	background: url(../../img/fondo_blocco.jpg) repeat-x;}

/*pagina scheda modello*/

#modellopagina {
	float: left;
    width: 540px;
    position: relative;}

#modellocoldx {
	float: left;
    width: 210px;
    position: relative;
	padding-left: 10px;}

#modelloboxfoto {
	float: left;
    width: 155px;
    position: relative;}

#modelloboxicofotomet {
	float: left;
    position: relative;}

#modelloboxicone {
	float: left;
    position: relative;}

#modelloboxfotometrie {
	float: left;
    position: relative;}

.modelloboxiconeicona {
	float: left;
	width: 33px;
	height: 33px;
    position: relative;
	border: 1px solid #C8C8C8;}

.modelloboxiconefotometria {
	float: left;
	width: 73px;
	height: 73px;
    position: relative;
	border: 1px solid #C8C8C8;}

.modelloboxiconetesto {
	float: left;
	height: 72px;
    position: relative;
	padding-bottom: 3px;}

table.tabletxtfotometria {width: 115px; height: 72px; padding: 0px;}
table.tabletxtfotometria td {width: 115px; height: 72px; vertical-align: bottom;}

.modelloboxiconespazio {
	float: left;
    width: 5px;
    position: relative;}

#modelloicolente {
	float: left;
    width: 25px;
    position: relative;
	padding-left: 85px;}

#modellotastolente {
	float: left;
    width: 45px;
    position: relative;}

#modellotestoscheda {
	float: left;
    width: 375px;
    position: relative;}

/*scheda dati su lista modelli e su scheda modello*/

#skdatiboxmenu540 {
	width: 540px;
	height: 24px;
	position: relative;
	background: url(../../img/riga_grigia_base_menu_schede_540.jpg) bottom left no-repeat;}

#skdatiboxcorpo540 {
	width: 539px;
	min-height: 250px;
	position: relative;
	padding: 10px 0px 10px 0px;
	border-left: 1px solid #BABABA;
 	clear: both;}

#skdatiboxmenu760 {
	width: 760px;
	height: 24px;
	position: relative;
	background: url(../../img/riga_grigia_base_menu_schede_760.jpg) bottom left no-repeat;}

#skdatiboxcorpo760 {
	width: 759px;
	min-height: 400px;
	position: relative;
	padding: 10px 0px 10px 0px;
	border-left: 1px solid #BABABA;
 	clear: both;}

.skdatimenuspazio {
	float: left;
    width: 1px;
	height: 24px;
    position: relative;
	background-color: #BABABA;}


/*lista articoli in scheda modello*/

.skdatiarticoliriga {
	float: left;
    width: 524px;
    position: relative;
	padding: 3px 5px 3px 5px;}

.skdatiarticolicolonna {
	float: left;
    position: relative;}

/*galleria fotografica in scheda modello*/

.prodgallfoto {
	float: left;
    width: 120px;
    position: relative;}

/******** Accessori ********/
.accesstesto {
	float: left;
    width: 325px;
    position: relative;}

.accessfoto {
	float: left;
    width: 117px;
    position: relative;
	padding-right: 8px;}

.accessfototesto {
	float: left;
    width: 200px;
    position: relative;
    text-align: justify;}

.accessfotoprod {
	float: left;
    width: 117px;
    position: relative;}

.accesstestoprod {
	float: left;
    width: 408px;
    position: relative;
	padding-left: 9px;}

.accessfotobox {
	float: left;
    width: 115px;
    position: relative;
	border: 1px solid #C8C8C8;}

.accessarticoli {
	float: left;
    width: 425px;
    position: relative;
	padding-left: 10px;}

.accessarticoliriga {
	float: left;
    width: 415px;
    position: relative;
	padding: 3px 5px 3px 5px;}

.accessoriiconespazio {
	float: left;
    width: 6px;
    position: relative;}

/*ricerca per prodotto*/

.ricprodboxfoto {
	float: left;
    width: 75px;
    position: relative;}

.ricprodboxnomeprod {
	float: left;
    width: 67px;
    position: relative;
	padding-left: 4px;
	padding-right: 4px;}

.ricprodboxfotospazio {
	float: left;
    width: 1px;
    position: relative;}

/*ricerca avanzata*/

.ricavanzata {
	float: left;
    position: relative;
	padding-top: 10px;}

.ricavboxinputext {
	float: left;
    position: relative;}

.ricavboxinputcampo {
	float: left;
    position: relative;}

.ricavboxinputesegui {
	float: left;
    position: relative;}

.ricavlista {
	float: left;
    position: relative;}

/*esempi di applicazione*/

#esempicolsx {
	float: left;
    width: 373px;
    position: relative;}

#esempicolcenter {
	float: left;
    width: 180px;
    position: relative;
	padding-left: 13px;}

#esempicoldx {
	float: left;
    width: 180px;
    position: relative;
	padding-left: 14px;}

/*materiale pubblicitario*/

.matpubboxsx {
	float: left;
    width: 370px;
    position: relative;}

.matpubboxdx {
	float: left;
    width: 370px;
    position: relative;
    padding-left: 20px;}

.matpubfoto {
	float: left;
    width: 150px;
    position: relative;}

.matpubtesto {
	float: left;
    width: 210px;
    position: relative;
	padding-left: 10px;}

/*dealers*/

.tabcmsdealerextsx {
	float: left;
	width: 500px;
    position: relative;}

.tabcmsdealerextdx {
	float: left;
	width: 260px;
    position: relative;
    text-align: center;}

.tabcmsdealersx {
	float: left;
	width: 60px;
    position: relative;
    font-weight: bold;}

.tabcmsdealerdx {
	float: left;
	width: 440px;
    position: relative;}

/*gestione form*/

#formboxext {
	float: left;
	width: 560px;
    position: relative;}

.formboxcampo {
	float: left;
	width: 280px;
    position: relative;}

/*ricerca personale*/

#offlavboxext {
	float: left;
	width: 560px;
    position: relative;}

.offlavcolonna {
	float: left;
    position: relative;}

/******** stampa scheda prodotto / accessorio ********/

#SKcontent {
    width: 760px;
    margin: 0 auto;
    position: relative;
	text-align: left;}

#SKtop {
    width: 760px;
    position: relative;
	padding-top: 20px;}

#SKtopsx {
	float: left;
	width: 620px;
    position: relative;
    padding-top: 28px;}

#SKtopdx {
	float: left;
	width: 140px;
    position: relative;}

#SKpaginasx {
	float: left;
	width: 370px;
    position: relative;}

#SKpaginadx {
	float: left;
	width: 370px;
    position: relative;
    padding-left: 20px;}

.SKarticoliriga {
	float: left;
    width: 360px;
    position: relative;
	padding: 3px 5px 3px 5px;}

.SKarticolicolonna {
	float: left;
    position: relative;}

#SKbottomsx {
	float: left;
	width: 620px;
    position: relative;}

#SKbottomdx {
	float: left;
	width: 140px;
    position: relative;
	text-align: right}

/******** stampa scheda DIALUX ********/

#SKDIALUXcontent {
    width: 760px;
    margin: 0 auto;
    position: relative;
	text-align: left;}

#SKDIALUXtop {
    width: 760px;
    position: relative;
	padding-top: 20px;}

#SKDIALUXtopsx {
	float: left;
	width: 620px;
    position: relative;
    padding-top: 25px;
    font-size: 16px;
    font-weight: bold;}

#SKDIALUXtopdx {
	float: left;
	width: 140px;
    position: relative;}

#SKDIALUXtopprod {
	float: left;
	width: 620px;
    position: relative;
    font-weight: bold;}

#SKDIALUXtopprodcod {
	float: left;
    position: relative;}

#SKDIALUXtopproddes {
	float: left;
    position: relative;}

#SKDIALUXtopdata {
	float: left;
	width: 140px;
    position: relative;
    font-weight: bold;
	text-align: right;}

#SKDIALUXpaginasx {
	float: left;
	width: 340px;
	height: 700px;
    position: relative;}

#SKDIALUXfoto {
	float: left;
	width: 336px;
    position: relative;
    border: 1px solid #C8C8C8;}

#SKDIALUXpaginadx {
	float: left;
	width: 400px;
	height: 700px;
    position: relative;
    padding-left: 20px;}

#SKDIALUXdimensioni {
	float: left;
	width: 760px;
	height: 200px;
    position: relative;}

#SKDIALUXbottom01 {
	float: left;
	width: 410px;
    position: relative;}

#SKDIALUXbottom02 {
	float: left;
	width: 180px;
    position: relative;}

#SKDIALUXbottom03 {
	float: left;
	width: 60px;
    position: relative;}

#SKDIALUXbottom04 {
	float: left;
	width: 110px;
    position: relative;
	text-align: right}

/*link in linea*/

a.href-standard:link {color: #6fa0bc; background-color: transparent; text-decoration: none;}
a.href-standard:visited {color: #6fa0bc; background-color: transparent; text-decoration: none;}
a.href-standard:hover {color: #6fa0bc; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-grigio:link {color: #6c6c6c; background-color: transparent; text-decoration: none;}
a.href-grigio:visited {color: #6c6c6c; background-color: transparent; text-decoration: none;}
a.href-grigio:hover {color: #6c6c6c; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0001:link {color: #fa9d1c; background-color: transparent; text-decoration: none;}
a.href-cateF0001:visited {color: #fa9d1c; background-color: transparent; text-decoration: none;}
a.href-cateF0001:hover {color: #fa9d1c; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0002:link {color: #48999e; background-color: transparent; text-decoration: none;}
a.href-cateF0002:visited {color: #48999e; background-color: transparent; text-decoration: none;}
a.href-cateF0002:hover {color: #48999e; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0003:link {color: #becd40; background-color: transparent; text-decoration: none;}
a.href-cateF0003:visited {color: #becd40; background-color: transparent; text-decoration: none;}
a.href-cateF0003:hover {color: #becd40; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0004:link {color: #6f6866; background-color: transparent; text-decoration: none;}
a.href-cateF0004:visited {color: #6f6866; background-color: transparent; text-decoration: none;}
a.href-cateF0004:hover {color: #6f6866; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0005:link {color: #b89f95; background-color: transparent; text-decoration: none;}
a.href-cateF0005:visited {color: #b89f95; background-color: transparent; text-decoration: none;}
a.href-cateF0005:hover {color: #b89f95; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0006:link {color: #98ae32; background-color: transparent; text-decoration: none;}
a.href-cateF0006:visited {color: #98ae32; background-color: transparent; text-decoration: none;}
a.href-cateF0006:hover {color: #98ae32; background-color: transparent; cursor: pointer; text-decoration: none;}

a.href-cateF0007:link {color: #996446; background-color: transparent; text-decoration: none;}
a.href-cateF0007:visited {color: #996446; background-color: transparent; text-decoration: none;}
a.href-cateF0007:hover {color: #996446; background-color: transparent; cursor: pointer; text-decoration: none;}

/*utility*/

#iframeminisitoclose {
    width: 990px;
    height: 25px;
    position: absolute;
    top: 84px;
    left: 0px;
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    display: none;
    z-index: 3;}

#iframeminisitoclose a:link {color: #ffffff; background-color: transparent; text-decoration: none;}
#iframeminisitoclose a:visited {color: #ffffff; background-color: transparent; text-decoration: none;}
#iframeminisitoclose a:hover {color: #ffffff; background-color: transparent; cursor: pointer; text-decoration: none;}

#iframeminisito {
    width: 970px;
    height: 400px;
    position: absolute;
    top: 110px;
    left: 0px;
	padding: 10px;
	background-color: #ffffff;
    display: none;
    z-index: 3;}

#opacity {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: left;
    background-color: #000000;
    filter: alpha(opacity=85); 
    -moz-opacity: 0.85;
    opacity: 0.85;
    z-index: 3;
    display: none;}

/*CSS back office*/
.titolo {
    position: relative;
	font-size: 14px;}

.tabcms {
	float: left;
    position: relative;}

.tabcmsdealerbox {
	float: left;
	width: 210px;
    position: relative;
    padding-right: 10px;}