@font-face {font-family: 'HNR'; src: url('helveticaneue-webfont.eot'); src: url('helveticaneue-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-webfont.woff') format('woff'), url('helveticaneue-webfont.ttf') format('truetype'), url('helveticaneue-webfont.svg#HelveticaNeueRegular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'HNB'; src: url('helveticaneue-bold-webfont.eot'); src: url('helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-bold-webfont.woff') format('woff'), url('helveticaneue-bold-webfont.ttf') format('truetype'), url('helveticaneue-bold-webfont.svg#HelveticaNeueBold') format('svg'); font-weight: bold; font-style: normal}
@font-face {font-family: 'HNL'; src: url('helveticaneue-light-webfont.eot'); src: url('helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-light-webfont.woff') format('woff'), url('helveticaneue-light-webfont.ttf') format('truetype'), url('helveticaneue-light-webfont.svg#HelveticaNeueLight') format('svg'); font-weight: normal; font-style: normal}


body			{text-align: center; margin:0 auto; font-family: 'HNR', georgia}

div.alto		{width: 100%; text-align: center; margin:0 auto}
div.altosotto	{width: 1000px; text-align: center; margin:0 auto; height: 21px}
div.altosotto p	{margin:0; text-align: right; margin-right: 20px}

div.titolodx			{padding:0; margin:0; height: 20px; width: 423px; margin-left: 10px; padding-bottom: -5px}
div.titolodx p			{font-size: 18pt; color: #393939; font-family: 'HelveticaNeueBold', Georgia; letter-spacing:-1px; font-weight: bold}
div.photogalleryimg		{padding:0; margin:0; height: 89px; width: 423px; margin-left: 10px}
div.utilities			{padding:0; margin:0; height: 89px; width: 423px; margin-left: 10px; background-image: url(struttura/box-newsletter.jpg)}
div.utilities p			{margin-left: 10px; padding-top: 30px}
div.centocentro			{width: 100%; text-align: center; margin:0 auto}
div.millecentro			{width: 1000px; text-align: center; margin:0 auto}
table.tabellare			{width: 1000px; border-collapse:collapse}
table.tabellare td		{vertical-align: top}

div.sfondobasso			{height: 272px; width: 100%; text-align: center; margin:0 auto; background-image: url(struttura/sfondo-basso.jpg)}
div.mille				{width: 1000px; position: relative; text-align: center; margin:0 auto; position: relative}
div.pdfbasso			{position: absolute; top:-18px; left:50px; width: 250px; height: 25px}
div.bassosx				{position: absolute; top: 20px; left:0; width: 500px; height: 250px}
.titolobassosx			{font-family: HelveticaNeueBold; color:#585858; font-size: 20pt; text-shadow: 1px -1px #000; text-align: left}
.testobassosx			{text-align: left; font-size: 9pt; color: #FFFFFF; height: 1em; filter: Shadow(Color=#333333, Strength=2); text-shadow: 1px 1px #333}
.testobassosx a			{color: #FFFFFF; text-decoration: none}
.testobassosx a:hover	{color: #FFFFFF; text-decoration: underline}
.testobassosx a:active	{color: #FFFFFF; text-decoration: none}

div.bassodx				{position: absolute; top: 20px; right:0; width: 500px; height: 250px}
div.bassodx p			{text-align: right; font-size: 9pt; color: #FFFFFF; height: 1em; filter: Shadow(Color=#333333, Strength=2); text-shadow: 1px 1px #333}
div.bassodx p a			{color: #FFFFFF; text-decoration: none}
div.bassodx p a:hover	{color: #FFFFFF; text-decoration: underline}
div.bassodx p a:active	{color: #FFFFFF; text-decoration: none}

div.dintorni			{padding:0; margin:0; height: 171px; width: 423px; margin-left: 10px; background-image: url(struttura/box-dintorni.png); background-repeat: no-repeat; position: relative}
div.dintornisx			{position: absolute; top: 10px; left: 199px; height: 158px; width: 96px}
div.dintornisx p		{color: #FFFFFF; font-size: 8pt; margin:0; padding:0}
div.dintornisx a		{color: #FFFFFF; text-decoration: none}
div.dintornisx a:hover	{color: #FFFFFF; text-decoration: none}
div.dintornisx a		{color: #FFFFFF; text-decoration: none}

div.dintornidx			{position: absolute; top: 9px; left: 310px; height: 158px; width: 104px}
div.dintornidx p		{color: #FFFFFF; font-size: 8pt}
div.dintornidx a		{color: #FFFFFF; text-decoration: none}
div.dintornidx a:hover	{color: #FFFFFF; text-decoration: none}
div.dintornidx a		{color: #FFFFFF; text-decoration: none}

div.spiaggiaprivata		{padding:0; margin:0; height: 89px; width: 423px; margin-left: 10px}

div.newsletter			{padding:0; margin:0; height: 89px; width: 423px; margin-left: 10px; background-image: url(struttura/box-newsletter.jpg)}
div.newsletter form		{margin:0; padding:0}
div.inputnewsletter		{width:342px; height:31px; margin-left: 10px; background-image: url(struttura/input-newsletter.jpg)}
input.newsletter		{border: 1px solid #FFFFFF; margin-left: 5px; margin-top: 4px; font-family: 'HNR', Georgia; font-size: 10pt}
input.newsletterbtn		{margin-left: 223px}

td.quindici				{width:15px}
td.quattrotretre		{width:433px; vertical-align: top}
td.cinquecinquedue		{width:552px; vertical-align: top}
td.cinquecinquedueb		{width:990px; vertical-align: top}

h1.titolocorpo			{color: #585858; font-family: 'HNR', Georgia; margin:0}
.testocorpo				{font-size: 10pt; color: #585858; text-align: justify; margin-right: 5px; font-family: 'HNR'}
.testocorpo a			{color: #024476; text-decoration: none}
.testocorpo a:hover		{color: #585858; text-decoration: underline}
.testocorpo a:active	{color: #024476; text-decoration: none}

/* TUTTO IL TESTO?*/
p				{font-size: 10pt; color: #585858; text-align: justify; margin-right: 5px; font-family: 'HNR'}
p a			{color: #024476; text-decoration: none}
p a:hover		{color: #585858; text-decoration: underline}
p a:active	{color: #024476; text-decoration: none}
form.registrazione_listmail label {font-size: 10pt; color: #585858; text-align: justify; margin-right: 5px; font-family: 'HNR'}



div.prenota				{position: absolute; right:0px; top: 238px; width:434px; height: 33px; color: #3F3F3F; text-align: right}
div.prenota p			{font-size: 30pt; font-family: HelveticaNeueBold; letter-spacing:-2px; font-weight: bold; margin:0; padding:0}
div.homealtodx			{position: absolute; right:0px; top: 283px; width:434px; height: 159px; background-image: url('struttura/home-dx-alto.png')}
div.homealtodx form		{margin:0}
table.prenotatrecento	{width: 300px; border-collapse:collapse; margin-top: 10px}
table.prenotatrecento td	{height: 35px}
div.inputprenota		{width:126px; height:27px; padding-left: 10px; background-image: url(struttura/input-alto.jpg); text-align: left; background-repeat: no-repeat}
input.prenota			{background-position: center; margin-left: 0; margin-top: 4px; font-family: 'HNR', Georgia; font-size: 10pt; background-image:url('struttura/sfondo-input-alto.jpg'); background-repeat:repeat-x; border: 0px}
select.styled			{font-family: 'HNR', Georgia; font-size: 10pt; background-color: #C1CAD1; border: 1px solid #000000}

/*#testata				{background-position: center top; width: 100%; height: 517px; text-align: center; margin:0 auto; background-image:url('struttura/sfondo-testa-prova-1.jpg'); background-repeat:no-repeat}*/
div.logoccc				{background-position: left top; width: 1000px; text-align: center; margin:0 auto; height: 74px; background-image:url('struttura/logo-ccc.png'); background-repeat:no-repeat}
div.logoccc p			{color: #FFFFFF; font-size: 25pt; font-family: 'HelveticaNeueBold', Georgia; text-shadow: 2px 2px #333333; text-align: left; margin-left: 80px; margin-top: 15px}
div.milleerre			{width: 1000px; text-align: center; margin:0 auto; height: 250px; position: relative}
div.sfondomenu			{background-position: center top; left:0; position: absolute; width: 1000px; height: 53px; background-image:url('struttura/sfondo-menu.png'); background-repeat:no-repeat}

div.scritte				{position: absolute; right:0; top: 60px; width: 850px; height: 60px; color: #FFFFFF; text-align: right; z-index: -1; font-family: 'HelveticaNeueBold'}
div.offertescritta		{position: absolute; left:0px; top: 238px; width:551px; height: 33px; color: #3F3F3F; text-align: left}
div.offertescritta p	{font-size: 30pt; font-family: HelveticaNeueBold; letter-spacing:-2px; font-weight: bold; margin:0; padding:0}
div.offerteslide		{position: absolute; left:0px; top: 283px; width:552px; height: 159px; background-image: url('struttura/home-sx-alto.png')}

.offertaslide			{margin-bottom: 5px; margin-top: 10px; margin-right: 20px; margin-left: 20px; text-align: left}
.testoslidegrande		{font-family: 'HelveticaNeueBold', Georgia; color: #FFFFFF; font-size: 20pt}
.testoslidepiccolo		{font-family: 'HelveticaNeueBold', Georgia; color: #60BAD2; font-size: 12pt}
.linkslide				{margin: 20px; text-align: right}

/* SPECIALI */
.shadow { height: 1em; filter: Shadow(Color=#000000, Direction=315, Strength=3); text-shadow: 1px -1px #000}
.select { position: absolute; width: 169px;  height: 27px; padding: 0 24px 0 8px; color: #333; font: 12px/21px arial,sans-serif; background: url(struttura/select-alto.jpg) no-repeat; overflow: hidden;}

/* SLIDE */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px}
#slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0;	list-style:none}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:552px; height:130px; overflow:hidden;}	

		
/* numeric controls */	
ol#controls{ margin: 0; padding:0; display: none}
ol#controls li{ margin:0; padding:0; float:right; list-style:none;}
ol#controls li a{ float:left; height:18px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0; text-decoration:none; font-size: 8pt}
ol#controls li.current a{ background:#000000; color:#fff; font-size: 8pt}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* MENU PRIMO LIVELLO*/
ul.dropdown                         { position: relative; margin:0; padding:0; width: 100%; padding-left: 20px; padding-top: 10px; list-style: none}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background-image: url(sfondo-menu-alto.png); margin:0; padding:0; background-repeat: no-repeat}
ul.dropdown a:hover		            { color: #333333; }
ul.dropdown a:active                { color: #333333; }
ul.dropdown li a                    { display: block; padding: 4px 8px; color: #333333; font-family: 'HelveticaNeueBold', verdana; font-size-adjust: 0.52; text-decoration: none; font-size: 12pt}
ul.dropdown li:last-child a         { border-right: none} /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover    {position: relative; }
ul.dropdown li.hover a              { color: #333333; }
/* MENU SECONDO LIVELLO*/
ul.dropdown ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0; padding:0; color: #1E1E1E; padding-top: 5px; text-align: center; list-style: none}
ul.dropdown ul li 					{ font-weight: normal; border-bottom: 1px solid #FFFFFF; float: none; color: #333333; background-color: #D9F1FF; padding-top: 3px; margin-top: 1px; text-align: center}
ul.dropdown ul li a					{ border-right: none; display: inline-block; color: #333333; font-size: 10pt; font-weight: bold} 
/* MENU TERZO LIVELLO*/
ul.dropdown ul.sub_menu li			{text-align: right}
ul.dropdown ul.sub_menu li a		{color: #333333}
ul.dropdown ul.sub_menu li a:hover	{color: #336699}


/* TOOLTIP */
		.tooltip {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: help; text-decoration: none;
			position: relative; 
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: -2em; top: 5em; z-index: 99;
			margin-left: 0; width: 250px ; 
		}
		.tooltip span.custom img {	border: 0; margin: -10px 0 0 -55px;float: left; position: absolute;}
		
		.icona:hover {
			border: 0; margin: -10px 0 0 -55px;float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		/** html a:hover { background: transparent; }*/
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.email { background: #9FDAEE; border: 1px solid #2BB0D7; }

		.webcam { background: #9FDAEE; border: 1px solid #2BB0D7; }
		.meteo { background: #9FDAEE; border: 1px solid #2BB0D7; }
		.facebook { background: #9FDAEE; border: 1px solid #2BB0D7; }
		.skype { background: #9FDAEE; border: 1px solid #2BB0D7; }
		
img {border: 0}