/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// INFO:      http://www.paolucciwebsolutions.it
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* { margin:0; padding:0 }
img { border:0 }
/*#col_sx img { border:1px solid #DDD; padding:1px }*/
ul { list-style:none }
/* BASE TAG 
-----------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#000; background:url(../img/bg_body.gif) left -75px repeat-x #fcfff3 }
h1 { font-size:24px; color:#333; font-weight:normal; margin-bottom:10px }
h2 { font-size:18px; color:#ac6100; font-weight:normal; margin-bottom:30px }
h3 { font-size:18px; color:#333; font-weight:normal; margin-bottom:20px }
h4 { font-size:12px; color:#ac6100; font-weight:normal; margin-bottom:20px }
h5 { font-size:14px; color:#666; font-weight:bold; margin-bottom:5px }
h6 { font-size:14px; margin-bottom:20px }
p { margin-bottom:10px }
.box_news1 p { font-size:11px }
.footer_section p { font-size:11px; color:#5e5e5e; text-align:center}
/* LINK
-----------------------------------*/
a { color:#333; text-decoration:underline }
a:hover { text-decoration:none }
#navtop-1 li a { display:block; padding:5px 10px; color:#FFF; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; background:url(../img/separatore.jpg) right center no-repeat }
#navtop-1 li a.ultimo { background: none}
#navtop-1 li a:hover { color:#000 }
.cover a { display:block; width:100%; height:20px; text-align:center; text-decoration:none; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif }
.post a { color:#ac6100; }
.button { display:block;  width:130px; height:30px; color:#FFF; background:url(../img/bg_button.png) left top no-repeat; text-align:center; text-decoration:none}
a.button:hover { color:#333}
/* CLASS
-----------------------------------*/
.logo { margin-left:30px }
.color  {background: none repeat scroll 0 0 #F5EACE; border: 1px solid #CAA243; margin-bottom: 20px; padding: 20px 20px 0 30px;}
.banner_ecologia { position:absolute; height:131px; right: 0; top: 10px;}
.paper { position:absolute; right:0; top:230px }
.left { float:left; margin-right:15px }
.right { float:right }
.thumb { width:80px; height:80px}
.thumb2 { width:40px; height:40px}
.intro_page { margin-bottom:30px; padding:10px 0 15px; border-bottom:1px dashed #666 }
.sx { width:250px; float:left; /*height:160px;*/ padding:5px 20px 0 0 }
.sx img { border:1px solid #ddd; padding:2px}
.sx .didascalia { font-size:11px; font-style:italic; margin-top:2px; color:#666}
.intro_post { margin-bottom:30px; padding:0 50px 15px 50px; border-bottom:1px dashed #ddd }
.visualizza-offerte {width:650px; text-align:right; margin:-30px 0 20px 0}
	#col_sx .visualizza-offerte img {border:none}
.torna-su {width:650px; text-align:right; clear:left}
	#col_sx .torna-su img {border:none}
.gallery li { float:left; border:1px solid #c28c43; padding:2px; height:100px; margin:0 8px 8px 0}
/*#col_sx .intro_post img { border:none; padding-top:5px}*/
.box_news1 { float:left; width:300px; margin-right:60px; line-height:16px }
.box_news1 .post { width:300px; height:100px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd}
.box_news1 .post img { border:1px solid #ddd; padding:2px}
.newsletter { height:180px; padding:8px 5px 0 20px; background:url(../img/bg_newsletter.jpg) left top no-repeat }
.post-news {border-bottom:1px dashed #666; padding:20px 10px 50px; min-height:250px }
.post-news .left{margin-bottom: 40px}

/* animazione su navtop-1 */
	.boxgrid { width:176px; height:151px; margin:0 2px 0 1px; overflow:hidden; position:relative }
	.boxgrid img { position: absolute; top: 0; left: 0; border: 0 }
	.boxcaption { float:left; position: absolute; top:110px; left:-176px; background: #000; height: 20px; width: 176px; font-weight:bold; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
	
/* animazione su box_news1 */
	.news_style { display:none; }
	.news_show { background-color: white; color:black; width:300px; height:320px }
	.news_border { background-color: white; width:300px; height:320px }
	.news_mark { }
	.news_title { }
	.news_show img { }
	.buttondiv { border-top:1px solid #EEE; padding-top:3px }
	
/* tabs */
	.tabs{ /*float:left; */ width:100%}
	.tabs ul.tabs-list{ margin:0;  padding:10px 10px 0 0;  list-style:none}
	.tabs ul.tabs-list li{ float:left;  background:url("../img/i_tabs/left.gif") no-repeat left top;  margin:0;  padding:0 0 0 9px; border-bottom:1px solid #666}
	.tabs ul.tabs-list a{ float:left;  display:block;  background:url("../img/i_tabs/right.gif") no-repeat right top;  padding:5px 15px 4px 6px;  text-decoration:none;  font-weight:bold;  color:#765}
	/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
	.tabs ul.tabs-list a{float:none}
	/* End IE5-Mac hack */
	.tabs ul.tabs-list a:hover{ color:#333}
	.tabs ul.tabs-list .current{ background-image:url("../img/i_tabs/left_on.gif");  border-width:0}
	.tabs ul.tabs-list .current a{ background-image:url("../img/i_tabs/right_on.gif");  color:#333;  padding-bottom:5px}
	
	.tabs .current-info, 
	.tabs .accessibletabsanchor, 
	.tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/{ position:absolute;  left:-999em}
	.tabs .content{ clear:both;  margin:3em 1em 1em 0em}	
	
.news_show2 { background-color:black; color:white; width:300px; height:400px; font: normal 100% "Arial", "Lucida Grande", Verdana, Sans-Serif; overflow: auto; }
.news_show2 img { margin-left: 5px; margin-right: 5px; }
.news_title2 { font: bold 120% "Arial", "Lucida Grande", Verdana, Sans-Serif; border: 0px solid gray; padding: 5px 0px 9px 5px; width:300px; color:white; }
.code { width:500px; color:white; font: normal 90% "Arial", "Lucida Grande", Verdana, Sans-Serif; padding: 5px 5px 5px 5px; background-color:black; }
.box_news2 { float:left; width:300px; padding:0 0 60px 14px; border-left:1px dashed #666; font-size:14px }
.list-pointer li { background:url(../img/i_list.png) left 6px no-repeat; padding-left:15px; margin:3px 0 }
.list-pointer li span { color:#AC6100}
.box_servizio { height:95px; padding-bottom:20px; margin:0 20px 30px 20px; border-bottom:1px dashed #c3c3c3 }
.box_servizio img { border:1px solid #ddd; padding:2px}
.footer_section { padding-top:10px}
.firma {margin-top:15px}
p.ico { margin-top:10px}
p.ico a { margin-right:3px}
.banner_expo{margin-top:15px; text-align:center}
.sitemap { float:left; margin-right:60px; padding:0 0 30px 10px}
.fix_height { clear:left; visibility:hidden; height:1px; }
/* MENU
-----------------------------------*/
#navtop-1 { height:62px; margin-top:120px; padding-left:20px; background:url(../img/bg_navtop-1.png) left top no-repeat }
#navtop-1 li { float:left; margin-top:12px }
.navtop-2 { padding-top:12px; padding-left:7px; width:722px; position:absolute; top:286px; left:14px; background:url(../img/bg_navtop-2.png) left top no-repeat }
.navtop-2 li { float:left; width:176px; height:151px; margin:0 2px 0 1px; }
.social { float:right; margin:105px 135px 0 0 }
.social li { float:left; margin-right:10px }
.bottom_menu { padding:0 0 0 20px }
.bottom_menu li { float:left; width:80px; height:21px; padding:2px 0 0 10px; font-size:11px }
.bottom_menu li ul li { clear:left; height:21px; padding:0 0 0 0 }
/* TABLE
-----------------------------------*/
#listino_prezzi { width:450px; text-align:center; margin-bottom:20px }
#listino_prezzi th { background:#e1d4aa }
#listino_prezzi td { background:#ede3b9; width:150px; height:60px }
/* FORM
-----------------------------------*/
#form_newsletter { margin-bottom:30px}
#form_newsletter fieldset { border:none}
#form_newsletter fieldset legend { background:#FFF}
#form_newsletter li { height:25px; background:none; clear:left}
#form_newsletter li label { float:left; display:block; width:60px}
#form_newsletter li input { float:left; width:110px; border:1px solid #ddd}
#form_newsletter .check {font-size:10px}
#form_newsletter .check p {margin-bottom:5px}
#form_newsletter .check div {width:90px; height:20px; float:left}
#form_newsletter .check label {float:left; width:45px; margin-right:5px; line-height:14px}
#form_newsletter .check input {float:left; width:20px}
#form_newsletter li input.submit { width:65px; margin-left:108px; cursor:pointer}

.form { color:#333 }
.form fieldset { padding:20px; border:2px dashed #CCC; margin-bottom:30px }
.form legend { padding:3px; border:2px solid #CCC }
.form label { display: block; float: left; margin: 6px 0 0; width: 200px }
.form .input-container { width: 300px; float:left }
.form .short { width: 90px; float:left }
.form .rowElem { float: left; margin-bottom: 5px; width: 100% }
.form input { width:250px; border:1px solid #AAA }
.form .input-container select { border:1px solid #AAA; float: left; width:250px; }
.form textarea { border:1px solid #AAA; height: 120px; width: 250px }
.form .input-container .select_s { width:50px; margin-right:5px }
.form .input-container .select_l { width:60px }
.form .sendBtn { float:left; width:75px; height:24px; text-align:center; background:url(../img/submit-btn-bg.gif) repeat-x 0 0; color:#5f5f5f; border:1px solid #aaa; display:block; cursor:pointer; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; margin:20px 20px 0 0; }
.form .sendBtn:hover { background:url(../img/submit-btn-bg-hover.gif) repeat-x 0 0; color:#ffffff; border:1px solid #333; }

#form_news {margin:30px 0 50px}
#form_news fieldset { border:none}
#form_news li { height:30px; clear:left}
#form_news li label { display:block; width:150px; float:left;}
	#form_news li label.oggetto {width:300px; font-size:10px}
#form_news li input { width:250px; float:left;}
#form_news textarea {float:left; width:250px; height:100px}
#form_news li input.submit { float:right; margin:15px 270px 0 0; width:70px}
/* DIV
-----------------------------------*/
#wrapper { width:980px; margin:0 auto 40px; position:relative }
#header { height:305px; background: url(../img/i_banner/001.jpg) center top no-repeat }
	#corte #header { background: url(../img/i_banner/004.jpg) center top no-repeat }
	#servizi #header { background: url(../img/i_banner/002.jpg) center top no-repeat }
	#camere #header { background: url(../img/i_banner/003.jpg) center top no-repeat }
	#ristorante #header { background: url(../img/i_banner/005.jpg) center top no-repeat }
	#listino #header { background: url(../img/i_banner/008.jpg) center top no-repeat }
	#contatti #header { background: url(../img/i_banner/014.jpg) center top no-repeat }
	#museo #header { background: url(../img/i_banner/009.jpg) center top no-repeat }
	#eventi #header { background: url(../img/i_banner/015.jpg) center top no-repeat }
	#location #header { background: url(../img/i_banner/010.jpg) center top no-repeat }
	#soggiorno #header { background: url(../img/i_banner/011.jpg) center top no-repeat }
	#viaggiscuole #header { background: url(../img/i_banner/012.jpg) center top no-repeat }
	#seminari #header { background: url(../img/i_banner/013.jpg) center top no-repeat }
	#natura #header { background: url(../img/i_banner/016.jpg) center top no-repeat }
#content { margin:0 10px; padding:190px 10px 20px; background: #fff }
#col_sx { float:left; width:675px; margin-right:40px }
#col_dx { float:left; width:205px }
#footer { padding:20px 0; margin:0 10px 0; height:120px; font-size:11px; background: url(../img/bg_footer.png) left 10px no-repeat }