@charset "utf-8";
/* CSS Document */
html{overflow:-moz-scrollbars-vertical;}
html, body{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:0.875em;}
a{color:#000;}
a:hover, a:focus{outline:none;}
h2 a, h3 a{ text-decoration:none;}
h2 a:hover, h3 a:hover{ text-decoration:underline;}
img{border:none;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0; font-size:1.6em; line-height:100%;}
h3{margin:0; padding:0; font-size:1.2em;}
h4{margin:0; padding:0; font-size:1em; margin-top:1em;}
.general{width:100%; text-align:center;}/*controllare che la larghezza nn sia mai inferiore ai 980px*/

/*header - menu nav*/
.header{
	width:100%;
	height:300px;
	background:center top no-repeat;
	position:relative;
}
#hp .header{height:510px;}


.header .wrap{
	width:980px;
	margin:0 auto;
	text-align:left;
}
.header .menu{
	height:120px;
	position:absolute;
	bottom:0;
}
#hp .header .menu{bottom:0;}
.header .logo{
	width:210px;
	height:120px;
	overflow:hidden;
	float:left;
	position:relative;
}
.header .logo h1{
	text-align:center;
	font-weight:normal;
	height:120px;
	line-height:120px;
	font-size:2.6em;
	position:absolute;
	top:-2000px;
	left:-2000px;
}
.header .logo img{
	width:210px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	background:#fff url(../images/logoVillaGualino.gif) center center no-repeat;
}
/*.header .logo > img{
	background:url(../images/logoVillaGualino.png) center center no-repeat;
}*/
.header .menu ul{
	margin:0 0 0 210px;
	padding:0;
	list-style-type:none;
}
.header .menu ul li{
	width:144px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:40px 0 0 10px;
	padding:0;
	background:#FFF left top no-repeat;
	display:inline;
}
.header .menu ul li#v01{background-image:url(../images/corner01.gif);}
.header .menu ul li#v02{background-image:url(../images/corner02.gif);}
.header .menu ul li#v03{background-image:url(../images/corner03.gif);}
.header .menu ul li#v04{background-image:url(../images/corner04.gif);}
.header .menu ul li#v05{background-image:url(../images/corner05.gif);}
.header .menu ul li a{
	width:144px;
	height:80px;
	display:block;
	position:relative;
	font-size:13px;
	color:#000;
	text-decoration:none;
}
.header .menu ul li.sel{color:#fff; font-size:16px; background-color:#F60; width:144px; height:80px;}
.header .menu ul li a:hover{color:#fff;}
.header .menu ul li#v01 a:hover, .header .menu ul li#v01.sel{background-color:#F60;}
.header .menu ul li#v02 a:hover, .header .menu ul li#v02.sel{background-color:#F30;}
.header .menu ul li#v03 a:hover, .header .menu ul li#v03.sel{background-color:#6C3;}
.header .menu ul li#v04 a:hover, .header .menu ul li#v04.sel{background-color:#0CF;}
.header .menu ul li#v05 a:hover, .header .menu ul li#v05.sel{background-color:#FFB300;}
.header .menu ul li a span{
	width:124px;
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
}
.header .menu ul li a:hover span {cursor: pointer;}
.header .menu ul li.sel span{
	width:124px;
	margin-left:10px;
	display:block;
	text-align:right;
	position:absolute;
	bottom:10px;
}
/*sottomenu*/
.color{
	height:50px;
	width:100%;
	float:none;
	clear:both;
	display:none;
}
#s01 .color{background-color:#F60; display:block;}
#s02 .color{background-color:#F30; display:block;}
#s03 .color{background-color:#6C3; display:block;}
#s04 .color{background-color:#0CF; display:block;}
#s05 .color{background-color:#FFB300; display:block;}
.header .menu ul li ul{
	display:none;
}
.header .menu ul li.sel ul{
	width:980px;
	height:50px;
	position:absolute;
	top:120px;
	left:-210px;
	display:block;
}
.header .menu ul li.sel ul li{
	width:auto;
	height:25px;
	line-height:25px;
	margin:25px 5px 0 0;
	padding:0 15px;
	white-space:nowrap;
	font-size:13px;
}
.header .menu ul li.sel ul li a{
	width:auto;
	height:auto;
	display:inline;
	font-size:13px;
	color:#FFF;
}
.header .menu ul li.sel ul li a:hover{
	background:none;
	text-decoration:underline;
}
.header .menu ul li#v01.sel ul li, .header .menu ul li#v01.sel ul li a, .header .menu ul li#v01.sel ul li a:hover{background-color:#FF8C40;}
.header .menu ul li#v02.sel ul li, .header .menu ul li#v02.sel ul li a, .header .menu ul li#v02.sel ul li a:hover{background-color:#FF6640;}
.header .menu ul li#v03.sel ul li, .header .menu ul li#v03.sel ul li a, .header .menu ul li#v03.sel ul li a:hover{background-color:#9BDE7A;}
.header .menu ul li#v04.sel ul li, .header .menu ul li#v04.sel ul li a, .header .menu ul li#v04.sel ul li a:hover{background-color:#59DEFF;}
.header .menu ul li#v05.sel ul li, .header .menu ul li#v05.sel ul li a, .header .menu ul li#v05.sel ul li a:hover{background-color:#FFC233;}
.header .menu ul li#v01.sel ul li.sel{background:#fff url(../images/cornerSmall01.gif) 2px 2px no-repeat; color:#000;}
.header .menu ul li#v02.sel ul li.sel{background:#fff url(../images/cornerSmall02.gif) 2px 2px no-repeat; color:#000;}
.header .menu ul li#v03.sel ul li.sel{background:#fff url(../images/cornerSmall03.gif) 2px 2px no-repeat; color:#000;}
.header .menu ul li#v04.sel ul li.sel{background:#fff url(../images/cornerSmall04.gif) 2px 2px no-repeat; color:#000;}
.header .menu ul li#v05.sel ul li.sel{background:#fff url(../images/cornerSmall05.gif) 2px 2px no-repeat; color:#000;}

/*footer*/
.footer{
	width:100%;
	float:none;
	clear:both;
	margin-top:15px;
	border-top:1px solid #7D8791;
	font-size:10px;
	line-height:11px;
}
.footer .wrap{
	width:980px;
	margin:7px auto 0 auto;
	text-align:left;
	position:relative;
	height:57px;
	padding:0;
}
.footer .languages{
	color:#333;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
.footer .languages ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.footer .languages ul li{
	margin:0;
	padding:0;
	float:left;
	display:inline;
	padding:0 5px;
	border-left:1px solid #333;
}
.footer .languages ul li a{
	color:#999;
	text-decoration:none;
}
.footer .languages ul li a:hover{
	text-decoration:underline;
}
.footer .languages ul li a.sel, .footer .languages ul li a.sel:hover{
	color:#333;
	text-decoration:none;
}
.footer .menuService{
	width:900px;
	position:absolute;
	top:0;
	right:0;
	white-space:nowrap;
}
.footer .menuService ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
.footer .menuService ul li{
	margin:0;
	padding:0;
	float:left;
	display:inline;
	padding:0 5px;
	border-right:1px solid #333;
}
.footer .menuService ul li a{
	color:#333;
	text-decoration:none;
}
.footer .menuService ul li a:hover{
	text-decoration:underline;
}
.footer .menuService ul.notes{
	margin-top:4px;
	color:#999;
	clear:both;
	text-align:right;
	font-size:9px;
}
.footer .menuService ul.notes li{border-right:1px solid #999; float:left;}
.footer .menuService ul.notes li a{color:#999;}
.footer .logos{
	position:absolute;
	right:0;
	bottom:0;
}
.footer .logos img{
	margin:0 0 0 10px;
	padding:0;
}

.footer .menuService ul li.contacts a{
	background-color:#005A94;
	padding:0 5px;
	color:#FFF;
}


/*content*/
.content{
	width:980px;
	margin:0 auto;
	text-align:left;
	margin-top:40px;
}
.content .txtCol{/*da utilizzare per il testo con a fianco la fotogallery*/
	width:420px;
	float:left;
}
.content .txt{}
#s01 .content h2, #s01 .content h2 a, #s01 .content h3{color:#F60;}
#s02 .content h2, #s02 .content h2 a, #s02 .content h3{color:#F30;}
#s03 .content h2, #s03 .content h2 a, #s03 .content h3{color:#6C3;}
#s04 .content h2, #s04 .content h2 a, #s04 .content h3{color:#0CF;}
#s05 .content h2, #s05 .content h2 a, #s05 .content h3{color:#FFB300;}
#s01 .content a:hover{color:#F60;}
#s02 .content a:hover{color:#F30;}
#s03 .content a:hover{color:#6C3;}
#s04 .content a:hover{color:#0CF;}
#s05 .content a:hover{color:#FFB300;}

/*photogallery*/
.photogallery{
	width:505px;
	float:right;
}
.photogallery .photo{
	width:505px;
	height:338px;
	position:relative;	
}
#s01 .photogallery .photo{background-color:#F60;}
#s02 .photogallery .photo{background-color:#F30;}
#s03 .photogallery .photo{background-color:#6C3;}
#s04 .photogallery .photo{background-color:#0CF;}
#s05 .photogallery .photo{background-color:#FFB300;}
.photogallery .photo .image{/*le immagini devono essere resizate in altezza a 333px*/
	width:500px;
	height:333px;
	background-color:#DFDFDF;
	overflow:hidden;
	text-align:center;
	display:none;
	position:absolute;
	top:0;
	left:0;
}
.photogallery .photo .corner{/*le immagini devono essere resizate in altezza a 333px*/
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:80px;
	background:left top no-repeat;
}
#s01 .photogallery .photo .corner{background-image:url(../images/corner01.gif);}
#s02 .photogallery .photo .corner{background-image:url(../images/corner02.gif);}
#s03 .photogallery .photo .corner{background-image:url(../images/corner03.gif);}
#s04 .photogallery .photo .corner{background-image:url(../images/corner04.gif);}
#s05 .photogallery .photo .corner{background-image:url(../images/corner05.gif);}
.photogallery .dida{
	width:330px;
	height:25px;
	float:left;
	margin-top:10px;
	color:#666;
	font-size:0.7em;
}
.photogallery .galleryPager{
	width:150px;
	float:right;
	margin-top:10px;
	color:#666;
	text-align:right;
	font-size:0.7em;
	font-weight:bold;
}
.photogallery .galleryPager a{
	color:#666;
	text-decoration:none;
	margin:0 2px;
}
.photogallery .galleryPager a:hover{color:#000;}
#s01 .photogallery .galleryPager a.sel{color:#F60;}
#s02 .photogallery .galleryPager a.sel{color:#F30;}
#s03 .photogallery .galleryPager a.sel{color:#6C3;}
#s04 .photogallery .galleryPager a.sel{color:#0CF;}
#s05 .photogallery .galleryPager a.sel{color:#FFB300;}

/*news-events block*/
.newsBlock{
	width:490px;
	float:left;
	margin-bottom:20px;
}
.newsBlock .image{
	width:91px;
	height:91px;
	float:left;
	border:1px solid #0CF;
	margin-right:10px;
}
.newsBlock .image:hover{background-color:#0CF;}
.newsBlock .image img{
	width:85px;
	height:85px;
	margin:3px 0 0 3px;
	background:#fff url(../images/newsDefault.gif) center center no-repeat;
}
.newsBlock .txt{
	float:left;
	width:350px;
}
p.date{
	font-weight:bold;
	margin-top:0;
}
.newsBlock .txt h3{
	margin:4px 0;
	padding:0;
	line-height:100%;
	font-weight:normal;
}
.newsBlock .txt p{
	margin:0;
	padding:0;
}
.pager{
	width:100%;
	line-height:15px;
	float:none;
	clear:both;
	padding-top:10px;
	text-align:center;
	border-top:1px solid #7D8791;
	color:#666;
	font-size:0.7em;
	font-weight:bold;
}
.pager .prev{float:left;}
.pager .next{float:right;}
.pager a{
	color:#666;
	text-decoration:none;
	margin:0 2px;
}
#s01 .pager a.sel{color:#F60;}
#s02 .pager a.sel{color:#F30;}
#s03 .pager a.sel{color:#6C3;}
#s04 .pager a.sel{color:#0CF;}
#s05 .pager a.sel{color:#FFB300;}
.imageDetail{
	float:right;
	margin:40px 0 20px 25px;
}
#s01 .imageDetail{border:1px solid #F60;}
#s02 .imageDetail{border:1px solid #F30;}
#s03 .imageDetail{border:1px solid #6C3;}
#s04 .imageDetail{border:1px solid #0CF;}
#s05 .imageDetail{border:1px solid #FFB300;}
#s00 .imageDetail{border:1px solid #000; margin-left:0; margin-top:15px;}
.imageDetail img{margin:3px;}/*da fissare in larghezza/altezza non superiori a 520px*/

/*sale*/
.saleBlock, .institutesBlock{
	margin-bottom:20px;
}
.saleBlock .image, .institutesBlock .image{
	width:186px;
	height:126px;
	float:left;
	margin-right:10px;
}
.saleBlock .image{border:1px solid #F30;}
.institutesBlock .image{border:1px solid #6C3;}
.saleBlock .image:hover{background-color:#F30;}
.saleBlock .image img, .institutesBlock .image img{
	width:180px;
	height:120px;
	margin:3px 0 0 3px;
	background:#fff center center no-repeat;
}
.saleBlock .txt{
	float:left;
	width:780px;
}
.institutesBlock .txt{
	float:left;
	width:780px;
}
.saleBlock h4{
	margin-top:0;
}
.saleBlock .txt p, .institutesBlock .txt p{
	margin:4px 0 0 0;
	padding:0;
}

/*story*/
.storyBlock{
	margin-bottom:20px;
	border-bottom:1px solid #FFB300;
	padding-bottom:20px;
}
.storyBlock h2.title01 a{
	padding-left:25px;
	background:url(../images/arrowYellow01.gif) left center no-repeat;
}
.storyBlock h2.title01 a:hover{background-position:5px center;}
.storyBlock h2.title02 a{
	padding-left:25px;
	background:url(../images/arrowYellow02.gif) left center no-repeat;
	margin-bottom:20px;
}
.storyBlock h2.title02 a:hover{background-position:left top;}
.storyBlock .storyOpen{display:none;}
.storyBlock p{margin-bottom:0;}
.storyBlock .image{
	float:right;
	margin:20px 0 20px 25px;
}

/*last minute*/
#s01 .content .offer{
	border-bottom:1px solid #F60;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
}
#s01 .content .offer h4, #s01 .content .offer p{
	margin:0;
	padding:0;
}
#s01 .content .offer h3{
	font-size:1.2em;
	color:#000;
}
#s01 .content .offer h4{
	font-size:1.4em;
	color:#F60;
}
.priceOld{
	text-decoration:line-through;
}
.priceNew{
	color:#F00;
	font-size:1.2em;
}

/*tabelle prezzi*/
.priceSx, .priceDx{
	width:480px;
	margin-top:20px;
}
.priceSx{float:left;}
.priceDx{float:right;}

.priceSx h3, .priceDx h3{
	font-weight:normal;
	font-size:1.8em;
}
.priceSx h3 span, .priceDx h3 span{
	color:#999;
	font-size:0.8em;
}
table.prices{
	margin:0;
	border:0;
	border-collapse:collapse;
	width:420px;
}
table.prices caption{
	font-size:1.6em;
	text-align:left;
	padding:20px 0 5px 0;
}
table.prices caption span{
	font-size:0.8em;
}
table.prices th, table.prices td{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	margin:0;
	padding:0 0 0 5px;
	empty-cells:show;
}
table.prices th{
	height:25px;
	text-transform:uppercase;
	text-align:left;
	width:160px;
	background-color:#dadada;
	font-size:0.8em;
}
table.prices th.small{width:100px;}
table.prices td{height:30px;}

/*form*/
.contactsTxt{
	float:right;
	width:526px;
}
.contactsTxt .contactsInfo{
	float:left;
	width:185px;
	margin-top:10px;
}
.contactsTxt .contactsInfo p{ margin:0;}
.contactsTxt a.pdf{ float:left; margin-top:10px;}
.contactsForm{
	width:430px;
	float:left;
}
form{margin:0; padding:0;}
fieldset{border:none; margin:0; padding:0;}
legend span{position:absolute; top:-2000px; left:-2000px;}
label{
	width:75px;
	float:left;
	height:20px;
	line-height:20px;
}
input{
	width:200px;
	float:left;
	margin-right:10px;
}
input.button{
	width:auto;
	background-color:#000;
	color:#FFF;
	border:none;
}
textarea{
	width:330px;
	height:90px;
	overflow:auto;
}
.formLine{
	width:100%;
	height:35px;
	float:none;
	clear:both;
}
.formLineTextarea{
	width:100%;
	height:115px;
	float:none;
	clear:both;
}
.error{
	float:none;
	clear:both;
	margin-left:60px;
	color:#F00;
	display:none;
}
.formLineButtons{
	float:none;
	clear:both;
	padding-left:75px;
	height:50px;
}


/*various*/
.close{
	width:100%;
	height:1px;
	line-height:1px;
	overflow:hidden;
	float:none;
	clear:both;
}
.hidden{
	position:absolute;
	top:-2000px;
	left:-2000px;
}
a.pdf{
	height:15px;
	line-height:15px;
	display:block;
	padding-left:18px;
	background:url(../images/icoPdf.jpg) no-repeat;
	text-decoration:none;
	font-weight:bold;
}
a.zoom{
	height:15px;
	line-height:15px;
	display:block;
	padding-left:18px;
	background:url(../images/icoZoom.jpg) no-repeat;
	text-decoration:none;
	font-weight:bold;
}
a.pdf:hover, a.zoom:hover{text-decoration:underline;}
#s01 a.pdf, #s01 a.zoom{color:#F60;}
#s02 a.pdf, #s02 a.zoom{color:#F30;}
#s03 a.pdf, #s03 a.zoom{color:#6C3;}
#s04 a.pdf, #s04 a.zoom{color:#0CF;}
#s05 a.pdf, #s05 a.zoom{color:#FFB300;}
#s00 a.pdf, #s00 a.zoom{color:#000;}

#s01 .txtColor, #s01 .txtColor a{color:#F60;}
#s02 .txtColor, #s02 .txtColor a{color:#F30;}
#s03 .txtColor, #s03 .txtColor a{color:#6C3;}
#s04 .txtColor, #s04 .txtColor a{color:#0CF;}
#s05 .txtColor, #s05 .txtColor a{color:#FFB300;}

.line{
	width:100%;
	height:1px;
	line-height:1px;
	overflow:hidden;
	float:none;
	clear:both;
}
#s01 .line{border-bottom:1px solid #F60;}
#s02 .line{border-bottom:1px solid #F30;}
#s03 .line{border-bottom:1px solid #6C3;}
#s04 .line{border-bottom:1px solid #0CF;}
#s05 .line{border-bottom:1px solid #FFB300;}
#s00 .line{border-bottom:1px solid #000;}

#s01 .header{background-image:url(../images/bgS01.jpg);}/*hotel e ristoranti*/
#s02 .header{background-image:url(../images/bgS02.jpg);}/*centro congressi e esposizioni*/
#s03 .header{background-image:url(../images/bgS03.jpg);}/*polo ricerca e formazione*/
#s04 .header{background-image:url(../images/bgS04.jpg);}/*news ed eventi*/
#s05 .header{background-image:url(../images/bgS05.jpg);}/*chi siamo*/
#s00 .header{background-image:url(../images/bgS00.jpg);}/*servizio*/

/*rounded button*/
.btnRound{position:relative; margin:20px 0 0 0; float:left;}
#s01 .btnRound, #s01 .btnRound a{background:url(../images/bgBtnOrange.jpg) top left repeat-x;}

.btnRound a, .menu ul li .btnBooking a{
	color:#fff;
	height:23px;
	line-height:23px;
	text-decoration:none;
	padding:0 5px 0 5px;
	display:block;
	float:left;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
}

#s01 .btnRound a:hover,
#s02 .btnRound a:hover,
#s03 .btnRound a:hover,
#s04 .btnRound a:hover,
#s05 .btnRound a:hover{color:#FFF; text-decoration:underline;}

.btnRound > .cornerTopLeft, .btnRound > .cornerTopRight, .btnRound > .cornerBottomLeft, .btnRound > .cornerBottomRight{
	width:10px;
	height:10px;
	overflow:hidden;
	position:absolute;
	background:url(../images/bgRoundedCorner.png) no-repeat;
}

.btnBooking > .cornerTopLeft, .btnBooking > .cornerTopRight, .btnBooking > .cornerBottomLeft, .btnBooking > .cornerBottomRight{background:url(../images/bgRoundedCornerOrange.png) no-repeat;}
.btnRound > .cornerTopLeft, .btnBooking > .cornerTopLeft{top:0; left:0; background-position:left top;}
.btnRound > .cornerTopRight, .btnBooking > .cornerTopRight{top:0; right:0; background-position:right top;}
.btnRound > .cornerBottomLeft, .btnBooking > .cornerBottomLeft{bottom:0; left:0; background-position:left -10px;}
.btnRound > .cornerBottomRight, .btnBooking > .cornerBottomRight{bottom:0; right:0; background-position:right -10px;}

.header .menu .btnBooking{float:right; background:url(../images/bgBtnBooking.jpg) top left repeat-x; position:absolute; right:0; top:144px; margin-top:0;}
.header .menu ul li#v01 .btnBooking a{color:#f60; background:url(../images/bgBtnBooking.jpg) top left repeat-x;}
.header .menu ul li#v01.sel .btnBooking a:hover{background:url(../images/bgBtnBookingHover.jpg) top left repeat-x; color:#FFF; text-decoration:none;}
.header .menu ul li#v01.sel .btnBooking:hover, .header .menu ul li#v01.sel .btnBooking:hover a{background:url(../images/bgBtnBookingHover.jpg) top left repeat-x; color:#FFF;}

.header .menu ul li.sel .btnBookingSel{
	width:auto;
	height:25px;
	line-height:25px;
	padding:0 15px;
	white-space:nowrap;
	font-size:13px;
	position:absolute;
	top:145px;
	right:0;
	background-color:#FFF;
	color:#F60;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}



/*.btnRound > .cornerTopLeft, .btnRound > .cornerTopRight, .btnRound > .cornerBottomLeft, .btnRound > .cornerBottomRight{background:url(../images/bgRoundedCorner.png) no-repeat;}
.btnRound > .cornerTopLeft, .btnRound > .cornerTopRight, .btnRound > .cornerBottomLeft, .btnRound > .cornerBottomRight{background:url(../images/bgRoundedCorner.png) no-repeat;}*/