@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }
#blu{float:left; margin-right:30px;}
body { background:url('images/back-body.jpg') repeat-x top #efefe1; }
img { border:0 }
h3 { font-size:18px; font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:10px; }
p { font-size:13px; font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; text-align:justify }

#back { width:100%; height:700px; margin:0 auto; background:url('images/back-back.jpg') no-repeat top center; }

#wrap { width:960px; padding-top:59px; margin:0 auto; }

/*** ____________________________________________________________________ HEAD ***/
#top { height:374px; width:960px; }
#top-head { height:97px; width:924px; background:url('images/back-top-head.jpg') no-repeat top center; margin-left:17px; margin-top:-11px; }  
#top-head #menu { height:60px; padding-top:19px; font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; overflow:hidden; }
#top-head #menu ul { float:right; margin-right:15px; }
#top-head #menu ul li { float:left; list-style:none; height:51px; overflow:hidden; }
#top-head #menu ul li a { padding:0 30px 0 30px; margin:2px 0 2px 0; line-height:40px; height:59px; display:block; text-decoration:none; color:#120904; background:url('images/back-menu-up.png') bottom center no-repeat; }
#top-head h1 { font-size:11px; font-weight:normal; text-align:right; padding-right:10px; font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#top-slide { height:291px; width:924px; background:url('images/back-top-slide.jpg') no-repeat top center; margin-left:17px; z-index:2; }
#top-slide object { margin-left:8px; }

#guestbook { z-index:100; position:relative; top:-83px; left:840px; width:115px;}

#bottom-bar { background:url('images/back-foot.jpg') top center repeat-x; margin-top:7px; }

/*** _____________________________________________________________________ CORPO ***/
#text { width: 583px; min-height:408px; background:url('images/back-text.jpg') no-repeat top center #faf7e2; padding:15px; margin:3px 0 0 0; }
#text h3 { color:#720e15; }
#text h3 strong { color:#120904 }
#text p { color:#341d10; line-height:22px; }

#footer { margin-left:323px; width:643px; text-align:center }
#footer p { font-size:9px; padding:8px 0 0 60px; }
#footer img { margin-top:3px }

#col-sx { float:left; width:301px; background:url('images/back-col-sx.jpg') top center no-repeat #f9f7e2; min-height:410px; }
#col-dx { float:right; }

/** _____________________________________ PHOTOGALLERY **/
#photogallery-wrap { width:289px; height:227px; background:url('images/back-photogallery-wrap.jpg') top center no-repeat; margin:3px 0 0 1px; padding:15px 5px 0px 5px}
#photogallery-wrap hr { color:#690b0c; background-color:#690b0c; height:1px; border:0; margin-top:-6px;}
#photogallery-wrap h3 { color:#690b0c; font-weight:normal; padding:0 10px 0 10px; }
#photo-photogallery { width:225px; height:173px;background:url('images/back-photo-photogallery.jpg') top center no-repeat; float:left; margin-top:10px; overflow:visible; position:relative }
#photo-photogallery img { margin:9px 9px 9px 9px; position:absolute; top:0; left:0 }
#sx-photogallery, #dx-photogallery  { float:left; width:20px; padding:86px 6px 70px 6px; cursor:pointer; }



/** ______________________________________ SUBMENU **/
#submenu { width:326px; z-index:2 }
#submenu div { width:95px; height:61px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:3px 7px 0 0; text-align:center; padding-top:4px; background:url('images/back-submnu.jpg') top center no-repeat; }
#submenu div.clear { width:0px; height:0px; background:none; clear:both; margin:0; padding:0 }
#submenu div.meteo { margin-left:1px; }
#submenu .entroterra a { line-height:12px; padding:1px 0 12px 0; margin-bottom:34px }
#submenu .entroterra a:hover { }
#submenu .alloggi a { }
#submenu .alloggi a:hover { }
#submenu .ambiente { background:url('images/back-submnu-2.jpg') top center no-repeat; margin:-3px 0 0 1px; width:194px; height:25px; text-align:center; padding:0 0 0 105px }
#submenu a { text-decoration:none; font-weight:bold; display: block; width:95px; height:58px; line-height:12px; padding-top:3px }
#submenu p { line-height:18px; padding:0 34px 53px 8px; color:#4e4c47;}

#moscone { position:relative; top:-43px; float:left; z-index:100 }


/** #########################################################        PAGINE **/
#text table { padding:8px; margin:0px }
#text table label { font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; }
.validation-advice { color:#fff; background:#d00; padding:2px; font-size:10px; font-family: "Comic Sans MS", cursive, Arial, Helvetica, sans-serif; } 
.small { font-family: "Comic Sans MS", cursive, Arial, Helvetica, sans-serif; font-size:10px; }

#privacytext h3 { font-size:12px; margin-bottom:3px; margin-top:-5px }
#privacytext p { font-size:11px; line-height:12px; text-align:justify }
#privacytext div#textarea { width:245px; height:273px; text-align:justify; font-family: "Comic Sans MS", cursive, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:10px; line-height:13px; background:#faf7e2; border:0; padding:0 5px 0 3px; overflow:auto; text-align:justify }

.titolomappa { font-family: "Comic Sans MS", cursive,  "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;  color:#c00 } 
.testomappa { font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; }
#submenu .ambiente a {width: 115px}



table.prezzi { font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
table.prezzi td { height:22px }

#text { font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }

#text .linkstable { border:0; margin:0; padding:0; }
#text .linkstable b { color:#555249 }

#text ul.links { margin-top:7px; }
#text ul.links li { list-style:none; padding:0; margin:0 }
#text ul.links a { text-decoration:none; display:block; height: 41px; width:230px; margin-bottom:2px; color:#555249; }
#text ul.links a:hover { background:#e3decb; color:#000; }
#text ul.links img { border:3px solid #e3decb; margin-bottom: -16px; margin-right:7px}

#text ul li { list-style:none; font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; margin-left:15px; color:#341d10; margin-bottom:5px;  }

#text ul.alloggi li { list-style:none; padding-right:16px; }
#text ul.alloggi li p { color:#555249; line-height:18px; }
#text ul.alloggi a { text-decoration:none; color:#720e15 }
#text ul.alloggi a:hover { color:#f60 }
#text ul.alloggi img { float:left; border:5px solid #fff;; margin: 3px 12px 0 0; }


h4 { color:#720e15 }


#top-slide-colori { height:542px; width:924px; background:url('images/back-top-slide-colori.jpg') no-repeat top center; margin-left:17px; z-index:2; }
#top-slide-colori #ticket{ margin-left:-67px; float:left; }
#top-slide-colori #ticket img { z-index:100; margin-top:-10px; position:absolute}



/** FOTO e VIDEO ---- PHOTOGALLERY **/
#photogallery-wrapB { width:900px; background:url('images/loading.gif') center center no-repeat; height:360px; padding:10px; position:relative; margin-bottom:10px; display:none; z-index:0; }
#photogallery-wrapB .image-pg { margin-top:10px; position:absolute; width:900px; } 

#photogallery-wrapB .image-pg { text-align:center } 
#photogallery-wrapB .image-pg a { text-align:center } 
#photogallery-wrapB .image-pg img { max-width:900px; max-height:360px; margin:0 auto; }

#photogallery-wrapB .dxarrow-pg { z-index:100; top:160px; left:862px; cursor:pointer; position:absolute; z-index:200 }
#photogallery-wrapB .sxarrow-pg { z-index:100; top:160px; cursor:pointer; position:absolute; z-index:200 }

#photogallery-nav { background:#e6e0ce; width:710px; float:left; }
#photogallery-nav .slider-pg { position:absolute; left:0; }

.buttcont { float:left; width:50px; padding-top:32px; display:none }
.buttcont img { cursor:pointer; }


#gallery-list a { text-decoration:none; color:#222; }
#gallery-list a:hover { color:#8ea717; }
#gallery-list li { background:#fff; padding-top:20px; }
#gallery-list li:hover { background:#f9f9f9; }
#gallery-list li img { border:5px solid #f9f9f9 }


.closeSticky { font-family: "Comic Sans MS", cursive, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }


#info {line-height:15px; font-size:12px; color:#4e4c47; font-family:"Comic Sans MS", cursive;}
div#mail-lang { margin:12px 0 0 0; font-size:11px; font-family:"Comic Sans MS", cursive; }
#mail { float:left }
#mail img { margin: 3px 3px -5px 0; }
#lang { float:left; margin:0 18px 0 15px; background:url('images/back-lang.jpg') top left repeat-x; width:302px; }
#lang td { width:52px; vertical-align:middle; height:18px }
#lang td a img { margin:0 3px -3px 0; }
div#mail-lang a { color:#f9f7e2 }
div#mail-lang a:hover { color:#791b21 }
div#mail-lang #lang a:hover { color:#791b21; text-decoration:none }

a { text-decoration:none; color:#7d2f23; }
a:hover { color:#f60; text-decoration:underline }

.clear { clear:both; } 
.right { text-align:right }
.center { text-align:center }

#map { width:570px; height:400px; float:left; border:4px solid #faf7e1; margin-right:15px }

#back-col-mod { width:920px; margin-left:16px; background:url('images/back-col-mod.jpg') top left repeat-y; min-height:410px; }




#mask { width:100%; height:100%; display: none; background:#000; z-index:9999; position:absolute; top:0}

#modal { width:392px; height:291px;  margin:0 auto; top:250px; display:none; z-index:10000;  position:absolute; background:url('images/bg-modal.jpg') top center no-repeat; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000;  }

#modal h3 { color:#ddbb50; margin:8px 0 3px 24px; padding:0 0 5px 0; font-size:26px;  }
#modal p { padding:2px 50px; color:#212121; font-size:16px }

#modal .close { display:block; font-family:Arial, Helvetica, sans-serif; float:right; margin:-8px -7px 0 0; cursor:pointer; background:#fff; border:3px solid #000; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:3px 6px; position:relative; font-size:8px; color:#59403c; }
#modal .close span { display:none; padding-right:12px; position:absolute; right:15px; font-size:10px; top:2px; }
#modal .close:hover span { display:block; }