/*************************************************************************************************/
/*                                                                                               */
/*    Stili generali                                                                             */
/*                                                                                               */
/*************************************************************************************************/

html{
	height:					100%;
}

body{
	background:				#e0e0e0 url('/images/body_background.gif') repeat-x top center;
	margin:					0px;
	height:					100%;
}

body, div, input, textarea{
	font:					12px arial;
}

a{
	text-decoration:		none;
	color:					#00a0ff;
}

a:hover{
	text-decoration:		underline;
	color:					#0060ff;
}

a.rosso{
	text-decoration:		none;
	color:					#FF0000;
}

a.rosso:hover{
	text-decoration:		underline;
	color:					#FF0000;
}

h1{
	position:				absolute;
	height:					17px;
	width:					730px;
	left:					200px;
	top:					80px;
	z-index:				100;
	margin:					0px;
	padding:				2px 0px 0px 5px;
	font-size:				12px;
	font-weight:			bold;
}

.sotto_titolo{
	font-weight:			bold;
	color:					#CA0000;
}

.ancora {
	font-weight:			bold;
	color:					#0060ff;

}


/*************************************************************************************************/
/*                                                                                               */
/*    Stili principali                                                                           */
/*                                                                                               */
/*************************************************************************************************/

center#container{
	height:					100%;
}

div#main{
	position:				relative;
	width:					960px;
	height:					100%;
	background:				transparent url('/images/main_background.gif') repeat-y top left;
}

div#header{
	width:					960px;
	height:					95px;
	background:				transparent url('/images/header_background.gif') no-repeat top left;
	position:				relative;
}

div#main_01{
	width:					960px;
	height:					25px;
	background:				transparent url('/images/main_01.gif') no-repeat top center;
}

div#main_02{
	width:					920px;
	background:				transparent url('/images/main_02.gif') repeat-y top center;
	padding-left:			40px;
}

div#main_03{
	width:					960px;
	height:					30px;
	background:				transparent url('/images/main_03.gif') no-repeat top center;
}

div#menu{
	float:					left;
	width:					160px;
	margin-right:			20px;
}

div#body{
	float:					left;
	width:					710px;
	text-align:				left;
}

div#body_limiter{
	clear:					both;
}

div#footer{
	height:					50px;
	background:				transparent url('/images/main_background.gif') repeat-y top left;
}

div#footer span{
	color:					#606060;
	font-size:				10px;
}

img#logo{
	width:					160px;
	height:					100px;
	position:				absolute;
	top:					0px;
	left:					40px;
}

img#header_img{
	width:					730px;
	height:					100px;
	position:				absolute;
	top:					0px;
	left:					200px;
}

/*************************************************************************************************/
/*                                                                                               */
/*    Stili componenti menu                                                                      */
/*                                                                                               */
/*************************************************************************************************/

div.separatore_menu{
	height:					25px;
}

div.sezione_menu{
	width:					160px;
}

div.sezione_menu div.header{
	width:					135px;
	height:					23px;
	background:				transparent url('/images/menu_sezione_header.jpg') no-repeat top center;
	font-size:				14px;
	font-weight:			bold;
	text-align:				left;
	padding:				7px 0px 0px 20px;
	color:					#ffffff;
	position:				relative;
	cursor:					default;
}

div.sezione_menu div.header img.icon{
	width:					32px;
	height:					32px;
	position:				absolute;
	left:					-16px;
	top:					-4px;
}

div.sezione_menu div.body{
	width:					160px;
	text-align:				left;
	padding-top:			5px;
}

div.sezione_menu div.body a{
	position:				relative;
	margin-left:			10px;
	padding-left:			15px;
	padding-top:			3px;
	padding-bottom:			3px;
	width:					115px;
	color:					#ffffff;
	display:				block;
	background:				transparent url('/images/menu_item_off.jpg') no-repeat left center;
	border-bottom:			solid 1px #585858;
}

div.sezione_menu div.body a:hover{
	background-image:		url('/images/menu_item_on.jpg');
}

div.sezione_menu div.body a.current{
	background:				transparent url('/images/menu_item_act.jpg') no-repeat left center;
}

div.sezione_menu div.body a.current:hover{
	background:				transparent url('/images/menu_item_on.jpg') no-repeat left center;
}



/*************************************************************************************************/
/*                                                                                               */
/*    Elementi vetrina                                                                           */
/*                                                                                               */
/*************************************************************************************************/

div.elemento_vetrina{
	border-bottom:			solid 1px #e0e0e0;
	padding-bottom:			7px;
	margin-bottom:			5px;
}

div.elemento_vetrina img{
	float:					left;
	margin-right:			3px;
}

div.elemento_vetrina div.title{
	font-weight:			bold;
	color:					#a00000;
	margin-bottom:			3px;
	font-size:				15px;
}


/*************************************************************************************************/
/*                                                                                               */
/*    Stili frame                                                                                */
/*                                                                                               */
/*************************************************************************************************/

div.frame_separator{
	height:					30px;
}

div.frame{
	width:					710px;
}

div.frame div.header{
/*	width:					710px;
	height:					18px;
	position:				relative;*/
	background:				transparent url('/images/frame_bullet.gif') no-repeat left center;
	font-size:				18px;
	font-weight:			bold;
	padding:				0px 15px;
}

div.frame div.empty_header{
/*	width:					710px;
	height:					18px;
	position:				relative;*/
	font-size:				18px;
	font-weight:			bold;
	padding:				0px 15px;
}

div.frame div.body{
/*	width:					680px;*/
	text-align:				justify;
	padding:				0px 15px;
}

div.frame_500{
	width:					500px;
}

div.frame_500 div.header{
	width:					500px;
	height:					30px;
	background:				transparent url('/images/frame_500_header.gif') no-repeat bottom center;
	position:				relative;
}

div.frame_200{
	width:					200px;
}

div.frame_200 div.header{
	width:					200px;
	height:					30px;
	background:				transparent url('/images/frame_200_header.gif') no-repeat bottom center;
	position:				relative;
}

div.frame_710{
	width:					710px;
}

div.frame_710 div.header{
	width:					710px;
	height:					35px;
	background:				transparent url('/images/frame_710_header.gif') no-repeat bottom center;
	position:				relative;
}

div.frame_710 div.header span, div.frame_500 div.header span, div.frame_200 div.header span{
	position: 				absolute;
	left:					20px;
	top:					0px;
	font-size:				28px;
	font-weight:			bold;
	background-color:		#ffffff;
	padding:				0px 5px;
}

div.frame_710 div.header img, div.frame_500 div.header img, div.frame_200 div.header img{
	width:					32px;
	height:					32px;
	position:				absolute;
	left:					-14px;
	top:					0px;
}

div.frame_710 div.body{
	width:					680px;
	text-align:				left;
	padding:				0px 15px;
}

div.frame_500 div.body{
	width:					470px;
	text-align:				left;
	padding:				0px 15px;
}

div.frame_200 div.body{
	width:					170px;
	text-align:				left;
	padding:				0px 15px;
}





/*************************************************************************************************/
/*                                                                                               */
/*    Stili elementi catalogo                                                                    */
/*                                                                                               */
/*************************************************************************************************/

table.catalogo_foto{
	width:					100%;
}

table.catalogo_foto td{
	width:					14%;
}

table.catalogo_foto img{
	display:				block;
	width:					96px;
	height:					96px;
	cursor:					pointer;
}

table.catalogo_foto td.catalogo_sezione{
	padding-top:			5px;
	font-weight:			bold;
	font-size:				14px;
	border-bottom:			solid 1px #e0e0e0;
	text-align:				left;
}



/*************************************************************************************************/
/*                                                                                               */
/*    Stili navigation bar                                                                       */
/*                                                                                               */
/*************************************************************************************************/

table.navigation{
	width:					100%;
	height:					30px;
	margin-bottom:			15px;
}

table.navigation td.navigation_01{
	width:					50px;
	background:				transparent url('/images/navigation_01.gif') no-repeat center center;
}

table.navigation td.navigation_02{
	background:				transparent url('/images/navigation_02.gif') repeat-x center center;
}

table.navigation td.navigation_03{
	width:					50px;
	background:				transparent url('/images/navigation_03.gif') no-repeat center center;
}

table.navigation td.navigation_sep{
	width:					1px;
	height:					30px;
	background:				transparent url('/images/navigation_sep.gif') no-repeat center center;
}

table.navigation a{
	display:				block;
	height:					14px;
	padding:				8px 10px;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#404040;
}

table.navigation a.link-negozio{
	display:				block;
	height:					14px;
	padding:				8px 10px;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#404040;
	background-color: 		#71ff7b;
}

table.navigation a:hover{
	background:				transparent url('/images/navigation_anchor.gif') repeat-x center center;
	color:					#ffffff;
	text-decoration:		none;
}



/*************************************************************************************************/
/*                                                                                               */
/*    Stili form                                                                                 */
/*                                                                                               */
/*************************************************************************************************/

form#form_contatti{
	width:					400px;
	background-color:		#f0f0f0;
	border:					solid 1px #b0b0b0;
	margin:					0px;
	padding:				3px;
}

form#form_contatti input, form#form_contatti textarea{
	width:					250px;
	padding:				1px;
	background-color:		#ffffff;
	border:					solid 1px #b0b0b0;
}

form#form_contatti textarea{
	height:					150px;
}

/*************************************************************************************************/
/*                                                                                               */
/*    Stili gallery                                                                                 */
/*                                                                                               */
/*************************************************************************************************/


td.numero_utenti {
	display:				block;
	background-color:		#c20000;
	color:					#FFFFFF;
	font-size:				12px;
	font-weight:			bold;
}
.loghi_auto{
	width:					80px;
	height:					80px;
}

/*************************************************************************************************/
/*                                                                                               */
/*    Elementi Lavori                                                                           */
/*                                                                                               */
/*************************************************************************************************/

div.lavori {
	width: 					600px;
	text-align: 			center;

}

div.lavori_sx{
	width: 					150px;
	float: 					left;
	display: 				inline;
}

div.lavori_dx {
	width: 					430px;
	float: 					left;
	text-align:				justify;
	padding-left:			5px;
}

div.lavori_sep {
	clear:					both;
	padding-top: 			5px;
	padding-bottom: 		5px;	

}

.lavori_titolo {
	font-weight:			bold;
	color:					#990000;
}

a.lavori_dettagli {
	color:					#990000;
	text-decoration:		none;
}

a.lavori_dettagli:hover{
	color:					#990000;
	text-align: 			right;
	text-decoration:		underline;
}