.topline{
	margin-bottom:30px;
	background-color: #d45e5f;
	height:3px;
}

.logo{
	background: url("../img/logot.png") no-repeat;
	width:170px;
	height:57px;
	display:block;;
}

.logo-home{
	background: url("../img/logot.png") no-repeat;
	width:170px;
	height:57px;
	display:block;;
}

.logo:hover{
	background-position:0px -57px;
}

.ribbon{
	background: url("../img/ribbon2.png") no-repeat;
	color:#fff;
	height:104px;
	width:84px;
	margin-top:-35px;
	float:right;
	text-align:center;
	font-size:15px;
	line-height:1.25;
}

.title{
	margin:10px auto 30px auto;
	text-shadow: 2px 2px 2px #e7e7e7;
}

#home .bigimg{
	margin:10px 0 25px 0;
}

.bigimg{
	margin:-10px 0 25px 0;
}

.intro{
	font-family:Georgia;
	font-size:26px;
	text-align:center;
	font-style:italic;
	line-height:1.3em;
	color:#63615e;
	padding:8px 30px 15px 30px;
}

.rowbox{
	margin-top:35px;
}

.boximg{
   border:1px solid #e6e3dc;
   box-shadow: 3px 3px 4px #e6e6e6;
}


.footer{
	margin-top:50px;
	padding:30px 0;
	border-top:2px solid #d45e5f;
	background-color: #554e44;
}

.footer a{
	color:#B3B3B2;
}
/***********PROFESSIONISTI********************************/

.titolo{
	font-size:18px;
	font-size:1.8rem;
	color:#686868;
	margin-bottom:20px;
}

.placido{
	border-bottom:2px solid #e2dfd6;
	margin-bottom:10px;
	padding-bottom:40px;
}



.avvimg{
	width: 100%;
    text-align: center;
    margin-bottom: 8px;
    max-width: 388px;
}

/***********STUDIO********************************/

.paper{
	background: url("../img/paper.png") no-repeat;
	background-size: 100% 100%;
}

.paper p{
	padding:40px 25px 30px;
	font-size:16px;
	line-height:1.7;
	font-family:Georgia;
	color:#565454;
}

.paper p:first-line {
	font-style:italic;
	font-size:26px;
	line-height: 1em;
}

.email a{
	font-size:14px;
	color:#686868;
	padding-left:30px;
	background: url("../img/mail.png") no-repeat 0 1px;
	display:block;
	margin-bottom:15px;
}

.email a:hover{
	color:#d45e5f;
}

.tel{
	font-size:14px;
	color:#686868;
	padding-left:30px;
	background: url("../img/tel.png") no-repeat 0 0;
	display:block;
	margin-bottom:15px;
	height:20px;
}

.indirizzo{
	font-size:14px;
	color:#686868;
	padding-left:30px;
	background: url("../img/indirizzo.png") no-repeat 0 -1px;
	display:block;
	margin-bottom:15px;
	height:20px;
}

/***********ATTIVITA********************************/

.attivita{
	background: url("../img/attivita-bg.png") no-repeat 0 0;
	margin-top:20px;
}

.attivita-footer{
	background: url("../img/attivita-footer.png") no-repeat 0 0;
	height:20px;
	margin-left:1px;
	
}
.attivita p{
	padding:25px 30px 5px 50px;
	margin-bottom:0;
}

/***********CONTATTI********************************/

.contatti-bg{
	background: url("../img/contatti-bg.png") no-repeat 0 0;
	background-size: 100% 100%;
	padding:30px 0 0 0px;
}

.contatti{
	margin-bottom:60px;
	padding-left:40px;
}

.contatti a{
	color:#5B5B5B;
}

.contatti a:hover{
	color:#D15B5B;
}

.contatti p{
	font-size:20px;
	color:#5b5b5b;
	padding-top:27px;
}

.contatti p.ind{
	padding-top:20px;
	line-height:1.2;

}

.come-arrivare{
	background: url("../img/come-bg.png") no-repeat 0 0;
	height:162px;
	background-size: 100% 100%;
	margin-top:40px;
}

.come-arrivare h3{
	padding:20px 0 0 0px;
	margin-left:30px;
	width:158px;
	font-size:24px;
}

.come-arrivare p{
	padding:2px 0 0 0px;
	margin-left:30px;
	font-size:18px;
	color:#5b5b5b;
}



/***********Navigation********************************/

#studio dl.sub-nav a.studio, #professionisti dl.sub-nav a.professionisti, #attivita-page dl.sub-nav a.attivita-page, #contatti dl.sub-nav a.contatti{ 
	color: #d15b5b;
}
	
/***********MOBILE********************************/

	@media handheld, only screen and (max-width: 967px) {
		h3 { font-size: 21px; font-size: 2.1rem; }
		.titolo{font-size: 16px; font-size: 1.6rem;margin-top:-2px; }
		.email a{font-size:12px;}		
		dl.sub-nav{float:left;}
		dl.sub-nav dt, dl.sub-nav dd { margin-left: 15px;}
		.contatti{padding-left:20px;}
		.contatti p{ font-size:18px;font-size:1.8rem;}
		.attivita{background: url("../img/attivita-bg-tab.png") no-repeat 0 0;}
		.attivita-footer{background: url("../img/attivita-footer-tab.png") no-repeat 0 0;}
	}

	@media handheld, only screen and (max-width: 767px) {
		.bigimg, #home .bigimg{margin-bottom:0px;}
		.title{margin:0px auto 25px auto;}
		.intro{ font-size:18px;padding:10px 0; }
		.rowbox{margin-top:20px;}
		.logo,.logo-home{ margin:0 auto 10px auto;}
		.logo-footer{ text-align:center;}
		.menu-mobile {float:right;margin:-100px 0px 0 -70px;padding:4px;background:#d45e5f;border-radius:0px 0px 3px 3px;}
		.menu-mobile a{color:#fff;font-weight:bold;}
		.footer-mobile{text-align:center;font-size:20px;margin-top:20px;}
		.footer-mobile a{display:block;color:#EDEBE4;border-top:1px solid #938E87;padding:15px 0 !important;}
		.footer-mobile a:last-child{border-bottom:1px solid #938E87;margin-bottom:20px;}
		.avv{border-bottom:2px solid #e2dfd6;padding-bottom:40px;margin-bottom:30px;}
		.paper p{padding:40px 15px 30px;font-size:14px;line-height:1.5;}
		.paper p:first-line {font-size:22px;}
		.contatti {margin:0;padding:0;}
		.contatti p{ font-size:16px;font-size:1.6rem;padding-top:17px;}
		.contatti p.ind{ padding-top:10px;}
		.contatti-bg{background: none;padding:0;margin-top:20px;}
		.contatti .six div{margin-bottom:15px;}
		.come-arrivare{margin-top:15px;}
		.come-arrivare p{font-size:12px;font-size:1.2rem;padding:0;margin:0 15px;line-height:1.5;}
		.come-arrivare h3{margin:0 15px 10px 15px;}
		.attivita{background: url("../img/attivita-bg-mob.png") no-repeat center 0;}
		.attivita-footer{background: url("../img/attivita-footer-mob.png") no-repeat center 0;margin:0;}
		.attivita p{ padding:25px 30px 5px 55px;max-width:220px; margin:0 auto;}
		.attivita h2 {text-align: center;padding-left: 0;}
		.footer{margin-top:20px;}
	}
	

/***********FLIPPER********************************/

.flipper .front {
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s; 
    left: 0;
    top: 0;
    z-index: 900;
	margin-bottom:4px;
}

.flipper .back {
	-webkit-transform: rotatey(-180deg);
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	filter: alpha(opacity=@opacity * 100);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 800;
}

.flipper:hover .front {
  z-index: 900;
  -webkit-transform: rotatey(180deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.flipper:hover .back {
  z-index: 1000;
  -webkit-transform: rotatey(0deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.lt-ie9 .flipper .back {
	display:none;
}

/***********FADER********************************/

.fader .front {
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s; 
    left: 0;
    top: 0;
    z-index: 900;
	margin-bottom:4px;
}

.fader .back {
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	filter: alpha(opacity=@opacity * 100);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 800;
}

.fader:hover .front {
  z-index: 900;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.fader:hover .back {
  z-index: 1000;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.lt-ie9 .fader .back{
	display:none !important;
}

.lt-ie9 .fader:hover .front   {
    filter: none;
}