/*Onsitus.it - template css gratuito - esempio 5:
Altri layout gratuiti:
http://css.flepstudio.org/css/css-templates/
Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/
body{
background-color:#333366;
font-size:13px;
font-family:arial;
color:#333366;
}
.clearfix{
clear:both;
}
a{
color:#333366;
text-decoration:none;
}

/*contenitore principale*/
#wrapper{
width:960px;
margin:auto;
}
/*titolo*/
h1{
color:#FFFFFF;
margin-left: 20px;
font-size:40px;
}
h1 span{
font-size:60px;
}
h1 i{
font-size:26px;
font-weight:normal;
}
h1 em{
font-size:30px;
font-style:normal;
}
/*contenuto principale*/
#contenuto_top{
height:30px;
background:url(../img/contenuto_top.jpg) no-repeat bottom;
}
#contenuto_bot{
height:30px;
background:url(../img/contenuto_bot.jpg) no-repeat top;
}
#contenuto{
background-color:#FFFFFF;
}
/*colonna sinistra*/
#left_col{
width:230px;
float:left;
margin-left:20px;
}
/*colonna destra prima parte - menu*/
#left_pt1{
background-color:#333366;
margin-bottom:5px;
}
#left_pt1 a{
display:block;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom: 1px solid #434387;
background: url(../img/arrow_white.jpg) no-repeat left;
padding-left: 20px;
margin: 0 20px;
}
#left_pt1 a:hover{
margin-left:30px;
}
/*colonna destra seconda parte*/
#left_pt2{
width:220px;
background:#E6E6E6 url(../img/left_pt2_bg.jpg) no-repeat top;
padding:5px;
}
/*colonna destra*/
#right_top{
height:25px;
background:url(../img/right_top.jpg) no-repeat bottom;
}
#right_bot{
height:25px;
background:url(../img/right_bot.jpg) no-repeat top;
}
#right_col{
width:685px;
background-color:#E6E6E6;
float:right;
margin-right:20px;
}
/*colonna destra - parte 1 sinistra*/
#right_pt1{
width:390px;
float:left;
margin-left:20px;
}
/*colonna destra - parte 2 destra*/
#right_pt2{
width:240px;
padding:5px;
float:right;
background:#333366 url(../img/right_pt2_bg.jpg) no-repeat top;
margin-right:20px;
}
/*footer*/
#footer{
text-align:center;
color:#FFFFFF;
}
#footer a{
color: #FFFFFF;
}
/*div sub titoli*/
.left_sub{
background:#FFFFFF url(../img/left_title.jpg) no-repeat top;
}
.center_sub{
background:#FFFFFF url(../img/center_title.jpg) no-repeat top;
}
.right_sub{
background:#FFFFFF url(../img/right_title.jpg) no-repeat top;
}
.left_sub h3, .center_sub h3, .right_sub h3{
height:30px;
line-height:30px;
margin-left:30px;
font-weight:bold;
font-size:11px;
}
.left_sub p, .center_sub p, .right_sub p{
padding:0 5px 10px 5px;
}
.left_sub img, .center_sub img, .right_sub img{
float:left;
margin-right:10px;
}