@charset "utf-8";

/* CSS Document */

html
{
	background-image: url(../img/bgx.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #0186D5;
	height: 100%;
}

body
{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 30px;
	background-image: url(../img/bgy.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

#header
{
	height: 270px;
	position: relative;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header #logo { margin-left: -22px; }

#header #menu
{
	position: absolute;
	top: 15px;
	left: 120px;
}

#header #menu ul { }

#header #menu ul li
{
	list-style-position: inset;
	list-style-image: url(../img/list.gif);
	font-size: 24px;
	line-height: 31px;
}

#header #menu ul li.nav_1 { margin-left: 115px; }

#header #menu ul li.nav_2 { margin-left: 107px; }

#header #menu ul li.nav_3 { margin-left: 100px; }

#header #menu ul li.nav_4 { margin-left: 86px; }

#header #menu ul li.nav_5 { margin-left: 70px; }

#header #menu ul li.nav_6 { margin-left: 42px; }

#header #menu ul li.nav_7 { margin-left: 0px; }

#header #menu ul li a
{
	color: #fff;
	text-decoration: none;
}

#header #menu ul li:hover a, #header #menu ul li a.selected { color: #fc0; }

#header #lang
{
	position: absolute;
	right: -40px;
	top: 0px;
	width: 180px;
}

#header #lang ul { }

#header #lang ul li { float: left; }

#header #lang ul li a
{
	display: block;
	width: 57px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	float: left;
}

#header #lang ul li.it a { background-image: url(../img/lang_it.png); }

#header #lang ul li.it:hover a, #header #lang ul li.it a.selected { background-image: url(../img/lang_it_on.png); }

#header #lang ul li.en a { background-image: url(../img/lang_en.png); }

#header #lang ul li.en:hover a, #header #lang ul li.en a.selected { background-image: url(../img/lang_en_on.png); }

#header #lang ul li.de a { background-image: url(../img/lang_de.png); }

#header #lang ul li.de:hover a, #header #lang ul li.en a.selected { background-image: url(../img/lang_de_on.png); }

.container_12 {  .width: 970px;
}

#content { }

#content #main { }

#content #main h2
{
	color: #f93;
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #0ea29f;
}

#content #side { margin-top: 35px; }

#content table.listino
{
	border: 1px solid #0EA29F;
	width: 95%;
	padding: 1em;
}

#content table.listino th, #content table.listino td
{
	border: 1px solid #0EA29F;
	padding: 5px;
	text-align: left;
}

#content table.listino th
{
	color: #f93;
	font-size: 120%;
}

#content .gallery ul li
{
	clear: both;
	width: 170px;
	min-height: 131px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	margin-right: 14px;
	zoom: 1;
 *display: inline;
	_height: 100px;
	background-image: url(../img/gallery_thumb_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#content .gallery ul li:hover { background-image: url(../img/gallery_thumb_bg_on.jpg); }

#content .gallery ul li a
{
	display: block;
	padding: 30px 35px;
}

#content #contatti
{
	padding: 20px;
	background-color: #eee;
	background-image: url(../img/form_bg.jpg);
}

#content #contatti fieldset { margin-top: 10px; }

#content #contatti .item
{
	clear: both;
	width: 320px;
	min-height: 40px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	margin-bottom: 15px;
	zoom: 1;
 *display: inline;
	_height: 50px;
}

#content #contatti .item label
{
	display: block;
	height: 2em;
}

#content #contatti .item input, #content #contatti .item textarea, #content #contatti .item select { border: 1px solid #0EA29F; }

#content #contatti .item input { width: 250px; }

#content #contatti .item textarea { width: 575px; }

#content #contatti .item input.calendar
{
	width: 20px;
	height: 20px;
	background-image: url(../img/calendar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#content #contatti .item input.checkbox
{
	width: auto;
	border: none;
}

#content #contatti .item input.cerca
{
	width: auto;
	border: none;
}

#content #contatti a { color: #000; }

#content #map
{
	display: block;
	width: 700px;
	height: 400px;
}

#content p { margin-bottom: 1em; }

#footer
{
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	min-height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin-top: 40px;
}

#footer .container_12 .grid_8, #footer .container_12 .grid_4 { border-top: 1px solid #0ea29f; }

#footer .info { margin-top: 20px; }

#footer a { color: #000; }

#footer a:hover { text-decoration: none; }

#footer .credits { padding:10px 0 0 0; }

#footer .credits .loghi .item { display: inline; }

#footer .credits .loghi { margin-top: 0; }

#footer .credits .loghi .item .adriasonline, #footer .credits .loghi .item .entrainhotel, #footer .credits .loghi .item .italhotels
{
	background-image: url(../img/footer_logo.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 23px;
	display: inline-block;
 .float: left;
	margin-right: 7px;
	text-indent: -9999px;
}

#footer .credits .loghi .item .adriasonline { background-position: 0px 0px; }

#footer .credits .loghi .item .entrainhotel { background-position: 0px -23px; }

#footer .credits .loghi .item .italhotels { background-position: 0px -46px; }

#footer a   /* Questo è il colore dei link nel footer */
{
	color: #666;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; } /* Sottolineatura rollover */

#footer .credits .copy /* Questo è il cpoyright */
{
	margin:20px 0 0 0;
	font-size:10px;
	line-height:30px
}

#privacy
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding: 1em;
	background-image: url(../img/bgx.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #0186D5;
	color: #fff;
	background-attachment: fixed;
}

small { font-size: 80%; }

.red { color: #c00; }

#main .box2
{
	float: left;
	display: block;
	width: 940px;
}

#main .box2 .left
{
	width: 190px;
	display: block;
	float: right;
	margin-right: 15px;
}

#main .box2 .right
{
	width: 700px;
	display: block;
	float: left;
}