/*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:#555555;
color:#FFFFFF;
font-family:arial;
font-size:12px;
line-height:18px;
}

body, h1, h2, h3, p, ul{
margin:0;
padding:0;
}


/*stile generale */
/*color: #8CA263 in origine */
a{
outline:none;
color:#CCFF00;
}

a.underline{
color:#CCFF00;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

a.underline:hover{
color:#CCFF00;
}

.clearfix{
clear:both;
}

.marg10{
margin-bottom:3px;
}

.marg20{
margin-bottom:20px;
}

.marg20_font12{
margin-bottom:20px;
font-size:12px;
}

/*stile titoli*/
/*font-family:Georgia, Helvetica in origine */
h1, h2, h3, #menu a{
font-family:arial;
}

h1{
font-size:26px;
}

h2{
font-size:16px;
}

h3{
font-size:14px;
border-bottom:2px dashed #FFFFFF;
}

p{
color:#FFFFFF;
}

ul{
font-size:10px;
color:#FFFFFF;
}

/*color: #E85E05 in origine */
h1 span,h3 span, #menu a.selezionato, #menu a:hover.selezionato{
color:#E85E05;
}

/*color: #E85E05 in origine */
h3 span{
color:#CCFF00;
}

/*color: #E85E05 in origine */
#menu a.selezionato, #menu a:hover.selezionato{
color:#E85E05;
}

/*color: #79993D in origine */
h2 span, #menu a:hover{
color:#CCFF00;
}

/*stile elementi*/
#contenitore{
width:960px;
margin:auto;
}

/*header - menu*/
#header{
height:80px;
position:relative;
}

#menu{
position:absolute;
right:0;
bottom:10px;
}

#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;
}

/* in origine text-transform: lowercase;*/
#left_mid{
border:2px dashed #FFFFFF;
font-size:10px;

}

.contenuto_mid{
width:42%;
float:left;
padding:20px;
}

.contenuto_mid_large{
width:95%;
float:left;
padding:20px;
}

/*colonna destra*/
#right_col{
width:255px;
float:left;
font-size:12px;
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*/
}

