@charset "UTF-8";
/* CSS Document 
ROSSO = 631313
ROSA = C1A1A1
*/

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

input[type="text"].error{border:1px solid red;background-color:#FFFFD5;}
select.error{border:1px solid red;background-color:#FFFFD5;}
textarea.error{border:1px solid red;background-color:#FFFFD5;}
label.error{color:red;display:none;}

/* Header Menu*/
#header { display:block; background:#631313; width:100%; color:#FFFFFF; z-index:1000;}
#header_sx { display:block; width:100%; text-align:center; padding:11px 0 0 0; font-size:1em;}
#header_dx { display:block;  color:#FFFFFF;}

#puls_menu { display:block; float:left; width:60%; text-align:center; padding:10px 0 10px 0; font-size:1em; border:1px solid #CCC; margin:10px 0 8px 5%;position:relative; }

#puls_lingua { display:block; float: right; width:25%; text-align:center; padding:10px 0 10px 0; font-size:1em; border:1px solid #CCC; margin:10px 5% 8px 0; }
#toggle_language2{display:none;background:#333;position:absolute;z-index:99999;margin:10px 0 0 -1px;width:25%;border:1px solid #CCC;border-top:0px;}
#toggle_language2 a{display: block;color:#FFF;padding:3px 0;}
#toggle_language2 a:hover{background:#111;}

#menu { display: none; position:absolute; left:5%; top:75px; width:60%; z-index:1000; }
#menu li {   }
#menu li a { display:block; color:#FFF; font-size:1em; text-align:center; background:#333; padding:10px 0 10px 0; border-bottom: solid 1px #000; text-transform:uppercase; }
#menu li a:hover { background:#111;}

#lingua { display:none; }



#sfondo { display:block; position:relative; width:100%; height:200px;   }

#footer { display:block; position:relative; width:100%; height:150px; background: #631313; margin:175px 0 0 0; }

#logo { display:block; position:absolute; top:-160px; height:200px;  width:98px; left:50%; margin-left:-49px; }  
#logo img { display:block; height:160px; }


#footer_sx { display:block; width:100%; padding:13px 0 0 0 ; color:#FFFFFF; font-size:0.9em; text-align:center; }
#footer_sx a { color:#FFFFFF;}
#footer_sx a:hover { color:#C1A1A1;}

#footer_dx { display:block; width:141px; margin:0 auto; height:36px;  padding:15px 0 0 0; }

.blocco_social { display: block; float:right; height:36px; width:36px; margin:4px 0 0 11px; }
.blocco_social:hover { opacity:0.6; }
.blocco_social img { display:block; height:36px; width:36px;  margin:0; padding:0; }

.barra { display:none; color:#C1A1A1; }
.spazio { display:block; padding:0 0 13px 0; }



/* HOME*/
.contenuti { display:block;  padding:0 0 0 0; margin:0 auto; width:91%; }
.titolo { display:block; color:#631313; padding:10px 0 0 0; font-size:1.3em;}
.testo { display:block; color:#444; padding:5px 0 7px 0; font-size:0.9em; line-height:1.3em; text-align:justify;}
.img100 { display:block; width:98%; margin:5px 0 0 0; border:2px #DDD solid;}

#mappa { display:block; height:160px; width:98%; background:#EEE; margin: 0 auto; margin-top:10px;  }

#pag_box { display:block; }
#pag_menu { display:none;  }
#pag_cont { display:block; }


.tabella { width:100%; margin:0 auto; margin-top:7px; background:#FFFFFF; }
.tabella tr {  }
.tabella tr td { border:#CCCCCC solid 1px; text-align:center; vertical-align:middle;}

.linea1 { font-size:0.8em; color:#999; height:50px; vertical-align: central; line-height:1.5em; }
.linea2 { font-size:1.2em; color:#555; height:50px;}

.asterisco { color:#999999; margin:0 auto; padding:8px 0 7px 0; font-size:0.8em; }

.puls_rosso { display:block; width:100%; float:left; padding:10px 0 10px 0; margin:8px 0 10px 0; background: #F60; color:#FFF; text-align:center;cursor:pointer;}
.puls_rosso:hover { background: #C30;}





/* FORM CONTATTI */
#form { display:block; width:100%; padding:5px 0 0 0; }

.cont_sx50 { display:block; width:100%;}
.cont_dx50 { display:block; width:100%;}
.cont_cx { display:block; width:100%;}


.etichetta { display:block; padding:10px 0 5px 0; font-size:1em; color:#333;}
.input { display:block; padding:8px 1% 8px 1%; width:98%; border:#CCCCCC solid 1px;  }
.input:hover { border:#999 solid 1px;} 

.textarea { display:block; padding:8px 1% 8px 1%; height:90px; width:98%; border:#CCCCCC solid 1px; }
.textarea:hover {  border:#999 solid 1px; }

.porta_ceck { display:block; width:100%; padding:6px 0 0 0; }
.porta_ceck input { display:block; float:left; }
.porta_ceck span { display:block; float:left; padding:3px 0 0 6px; color:#888;  font-size:0.8em;  }
.porta_ceck span a {  color:#888;  }
.porta_ceck span a:hover {  color:#C30;  }

.obbligatorio { display:block; padding:0 0 10px 0; width:100%; text-align:center; color:#888; font-size:0.8em; }
.ico { display:block; width:100%;}




.boxino { padding:0 0 8px 0; }

#blocco_1 { display:block; }
#blocco_2 { display:block; }
#blocco_3 { display:block; }
#blocco_4 { display:block; }
#blocco_5 { display:block; }

.no_mobile { display:none;}


/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

/* Header Menu*/
#header { display:block; position:absolute; top:0; left:0; background:#631313; color:#FFFFFF; height:40px;}
#header_sx { display:block; position:relative; margin:0; float:left; width:auto; text-align:left; padding:11px 0 0 2%; }
#header_dx { display:block; float:right; padding:0 2% 0 0; }

#puls_menu { display:none; }
#puls_lingua { display:none; }

#menu { display:block; position:inherit; float:left; margin: auto; width:auto; padding:3px 15px 0 0; }
#menu li { display:block; float:left; padding:0 0 0 15px; }
#menu li a { display:block; color:#FFF; font-size:1em; padding:10px 0 10px 0; background:none; border:none; }
#menu li a:hover { background:none; }

#menu li #active { color:#CC9900;}

#lingua { display:block; float:right; padding:8px 0 0 0;}
#lingua img:hover { opacity:0.6;}
#lingua img { display:block; height:24px;} 
#toggle_language{display:none;width:24px;background:#631313;position:absolute;z-index:99999;margin-top:8px;}



#sfondo {  position:absolute; width:100%; height:100%;  }
#footer {  position:absolute; bottom:0; left:0; width:100%; height:40px; margin:0;  }

#logo { display:block; position:absolute; top:-160px; height:200px;  left:100px; }

#footer_sx { float:left; width:auto; padding:13px 0 0 2%; color:#FFFFFF; font-size:0.8em; text-align:left; }
#footer_dx { float:right; width:auto; height:30px;  padding:0 2% 0  0;  }

.blocco_social { display: block; float:right; height:30px; width:30px; margin:4px 0 0 8px; }
.blocco_social:hover {  }
.blocco_social img { height:30px; width:30px;  margin:0; padding:0; }



.barra { display: inline; color:#C1A1A1; }
.spazio { display: none;}



/* HOME*/
.contenuti { display:block; position:absolute; width:500px; overflow:hidden; padding:0 0 0 0; margin:0 auto;  right:2%; top:18%; }
.titolo { display:block; padding:10px 10px 0 10px; }
.testo { display:block; padding:10px 10px 7px 10px;  }
.img100 { display:block; width:96%; margin:0 auto; margin-top:6px; border:0;}
#mappa { width:96%; height:210px; }


#pag_box { display: table; width:100%; position:relative; }
#pag_menu {position:relative; display:table-cell;  width:190px; background: url(common/img/bg_grigio.png); vertical-align:top;  }
#dati_menu { position:absolute; bottom:18px; width:170px; left:0; font-size:0.9em; line-height:1.2em; color:#808080; text-align:right;}

#lista_menu { display:block; float:right; padding:4px 0 0 0; }
#lista_menu li { text-align:right; padding:8px 20px 8px 0;  color:#B3B3B3; font-size:1em; cursor:pointer;  }
#lista_menu li:hover { color:#FFFFFF; background:url(common/img/ico_indicatore.png) right center no-repeat;background-size:8px 17px;}

#lista_menu #triangolo { color:#FFFFFF; background:url(common/img/ico_indicatore.png) right center no-repeat; background-size:8px 17px;}

#pag_cont { display:table-cell; width: auto; vertical-align:top; background:#FFFFFF;  }

.link_bg { color:#808080;}
.link_bg:hover { color:#FFF;}


.tabella { width:94%; }
.asterisco { width:94%; }
.puls_rosso { width:auto;  padding:8px 20px 8px 20px; margin:10px 0 10px 3%;}





/* FORM CONTATTI */
#form { display:block; width:94%; margin:0 auto; }

.cont_sx50 { float:left; width:47%; }
.cont_dx50 { float:right; width:47%;}

.obbligatorio { display:block; float:left; width:auto; padding:19px 0 0 12px;  text-align:left;  }

.ico { display:block; width:auto; height:30px; margin:5px 0 10px 3%;}


.boxino { padding:0 0 15px 0; min-height:320px;/*height:320px;*/}

#blocco_1 { display:block; }
#blocco_2 { display:none; }
#blocco_3 { display:none; }
#blocco_4 { display:none; }
#blocco_5 { display:none; }

.no_mobile { display:block;}
}

 
/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){

/* HOME*/
.contenuti {  width:560px;  }
.titolo {padding:10px 12px 0 12px; }
.testo { padding:10px 12px 7px 12px;  }
.img100 {  width:95%; margin-top:6px; }
#mappa { width:95%; height:220px; }

}
 


 
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){


/* Header Menu*/
#header {  top:5px; background:none; background:url(common/img/bg_rosso.png); }
#header_sx { }
#header_dx { }


/* HOME*/
.contenuti {  width:630px;  }
.titolo {padding:10px 14px 0 14px; }
.testo { padding:10px 14px 7px 14px;  }
.img100 {  width:94%; margin-top:6px; }
#mappa { width:94%; height:240px; }


}


