/*Onsitus.it - template css gratuito - esempio 9:
Altri template css gratuiti:
http://css.flepstudio.org/css-templates
Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/
/*stile css generale*/
body{
margin:0;
padding:0;
background:#FFFFFF url(../img/body_bg.jpg) repeat-x top;
font-family:arial;
font-size:11px;
line-height:18px;
letter-spacing:2px;
color:#333300;
}
.clearfix{
clear:both;
}
a{
outline:none;
color:#333300;
text-decoration:none;
}
/*stile css titoli h1, h2, h3, h4*/
h1,h2,h3,h4{
font-family:Georgia;
letter-spacing:3px;
text-transform:uppercase;
margin:10px 0 0 0;
padding:0;
}
#header h1{
	position:absolute;
	top:120px;
	color:#FF0000;
	font-size:30px;
	line-height:30px;/*xIE*/
	width: 373px;
}
#header h1 span{
color:#5E6A28;
font-size:17px;
}
h2{
height:60px;
line-height:60px;
padding-left:70px;
background:url(../img/titoli_bg.jpg) no-repeat left;
font-size:19px;
}
h2 span{
font-size:14px;
color:#FF0000;
}
h3{
margin:20px 0;
padding-bottom:20px;
font-size:14px;
border-bottom:1px dotted #5E6A28;
}
h4{
background-color:#5E6A28;
height:20px;
line-height:20px;
font-size:10px;
text-align:center;
color:#FFFFFF;
}
/*stile css layout*/
#contenitore{
width:980px;
margin:auto;
}
#header{
height:340px;
position:relative;
margin-top:40px;
background:url(../img/header_bg.jpg) no-repeat center;
}
#contenuto{
margin:20px 0;
}
#left_col{
width:600px;
float:left;
margin-right:10px;
}
#right_col{
width:350px;
float:left;
padding:10px;
background-color:#F4FBDD;
letter-spacing:0;
}
.col1, .col2{
	width:auto;
	float:center;
}
.col1{
	margin-right:10px;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}
#footer{
height:50px;
line-height:50px;
background-color:#FF0000;
border-top:5px solid #5E6A28;
text-align:center;
color:#FFFFFF;
}
/*stile css menu principale*/
#menu{
width:180px;
position:absolute;
right:90px;
top:90px;
margin:0;
padding:0;
list-style:none;
}
#menu li{
height:35px;
line-height:35px;
border-bottom:1px dotted #330000;
}
#menu li.ultimo{
border-bottom:none;
}
#menu a{
display:block;
padding-left:20px;
background: url(../img/menu_bg.jpg) no-repeat top left;
font-weight:bold;
text-transform:uppercase;
color:#333300;	
}
#menu a:hover{
background-position:bottom left;
color:#FF0000;
}

/*stile css menu prodotti*/
#menu_col a{
display:block;
margin-bottom:2px;
border-bottom:1px dotted #CCCCCC;
text-align:justify;
cursor:hand; /*per IE*/
}
#menu_col a b{
display:block;
height:35px;
line-height:35px;
padding-left:20px;
background: url(../img/menu_col_bg.jpg) no-repeat top left;
}
#menu_col a span{
display:none;
}
#menu_col a:hover{/*per IE6 - specificare una proprietà qualunque con un valore di default sullo stato hover*/
background:none;
}
#menu_col a:hover b{
color:#FF0000;
background-position:bottom left;
}
#menu_col a:hover span{
display:block;
margin-bottom:10px;
font-size:11px;
cursor:default;
}
/*stile css immagine colonna sinistra*/
#left_col img{
float:left;
margin:0 10px 10px 0;
border:none;
}
/*stile css immagine offerte*/
.col2 a img{
border:1px solid #5E6A28;
padding:1px;
}
.col2 a:hover{/*per IE6 - specificare una proprietà qualunque con un valore di default sullo stato hover*/
border:none;
}
.col2 a:hover img{
border:none;
padding:2px;
}