body{
	//background:red;
}

.centra{
	text-align:center;

}


#btn_prenota_revisione_1{
	
	-moz-border-radius: 0px 0px 5px 5px ;
	-webkit-border-radius: 0px 0px 5px 5px ;
	border-radius: 0px 0px 5px 5px ;
	
	font-size:21px;
	padding:10px 10px 10px 10px;
	border-top:solid 1px #fff;
	
}



.carousel-inner{
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}


.carousel-inner{
	position:relative;
}

.sloganCarousel{

	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	//background:#c9302c;
	background:#000;
	padding:10px 10px 10px 10px;
	color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity:0.7;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #fff;
	
	-moz-border-radius: 0px 0px 0px 5px ;
	-webkit-border-radius: 0px 0px 0px 5px ;
	border-radius: 0px 0px 0px 5px ;
	

}


.panel.panel-default{
	//border:dashed 1px #eee;
}

.panel-heading{
	font-family: 'Archivo Narrow', sans-serif;
	font-size:17px;
	padding:3px 5px 3px 5px;
	background:#000;
	color:#fff;
}

.panel.panel-default .panel-heading{
	background:#000;
	color:#fff;
	text-shadow: 1px 1px 1px #999;

}

.rightmenuli{

	padding:0px 0px 0px 0px 0px;

} 

.navbar.navbar-top.navbar-inverse{

	background:#fff;
	border:none;
	//border-bottom:solid 1px #eee;
	//border-bottom:solid 5px #FF7F50;
	padding-bottom:15px;
	margin-bottom:0px;
	
}



.telH{
	margin-top:25px;
	text-align:right;
	margin-right:16px;
	font-weight:bold;
	font-family: 'Play', sans-serif;
	font-size:17px;
}

.telH a{
	color:#000;
	
	
}

.telH a:hover{
	color:#333;
}

.logodiv{
	color:black;
	float:right;
	max-width:422px;
	height:600px;	
	background:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity:0.8;
	padding:15px 15px 15px 15px;
	border-left:dashed 1px #000;
	
}

.logo{
	color:black;
	float:left;
	max-width:500px;	
	padding:0px 0px 0px 0px;
	
}

.logoscritta{
	color:black;
	float:left;
	max-width:422px;
	font-size:32px;
//	font-weight:bold;
	margin-top:36px;
	font-family: 'Anton', sans-serif;
}

.logoscritta div{
	font-family: 'Play', sans-serif;
	font-size:17px;
}

.nav.navbar-nav li a{
	padding:30px 15px 30px 15px;
	font-size:17px;
	color:#333;
	font-weight:bold;
	//font-family: 'Play', sans-serif;
}

.nav.navbar-nav li a:hover{
	background:#eee;
	color:#333;
}

.parallax-container{
	//border-top:solid 5px #FF7F50;
	overflow: hidden;
	
}

body{
	padding-top:0px;
}

.riga{
	border-top:solid 5px #eee;
}

.collapse.navbar-collapse{
	padding:0px 0px 0px 0px;
}

.sloganContainer{
	text-align:center;
	font-size:32px;
	color:#000;
	padding-top:17px;
}

.sloganContainer a{
	text-decoration:none;
	color:#000;
}

.sloganContainer a:hover{
	text-decoration:none;
	color:#333;
}

.paragrafoFooter{
	font-family: 'Play', sans-serif;
	font-size:12px;
	color:#eee;
}

.paragrafoFooter a{
	color:#eee;
}

.footerContainer{
	background:#000;
}

input{
	margin-bottom:5px;
}

hr{
	display:none;
}

hr.hr2{
	display:block;
}

.orarioTable{
	 border-collapse: collapse;
	 width:100%;
	 
	 font-family: 'Play', sans-serif;
}

.orarioTable td{
	background:orange;
	border: 1px solid #fff;
	padding:0px 5px 0px 5px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}


.orarioTable th{
	background:#eee;
	border: 1px solid #fff;
	padding:0px 5px 0px 5px;
	text-align:center;
	font-weight:normal;
}

th.thClock{
	background:#fff;
	text-align:center;
	color:#000;
}

.img-riquadri{
	margin:0px 0px 0px 0px;
}

.orario {
	
	-moz-border-radius: 10px 10px 10px 10px ;
	-webkit-border-radius: 10px 10px 10px 10px ;
	border-radius: 10px 10px 10px 10px ;
	
	//border:solid 1px #ddd;
	
	padding:20px 20px 20px 20px;
	font-family: 'Play', sans-serif;
	color:#555;
	
	
}

.orario span{
	color:#fbb241;
	
}

.orarioSopra{
	min-height:90px;
	position: relative;
	text-shadow: 1px 1px #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,dddddd+68,dddddd+100 */
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top, #f7fbfc 0%, #dddddd 68%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7fbfc 0%,#dddddd 68%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7fbfc 0%,#dddddd 68%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	color:#555;
}

.clock{
	
	position:absolute;
	width:30px;
	height:30px;
	background-image: url("../img/clock2.png");
	
	top:-7px;
	left:-7px;

}

.triangolino{

	width:40px;
	height:20px;
	position:absolute;
	bottom:0px;
	left:50px;
	
	//border:solid 1px red;
	background-image: url("../img/triangolino.png");

}

.orarioSotto span{
	color:#555;
	text-weight:bold;
}

.ora{

	color:#333;
	text-shadow: 1px 1px #fff;
}

.orarioSotto{
	
	min-height:70px;
	
	color:#555;

	 text-shadow: 1px 1px #fff;

	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,fcb03f+100 */
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(top, #f1e767 0%, #fcb03f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1e767 0%,#fcb03f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1e767 0%,#fcb03f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcb03f',GradientType=0 ); /* IE6-9 */
}

.soc2{

	font-size:34px;
	color:#fff;	
	
	text-decoration:none;
	
}

.soc2Link:hover{

	text-decoration:none;

}

.table-condensed th{
	background: #000;
	color:#fff;
	text-align:center;	
	width:50px;
	
}

.table-condensed td{

	text-align:center;
	cursor:pointer;
}

.table-condensed td:hover{

	text-align:center;
	cursor:pointer;
	background:#ccc;
}








.table-condensed td.available.off{	
	color:#999;	
}
.table-condensed td.available.active{
	color:#fff;
	background: #000;
}
.table-condensed th.next.available{
	color:#000;
	background: #fff;
	cursor:pointer;
}
.table-condensed th.prev.available{
	color:#000;
	background: #fff;
	cursor:pointer;
}
.table-condensed th.next.available:hover{
	background: #ccc;
}
.table-condensed th.prev.available:hover{
	background: #ccc;
}








.table-condensed{

	border-spacing: 1px;
   border-collapse: separate;
	background:#fff;
}



.table-condensed th.month{
		
	color:#000;
	background: #fff;
	
}


.navbar-toggle{
	background:#000;	
}

#logo2 img{
	width:70%;
}


.boom{

    text-align:center;
    text-shadow:2px 2px 1px #fff;
    font-size:19px;
    font-weight:bold;
    font-style:italic;
    padding-top:90px;
    color:#000;
    line-height: 19px;
    

    position:absolute; 
    top:30px; 
    right:170px;
    
    width:350px;
    height:300px;
    
    background-image:url("/img/boom.png");
	background-size: 100% auto;
    background-repeat: no-repeat;
    
}

.boom a{
    color:#000;
}

.boom3{
    
    background-image:url("/img/boom.png");
	background-size: 100% 100%;
    background-repeat: no-repeat;
    color:#000;
    font-size:19px;
    
    padding:30px 70px 30px 70px;
}

.boom3:hover{
    //text-decoration:underline;
    color:#000;
}

.boom2{


    

    text-align:center;
    text-shadow:2px 2px 1px #fff;
    font-size:19px; !important
    font-weight:bold;
    font-style:italic;
    padding-top:0px;
    color:red;
    line-height: 19px;
    
    
    
    /*
    position:absolute; 
    top:30px; 
    right:170px;
    */
    
    
    
    
}

.boom2 a{
    color:red;
}



@media screen and (min-width: 0px) {

    boom2{
	    display:block;
	}
	
	#logo1{
		display:none;
	
	}
	
	#logo2{
		display:block;
		text-align:center;
	}

	.test{
			background:orange;
		}
		
	
	.imgSlogan{
		width:100%;
	
	}
	
	.socialResponsive{
		display:none;
	}
	
	.socialResponsive2{
		display:block;
	}
	
	.imgSocial{
		width:17%;
	
	}
	
	
	.prenotaRevisioneForm{
		display:none;
	}
		
	.mandaAcapo{
		display:block;
		clear:both;	
	
	}
	
	.sparisci1{
		display:none;
	}
	
	.mandaAcapo2{
		display:block;
			
	
	}	
	
	.nav.navbar-nav{
		clear:right;
		clear:left;
		margin:0 auto;
		width:100%;
	
	}
	
	.nav.navbar-nav li{
		width:100%;
	
	}
	
	
	.logo{
		color:black;
		float:none;
		max-width:100%;
		padding:0px 0px 0px 0px;
		text-align:center;
	
	}
	
	.logo img{
		width:70%;	
	}
	
	.afterLogo{
	
		width:100%;
		text-align:center;

	}

	
	.telH{
		margin-top:25px;
		text-align:center;
		font-weight:bold;
		font-family: 'Play', sans-serif;
		font-size:17px;
		margin-right:0px;
		
	}
	
	#parallasse{
		display:none;
	}
	
	#parallasseInside{
		display:none;
	}
	
	.parallaxSlogan{
        padding:0px 0px 0px 0px;
    }
    
    .parallaxSlogan2{
        display:block;
    }

	
	
	
	.mScomp{
		//display:none;
		color:#000;
	}
		
}

@media screen and (min-width: 480px) {
	
	.mScomp{
		//display:block;
		color:#fff;
	}
	
	
	.mandaAcapo2{
		display:none;
			
	
	}
	
	.sparisci1{
		display:block;
			
	
	}
	
	.test{
			background:#000000;
		}
		
	#phoneContainer{
		display:block;
	}
	
		
		
}
 
@media screen and (min-width: 768px) {
	
	boom2{
	    display:block;
	}
	
	#phoneContainer{
		display:none;
	}		
		
		
	#logo1{
		display:block;
	
	}
	
	#logo2{
		display:none;
	
	}
	
	.prenotaRevisioneForm{
		display:block;
	}
	
	.test{
		background:yellow;
	}
	
	.imgSlogan{
		width:50%;
	
	}
	
	.socialResponsive{
		display:block;;
	}
	
	.socialResponsive2{
		display:none;
	}
	
	.imgSocial{
		width:5%;
	
	}
	
	
	
	.nav.navbar-nav li{
		width:16%;
	
	}
	
	
}

@media (min-width: 992px) {
	
	
    .boom2{
        display:none;
    }
	
	.mandaAcapo{
		display:none;
		clear:both;	
	
	}
	
	#parallasse{
		display:block;
	}
	
	#parallasseInside{
		display:block;
	}
	
	.parallaxSlogan{
        padding:30px 100px 30px 100px;
    }
    
    .parallaxSlogan2{
        display:none;
    }


	
	
	.test{
		background:green;
	}
	
	.nav.navbar-nav li a{
	    padding:30px 14px 30px 14px;
	    font-size:17px;
	    color:#333;
	    font-weight:bold;
	}
	
	.nav.navbar-nav li{
		width:auto;
	
	}
	
	.nav.navbar-nav{
		float:right;
		margin-top:10px;
	
	}
	
	.logo img{
		width:100%;	
	}
	
	.logo{
		color:black;
		float:left;
		max-width:400px;	
		padding:20px 0px 0px 0px;
	
	}

	
	.afterLogo{
	
		float:right;
		max-width:500px;

	}

	
	.telH{
		margin-top:25px;
		text-align:right;
		margin-right:16px;
		font-weight:bold;
		font-family: 'Play', sans-serif;
		font-size:17px;
	}
	
}
 
@media screen and (min-width: 1024px) {
	
	.test{
		background:blue;
	}
}

@media screen and (min-width: 1200px) {
	background:violet;	
		
}



.giornoPrenOp{
	 opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */ 
}

.giornoNonPren{
	background:#ff0000; 
	color:#fff; 
}

.giornoNonPren:hover{
	color:#000;
}
.giornoPren{
	background:#008000; 
	color:#fff; 
}

.giornoPren:hover{
	color:#000;
}

.available.active.start-date.end-date.giornoDiOggi{
	background:#ff0000; 
	color:#fff;
	background-image:url("/img/triangolinogrigio.png");
	background-size: 18px 18px;
   background-repeat: no-repeat;
   background-position: left bottom;
}

.available.active.start-date.end-date.giornoPren{
	background:#008000; 
	color:#fff;
}
.available.active.start-date.end-date.giornoNonPren{

	background:#ff0000; 
	color:#fff;
}

.available.active.start-date.end-date:hover{
	background:#ccc; 
	color:#000;
}

.available.off.giornoNonPren:hover{
	background:#ccc; 
	color:#000;
}

.available.off.giornoPren:hover{
	background:#ccc; 
	color:#000;
}

.available{
	font-weight:bold;
}


.giornoDiOggi{

	background:#ff0000; 
	color:#fff;
	background-image:url("/img/triangolinogrigio.png");
	background-size: 18px 18px;
   background-repeat: no-repeat;
   background-position: left bottom;
}

.available.active.start-date.end-date.giornoDiOggi:hover{
	background-image:url("/img/triangolinogrigio.png");
	background-size: 18px 18px;
   background-repeat: no-repeat;
   background-position: left bottom;
}


.dateInRosso{

	border:solid 1px red;
	width:30px;
}


.cerchio2 {
	width:50px;
	height:50px;
	border-radius:50px;
	background:#fff;
	border:solid 2px #333;
	text-align:center;
	padding:7px 7px 7px 7px;
	margin: auto;
}

.cerchio2 i{
	font-size:32px;
	color:#333;
}

.cerchio2div{
	padding-top:10px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.formNumber{
	
	text-align:center;
	border-radius:50px;
	background:#999;
	color:#fff;
	font-weight:bold;
	width:33px;
	height:33px;
	padding-top:2px;
	font-size:21px;

}

.daterangepicker{

	width:300px;

}


#basic-addon1{
    cursor:pointer;

}

#basic-addon1:hover{
    opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */

}