/* DEFAULT SETTINGS */
	
body, form, html ,img, table, td, tr, ul, ol, li {
	border:0px;
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6, p{
	padding:0px;
	margin:0px;
}

ul, li{
	list-style:none;
	float:left;
	display:inline;
}
a{
	text-decoration:none;
}

html{
	height:100%;
}

/* -- TESTO DINAMICO -- */

span{
	color:#444444;
	line-height:18px;
	text-align:justify;
}

/* -- Liste puntate per testo dinamico --*/

span ul,ol{
	float:none;
	width:auto;
	height:auto;
}

span li{
	display:list-item;
	float:none;
	line-height:17px;
}

/* lista puntata */

span ul li{
	list-style-type:disc;
	margin-left:10px;
}

/* lista numerata */

span ol li{
	list-style-type:decimal;
	margin-left:30px;
}

/* Link per testo dinamico*/

span a{
	color:#828282;
	text-decoration:underline;
}
span a:hover{
	color:#333;
	text-decoration:none;
}

/* ---- BODY ---- */

body{
	font-family:arial;
	font-size:11px;
	margin-bottom:20px;
	text-align:right;
}
giorgioHakez{
	width: 100%;
	height: 100%;
	min-height: 610px;
	position: relative;
}
#main{
	width:100%;
	height:610px;
	text-align:right;
	margin-top:20px;
}
#container{
	height:507px;
	background-color:#ccc;
	text-align:right;
	width:100%;
	float:left;
}
#testata{
	width:876px;
	height:73px;
	float:right;
	margin-right:34px;
	display:inline;
	text-align:left;
}
#logo{
	float:left;
	height:36px;
	width:200px;
	margin-top:26px;
	display:inline;
}
#nav{
	width:440px;
	height:15px;
	position:relative;
	float:right;
	margin:46px 0px 0px 0px;
	display:inline;
	text-align:right;
}
#colDx{
	width:35px;
	background-color:#242021;
	height:507px;
	float:right;
}
#colCenter{
	height:507px;
	width:auto;
	float:right;
	background-color:#ccc;
}
#colCenterSiteMap{
	height:487px;
	_height:480px;
	width:820px;
	text-align:left;
	padding:20px 30px 0px 30px;
	float:right;
	background-color:#e6e6e6;
}
.boxSiteMap{
  width:150px;
	height:auto;
  float:left;
	margin-right:14px;
	display:inline;
}
.boxSiteMap ul{
	margin-bottom:15px;
}
.boxSiteMap ul li{
	list-style:square;
	list-style-type:disc;
	display:block;
	float:left;
	width:150px;
	padding:3px 0px;
}
.boxSiteMap ul li a{
	color:#858384;
}
.boxSiteMap ul li a:hover{
	color:#5391a7;
}
#menuService{
	float:right;
	width:876px;
	margin-right:36px;
	margin-top:10px;
	color:#a09e9f;
	display:inline;
}
#menuService a{
	color:#a09e9f;
	text-decoration:none;
}
#menuService a:hover{
	color:#858384;
	text-decoration:none;
}
#contCategories{
	width:150px;
	padding:33px 44px;
	height:441px;
	background-color:#e6e6e6;
	float:right;
	text-align:left;
	position:relative;
}
#overview{
	height:90px;
	width:150px;
	top:400px;
	left:44px;
	margin-bottom:20px;
	vertical-align:baseline;
}
#contCategoriesStrutture{
	width:200px;
	padding:33px 19px;
	height:441px;
	background-color:#e6e6e6;
	float:right;
	text-align:left;
}
#contCategoriesStrutture p{
	text-align:justify;
	line-height:17px;
	color:#858384;
}
h1.sottoTitolo{
	font-weight:bold;
	color:#777777;
	font-size:14px;
	border-bottom:1px solid #9c9c9c;
	padding-bottom:8px;
	margin-bottom:8px;
}
#contCategories ul{
	margin-bottom:15px;
}
#contCategories ul li{
	list-style:square;
	list-style-type:disc;
	display:block;
	float:left;
	width:150px;
	padding:3px 0px;
}
#contCategories ul li a{
	color:#858384;
}
#contCategories ul li a:hover{
	color:#5391a7;
}
#contCategories ul li a.on{
	color:#5391a7;
}
#contCategories ul li a.on:hover{
	color:#858384;
}

/*CATEGORIA PRODOTTO*/

#colSxCategoria{
	width:151px;
	height:507px;
	float:right;
}
#colCenterCategoria{
	width:400px;
	height:441px;
	background-color:#f1f1f1;
	float:right;
	padding:33px 45px;
	text-align:left;
	position:relative;
}
#colCenterCategoria p{
	line-height:15px;
	color:#888888;
}
.previewImg{
	border:1px solid #c0c0c0;
	width:104px;
	height:143px;
	margin:0px 35px 35px 2px;
	float:left;
	display:inline;
	
}
.container {
	width: 400px;
	text-align: left;
	margin: 0 auto;
}

/* CSS PER SCORRIMENTO */

ul#toolbar {
	display:none;
	/* border-bottom: 1px solid #ccc;	*/
}

/* The slide-y content box thingy */
	
div.button {
	position: absolute;
	top:50%;
	margin-top: -70px;
	width:12px;
	height:114px;
}
	
div.button#left { left:0px; }
div.button#right { right:0px; }

#scroller {
	width: 400px;
	height:326px;
	overflow: hidden;
	margin:20px 0px 20px 0px;
}

#content {
	width: 5250px;
}
	
.section {
	width: 400px;
	float: left;
}

/* DETTAGLIO PRODOTTO */

#colSxDettaglio{
	width:326px;
	height:507px;
	float:right;
}
#colCenterDettaglio{
	width:236px;
	height:474px;
	background-color:#f1f1f1;
	float:right;
	padding:33px 42px 0px 42px;;
	text-align:left;
	position:relative;
}
#colCenterDettaglio p{
	line-height:15px;
	color:#888888;
}
h1.titSpecifiche{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	font-size:14px;
	border-bottom:1px solid #9c9c9c;
	padding-bottom:8px;
	margin-top:25px;
}
#specifiche{
	width:205px;
	padding:15px;
	height:auto;
	background-color:#FFFFFF;
	color:#737373;
	line-height:15px;
	margin-bottom:10px;
}
#toolsDettaglio li{
	padding:0px 15px 30px 0px;
}
#toolsDettaglio li img{
	padding:0px 3px 0px 0px;
}
#toolsDettaglio li a{
	color:#858384;
}
#toolsDettaglio li a:hover{
	color:#5b5b5b;
}
#toolsDettaglioAccessori li{
	padding:0px 15px 0px 0px;
}
#toolsDettaglioAccessori li img{
	padding:0px 3px 0px 0px;
}
#toolsDettaglioAccessori li a{
	color:#858384;
}
#toolsDettaglioAccessori li a:hover{
	color:#5b5b5b;
}

#dettagli{
	margin:10px 0px;
}
#dettagli li img{
	height:45px;
	width:45px;
	border:1px solid #c2c2c2;
	margin-right:8px;
}

/* NEWS */

#colCenterNews{
	width:307px;
	height:474px;
	background-color:#f1f1f1;
	float:right;
	padding:33px 42px 0px 42px;
	text-align:left;
	position:relative;
}
#colCenterNews p{
	line-height:18px;
	color:#888888;
	text-align:justify;
}
#contNews{
	width:199px;
	padding:33px 20px;
	height:441px;
	background-color:#e6e6e6;
	float:right;
	text-align:left;
}

#contNews ul{
	margin-bottom:20px;
}
#contNews ul li{
	display:block;
	float:left;
	width:200px;
	border-bottom:1px solid #dadad9;
}
#contNews ul li a{
	color:#858384;
	width:190px;
	padding:5px 5px;
	display:block;
}
#contNews ul li a:hover{
	color:#5391a7;
	background-color:#f0f0f0;
}
.imgNews{
	float:right;
	margin:4px 0px 0px 0px;
	border:1px solid #fff;
	display:inline;
}
#miniGallery{
	width:193px;
	height:17px;
	background:url(../_layout/bgGallery.jpg) right top no-repeat;
	float:right;
	margin-bottom:10px;
	display:inline;
	padding:2px 0px 0px 90px;
}
#miniGallery a{
	color:#949494;
	text-decoration:none;
}
#toolsDettaglioNews{
	margin-top:15px;
	width:307px;
	border-top:1px solid #a4a4a4;
}
#toolsDettaglioNews li{
	padding:10px 15px 0px 0px;
}
#toolsDettaglioNews li img{
	padding:0px 3px 0px 0px;
}
#toolsDettaglioNews li a{
	color:#858384;
}
#toolsDettaglioNews li a:hover{
	color:#5b5b5b;
}
#colSxNews{
	width:252px;
	height:507px;
	float:right;
}

/* DOVE SIAMO */

#colCenterDoveSiamo{
	width:565px;
	height:475px;
	background-color:#f1f1f1;
	float:right;
	padding:32px 42px 0px 42px;
	text-align:left;
	position:relative;
}
#colCenterContatti p{
	line-height:18px;
	color:#888888;
	text-align:justify;
}
p.contatti {
	line-height:18px;
	color:#888888;
	text-align:left;
	margin:20px 0px 0px 16px;
	padding:0px;
}
p.contatti a{
	color:#858384;
}
p.contatti a:hover{
	color:#5391a7;
}
/* GALLERY DELUX  */

#screen {
	width: 643px;
	height: 507px;
	background: #f1f1f1;
	color: #fff;
	padding:0px;
	margin:0px;
}
#screen div {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}
#screen img {
	position: absolute;
	left:50%;
	margin-left:-129px;
	max-height:403px;
	border:1px solid #fff;
	height:auto;
	width:auto;
}
#screen .label {
	position: absolute;
	color: #807e7f;
	background: #f1f1f1;
	font-family:arial;
	white-space: no-wrap;
	height:0px;
}
#colCenterOverview{
	width:auto;
	float:right;
	height:507px;
	position:relative;
	_margin-bottom:-40px;
}

/***********************************************************************************************************************************************
 *                                               INZIO FORMATTAZIONE DEL DROP DOWN LIST
 ***********************************************************************************************************************************************/

.selectBox
{
	position: relative;
	margin: 3px 0px 0px 0px;
	height: auto;
  _height: 26px;
	margin-bottom:10px;

}

.selectBox ul
{
  background: #fff url(../_layout/bgSelectAgentiOff.jpg) no-repeat scroll top right;
	width: 200px;
}
#selectBox ul li{
	display:block;
	float:left;
	width:200px;
	border-bottom:1px solid #dadad9;
}
.selectBox li a{
	width:150px;
	margin:2px 0px 2px 10px;
	padding-left:10px;
	height:10px;
	color:#858384;
	width:190px;
	padding:5px 5px;
	display:block;
}
.selectBox ul li a:hover{
	color:#5391a7;
	background-color:#f0f0f0;
}
.selectBox li span
{
	display: block;
	height: 18px;
	padding: 4px 0px 4px 8px;
	width: 192px;
	cursor: pointer;
	color: #9A9A9A;
	border:0px;
}

.selectBox li a:hover,
{
	background-color: #F0F0F0;
	border:0px;
	color:#5391a7;
	background-color:#f0f0f0;
}

.selectBox li span:hover
{
  background: #EEE url(../_layout/bgSelectAgenti.jpg) no-repeat scroll top right;
}

.noView
{  display: none; }

.view
{
	display: block;
}

.selectBox ul li ul
{
	background-color: #FFF;
	background-image: none;
	position: absolute;
	left: 0px;
	top: 27px;
	width: 200px;
	max-height: 154px;
	overflow: auto;
}
.selectBox ul li ul li a
{
	width: auto;
	border:0px;
}

.height154 ul li ul
{
  _height: 154px;
}

.height95 ul li ul
{
  _height: 95px;
}

.z10 { z-index: 10; }
.z20 { z-index: 20; }
.z30 { z-index: 30; }
.z40 { z-index: 40; }
.z50 { z-index: 50; }
.z60 { z-index: 60; }
.z70 { z-index: 70; }
.z80 { z-index: 80; }
.z90 { z-index: 90; }
/***********************************************************************************************************************************************
 *                                               FINE FORMATTAZIONE DEL DROP DOWN LIST
 ***********************************************************************************************************************************************/
h2.titoloAgente{
}
h2.titoloAgente a{
	background:url(../_layout/indiceAgenti.jpg) 10px no-repeat #fff;
	color:#7093b1;
	border-bottom:1px solid #e5e5e5;
	padding:5px 0px 5px 28px;
	margin-bottom:4px;
	font-size:11px;
	font-weight:normal;
	width:280px;
	display:block;
}
.dettaglioAgente{
	width:268px;
	height:65px;
	padding:;
	background:url(../_layout/bgAgentiOff.jpg) no-repeat;
	padding:4px 20px 0px 20px;
	cursor:pointer;
}

.testoAgenti{
	color:#a2a2a2;
	line-height:18px;
}
.colorMini{
	width:12px;
	height:12px;
	border:1px solid #fff;
	float:left;
	margin-right:15px;
	margin-left:5px;
	display:inline;
	cursor:pointer;
}
.icoBicolor{
	width:10px;
	height:15px;
	float:left;
	margin-right:15px;
	margin-left:5px;
	display:inline;
	cursor:pointer;
}

#paginazioneAgenti{
	margin-top:15px;
	width:307px;
	border-top:1px solid #a4a4a4;
	color:#9e9e9e;
}
#paginazioneAgenti li{
	padding:10px 5px 0px 0px;
	text-align:right;
}
#paginazioneAgenti li a{
	background-color:#c0c0c0;
	padding:1px 4px;
}
#paginazioneAgenti li a.paginaOn{
	color:#5392c7;
}
#paginazioneAgenti li a.paginaOn:hover{
	color:#fff;
}
#paginazioneAgenti li a.paginaOff{
	color:#fff;
}
#paginazioneAgenti li a.paginaOff:hover{
	color:#5392c7;
}


/*--------- DOWNLOADS ---------*/
.downloads{
	background:url(../_layout/bgDownloads.jpg) no-repeat top;
	width:235px;
	height:100px;
	padding:8px 17px 0px 55px;
	margin-bottom:10px;
	position:relative;
	cursor:pointer;
}
.downloads p{
	line-height:14px;
	text-align:left;
}
.toolsDownload{
	position:absolute;
	right:0px;
	bottom:0px;
}
.toolsDownload li{
	padding:10px 15px 0px 0px;
}
.toolsDownload li img{
	padding:0px 3px 0px 0px;
}
.toolsDownload li a{
	color:#858384;
}
.toolsDownload li a:hover{
	color:#5b5b5b;
}
/*-----------------------------*/

#contCategoriesAccessori{
	width:200px;
	padding:33px 19px;
	height:441px;
	background-color:#e6e6e6;
	float:right;
	text-align:left;
}

#contCategoriesAccessori ul li{
	display:block;
	float:left;
	width:200px;
	border-bottom:1px solid #dadad9;
}
#contCategoriesAccessori ul li a{
	color:#858384;
	width:190px;
	padding:5px 5px;
	display:block;
}
#contCategoriesAccessori ul li a:hover{
	color:#5391a7;
	background-color:#f0f0f0;
}
/* ----- AZIENDA ------*/

#colCenterAzienda{
	width:307px;
	height:474px;
	background-color:#f1f1f1;
	float:right;
	padding:33px 42px 0px 42px;
	text-align:justify;
	position:relative;
}
#colCenterAzienda ul li{
	line-height:18px;
	color:#888888;
	text-align:justify;
	margin-bottom:10px;
}
#colCenterAzienda p{
	line-height:18px;
	color:#888888;
	text-align:justify;
}


#contMenuAzienda{
	width:199px;
	padding:33px 20px;
	height:441px;
	background-color:#e6e6e6;
	float:right;
	text-align:left;
}

#contMenuAzienda ul{
	margin-bottom:20px;
}
#contMenuAzienda ul li{
	display:block;
	float:left;
	border-bottom:1px solid #dadad9;
	width:194px;
	display:inline;
	_width:134px;
}
#contMenuAzienda ul li a{
	color:#858384;
	width:190px;
	_width:174px;
	padding:5px 5px;
	display:block;
}
#contMenuAzienda ul li a:hover{
	color:#5391a7;
	background-color:#f0f0f0;
}

/*------ CONTATTI ------*/

.sxForm{
	color:#50779b;
	text-align:right;
	padding:2px 0px;
}
.dxForm{
	padding:2px 5px;
}
form.contatti input{
	width:220px;
	height:18px;
	border:1px solid #cdcdcd;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	padding:2px 0px 0px 10px;

}
form.contatti textarea{
	width:225px;
	height:110px;
	border:1px solid #cdcdcd;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	padding:10px;
}
form.contatti input.submit{
	width:135px;
	height:22px;
	padding-bottom:5px;
	border:0px;
	background-image:url(../_layout/buttonInvia.jpg);
	background-repeat:no-repeat;
	color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	border:0px;
	margin-top:5px;
	padding-left:15px;
}
form.contatti input.privacy{
	width:20px;
	height:14px;
	padding:0px;
	border:1px solid #ccc;
}
form.contatti select{
	color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #ccc;
	padding:2px 0px 2px 10px;
	width:231px;
}
#colSxDettaglioAccessori{
	width:326px;
	height:507px;
	float:right;
	position:relative;
}
.qtrasp{
	position:absolute;
}