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

/* -- Font -- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700, 200);



/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/* -- Struttura -- */
html, body { margin:0; padding:0; min-width:980px; }
body { font-family: 'Open Sans', sans-serif; font-size:12px; background:#fefefe; color:#868686; font-weight:200; }
a { color:#3c3c3c; text-decoration:none; }

/* --- HEAD --- */

#headerPage{ height:140px; position:relative; width:996px; margin:0 auto;}
#logo{ position:absolute; left:50%; top:33px;}
#logo .imglogo{position:relative; left:-102px;}
#menuLingua{ position:absolute; right:10px; text-align:right; width:300px; top:45px; font-size:15px; color:#323232; }
#menuLingua .vociMenuLingua a.a_menuLingua{ font-size:15px; color:#323232; }

#menuLingua .vociMenuLingua a.a_menuLingua:hover{ color:#26658f;}
#menuLingua span.companyInfo{font-size:10px; color:#949494; line-height:15px; display:block; float:right; padding-left:25px; padding-right:25px;}
#headerPage .barraIntro{ background-color:#f6f6f6;width:996px; margin:0 auto; height:30px; line-height:30px; font-size:15px; color:#323232; font-weight:200; text-align:center; position:absolute; bottom:0; }



/* --- Menu --- */

#menu{width:996px; margin:40px auto; text-align:center; }
#menu a{margin:0 34px; font-size:15px; color:#717171; }

/* -- Selezionato -- */
body#home #menu a#a-ilprogetto, body#risultati #menu a#a-risultati, body#leaziende #menu a#a-leaziende, body#contatti #menu a#a-contatti{ color:#26658f; }  


/* --- FOOTER --- */

#footer{clear:both;width:996px; margin:30px auto; text-align:center; height:50px; line-height:50px; background-color:#f6f6f6;}
#footer a.generic_a{color:#868686;}
#footer a.generic_a:hover{color:#333;}


/* --- CONTAINER --- */

#containerPage{ width:996px; margin:0 auto;}

#introImg{width:981px; height:463px; margin: 0 auto; }

#barraTitolo{ margin:15px 0 0 0; height:52px; text-align:center; line-height: 52px;  background-color:#f6f6f6;}
#barraTitolo h2.txtTitolo{color:#004a7c; color:#004a7c; font-size:32px; text-align:center; margin:0; font-weight:200; }

#contentPage{ margin-top:70px;}

#contentPage .colonna1-3{ float:left; width:240px; margin-right:40px; margin-left:110px; }
#contentPage .colonna2-3{float:left; width:240px; margin-right:40px;}
#contentPage .colonna3-3{float:left; width:240px; margin-right:0px;}

#contentPage h3.titolo{font-size:21px; color:#004a7c; font-weight:400; margin-bottom:40px;  }
#contentPage .textContent{font-size:14px; color:#868686; line-height:21px; width:214px; font-weight:300; }

#contentPage .colonna1-2{ float:left; width:220px; margin-right:80px; margin-left:240px; }
#contentPage .colonna2-2{float:left; width:270px; margin-right:00px;}


	
	


/*---- Contacts --- */


.pageForm{width:600px; margin: 0 auto;}

#box_indirizzo{ color:#8b8b8b; font-size:14px; line-height:20px;}
#box_indirizzo .subtitle{font-size:16px; color:#696969;}

#containerForm{margin:35px 0 ;}


#containerForm .boxSx{ float:left; width:275px; margin-right:35px; }
#containerForm .boxDx{ float:left; width:275px;}

#containerForm .label{font-size:15px; color:#8b8b8b; margin:0 0 4px 0; height:20px;}
#containerForm .input{ width:273px; height:29px; background-color:#f6f6f6; line-height:25px; margin-bottom:20px;}
#containerForm .input input.stdInput{color:#7f7f7f; background:none;  border:none; padding:0 0 0 10px; width:255px;}

#richieste_contatti{ width:273px; height:248px; background-color:#f6f6f6; line-height:25px; margin-bottom:20px;}

#richieste_contatti textarea{ min-width:250px; max-width:250px; min-height:225px; max-height:225px; background:none;  border:none; padding: 10px; }

#contact-privacy{width:250px; height:40px; float:right; text-align:right; line-height:16px; margin-right:15px; font-size:12px; color:#8b8b8b;}

#contact-privacy a {font-size:12px; color:#8b8b8b;} 
#contact-privacy a:hover {font-size:12px; color:#333;} 

.sendForm{float:right;width:93px; height:35px; margin:15px 15px 0 0 ; }

.sendForm a.invia_form{width:93px; height:35px; text-align:center; font-size:21px; color:#8b8b8b; line-height:35px; border:1px solid #8b8b8b; display:block;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.sendForm a.invia_form:hover{color:#333;  border:1px solid #333;}


#risposta_form{display:block;  position:absolute; top:300px;  text-align:center; width:600px; }

#risposta_form .msg{font-size:14px; width:600px; display:none;}

  
  

/* Le Aziende */  
 
.bloccoSx{float:left; width:530px;}
.bloccoDx{float:right;}
 
.bloccoSx .rigo{ display:table; clear:both; margin-bottom:35px;}
.bloccoSx .rigo .logoAz{float:left; width:136px;  }
.bloccoSx .rigo .descAz{float:left; width:373px; margin-left:21px; font-size:15px; line-height:20px; }
.bloccoSx .rigo .descAz a{}


a.linkAziende{display:block; margin-top:5px; color:#8b8b8b; }
a.linkAziende:hover{color:#333333; }




/* Animazione */

.slideGallery{ width:981px; height:463px;}
.windowsGallery{overflow:hidden; width:981px; height:463px; position:relative;}

.sliderGallery{width:10000px; height:463px; position:absolute; left:0;
	-webkit-transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out; 
}

.slideGallery .imgGall{ width:981px; height:463px; float:left; margin-right:10px;}


.gotoNext{height:30px; margin:35px 0 0 0; }
.gotoNext a.nextPg{line-height:30px;  color:#8b8b8b; font-size:18px;  font-weight:300; }
.gotoNext a.nextPg:hover{line-height:30px;  color:#333;  }

.gotoNext a.nextPg .bgFreccia{display:inline-block; height:30px; width:17px; background:url(../img/bgFreccia.png) bottom left; margin:0 0 -8px 15px; }
.gotoNext a.nextPg:hover .bgFreccia{background:url(../img/bgFreccia.png) top left; }

#menuLingua a:hover .companyInfo{color:#333333;}	
	
.textFooter a{color:#868686;}
.textFooter a:hover{color:#333;}
	
	

/*
#box_contatti { width:896px; height:216px; margin:auto; color:#7f7f7f; font-size:15px; font-family: Helvetica, Arial, sans-serif; line-height:150%; text-align:left;}
#box_form { width:645px; float:left; background:url(../img/box_tariffe.jpg) no-repeat left top;}
#box_form { width:650px; height:569px; float:left; background:url(../img/bg_form.jpg) no-repeat left top;}


#box_form2 { width:555px; margin:30px 0 0 50px; text-shadow:0 1px rgba(0,0,0,0.2);  }
#box_indirizzo { width:220px; float:right; margin-top:40px;}
#box_indirizzo a { color:#7f7f7f;}

#containerForm{margin-left:50px; font-family:Helvetica,Arial,  sans-serif; font-size:13px; color:#7f7f7f; margin:10px 0 0 50px; }
#containerForm .rigo{ margin: 10px 0 10px;}
#containerForm .rigo .boxSx{ width:290px; float:left;}
#containerForm .rigo .boxDx{width:270px; float:left;}
#containerForm .rigo .label{margin-bottom:10px; margin-top:10px; height:14px; }
#containerForm .rigo .input{height:25px; width:265px; background-color:#FFF; border:none; border:1px solid #FFF;}
#containerForm .rigo .input input.stdInput{color:#7f7f7f; background:none;  border:none; padding:0 0 0 5px; width:255px;}

#containerForm #richieste_contatti{height:178px; width:550px; background-color:#FFF; background-color:#FFF; margin-bottom:15px;}
#containerForm #richieste_contatti .textArea{ min-width:530px; max-width:530px; min-height:160px; max-height:160px; border:none; padding:5px; background:none; color:#7f7f7f;  }

#contact-privacy{text-align:right; padding-right:48px; width:300px; float:right; color:#7f7f7f;}
.sendForm{ text-align:right;  padding:10px 48px 0 0; width:300px;float:right; }

#contact-privacy a{ color:#7f7f7f; text-decoration:underline; }
#contact-privacy a:hover{ color:#333; }

a#invia{color:#7f7f7f; font-size:14px; }
a#invia:hover{color:#333; }

#risposta_form{ width:570px; height:459px; background:url(../img/bg70pc.png) repeat; }
#risposta_form .msg{display:none;}*/

 
/* ---- Slideshow --- */
#slideshow { width:1440px; height:500px; overflow:hidden; position:absolute; }
#slide-container { position:absolute; left:0; top:0; }
#slide-container img { display:block; float:left; }

/* --- Form - Booking --- */
#booking-form { width:810px; height:40px; position:absolute; top:-40px; left:50%; margin-left:-405px; background:#333; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.5); padding:5px; text-align:left; z-index:1; }
#booking-form input[type="text"] { display:block; height:18px; padding:10px; border:1px solid #888; color:#333; font-size:14px; float:left; margin-right:3px; }
#booking-form #input-email { width:290px; }
#booking-form #input-check-in,
#booking-form #input-check-out { width:112px; }

select { width:130px; }
span.customSelect { display:block; font-size:14px; background-color: #FFF; color:#7c7c7c; height:18px; padding:10px 15px; border:1px solid #888; width:100px; font-family:'Crimson Text', serif; }
span.custonSelect .customSelectInner { width:100px; }
span.customSelect.changed { background-color:#f0dea4; }
.customSelectInner { background:url(../img/customSelect-arrow.gif) no-repeat center right; }



/* ---- ROOMS ---- */

#menu-gallery .titleCamera{ text-align:center; font-size:18px; text-shadow:0 1px rgba(0,0,0,0.2); padding:23px 0 18px 0;}
#menu-gallery .descCamera{text-align:center; color:#5a5a5a; font-size:12px; font-family: Helvetica, Arial, sans-serif; line-height:120%;}
#menu-gallery .menuCamera{text-align:center; color:#5a5a5a; font-size:12px; font-family: Helvetica, Arial, sans-serif; padding-top:18px; }
#menu-gallery .menuCamera a.menuNumero{color:#999; margin:0 3px;}

#menu-gallery .menuCamera a.menuNumero:hover, #menu-gallery .menuCamera a.selected{color:#5a5a5a;}

#menu-gallery .slideDx {position:absolute; right:25px; top:45%; height:22px; width:12px; }
#menu-gallery .slideSx {position:absolute; left:25px; top:45%;  height:22px; width:12px; } 

#menu-gallery .slideDx a{display: block; height:22px; width:12px; background:url(../img/frecciaDx.png) bottom left no-repeat;}
#menu-gallery .slideSx a{display: block; height:22px; width:12px; background:url(../img/frecciaSx.png) bottom left no-repeat;} 

#menu-gallery .slideDx a:hover, #menu-gallery .slideSx a:hover{background-position:top;}


.subMenuRoom{padding-top:20px; text-align:center; height:100px;}
.subMenuRoom a.a_menuRooms{margin:0 11px ; font-size:15px; color:#999; text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
.subMenuRoom a.a_menuRooms:hover{color:#333;}

.a_colorino a.a_colorino, .a_pugnitello a.a_pugnitello, .a_syrah a.a_syrah{text-decoration:none; color:#333;}

#animatingRoom{
	-webkit-transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out; 
	left:0;}
.containerImg{width:1440px; float:left; height:750px;}