@charset "utf-8";

/* CSS Document */

::selection{

	background-color:#247e9b !important;

	color:#FFF !important;}

:hover{transition: all 0.5s ease;}


	.colora{

			position:fixed;

			width:100% !important;

			top:0px;

	  background: #FFF !important;

	  -webkit-box-shadow: 0px 5px 10px 0px rgba(98,99,100,0.7);

-moz-box-shadow: 0px 5px 10px 0px rgba(98,99,100,0.7);

box-shadow: 0px 5px 10px 0px rgba(98,99,100,0.7);

	  float:left;

	  height:70px;

	  z-index:999;

	 -webkit-transition-duration: 0.5s; /* Safari */

    transition-duration: 0.5s;}

	/*.colora .art-hmenu li a{

		color:#fff !important;}

			.colora .art-hmenu li a.active{

				color:#C15C5E !important;}

				.colora .art-hmenu li a:hover{	color:#C15C5E !important;}

				.colora .art-hmenu li ul li a{color: #204364 !important;}*/

		.logo.hides{ -webkit-transition-duration: 0.5s; /* Safari */

    transition-duration: 0.5s;

			display:none;}	
			#loghinos.hides{
    transition-duration: 0.5s;

			display:none;}			
			
		#loghinos.shows{
    transition-duration: 0.5s;

			display:block;}		
			#loghinos{      position: relative;
    margin-left: 20px; 
			z-index: 999;
    float: left;}		

		.ttr_menu_logo.hides{ -webkit-transition-duration: 0.5s; /* Safari */

    transition-duration: 0.5s;

			display:none;}	
			.telefono p, .mail p{
				color: #999 !important;}
				.mail a{color: #999 !important;}
				.mail a:hover{color: #247e9b !important;}
			.telefono p{
				text-align:right !important;}
			.ttr_block.telefono, .ttr_block.mail{
				margin-top:0px !important;}
			.ttr_block.telefono{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
			/*box cerchi*/
			#cerchioprimo{  
				
				-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
width:190px;	border-radius:50%;
				height:190px;
					margin-bottom:30px;
					margin-left:auto;
				margin-right:auto;
				}
				
			#cerchipunto{
				  margin-top: -80px;
				-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.7);
width:190px;	border-radius:50%;
				height:190px;
					margin-bottom:30px;
					margin-left:auto;
				margin-right:auto;}	
				
				#cerchiont{-webkit-box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
				text-align:center;
				border:18px solid #fff;
				border-radius:50%;
				margin-left:auto;
				margin-right:auto;
				width:190px;
				height:190px;
				background-color:#fff;}
			#cerchio{
			
				
				
-webkit-box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
-moz-box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.7);
				text-align:center;
				border:18px solid #fff;
				border-radius:50%;
				margin-left:auto;
				margin-right:auto;
				width:190px;
				height:190px;
				background-color:#fff;}
				#cerchiont .fas{ position: absolute;
  top: 15%;
  color:#247e9b;

  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}	
				#cerchio .fas{ position: absolute;
  top: 40%;
  color:#247e9b;

  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
				
			.ttr_banner_menu_inner_below2{margin-top: -90px !important;
    position: relative;
    z-index: 999;}
	.cerchietto {margin-left:auto;
				margin-right:auto;
				text-align:center;
				}
				.cerchietto a{
					color:#247e9b;
					font-weight:800;}
					.cerchietto a:hover{	color:#333;
					font-weight:800;}
					
					.visible-xs-block{
						display:none !important;}
					
			/*fine box cerchi*/
			
		.menubelowcolumn12{
			
			margin-top:80px !important;}	
			
			.testohome, 	.testohome p{
				text-align:center !important;}
				.testohome .article_anywhere_title{text-align:center !important;}
				.testohome .article_anywhere_title a{font-size: 24px !important;
					font-weight:100 !important;
					font-style:normal !important;
					color:#247e9b;
					text-transform:uppercase;}
				.testohome .article_anywhere_title a:hover{
					color:#333;}	
			.testohome p{
				color:#333 !important;}
			
			
			.ttr_banner_menu{    position: relative !important;
    z-index: 99 !important;}
			
			/*fascia home*/
			#contieni, .ttr_footer-widget-area_inner_above3, .ttr_footer-widget-area_inner_above5{
				max-width:1170px !important;
				margin-left:auto !important;
				margin-right:auto !important;
		}
			#amministra{
				margin-top:120px;
				margin-bottom:50px;
				float:right;
			width:450px;}
		.footerabovecolumn5 .moduletable .ammhome{background-position: center;
		margin-bottom:100px;
			float:left;
			width:100%;}	
			.ammhome h2, .ammhome h2 a{
				line-height: 40px !important;
    font-size: 47px !important;
				font-weight:800 !important;
				color:#000  !important;
				font-style:normal !important;
				margin-bottom:0px !important;
				margin-top:0px !important;
				padding:0px !important;
				
				}
				.ammhome h2 a:hover{color: #cd8d80 !important;}
				
				
		.ammhome h4{margin-bottom:0px !important;
				margin-top:0px !important;
				padding:0px !important;
				font-weight:300 !important;
			text-align:right;
					color:#000  !important;
			   font-size: 20px !important;}		
				
				.ammhome h3, .ammhome h3 a{margin-bottom:0px !important;
				margin-top:0px !important;
				padding:0px !important;
						color:#000  !important;
				font-weight:300 !important;
				text-transform:uppercase;
		
			   font-size: 30px !important;}	
				.ammhome h3 a:hover{
					color:#999 !important;}
				
				
				
		.rouge{
	    float: left;
    max-height: 200px;
			width:100%;
			background-color:#cd8d80;}		
				
			#triangolobianco {
    margin-top: -5px;
    margin-bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0px;
    border-top: 60px solid #fff;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    margin-left: auto;
    margin-right: auto;}	
	.triangolo {
		text-align:center;}
	#servizi{	text-align:center;}			
	#servizi h4{	text-align:center;}				
		#servizi h4 a{
			color:#a12710;
			font-weight:800;
			font-size:20px;
			margin:0px;
			padding:0px;}		
				
					#servizi h4 a:hover{
						color:#fff;}	
						
					#triangorouge	{width: 0;
    height: 0;
    line-height: 0px;
    border-top: 56px solid #cd8d80;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
  
    position: absolute;

   }
		#contienitriangolo{
			width:112px;
			    margin-left: auto;
    margin-right: auto;}		
				
				
				#contenutoservizi {font-size: 13px;
    color: #000;
    margin-left: auto;
    margin-top: 80px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;}
				
				
				
		.misto{
			margin-top:250px;
			    display: table;
    margin-top: 250px;
    width: 100%;
	background-image:url(../images/bgorari.png);
	background-position:center center;
			}		
				#orari{
					border-right:10px solid #fff;
					padding-top:45px;
					padding-bottom:45px;}
				#intervento{
					padding-left:35px;
					
					padding-top:45px;
					padding-bottom:45px;}
					#intervento a{
						font-weight:400;
						color:#fff !important;}
						#intervento a:hover{color: #247e9b !important;}
						
						
									.iconcineo{
					float:left;
					margin-right:8px;}
				#triadestro{
			    margin-right: -55px;
				
					margin-top:-45px;
				
					float:right;
					
					width: 0;
height: 0;
line-height: 0px;
border-top: 50px solid #fff;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
					
			
					}
					#fasciaceleste{
						padding-bottom:35px !important;
						display:table;
						width:100%;
						background-color:#dceaef;
						margin-top:145px;						}
			.cerchiopunti {
				color:#000 !important;
				line-height:18px;
				font-size:13px;
				text-align:center;}		
					
				.cerchiopunti  a{    display: table;
    margin-left: auto;
    margin-right: auto;
					font-weight:900;
					margin-bottom:20px;
					color:#247e9b !important;
					text-transform:uppercase !important;}	
					
					.cerchiopunti  a:hover{
						color:#a12710 !important;
					font-weight:900 !important;}
					
					.testino{	font-size:13px;
		
				text-align:center;
				color:#000;}
				
		/*fine fascia home*/	
			#navigationmenu{    border-bottom: 1px solid #247E9B;
			background-color:#fff;}
			
		footer{  /*margin-top: 150px !important;*/
		 margin-top: 320px !important;
		
		
		}	
			
		.orariblu  p{
			display:none !important;}	
			
			.ttr_footer-widget-area_inner_above9{
				margin-top:100px !important;}
			.testoparalla{
				margin-top:20%;
			}
				
				.testoparalla p{
			
				font-size:60px !important;
				font-weight:100 !important;
				color:#fff !important;}
				.testoparalla p strong{
					font-weight:800 !important;
					}
		.blue .ttr_footer-widget-area_inner_below_widget_container{
			max-width:1170px !important;}			
			.blue {    background-color: #247E9B;}		
					.moduletable.piede1, .moduletable.piede2{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;

}
				 .piede1{	padding-right:25px;}			
		 .piede2{	padding-left:25px;}			
					.piede2 a{
						font-size:14px !important;
						color:#fff !important;}
						.piede2 a:hover{font-size:14px !important;
							color:#333 !important;}
			.custom.piede1	 p{
				font-size:14px !important;
				text-align:center;
				color:#fff;}	
					
			#luogo, #telefono, #mail{			font-size:14px !important;
				width:100%;
				display:table;
	
				margin-bottom:5px;}		
				
					#luogo .fas, #telefono .fas, #mail .fas{
					    margin-bottom: 20px;
 
    float: left;
    margin-right: 15px;}
	#mail a{font-size:14px !important;
		color:#fff !important;}
		
		.ttr_footer_bottom_footer {
    height: 35px !important;
}

.piedecentro p{text-align:center  !important;}

.custom.piede3 p strong{
	font-weight:900 !important;}
			.custom.piede3 p{
				color:#fff  !important;
				font-weight:100  !important;
				font-size:20px  !important;
				text-align:left  !important;}		
				
				
				#staff .ttr_post_title a{
					font-size:20px !important;
					font-weight:900 !important;}
				
				#staff 	.pull-none.item-image{    border-radius: 50%;
    overflow: hidden;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;}
				
				
			.child.dropdown-menu li a{
    text-transform: uppercase !important;
    color: #999 !important;
	padding: 10px  !important;
	border-bottom-width: 1px !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: solid !important;
	border-left-style: none !important;
	border-bottom-color: #247E9B !important;
}	
				
				
				
		.child.dropdown-menu li a:hover{color: #247E9B !important;}		
				
				
				.cd-timeline-content h2{font-family: 'Open Sans', sans-serif !important;
				font-weight:900 !important;
				font-style:normal !important;}
				.cd-timeline-content p{
					font-size:14px !important;
					font-family: 'Open Sans', sans-serif !important;
					}
				.cd-container{
					max-width:none !important;}
					#cd-timeline{margin-top: 0px !important;
					}
					
				
				
					#esigenze{    border-radius: 40px;
						padding-top: 20px;
    background-color: #247e9b;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
    font-weight: 900;
    font-size: 26px;
}
					
					.cd-timeline-block{    margin-top: -50px !important;}
					
					#cd-timeline .cd-timeline-block:nth-child(1){    margin-top: 4em !important;
					}
					
				#triangoloblu	{    margin-left: auto;
    margin-right: auto;
					    width: 0;
    height: 0;
    line-height: 0px;
    border-top: 56px solid #247e9b;
    border-left: 56px solid transparent;
    border-right: 56px solid transparent;
}
	#soluzioni{
		margin-top: -45px;
    padding-top: 20px;
    background-color: #247e9b;
    width: 50%;
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
    font-weight: 900;
    font-size: 26px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;}
	
	#soluzionidabizzi{
		text-align:center;}
					
					#soluzionidabizzi h2{text-align:center;
					color: #247e9b;
					font-style: normal !important;
					font-weight:900;
					}
					
				.richiedipreventivo, .richiediinfo{background-color: #eee;
    margin-bottom: 55px;}	
	
	
	
	
				.fox-row{
					    max-width: 1170px !important;
						padding-top:35px !important;
						padding-bottom:35px !important;
    margin-left: auto !important;
    float: none !important;
    margin-right: auto !important;}	
	.richiedipreventivo h2, .richiediinfo h2{font-style: normal !important;}
	
	.fox-column6{
		color:#000 !important;
		float:left !important;}
	
		.fox-column6 input{    padding: 8px !important;
    height: auto !important;
			border-radius:0px !important;}
			.fox-column {	color:#000 !important;}		
					
			.richiedipreventivo  button, 	.richiediinfo  button			{    padding: 20px !important;
    background-image: none !important;
    background-color: #247e9b !important;
    border: 1px solid #247e9b  !important;
    width: 150px  !important;
    color: #fff !important;
    font-size: 20px  !important;
    font-weight: 900  !important;
	border-radius:0px !important;}
				.richiedipreventivo  button	 .caption, .richiediinfo  button	 .caption{    color: #fff !important;
				    font-size: 20px !important;
    font-weight: 900 !important;
				}
				
				.richiedipreventivo  button:hover, .richiediinfo  button:hover{    border: 1px solid #c0e68f  !important;
					background-color:#c0e68f !important;}
				.richiediinfo{
					margin-top:-80px !important;}
				
				#servizi .pull-left.item-image{
					margin-bottom:35px;
    width: 300px;
    overflow: hidden;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;

    margin-right: 45px;
    height: 300px;}
				
				
		#servizi h1 a{font-size: 20px !important;

    font-weight: 900 !important;}		
			#servizi	.pull-left.item-image img{
				height:100% !important;
				max-width:none !important;
				width:auto !important;}
				
				
				.phocamaps-box-border-grey .phocamaps-map{
					box-shadow:none !important;}
				#mappa{
					display:none !important;}
					.leaflet-popup-content #mail a{
						color:#333 !important;}
						
							.leaflet-popup-content {
								font-size:14px !important;}
						
						.credits{
							padding-top:20px;
					
							}
						
							.credits, .credits a, .credits p a{
								font-size:14px !important;}
								
						
						
						
						
						
						
						
					
		/*/////////////////////////////////////////RESPONSIVE /////////////////////////////////////////*/	

				@media only screen and (min-width: 776px){
						.custom.piede3 p{margin-top: 80px;}
						}

				@media only screen and (max-width: 500px){
					.ttr_banner_menu_inner_below2 .col-xs-6{
						width:100% !important;}
				}