/*Onsitus.it - template css gratuito - esempio 7:
Altri layout gratuiti:
http://css.flepstudio.org/css/css-templates/
Copyright: Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/
body{
background:#000000 url(/img/motore.jpg) no-repeat;
color:#FFFFFF;
font-family:arial;
font-size:12px;
line-height:18px;
}
body, h1, h2, h3, p, ul{
margin:0;
padding:0;
}
/*stile generale*/
a{
outline:none;
color:#8CA263;
}
.clearfix{
clear:both;
}
.marg20{
margin-bottom:20px;
}
/*stile titoli*/
h1, h2, h3, #menu a{
font-family:Georgia, Helvetica;
}
h1{
font-size:26px;
}
h2{
font-size:14px;
}
h3{
font-size:12px;
border-bottom:1px dashed #FFFFFF;
}
h1 span,h3 span, #menu a.selezionato, #menu a:hover.selezionato{
color:#E85E05;
}
h2 span, #menu a:hover{
color:#79993D;
}
/*stile elementi*/
#contenitore{
width:960px;
margin:auto;
}
/*header - menu*/
#header{
height:80px;
position:relative;
}
#menu{
position:absolute;
right:0;
bottom:8px;
}
#menu a{
color:#FFFFFF;
font-size:26px;
text-decoration:none;
margin:0 20px;
}
/*immagine sfondo*/
#top{
height:30px;
background:url(../img/top_bg.png) no-repeat bottom;
}
#bottom{
height:30px;
background:url(../img/bot_bg.png) no-repeat top;
margin-bottom:30px;
}
#contenuto{
background:url(../img/mid_bg.png) repeat-y;
padding: 0 30px;
height:100%; /*per IE6*/
}
/*colonna sinistra*/
#left_col{
float:left;
width:615px;
margin-right:30px;
}
#left_col img{
float:left;
margin: 0 20px 20px 0;
}
#left_mid{
border:1px dashed #666666;
font-size:10px;
text-transform: uppercase;
}
.contenuto_mid{
width:42%;
float:left;
padding:20px;
}
/*colonna destra*/
#right_col{
width:255px;
float:left;
font-size:10px;
line-height:15px;
}
.top_right{
height:20px;
background:url(../img/top_right.png) no-repeat;
}
.bot_right{
height:20px;
background:url(../img/bot_right.png) no-repeat;
}
.contenuto_right{
background:url(../img/contenuto_right.png) repeat-y;
padding:0 20px;
height:100%; /*per IE6*/
}