/*css design - creazione siti web - http://www.onsitus.it*/

* {
margin:0;
padding:0;
}
/*STILE GENERALE*/
body {
background:#F7F7F7 url(../images/body_bg.jpg) repeat-x left bottom;
font-family:Arial;
font-size:11px;
letter-spacing:1px;
color:#333333;
}
a {
color:#333333;
outline:none;
}
a:hover {
text-decoration:none;
}
h1, h2, h3{
font-size:28px;
font-weight:normal;
color:#E83F16;
margin-bottom:14px;
}
h2, h3{
margin-bottom:0;
}
h3{
font-size:20px;
}
img {
border:0;
}
p {
margin-bottom : 19px;
}
ul {
list-style:none;
}
/*LAYOUT*/
/*div contenitore wrapper/wrapper_sub*/
#wrapper, #wrapper_sub {
background : url(../images/wrapper_bg.jpg) repeat-x left top;
}
/*div contenitore main - contenuto larghezza fissa centrato*/
#main {
width:900px;
margin:auto;
}
/*div contenitore contenuto*/
#content {
	padding-top: 19px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
    min-height:400px;
}
/*stile colonne/righe*/
.col_1, .col_2, .col_3, .col_4, .column1, .column2, .column3 {
float:left;
}
#wrapper .col_1 {
width:40%;
}
#wrapper_sub .col_1 {
width:45%;
}
#wrapper .col_2 {
width:53%;
}
#wrapper_sub .col_2 {
width:43%;
}
#wrapper .col_3 {
width:5%;
text-align:center;
}
#wrapper_sub .col_3 {
width:10%;
text-align:center;
}
#wrapper .col_4 {
width:24%;
}
#wrapper_sub .col_4 {
width:24%;
}
.row_1{
margin-bottom:40px;
padding-bottom:20px;
}
/*main_menu*/
#main_menu{
height:75px;
}
#main_menu li{
display:inline; /*per IE*/
}
#main_menu li a {
float : left;
display:block;
background : url(../images/menu_separatore.gif) no-repeat;
height:75px;
line-height:75px;
color :#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration :none;
padding:0 15px;
}
#main_menu li a.primo{
background:none;
}
#main_menu li a:hover, #main_menu li a.selezionato, #main_menu li a:hover.selezionato {
background :url(../images/menu_hover.gif) repeat-x;
}
/*logo immagine*/
#logo{
margin-top:4px;
height:274px;
}
/*titoli sezioni*/
#titolo_sezione {
position:relative;
height:53px;
}
#titolo_sezione h1{
font-weight:bold;
font-size:15px;
line-height:53px;
padding-left:30px;
color:#FFFFFF;
}
/*footer*/
#footer{
height:80px;
text-align:center;
}
#footer span {
color : #c1c1c1;
}
#footer strong, #footer strong a  {
color : #434343;
}
/*contact form*/
.input {
display:block;
width : 172px;
height : 19px;
margin-bottom:10px;
margin-right:5px;
background : none;
border : 1px solid #a09b96;
color : #969696;
font-size : 1.27em;
font-family : arial;
}
.textarea {
display:block;
width : 197px;
height : 159px;
background : none;
overflow : auto;
border : 1px solid #a09b96;
font-size : 1.27em;
font-family : arial;
color : #969696;
}
/*galleria*/
select{ 
position:absolute;
right:10px;
top:15px;
width:250px;
padding-left:5px;
background-color:#F7F7F7;
border:1px solid #CCC;
}
select optgroup{
background-color:#F7F7F7;
}
select option{
padding-left:5px;
border-bottom:1px solid #CCC;
}
#galleria a{
display:block;
position:relative;
float:left;
width:120px;
height:140px;
margin:20px 20px 0 0;
}
#galleria a .thumb{
margin-top:0;
margin-right:0;
}
#galleria a span{
display:block;
position:absolute;
left:0;
bottom:0;
}
/*CLASSE*/
/*clear fix*/
.clear {
clear:both;
}
/*thumb style*/
.thumb{
width:110px;
height:110px;
margin: 20px 18px 0 0;
padding:5px;
background:url(../images/thumb_bg.jpg) no-repeat;
border:1px solid #CCC;
}
a:hover .thumb{
border:1px solid #FFF;
}
/*immagine style*/
.immagine
{
height:180px; 
float:left;
margin:0 20px 10px 0;
}
/*sotto titoli data entry*/
.data{
font-size:9px;
color:#691034;
}
/*stile link Leggi tutto*/
.leggi {
padding-left : 10px;
padding-right : 10px;
font-size : 12px;
background-color:#EA4818;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
/*JQuery News dropdown*/
.accordion {
width: 100%;
border-bottom: solid 1px #D5D5D5;
margin-bottom : 20px;
padding-bottom : 20px;
}
.accordion h3 {
background: url(../images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
cursor: pointer;
border:1px solid #999999;
color: #999999;
background-color:#DFDFE0;
}
.accordion h3.current {
background-position: right 5px;
}
.accordion div.pane {
background: #0a0004;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #42001a;
border-right: solid 1px #42001a;
display:none;
}
.accordion .thumb{
margin:20px 17px 0 0;
}
.accordion  a.leggi{
display:block;
width:70px;
margin-top:10px;
font-size:11px;
}
.box_4{ width:138px; height:138px; float:left; padding:7px; display:block; overflow:hidden;}
