/* CSS Document */

@import url('http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700');
@import url('http://fonts.googleapis.com/css?family=News+Cycle:400,700');


@font-face {
	font-family: 'FuturaFont';
	src: url('Futura.eot');
	src: local('☺'), 
		 url('Futura.woff') format('woff'), 
		 url('Futura.ttf') format('truetype'), 
		 url('Futura.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('proximanova-light-webfont.eot');
    src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #333;
	/*font-family: 'News Cycle', sans-serif;*/
	font-family: 'proxima_novalight', sans-serif;
	line-height: 1.22;
	position: relative;
	font-size:105%;
	background-color:  #9D032B;
	
}

a { text-decoration:none;
	color: #9D032B;
	 }

p {
	margin-bottom: 10px;
	word-spacing: 0.6em;
	line-height: 1.4em;
	

}


.cancella { clear:both; visibility:hidden; height:0px; float: none;}


.wrapper { padding:30px; }


#header {
	
	
	height:430px; 
	width: 100%;
	font-family:'FuturaFont', sans-serif;
	/*font-family:'Merriweather Sans', sans-serif;*/
	position:relative;
}

#menu {
	font-size: 14px;
	letter-spacing: 1px;
	margin: auto;
	position: absolute;
	top: 85px;
	right: 30px;
}

#menu #nav li {
	float:left;
	text-align:center;
	margin-left: 40px;
}
 

#logo {
	display: block;
	height: 85px;
	width: 231px;
	text-indent: -9000px;
	background-image: url(img/logo2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	left: 30px;
	top: 15px;
}

#logo a { width:100%; height:100%; display:block; }

#nav a {
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #9D032B;
}

#nav a:hover, #nav a.selez {
	border-bottom-style: solid;	
}


#navbar {
	background-color: #FFFFFF;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	height: 33px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width:100%;
	font-family:'FuturaFont', sans-serif;
	/*font-family:'Merriweather Sans', sans-serif;*/
	z-index: 120;
}

#navbar h2 {
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	left: 5px;
	top: 7px;	
	color: #9D032B;
}

#slide { width:900px; height:300px;  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888; position:absolute; left:30px; top:130px; }


#container {
	background-color: rgb(255,255,255);
	width: 960px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.7);
}
	


#content {
	width:900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color: rgb(0,0,0);

}

#content img {}
	
#content ul {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	margin-right: 20px;
}	

#content li {
	list-style-image: url(img/check.png);
	list-style-position: outset;
	padding-bottom: 10px;
	word-spacing: 0.6em;
	line-height: 1.4em;
}
	
.sx { float:left; margin-right:8px; }
.dx { float:right; margin-left:8px; }

.servizi, .reparto { float:left; margin:6px; text-align:center; }
.servizi { margin-right:0px; margin-left:12px; }
/*.servizi { float:right; margin-right:0px;  }*/
.reparto { margin-left:0px; margin-right:30px; }
.reparto.ultimo, .reparto.dentro {margin-right:0px; }
.servizi .image {
	width: 318px;	
	height:135px;
	background-position: center center;
}

.servizi p { font-size:12px; text-align:left; height:20px; width:318px;}




.servizi .image a { display:block; height:100%; width:100%; }

a.button {
	padding: 10px 15px;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	width:268px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	background-color: #9D032B;
}

a.button:hover, a.button:focus {
    background-color: #C23920;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

a.button:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background-color: #C23920;
	border: solid 1px #203E5F;
}

.servizi .title { font-size:14px; border-bottom-style: none; }

.title {
	font-size: 18px;
	color:#8A0000;
	
	padding-bottom:5px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A0000;
	margin-bottom: 3px;
	font-family:'FuturaFont', sans-serif;
	/*font-family:'Merriweather Sans', sans-serif;*/
}

.ultimenotizie div {
	font-size: 11px;
	padding-bottom: 8px;
}

.ultimenotizie a {
	color: rgb(51,51,51);
	text-decoration: none;	
}

.news h2, .voce h2 { font-size: 18px; color:#8A0000; padding-bottom:18px; font-weight:normal; }
.news .data { float:right; }
.news .tag { float:left; }
.news { margin-bottom:25px; }
.news .copertina {
	text-align: center;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

.voce { width:660px; float:right; }




#navbar #terrasanta {
	background-image: url(img/terrasanta.jpg);
	margin: auto;
	height: 30px;
	width: 280px;	
}

#reparto #articoli, #articolo #dettaglio { float:right; width: 640px;   }



#articoli .wrapper { margin-left:11px; margin-bottom:11px; float:left; padding:0px; }
#articoli .wrapper a { width: 202px;  display:block; position:relative; font-size:12px; text-align:center; color: #9D032B; }
#articoli .wrapper p a {  }

.reparto.dentro img { width:240px; }

#articoli p {
	height:25px;
	line-height:0.8em;
	word-spacing: 0.3em;
	overflow:hidden;
}

#articoli .wrapper p a { height:auto;  }

#dettaglio img { float:right; margin-left:18px; margin-bottom:8px; }
#dettaglio h3 { font-size: 18px; color:#8A0000; text-transform:uppercase; padding-bottom:18px; font-weight:normal; }
#dettaglio p {  }

#content #pagine { float:right; font-size:10px; list-style-type: none; display:none;}
#content #pagine li {
	float:left;
	margin-left:5px;
	list-style-type: none;
	list-style-image: none;
}
#content #pagine a {
	padding: 3px;
}
#content #pagine a.selez {
	text-decoration:underline;
	color: #9D032B;
}

#gmap { height:300px; width:300px; float:left; }

#dati { width:300px; float:left; font-size:14px; }

#dati li {
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	padding-left: 55px;
	margin-bottom:0px;
	
}

#content #dati li {
	list-style-image: none;
}

#dati span { padding-top:20px; display:block; }
#dati .indirizzo span { padding-top:15px; }
#dati .indirizzo { background-image: url(img/icone/indirizzo.png); }
#dati .numeroverde { background-image: url(img/icone/numeroverde.png); }
#dati .telefono { background-image: url(img/icone/telefono.png); }
#dati .fax { background-image: url(img/icone/fax.png); }
#dati .email { background-image: url(img/icone/email.png); }
#dati .facebook { background-image: url(img/icone/facebook.png); }
#dati a { color: #9D032B; }

#maschera { width:300px; float:right; font-size:14px; }

#contatto {  }

#contatto #nome, #contatto #email, #contatto #note { width:280px; }

#contatto p .note {
	vertical-align: top;
}

#contatto p .sottolineato { text-decoration:underline; }

form #NAME { display:none; }
#contatto #invia{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: uppercase;
	color: #9D032B;
	font-size: 16px;
	font-weight: bold;
	background-color:transparent;
	float:right;
}

#mondo { width:900px; height:400px; margin:auto;  }
#mondo .luoghi { color:#333333; font-size:14px; }


#column { float:left; width:300px; }
#home { float:right; width:600px; }
#home .wrap { float:left; width:200px; }

.wrap h2, .wrap p { width:180px; float:right; text-align:right; }
.wrap img { float:right;}
.wrap p { font-size:14px; }


#footer {
	background-color: rgb(102,102,102);
	color: rgb(255,255,255);
	width: 100%;
	font-size:16px;
}

#footer .wrapper { padding-top:15px; padding-bottom:15px; }

#footer ul { float:left; width:300px; }
#footer ul li { margin-bottom:5px; }
#footer a {
	color: rgb(204,204,204);
	text-decoration: underline;
}

#footer a.selez {
	text-decoration: none;
}

#numeroverde {
	position:absolute;
	right:30px;
	top:10px;
	width:165px;
	height:60px;
	background-image: url(img/numeroverde_vett.jpg);
	background-repeat: no-repeat;
	text-indent:-9000px;
}

#numeroverde a { width:100%; height:100%; display:block; text-indent:-9000px; }

#fblike {
	position:absolute;
	right:210px;
	top:10px;	
}

#numeroverde span {
	font-family: Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 18px;
	top: 14px;
	font-size:28px;
	color: rgb(41,154,64);
}



#galleria ul li {
	float:left;
	margin:10px;
	list-style-image: none;
	list-style-type: none;
	padding:0px;
	width:100px;
	height:100px;
}


.disegno {
	width:240px;
	height:342px;
	background-image: url(img/disegno2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	float:left;
}

.disegno a {
	display:block;
	width:100%;
	height:100%;
	text-indent: -9000px;
}


#listaservizi p { display:none; }
#paginaservizi #listaservizi p {
	display:block;
	font-size: 18px;
	color: rgb(157,3,43);
}


#paginaservizi .disegno { display:none; }
#paginaservizi #listaservizi { width:231px; float:left; }
#paginaservizi #listaservizi .image { display:none; }
#paginaservizi #listaservizi .servizi { margin:0px; text-align:left; width:100%; margin-bottom:6px; margin-left:12px; }
#paginaservizi #listaservizi a { color:rgb(51,51,51); }
#paginaservizi #listaservizi a.selez { font-weight:bold; }

a#referenze {
	
	
	background-image: url(img/referenze.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 230px;
	text-indent:-9000px;
	display:block;
	margin:auto;
}

#referenze a {  width:100%; height:100%;  }



#richiama {
	position: fixed;
	height: 210px;
	width: 350px;
	top: 100px;
	right: -275px;
	background-image: url(img/richiama.png);
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 2000;
}

#richiama .apri {
	position:absolute;
	left:16px;
	top:15px;
	width:59px;
	height:49px;
	display:block;
}


#richiama form { position:absolute; top:10px; left:90px; }
#richiama form label, #richiama form input { width:200px; display:block; }
#richiama form #NAME { display:none; }
#richiama form p { margin-bottom:5px; font-size:12px; width:200px; }
#richiama form #richiamami {
	border: 1px solid rgb(51,51,51);
	background-color: rgb(255,255,255);
}

.designby { font-size:11px; text-align:right; margin-right:12px; }



.clearfix {
				float: none;
				clear: both;
			}
			
			
			/*.list_carousel {
				
				width: 100%;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			#content .list_carousel li {
				float:left;
				margin:10px;
				list-style-image: none;
				list-style-type: none;
				padding:0px;
			}*/
			
			
			.list_carousel {
				
				
				width: 100%;
			}
			.list_carousel ul {
				
			}
			.list_carousel li {
				
				width: 100px;
				height: 100px;
				padding: 0;
				margin:10px;
				display: block;
				float: left;
			}