﻿body {
  background-attachment: fixed;
  background-position: center top;
}

body {
  color:#494848;
  font-family: Verdana,Arial,"Helvetica Neue","Liberation Sans",Helvetica,FreeSans,sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
/* ### CSS RESET ### */
body,html{height:100%}html,body,div,span,p,a,applet,object,iframe,font,h1,h2,h3,h4,h5,h6,blockquote,pre,code,img,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,abbr,acronym,address,big,cite,del,dfn,em,img,kbd,q,s,samp{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:underline}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ### MAIN SETTINGS ### */
 body{background:#fff url('../images/background_gray10.jpg') ;color:#494848; font-family: Verdana,Arial,"Helvetica Neue","Liberation Sans",Helvetica,FreeSans,sans-serif; font-size:14px; line-height:20px; font-weight: normal;}



h1,h2,h3,h4,h5,h6{color:#333}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}
a:focus{outline:none}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:none}li{margin-left:0px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}a{color:#073259;text-decoration:none}a:hover{color:#073259;text-decoration:underline}kbd{font-size:10px}q:before,q:after{content:"\0022"}dd{margin-left:20px}pre{font-size:11px;overflow:scroll}
p img{max-width:100%}

body{background-attachment:fixed;
	background-position: top center;
	}

/* ### PAGE SETTINGS ### */
#content{margin:20px auto;padding:0;font-size:12px;/*color:#767676;*/color:#000000;}
#main{width:610px}
.col-full{margin:0 auto;width:960px}
.col-left{float:left}
.col-right{float:right}

/* ### CONTENT COLUMNS ### */
/*#content .col{ float: left;	width: 258px; background: #dddddd; min-height: 150px; border: 1px solid #ededed; padding: 20px; margin-right: 30px;  padding-bottom: 30px;}*/
#content .col{ float: left;	width: 258px; background: #eeeeee; min-height: 150px; border: solid #cccccc; border-width: 5px 0px 0px ;padding: 20px; margin-right: 30px;  padding-bottom: 30px;}
#content .col h2{ font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; text-decoration: none; margin-bottom: 15px;}
#content .col img{ border: solid 1px #d8d8d8; padding: 2px;	float: right; margin-left: 10px; margin-bottom: 10px;}
#content .col p{ margin-bottom: 20px; line-height: 17px;}
#content .col a.readmore{font-weight: normal; color: #999; text-decoration: underline; width:66px; height:25px;}
#content .col a:hover.readmore{ text-decoration: none;}
#content .col.nomargin{	margin: 0;}
#content .col.fr { margin: 0; float: right;}
.clear { clear: both;}



/* ### HEADER ### */
#header{height:110px;}
#headerimg	{width:960px; padding:0px 0; font-size:22px; margin: 2px auto;border-bottom:5px #ddd solid; z-index:-1}
#headercontent {position:relative; overflow:hidden;	z-index:1; position:absolute; width:940px; height:40px; padding:10px 10px; font-size:12px; margin:63px 0px auto; background:#efefef; url('../../images/sub.jpg') repeat-x; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;border-top:1px #fff solid;color:#666}
#headercontent a{color:#000}
#header #cphones{background: url('../../images/cphone.png') no-repeat right 23px;text-align:right;padding: 30px 60px 0 0;float:right;width:470px;}
#header #cphones p{font-size: 20px;margin-bottom:0px;color:#999;}
#header #cphones h5{font-size: 10px;color:#999;}
#header #headerbanner{text-align:right;padding: 30px 0px 0 0;float:right;width:470px;}
/* #logo{float:left;padding:10px 0;width:400px} */
#logo{text-align:left;display:block;width:100%;margin-left:126; padding:20px 0px;}
#logo h1{line-height:30px;margin:20px 20px 0px 20px}
#logo h1 a,#logo h1 a:hover{color:#333;text-decoration:none}
#logo span.description{font-size:11px;margin:0 20px}

/* GGG WPML Language Switcher */
#langswitcher {width:940px; height:20px;background:red;}

#header_language_list{
  /*width:940px;
  height:20px;*/
  font-size:10px;
  color:#999;
  position:absolute;
  margin-top:15px;
  width:18%;
  /*margin-bottom: 15px;*/
  text-align: right;
  text-transform:uppercase;
}

#header_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}

#header_language_list ul li img{
  margin-right:5px;
}

#header_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}

#header_language_list ul li a, #header_language_list ul li a:visited{
  color: #999;
  text-decoration:underline;
}

#header_language_list ul li a:hover, #header_language_list ul li a:active{
  color: #666;
}

.navigation{font-size:12px;font-weight:bold;text-transform:uppercase;z-index:2;background:#eeeeee;margin:0 auto;width:960px;height:40px; z-index:900;}
/* GGG Menu footer */
#navigation_footer{font-size:12px;text-transform:uppercase;z-index:2;margin:0 auto;width:600px;z-index:900; text-align:right; float:right;}
/* ### NAVIGATION CSS CLASS ### */
#nav {text-transform:uppercase;z-index:900;display:inline-block;position:relative;}
#nav ul {float: left; position: relative;}
#nav ul li {float: left; position: relative;}
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul {display:none;}
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul{display:block;}
#nav ul li a {padding: 0px 15px; font-size: 11px; line-height: 40px; color:#010066; display: block; border-right:1px solid #CCCCCC;}
#nav ul li a:hover { text-decoration:none;}
#nav .current a, #nav li:hover > a{background:#ccc;color:red;z-index:900}
#nav .current_page_item a, #nav .current_page_parent a{background:#E6E6E6;color:red;z-index:900; border-right:1px solid #CCCCCC;}
#nav ul li ul { width: 190px; background: none; position:absolute; top: 40px;display: none}
#nav ul li ul li {background: #efefef;}
#nav ul li ul li a{ width: 190px; height:auto; float:left; border-top: 1px solid #ccc;}
#nav ul li ul li ul {top: 0px; left: 220px;}


#nav_footer {text-transform:uppercase;z-index:2;display:inline-block;position: relative;color:#fff;}
#nav_footer ul {float: right;position: relative; }
#nav_footer ul li {float: right; position: relative;}
#nav_footer ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul {display:none;}
#nav_footer ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul{display:block;}
#nav_footer ul li a {padding: 0px 15px; font-size: 11px; line-height: 40px; color: #fff; display: block; text-decoration:none;}
#nav_footer ul li a:hover { text-decoration:underline; color:#fff;}
#nav_footer .current a, #nav li:hover > a{color:#fff;z-index:900}
#nav_footer .current_page_item a, #nav .current_page_parent a{color:#fff;z-index:900}
#nav_footer ul li ul { width: 170px; background: none; position:absolute; display: none}
#nav_footer ul li ul li {}
#nav_footer ul li ul li a{ width: 170px; height:auto; float:left; border-top: 1px solid #ccc;}
#nav_footer ul li ul li ul {top: 0px; left: 200px;}



/* ### HOT NEWS HOME GGG ### */
.hotnewshome-nav{float:right; width:34px;}
/*.hotnewshome-wrap{clear:both; width:960px; display:block; margin-top:10px; margin-bottom:10px;border:1px solid #ededed; background:#9a9a9a url('../../images/hnews.png') no-repeat;}*/
.hotnewshome-wrap{clear:both;width:640px; display:block; margin-top:10px; margin-bottom:10px; background:#B3C7DF; background-image: url('images/hnews.png') top left no-repeat;}
.hotnewshome{clear:both; width:530px; display:block; height:80px; padding-right:90px;padding-left:20px;}
.hotnewshome-slider{clear:both; height:195px;}
.hotnewshome-next{width:16px; height:15px; background:url('../../images/next-arrow-dark.png') no-repeat top center; float:left; display:block; cursor:pointer;}
.hotnewshome-prev{width:16px; height:15px; background:url('../../images/prev-arrow-dark.png') no-repeat top center; margin-right:2px; float:left; display:block;cursor:pointer;}
.hotnewshome-next:hover{background:url('../../images/next-arrow-dark.png') no-repeat bottom left; }
.hotnewshome-prev:hover{background:url('../../images/prev-arrow-dark.png') no-repeat bottom left; }
.hotnewshome a{color:#999;}
.hotnewshome a:hover{color:#ccc;text-decoration:none;}
.hotnewshome img {margin-top:5px;border:1px solid #999}
.hotnewshome p, .hotnews h6 {color:#333;margin-top:-10px;}



/*ELENCO RESIDENCE */
.residence{/*background-color:#EEEEEE;*/height:160px;padding-top:5px;width:540px;padding-right:20px;
 border: 1px solid #D8E6EF;border-radius: 8px 8px 8px 8px;}
.residence:hover {
 border: 1px solid #4C89CA;
  /*color: #555555;*/
}

div.residence_info
{
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 5px 1px 1px;
  margin-bottom:5px;
  overflow: hidden;
  padding: 10px 15px 10px;   
 }

.titolo h1{margin-bottom:3px;font-size:14px;color:#010066;}

div.residence_info .titolo{border-bottom:2px solid #DDDDDD;margin-bottom:10px;}

/* BOOKING BOX*/
div.booking {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 5px 1px 1px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 15px 20px;
}
.booking div.label{width:39%;float:left;clear:both;}
.booking div.control{width:61%;float:left;margin-bottom:3px;}
.booking input[type=checkbox]{width:10px;  border-radius: 4px 4px 4px 4px;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px;
   background-color:#EEEEEE;}
.booking input, .booking select, .booking textarea {
  font-size: 11px;
  line-height: 19px;
  margin: 0 !important;
  padding: 2px;
   border-collapse: separate;
  border-color: #B7B7B5;
  border-radius: 4px 4px 4px 4px;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  width: 88%;
  background-color:#EEEEEE;
}
.booking select{  line-height: 18px;  width: 91%; background-color:#EEEEEE;}
.booking h1{font-size:13px;color:#FF0000;margin-bottom:5px;}
.booking .sottotitolo{clear:both;border-bottom:1px solid #CCCCCC;margin-bottom:8px;margin-top:15px;font-size:14px;color:#010066;font-weight:bold;}


a.bigbluebutton, button.bigbluebutton {
  border-radius: 8px 8px 8px 8px;
  border-width: 3px;
  box-shadow: 0 1px 1px #888888;
  clear: both;
  text-align: center;
}

.bigbluebutton, button.bigbluebutton {
  background-clip: padding-box;
  background-color: #0896FF;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0.3em 0.9em;
}

/*----------------*/


/* BANNER AZIENDE */
div.banner_aziende{margin-top:25px;padding:0px 20px;}
.banner_aziende div
{
    width:170px; 
  background: none repeat scroll 0 0 #F8F8F8;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 5px 1px 1px;
    float:left;margin-right:10px;margin-left:15px;
    padding:10px 15px;
     text-align:center;
}

div.banner_aziende h1{font-size:13px;}
div.banner_aziende img {width:80px;height:80px;}

/* ### FOOTER ### */
/*#footer {background-color:#bbbbbb; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;font-size:10px;margin-bottom:20px;min-height:40px} */
#footer {background-color:#bbbbbb; font-size:10px;margin-bottom:20px;height:40px}
#footer p{margin:0 30px;line-height:40px; color:#fff}
#footer a{color:#fff;text-decoration:underline}
#footer a:hover{color:#333}
#cpright {width:300px; height:40px; float:left;padding-top:10px;padding-left:10px;}
.copyright{color:#fff}

#footerwidgets {background-color:#fff; font-size:10px;margin-bottom:20px;min-height:40px;border-top:5px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }
#footerwidgets p{margin:0 30px;line-height:40px; color:#666}
#footerwidgets a, #footerwidgets li {color:#999;text-shadow: white 1px 1px 0px;}
#footerwidgets a:hover{color:#666}

#content .footercol{float:left;width:258px;min-height:150px;padding:20px;margin-right:30px;padding-bottom:30px;}
#content .footercol h2{font:normal 24px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#999;text-decoration:none;margin-bottom:0px; margin-left:-15px;}
#content .footercol img{padding: 2px;float: right; margin-left: 10px; margin-bottom: 10px;}
#content .footercol p{margin-bottom: 20px; line-height: 17px;color: #666;}
#content .footercol a.readmore{font-weight: normal; color: #666; text-decoration: underline; width:66px; height:25px;}
#content .footercol a:hover.readmore{ text-decoration: none;}
#content .footercol.nomargin{margin: 0;}
#content .footercol.fr { margin: 0; float: right;}


.alignright { float:right; margin-left:10px; }
.alignleft 	{ float:left; margin-right:10px; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.postthumbnail { float:left; margin-right:10px; }

img.alignleft 	{ margin:0px 20px 20px 0; }
img.alignright	{ margin:0px 0 20px 20px; }
img.aligncenter	{}


.wp-caption 	{ border: 1px solid #ddd; text-align: center; background-color: #fff; padding:10px 10px; margin: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-caption img { margin: 0; padding:0 0 5px 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding:5px 0; padding:0; margin: 0;}

/* ### CLEARING FLOATS ### */
html body * dd.clear,html body * div.clear,html body * li.clear,html body * span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding:5px 0; padding:0; margin: 0;}

/* ### CLEARING FLOATS ### */
html body * dd.clear,html body * div.clear,html body * li.clear,html body * span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}caption-text { font-size: 11px; line-height: 17px; padding:5px 0; padding:0; margin: 0;}

/* ### CLEARING FLOATS ### */
html body * dd.clear,html body * div.clear,html body * li.clear,html body * span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}/*












/* ### MAIN SETTINGS ### */


#coordinate{
  width:470px;
  height:20px;
  font-size:10px;
  color:#999;
  position:absolute;
  margin-bottom: 15px;
  text-align: left;
  text-transform:uppercase;
}

div#map {
  height: 440px;
  margin-top: 10px;
  padding: 10px;
  width: 600px;
}


div.post {
  background: none repeat scroll 0 0 #F8F8F8;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 5px 1px 1px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 30px 30px 10px;
}

div.break{clear:both;}

.hotnews p, .hotnews h6 {
  color: #333333;
  margin-top: -10px;
}


.hotnews-prev  {
  background: url("../images/prev-arrow-dark.png") no-repeat scroll center top transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 15px;
  margin-right: 2px;
  width: 16px;
}

.hotoffer-prev {
  background: url("../images/prev-arrow-dark.png") no-repeat scroll center top transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 15px;
  margin-right: 2px;
  width: 16px;
}

.hotnews-next  {
  background: url("../images/next-arrow-dark.png") no-repeat scroll center top transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 15px;
  width: 16px;
}

 .hotoffer-next {
  background: url("../images/next-arrow-dark.png") no-repeat scroll center top transparent;
  cursor: pointer;
  display: block;
  float: left;
  height: 15px;
  width: 16px;
}

.widget {
  background: none repeat scroll 0 0 #EEEEEE;
  border-color: #A5A5A5;
  border-style: solid;
  border-width: 5px 1px 1px;
  margin-bottom: 20px;
  padding: 15px 0 0;
}

.widgetcontent {
  padding: 0 10px;
}

.hotnews-wrap {
  clear: both;
  display: block;
  margin: 10px;
  width: 265px;
}

.hotnews-nav {
  float: right;
  width: 34px;
}

.widgettitle {
  font-size: 18px;
  margin: 0 0 10px;
  padding: 0 20px;
}

img.alignleft {
  margin: 0 20px 20px 0;
}

h1.titolo{font-size:16px;color:red;}
h1.sottotitolo{font-size:14px;color:#010066;}

input.notvisible{ display:none;}

input.imgClass { 
    background-image: url(../images/invia_richiesta.jpg);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 140px;
    height: 25px;
    border: 0px;
}



#cookiesBar {
  background-color: #ffffff;
  border-top: 1px solid #dedede;
  bottom: 0;
  color: #999999;
  position: fixed;
  width: 100%;
}

#cookiesText {
  font-size: 13px;
  margin: 14px 0 10px 20px;
}

#cookiesBar a {
  color: #428bca;
  text-decoration: none;
}

.btn-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}

.btn-default:hover{background-color:#dedede;}

.btn {
  -moz-user-select: none;
  background-image: none;
   border: 1px solid #dedede;
  /*border: 1px solid transparent;*/
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}