﻿/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
q { quotes: "\201C""\201D""\2018""\2019" }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { /* border-collapse: collapse;*/ border-spacing: 0; } .ie7 table { border-collapse: collapse; }
strong, b, strong *, b *{font-weight: bold;}
em, i, em *, i *{font-style: italic;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
sub, sup {font-size: 0.7em; line-height: 100%;}
input, select, button { cursor: pointer; }
input[type='text'], input[type='password'] { cursor: text; }
input[type='hidden'] { display: none; }

:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019' }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018' }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039' }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A' }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D' }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019' }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a' }
*[lang|='en'] q:before { content: '\201C' }
*[lang|='en'] q:after { content: '\201D' }
*[lang|='en'] q q:before { content: '\2018' }
*[lang|='en'] q q:after { content: '\2019' }
/*end reset*/

/* PRIMARY */
html { overflow-y: scroll; background: #034917; }
body { font: 12px/20px Arial, Verdana, sans-serif; color: #fff; }
	.ie7 body { padding-top: 15px; }

a { color: #13a239; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; color: #000; }
a { -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }

nav, legend, h1, h2, h3, h4, h5, #top, table { font-family: Georgia, serif; font-variant: small-caps; }

h1, h2, h3 { font-weight: normal; }
h1 { font-size: 18px; line-height: 30px; margin-bottom: .5em; }
h2 { font-size: 16px; line-height: 20px; margin-bottom: .5em; }
h3, legend { font-size: 16px; }
#main h3, legend { font-size: 14px; }
h4 { font-size: 14px; color: #000; margin-bottom: .2em; }

p, ul, ol, dl { margin-bottom: 1em; }
#main ul, #main ul li { list-style: square inside; }
#main ol, #main ol li { list-style: decimal inside; }
#main ul ul, #main ol ol { margin-left: 1em; margin-bottom: 0; }
#main ul ul ul, #main ol ol ol { margin-left: 1em; }
#main ol ol li { list-style-type: lower-alpha; }

dl dt { font-weight: bold; }
dl dd { margin-left: 1em; }

small { font-size: 10px; color: #89aed2; }
blockquote { padding-left: 1em; border-left: 1px solid #818181; }

table { width: 100%; background: #e4e4e4; color: #262626; text-align: center; font-size: 12px; font-variant: normal; }
	td { padding: 2px; border-bottom: 1px solid #fff; }
	/*tr:nth-child(even) td { background-color: #f4f4f4; }*/
	/*table .price { text-align: center; }*/
	tr.header { background: #bebebe; }
	tr.header td { padding-top: 10px; }
	tr.header h1 { text-align: left; }
	td p { margin-bottom: 0; }
	td.prezzo { font-weight: bold; text-align: right; }
	td.col_header { font-weight: bold; }

	.highlight { background: #13a239; color: #fff; border-color: #50a5f4; }
	tr.header .highlight { background: #3777b2; }

	.trattamenti { text-align: left; }
	.trattamenti td, .listino td { padding-left: 5px; padding-right: 5px; }
	.trattamenti tr:hover td, .listino tr:hover td { background: #13a239; color: #fff; }

/* form */
label { width: 80px; text-align: right; display: block; padding-right: 10px; font-weight: bold; }

/* Header */

header { width: 182px; float: left; background: #034917; margin-top: 180px; }
	#logo { line-height: 0; font-size: 0; display: block; height: 191px; overflow: hidden; width: 182px; margin: -196px 0 10px;}
	.ie7 header { padding-bottom: 10px; }
	header.hide, header.hide nav ul ul { background: transparent; }

nav {  }
	nav li { padding: 0 10px; }
	nav a { color: #fff; display: block; text-decoration: none; font-size: 14px; line-height: 28px; }
	nav a:hover { text-decoration: underline; }

	nav ul ul { padding: 10px 0; background: #13a239; margin: 0 -10px 10px -10px; display: none; }
	nav ul ul a { font-size: 11px; line-height: 18px; font-family: Arial, Verdana, sans-serif; font-variant: normal; }

	nav ul ul ul { padding: 0; border-left: 3px #0a457f solid; margin-left: 8px; }
	nav ul ul ul a { color: #000; }

	nav .active > a { color: #fff; background: url("../img/menu-active.gif") right center no-repeat; }
	nav .show > ul { display: block; }
	nav .hasMenu > a span { background: url("../img/menu-plus.gif") right top no-repeat; padding-right: 15px; }
	nav .hasMenu.show > a span { background-position: right bottom; }

	.toggler { position: absolute; right: 0; background-image: url("../img/toggler_arrow.png"); background-position: left bottom; display: block; width: 36px; height: 30px; text-indent: -3000px; }
	.toggler:hover { background-color: #000; }

/* Main */
#wrapper { width: 960px; margin: 15px auto 0 auto; padding-bottom: 65px; position: relative; }
#wrapper2 { width: 756px; float: right; position: relative; }

#top, #main-wrapper, #main-wrapper2, aside { background: url("../img/bgblack.png") repeat; background: rgba(0,0,0,.6); }

#top { width: 756px; height: 42px; float: right; margin-bottom: 93px; font-size: 14px; position: relative; }
	#top-nav li { float: left; }
	#top-nav a { color: #fff; text-decoration: none; line-height: 42px; padding: 0 20px 0 50px; border-right: 1px solid #000; display: block; background-position: left center; background-repeat: no-repeat; }
	#top-nav a:hover { text-decoration: underline; color: #61d27e; }
	#top-nav .m01 a {  background-image: url("../img/top-book.png"); }
	#top-nav .m02 a {  background-image: url("../img/top-video.png"); }
	#top-nav .m03 a {  background-image: url("../img/top-foto.png"); }
	#top-nav .m04 a {  background-image: url("../img/top-360.png"); }

	#lang-nav { position: absolute; right: 50px; bottom: 8px; margin: 0; }
	#lang-nav a { color: #fff; text-decoration: none; }
	#lang-nav a:hover { text-decoration: underline; }
	#lang-nav .active a { color: #61d27e; }

	#toggler { display: block; width: 42px; height: 42px; position: absolute; right: 0; top: 0; background: url("../img/toggler.png") 0 0 no-repeat; text-indent: 0; }
	#toggler:hover { opacity: .8; }
	#toggler.active { background-position: 0 bottom; }

#main-wrapper { width: 545px; float: left; position: relative; min-height: 30px; }
#main-wrapper2 { width: 756px; float: left; position: relative; min-height: 30px; }

#main { padding: 0 36px 12px 12px; }
	#main a { color: #fff; }
	#main a:hover { color: #13a239; }

aside { width: 183px; float: right; min-height: 30px; }
	aside h2, aside h3 { color: #fff; background: #034917; padding: 5px 10px; font-size: 14px; }
	aside h2 { background: none; margin: 0; }
	aside a { color: #fff; }
	aside ul { background: #034917;  margin: 0; }
	aside li { width: 183px; padding-bottom: 10px; }
	aside li > * { padding: 0 10px; }
	aside li img { margin: 0 -10px; }
	aside p { margin: 0; }

/* Footer */
footer { clear: both; background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 1000; height: 50px; color: #646464; font-size: 11px; }
#wrapper-footer { width: 960px; margin: 0 auto; padding-top: 5px; position: relative; }
	#wrapper-footer img { vertical-align: middle; }
	footer a { text-decoration: underline; }

	footer .social { float: left; width: 184px; padding-top: 7px; }
	footer .address { margin-left: 217px; width: 498px; }
	footer .logos { right: 0; top: 9px; position: absolute; }


/* CLASSES */
.shadow { font-size: 0; line-height: 0; z-index: 1000; background: url("../img/shadow.png"); height: 10px; width: 100%; left: 0; position: fixed; }
	.shadow-top { top: 0; background-position: bottom left; }
	.shadow-bottom { bottom: 50px; background-position: top left; }

.logo:hover img, .gallery a:hover img, .realtour a:hover img, .thumb:hover img, .image:hover img, .photo:hover img { opacity: .8; }

.thumb { font-size: 0; line-height: 0; padding: 0; display: block; float: left; margin: 0 3px 3px 0; }

.align_right { float: right; margin: 0 0 35px 35px; }
.align_left { float: left; margin: 0 35px 35px 0; }

.dot-menu, .dot-menu li { list-style-type: none; }
	.dot-menu li { float: left; margin-right: .4em; }
	.dot-menu li:before { content: ". ";}
	.dot-menu li:first-child:before { content: ""; }

.aside { position: relative; }
.arrows { position: absolute; top: 7px; right: 10px; }
.arrows a { display: block; line-height: 18px; width: 18px; background: url("../img/gal.png") no-repeat; text-indent: -3000px; float: left; }
	.arrows #prev1, .arrows #prev2 { background-position: top left; }
	.arrows #next1, .arrows #next2 { background-position: bottom left; }
	.arrows #next1:hover, .arrows #next2:hover { background-color: #13a239; }
	.arrows #prev1:hover, .arrows #prev2:hover { background-color: #13a239; }

.realtour, .gallery { display: block; clear: both; margin-bottom: 2em; }
	.realtour a { margin: 0 2px 2px 0; float: left; line-height: 0; }


/* PAGES */

/*
 * Guestbook
 */
#guestbook_messages { border-top: 4px solid #034917; padding-bottom: 1em; }
.guestbook { padding: 1em 0; border-top: 1px solid #cfcfcf; }
.guestbook:first-child { border: none; }
.guestbook h3 { border-left: 4px solid #13a239; padding-left: .5em; margin-bottom: .3em; }
.guestbook span { font-weight: bold; font-size: 14px; }

#lascia_messaggio { float: none; display: block; margin-bottom: 1em; cursor: pointer; width: 180px; }

#guestbook_form_div { margin-bottom: 1em; }
#guestbook_form_div div label { float: left; width: 80px; }
#guestbook_form_div div { padding-bottom: 5px; }
#guestbook_form_div .captcha_container { padding-left: 90px; }
#guestbook_form_div input, #guestbook_form_div textarea { width: 300px; border: 1px solid #CFCFCF; padding: 5px; }
#guestbook_form_div textarea { height: 120px; }
#guestbook_form_div .button { border: none; background-color: #034917; color: #fff; cursor: pointer; width: 312px; font-family: Arial, sans-serif; } 
/*.ie7 #guestbook_form_div .button, .ie8 #guestbook_form_div .button, .ie9 #guestbook_form_div .button { padding-top: 0; padding-bottom: 0; } */

/*
 * Dove siamo
 */
 #mappa { height: 350px; }
 #directions { padding: 5px 10px; background: #13a239;  }
 #directions #start { margin-left: 10px; border: 1px solid #CFCFCF; padding: 5px; }
 #directions .search { border: none; background-color: #034917; color: #fff; cursor: pointer; padding: 5px 10px; }
 .adp-placemark { margin-top: 0; }
 .adp-legal { color: #fff; margin-bottom: 1em; }


 /*
  * Richiesta
  */
.richiesta fieldset { border-top: 1px solid #13a239; margin-bottom: 1.5em; padding: 1.5em 0; }
.richiesta legend { margin-left: 2em; padding: 0 .5em; }
.richiesta div label { float: left; width: 180px; padding-top: 5px; }
.richiesta div { padding-bottom: 5px; }
.richiesta input, .richiesta textarea, .richiesta select { width: 290px; border: 1px solid #CFCFCF; padding: 5px; }
.richiesta textarea { height: 120px; }
.richiesta .checkbox input { width: 20px; height: 20px; margin: 0; vertical-align: bottom;}
.richiesta label.button { height: 0; }
.richiesta input.button { border: none; background-color: #034917; color: #fff; cursor: pointer; width: 302px; font-family: Arial, sans-serif;  }
.richiesta .checkbox input { border: none; }
.richiesta .spantext { line-height: 20px; }
/*.ie7 .richiesta input.button, .ie8 .richiesta input.button, .ie9 .richiesta input.button { padding-top: 0; padding-bottom: 0; } */
.richiesta .error input { border-color: #b00000; background: #e4e4e4; }
.message { padding: 15px; margin-bottom: 1em; border: 1px solid #034917; background: #13a239; color: #fff; }

/*
 * News
 */
.item { padding: 35px 0; border-top: 1px solid #fff; overflow: hidden; }
.item .image { float: right; }
.item .testo { margin-right: 192px; }
.item h2 { border-left: 4px solid #034917; padding-left: 7px; }
.item span { font-weight: bold; font-size: 14px; font-family: Georgia, serif; color: #fff; }
.item .button { margin-bottom: 0; }


.pagine { text-align: center; margin-top: 1em; padding-top: 1em; border-top: 4px solid #034917; }
.pagine a { padding: 5px 10px; line-height: 26px; background: #13a239; text-decoration: none; }
.pagine a:hover { text-decoration: none; background: #c0c0c0; color: #000 !important; }
.pagine .current { background: #034917; color: #fff; }
.pagine .current:hover { background: #034917; color: #fff !important; cursor: default; }

/* CLEARFIX */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; }

.cl { clear: both; font-size: 0; line-height: 0; height: 0; }

/* ALBERTO */
#gallery { overflow: hidden; }
.fullrealtour { overflow: hidden; }
#main a.button { background-color: #034917; color: #FFFFFF; text-decoration: none; padding: 3px 8px; margin-right: 4px; }
#main a.button:hover { color: #000; }
.homeboxgroup { overflow: hidden; margin: 0px -10px 0px -5px; }
.homebox { width: 243px; height: 150px; position: relative; float: left; margin: 5px; overflow: hidden; }
.homebox h3 { position: absolute; top: 0; left: 0; z-index: 2; font-size: 20px; padding: 5px; margin: 0; line-height: 22px; background-color: rgba(0, 0, 0, .5); width: 243px; }
.homebox img { position: absolute; top: 0; left: 0; z-index: 1; }
.homebox a { display: block; position: absolute; top: 0; left: 0; width: 243px; height: 150px; z-index: 3; text-decoration: none; }
.homebox span { position: absolute; bottom: -32px; left: 0; z-index: 2; font-size: 14px; padding: 5px; margin: 0; line-height: 22px; background-color: rgba(0, 0, 0, .5); width: 243px; font-family: Georgia, serif; font-variant: small-caps; }
.homebox:hover h3 { background-color: rgba(0, 0, 0, 1); }
.homebox:hover span { bottom: 0; }
.homebox * { -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
div.realtour { overflow: hidden; margin-right: -20px; }
.addthis_toolbox { margin-top: 10px; }
.addthis_toolbox > a { width: 120px; }
.addthis_toolbox > a > iframe { width: 120px !important; }