// css document

COLORS

c01111 Rosso
e6e6e6 grigio chiaro
8e8e8e grigio scuro
*/

html, body { 
	margin:0; 
	padding:0;
	font-family: Verdana, Arial, sans-serif; text-align: justify; 
	color: #006ab4;
	
		
		height: 100%; 

}
body {background-color: #b0b0b0;)}

/***********************************************************************************************
/* lAYOUT */
#bg-header {
	background:url('../img/bisio02.jpg') top center  no-repeat; 
	position: absolute;

	width: 99%;
	height: 508px;
	z-index:-1;
	margin-top: -8px;
}
#bg {
	background:url('../graph/bg_grey.jpg') top center  repeat-x ; 
	position: absolute;
	margin: 0 auto;
	margin-top: 492px;
	width: 99%;
	height: 600px;
	z-index:-1;
}

#overlayer {
	
	position: absolute;
	z-index:3;
	width: 99%;
	margin: 0px auto;
	margin-top: -508px;
	text-align: center;
	
	height: 100%;
	
	
}

#wrapper {
	/*
	text-align: left;
	padding: 0px;
	border:0;
	
	*/
	
	margin: 0px auto;
	width: 863px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; 
	text-align: left;	

	height: 100%;

}

#richiesta_preventivo {
	float: right;
	position: absolute;
	top: 20px;
	right: 200px;
	height: 120px;

	width: 120px;
	z-index:5;
	
	opacity:0.8; filter: alpha(opacity = 80);
}

#richiesta_preventivo img {
	display: none;
}

#richiesta_preventivo a, a:hover {
	text-decoration: none;
	background-color : none;

}


div.redbar {
	opacity:0.8; filter: alpha(opacity = 80);
	/*_filter: alpha(opacity = 100);*/
	margin: 0px;
	background-color: c01111;
	margin-top: 500px;
	float: left;
	width: 201px;
	
	padding-top: 456px;	


}

div.redbar_menu {
	float: left;
	width: 201px;
	background-color: #c01111;
	margin-top: 1016px;
	
	margin-left: 0px;
}

img.redbar {
	opacity:1.1; filter: alpha(opacity = 110);
}

div.content { 	
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	
	/* underscore hack - only for Internet Explorer */
	_padding-top: 10px;
	float: right;
	margin: auto;

	width: 642px;
	
	margin-top: 1016px;
	
	background-color: #e6e6e6;
}

p.content {
	
	padding: clear;
	margin-left: 4px;
	padding-right: 30px;
}

.clear {
clear:left;
}

#modulo_richiesta_preventivo {
	float: left;
	width: 200px;	
}

#info_richiesta_preventivo {
	float: right;	
	width: 400px;
}

/***********************************************************************************************
//** MENU **/

ul.menu, li.menu {
	font-size: 12px; 
	
	list-style: none;
	margin-left: -20px;
	_margin-left: -0px;
	
	padding-bottom: 0 px;
	
	
}

a:link, 
a:visited, 
#wrapper a:hover, 
a:active {
	color : c01111;
	text-decoration: none;
	
}

#wrapper a:hover {
	color : #fff;
	background-color : #c01111;
	text-decoration: none;
}

li.menu a:link, 
li.menu a:visited, 
li.menu a:hover, 
li.menu a:active
{
	color: FFF;
	padding: 13px;
	
	padding-top: 14px;
	padding-bottom: 5px;
	_padding-bottom: 13px;
	
	height: 22px;
	
	display: block;
	text-decoration: none;
	background:url('../graph/bg_bottone.gif') top center  repeat-x ; 
}

li.menu a:hover,
body#home a#menu-home ,
body#via a#menu-via ,
body#esterni a#menu-esterni ,
body#planimetrie a#menu-planimetrie ,
body#contatti a#menu-contatti ,
body#realtime a#menu-realtime,
body#cataloghi a#menu-cataloghi,
body#creative a#menu-creative,


body#interni a#menu-interni {
	color: black;
	margin-right: -10px;

	
	background : #e6e6e6;
}

/***********************************************************************************************
//** CONTENT **/
ul.contento, li.contento {
	list-style-image: url('../graph/redbox.gif');
}

h1 {
	font-size: 12px; 
	/*color: #c01111;*/
	color: #fff;
	display: block;
	background : #c01111;
	padding: 4px;
}

h2 {
    font-weight: normal;
    font-size: 14px; 
}

h3 {
    font-weight: normal;
    font-size: 13px; 
}


/***********************************************************************************************
//** FOOTER **/

#footer {
	position: relative;  /* Needed for Safari */


	clear: both;
	background: #BD3131;
	color: #fff;
	height: 51px;
	   
   bottom:0;
   width: 853px;
   
   padding: 0px;
   padding-left:  10px;
   padding-top:  10px;
   
   clear: both;

  /* height:60px;   /* Height of the footer */
	
}

#divPush {
	height: 51px;	
}

/***********************************************************************************************
//** FORM **/

div.form_layer {
	padding: 0px;
	margin: 0px;
	text-align: right;

}

div.form_label {
	font-weight: 700;
	font-size: 10px;
	align: right;
}

form {
	padding: 0px;
}

label {
	font-size: 10px;
}

input, option, select, button, textarea, checkbox {
	background: #fff;
	font-family:Verdana, Arial, sans-serif; 
	border-style: none;
	padding: 2px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	
	-webkit-box-shadow: inset 2px 2px 5px #bbbbbb;
    -moz-box-shadow: inset 2px 2px 5px #bbbbbb;
	 
}
.checkbox {
	padding: 0px;
}

input {
	padding-top: 4px;
	height: 22px;
	vertical-align: middle;
	
}

/***********************************************************************************************
//** GALLERY **/

#gallery {
	
}

#gallery div.immagine {
	margin-right: 10px;
	
}

#gallery a, a:hover {
	text-decoration: none;
	background-color : none;
	
	margin-right: 10px;
	}

/***********************************************************************************************
//** DEBUG **/
	
p.debug {
	font-family:  monospace;
	display: block;
	background-color: gray;
}