@charset "UTF-8";
/* CSS Document */

/* reset form */


/* reset ************************************************************************************************************************************************/
html, body{height:100%}
body{margin:0;padding:0;font-size: 13px;line-height: 17px;background-color:#fff; font-family: 'open_sansregular';}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{text-decoration:underline}
a:hover{text-decoration:underline}
img{width:100%;height:auto;float:left}
p{padding-top:10px;margin:0;color:#4c4c4c;line-height:22px}
ul{margin-top:10px}
li{color:#4c4c4c;margin-top:5px}
ol li span{list-style-type:none;margin-right:15px;float:left;line-height:0.7;vertical-align:middle}
ol li {display:inline-block;line-height: 1.2;margin-bottom: 20px;width:100%;}
h2{font-size:20px;color:#0000;line-height:20px;display:inline-block;font-weight:200;margin:0;  font-family: 'open_sanslight';}
h3{color:#4c4c4c;font-size:22px;margin:0;line-height:23px}
h4{color:#b0aba3;font-size:16px;font-style:italic;font-weight:200;margin: 2% 0 0 0;}
h5{color:#4c4c4c;font-size:16px;font-style:italic;font-weight:200;margin: 2% 0 0 0;}
input{height:15px}
label{vertical-align:middle}
input, textarea, select{border:none;padding:1%; background: #000; border: 0;border-radius: 0;background-color:#ecebe8;vertical-align:middle}
input:focus, select:focus, textarea:focus{ color:#000; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;background-color:#f5f4f3}


/* generale ************************************************************************************************************************************************/
#wrap{width:100%;float:left;overflow:hidden;position:relative}	
#wrap-fullpageimg{position:fixed;top:0;left:0;z-index:-1}
#wrap-fullpageimg div.mc-image{background-size:cover;background-position: center top;background-repeat: no-repeat;} 
#wrap .content #blocco-menu #menu li{margin-bottom:3px}
#wrap .content #blocco-menu #menu li a{text-decoration:none;color:#000}
/*#wrap .content #blocco-menu #menu li a:hover{color:#D9D6D1}*/
#wrap .content #blocco-menu #menu li a:hover{color:#4f504c}
#wrap .content #blocco-menu #menu li.ultimo{margin-top:25px;display:none}
#wrap .content #blocco-menu #menu li ul{margin-top:2px;padding-top:0}
#wrap .content #blocco-menu #menu li ul li{margin:0 0 0 10px}
.navigatore{float:right;z-index:9999}
#cycle-nav {float:left;margin-bottom:20px;}
#cycle-nav ul {list-style-type:none;}
#cycle-nav ul li {margin:8px 13px 0px 0}
#cycle-nav ul li a {border:2px solid #fff;background-color:#fff; float:left;height:8px;margin:2px;width:8px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#cycle-nav ul li a:hover, #cycle-nav ul li.activeSlide a{background-color:#4f504b;}
.inline-nascondi{display:none;}
.testo-inline{padding:20px 20px 25px 20px}
.interna #contenuti .content #blocco-menu #menu ul#profli{float:left;width:100%;padding:0;margin:2px 0;border:0}

.footer{position:absolute;bottom:0;width:90%;left:0;padding:0 5%;background-image:url(../img/sfuma.png);background-repeat:repeat-x;background-position:bottom;font-size: 0.8em;}	
.footer p{margin-bottom: 3px;}
.footer p, .footer a{color:#fff;text-shadow:0px 0px 5px #000; filter: dropshadow(color=#000000, offx=2, offy=2); /* IE and lower */}

/* homepage ************************************************************************************************************************************************/
#home{width:100%;float:left;min-height:100%;position:relative}
#home #wrap .content{width:100%;float:left;overflow:hidden;}
#home #wrap .content #blocco-menu{width:96%;margin-top:15%;float:left;margin-left:4%;background-color:#E4E2E3;position:relative}
#home #wrap .content #blocco-menu #menu{width:10.6%;float:left;background-color:#8f8779;padding:2% 4%}
#home #wrap .content #blocco-menu #menu{width:10.6%;float:left;background-color:#8f8779;padding:2% 4%}
#home #wrap .content #blocco-menu #menu ul{float:left;width:100%}
#home #wrap .content #blocco-menu #contenuto{width:70.4%;float:right;margin-left:11%}
#home #wrap .content #blocco-menu #contenuto h1{min-width:300px;float:left;width:480px; max-width:90%;margin-top:5%}
#home #wrap .content #blocco-menu #contenuto h1 a{display:inline-block}
#home #wrap .content #blocco-menu #contenuto #descrizione-home{width: 68%;float: left;position: absolute;bottom: 20px;}
#home #wrap .content #blocco-menu #contenuto #descrizione-home h2{margin-top:5%; font-family: 'open_sanslight';}
#home #wrap .content #blocco-menu #contenuto #descrizione-home h2 span{font-size:14px; margin-left:5px}

/* interna ************************************************************************************************************************************************/
.interna #contenuti, .interna #contenuti .content{width:100%;float:left;overflow:hidden;margin-top:4%}
.interna #contenuti .content #blocco-menu{width:39%;float:left;overflow:hidden;background-color:#fff}
.interna #contenuti .content #blocco-menu #menu{width:92%;float:left;background-color:#E4E2E3;padding:4%}
.interna #contenuti .content #blocco-menu #menu h1{width:58%;float:left;max-width:236px;display: inline-block;padding-right: 2%;}
.interna #contenuti .content #blocco-menu #menu h1 a{display:inline-block;width:100%}
.interna #contenuti .content #blocco-menu #menu ul{float:right;width:30%;border-left:1px solid #000;padding:4% 0 4% 6%}
.interna #contenuti .content #blocco-contenuto{width:53%;float:right;overflow:hidden;background-color:#fff;padding:0% 4% 6% 4%;}
.interna #contenuti .content #blocco-contenuto h2{color:#000;font-size:28px;font-weight:200;margin-bottom: 3%;display: inline-block;width: 100%;}
.interna #contenuti .content #blocco-contenuto p{margin-top:10px}
.interna #contenuti .content #blocco-contenuto div.left{width:46%;float:left;}
.interna #contenuti .content #blocco-contenuto div.right{width:46%;float:right}

/* contatti ************************************************************************************************************************************************/
#contatti #contenuti .content #blocco-contenuto{padding-bottom:2%}
#contatti #contenuti .content #form, #contatti #contenuti .content #form form, #contatti #contenuti .content #form form ul {width:100%;overflow:hidden;float:left}
#contatti #contenuti .content #form form ul li{float:left;width:45%;margin-right:5%;margin-bottom:20px}
#contatti #contenuti .content #form form ul li label{display: inline-block;margin-right:2%;width:25%}
#contatti #contenuti .content #form form ul li input{width:71%;}
#contatti #contenuti .content #form form ul li#messaggio{width:95%;margin-bottom:10px} 
#contatti #contenuti .content #form form ul li#messaggio label{width:10.5%;vertical-align:top}
#contatti #contenuti .content #form form ul li#messaggio textarea{width:85.5%}
#contatti #contenuti .content #form form ul li.li-lungo{width:83%;margin-left:12%;margin-bottom:0}
#contatti #contenuti .content #form form ul li.li-lungo p{font-style:italic;margin:0;padding:0;line-height:1}
#contatti #contenuti .content #form form ul li.codicesicurezza, #contatti #contenuti .content #form form ul li#termini {border-bottom:1px solid #dbd8d4;padding-bottom:2%}
#contatti #contenuti .content #form form ul li.codicesicurezza label{margin:0 10px 0 0;float:left;width:auto}
#contatti #contenuti .content #form form ul li.codicesicurezza input{margin-left:15px;width:150px;padding:3px}
#contatti #contenuti .content #form form ul li#termini a{color:#8f8779;font-style:normal;text-decoration:none;display:inline-block;margin:10px 0}
#contatti #contenuti .content #form form ul li#termini a:hover{text-decoration:underline}
#contatti #contenuti .content #form form ul li#termini input{width:25px}
#contatti #contenuti .content #form form ul li#bottone-invia{width: 100%;margin: 20px 0 0 0;float: left;text-align:center}
#contatti #contenuti .content #form form ul li#bottone-invia input{width: 100px;margin:0 auto;float:none;padding: 10px 20px 25px;background-color:#8f8779;color:#fff;cursor:pointer}

/* sedi ************************************************************************************************************************************************/
#sedi #contenuti .content #blocco-contenuto p#parma{border-bottom:0px solid #ebebeb}
#sedi #contenuti .content #blocco-contenuto p{padding:0 15px 15px 15px;color:#4C4C4C}
#sedi #contenuti .content #blocco-contenuto #slider-sedi {width:100%;}
#sedi #contenuti .content #blocco-contenuto #slider-sedi ul{margin-top:30px;float:left;}
#sedi #contenuti .content #blocco-contenuto #slider-sedi ul li{max-width:200px;margin-right:5px;float:left;display:none}
#sedi #contenuti .content #blocco-contenuto #slider-sedi .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:20px}

/* professionisti ************************************************************************************************************************************************/
#professionisti #contenuti .content #blocco-contenuto {width: 58%;padding:3.5% 0% 3% 3%;}
#professionisti #contenuti .content #blocco-contenuto h2{margin-bottom:7%}
#professionisti #contenuti .content #blocco-contenuto .left{width:38%}
#professionisti #contenuti .content #blocco-contenuto .right{width:59%}
#professionisti #contenuti .content #blocco-contenuto .right #linked{float:right;width:94px;height:auto;margin-top:4%;margin-right:6%}
#professionisti #contenuti .content #blocco-menu #menu ul#profli{display:inline !important}
#professionisti #contenuti .content #blocco-menu #menu ul#profli a.sel{color: #D9D6D1;}


@media only screen and (max-width: 500px){ /* smartphonepiccoli */
#wrap .content #blocco-menu #menu li.ultimo{display:none}
#home #wrap .content #blocco-menu #contenuto h1 a img{max-width:250px}
}

@media only screen and (orientation : portrait), only screen and (max-width: 700px){ /* tablet e smartphone portrait */
#home #wrap .content #blocco-menu #menu{width:92%;padding:3.5% 4% 7% 4%}
#blocco-menu #menu li{float:left;margin-right:10px;position:relative}
#home #wrap .content #blocco-menu #contenuto {width: 92%;float: left;margin-left: 4%;}
#home #wrap .content #blocco-menu #contenuto #descrizione-home{position:relative;width:100%}
#blocco-menu #menu ul#profli{position:absolute;top:16px;left:0}
#wrap .content #blocco-menu #menu li ul li{margin:0}
#wrap .content #blocco-menu #menu li.ultimo{margin-top:5px}

#professionisti #contenuti .content #blocco-contenuto{width:97%}
.interna #contenuti .content #blocco-menu{width:100%}
.interna #contenuti .content #blocco-menu #menu ul{width:100%}
.interna #contenuti .content #blocco-contenuto{width:92%}
}

@media only screen and (max-width:768px){ /* solo smartphone */
#contenuti .content #blocco-contenuto{margin-bottom:50px}
#home #wrap .content #blocco-menu #contenuto #descrizione-home h2{display:none}

#professionisti #contenuti .content #blocco-contenuto{width:92%;padding:3% 4%}
#professionisti #contenuti .content #blocco-contenuto .left{width:100%}
#professionisti #contenuti .content #blocco-contenuto .right{width:100%;margin-top:3%}

.interna #contenuti .content #blocco-contenuto div.left, .interna #contenuti .content #blocco-contenuto div.right{width:100%}
.interna #contenuti .content #blocco-menu #menu ul{padding-top:0}
.interna #contenuti .content #blocco-menu #menu h1{margin-bottom:0}
#wrap .content #blocco-menu #menu li{margin-top:0;margin-bottom:0}
#contatti #contenuti .content #form form ul li{width:100%}
#contatti #contenuti .content #form form ul li#messaggio{width:100%;margin-right:0;}
#contatti #contenuti .content #form form ul li#messaggio label{width:35%}
#contatti #contenuti .content #form form ul li#messaggio textarea{width:61%}
#contatti #contenuti .content #form form ul li.li-lungo{width:100%;margin:0}
#contatti #contenuti .content #form form ul li.codicesicurezza input{width:80px;float:right}
}