﻿* {margin:0; padding:0;}
img {border:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, li, dd {}
input, textarea {font-family: "Trebuchet MS", "Trebuchet", Jamrul, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}

a {color:#FFF; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:none;}
.hide {display: none}
.close {clear:both; font-size:1px; height:1px;}
.close-slogan {clear:both; background:#907E56; font-size:1px; height:1px;}
.ajax-loading {margin:0; padding:10px;background: url(ajax-loading.gif) no-repeat left;}

/**/

body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%; 
	color:#EEE; 
	background:#2A251F;
	text-align:center;
}

/**/

#site {width:955px; margin:0 auto; padding:0; text-align:left;}

#header {margin:0; padding:0; border:1px solid #231E1A; background:#423B33 url(back-header.jpg) no-repeat top left;}
#header-top {margin:0; padding:0;}

#logo {float:left; height:111px; width:441px; margin:0; padding:0;}
#languages {float:right; width:504px; margin:85px 0 0 0; padding:0;}
#languages ul {float:right; margin:0; padding:0; list-style:none;}
#languages ul li {display:inline; margin:0; padding:0 4px 0 5px; border-left:1px solid #CCCCCC; color:#E6E6E6; font-size:9px;}
#languages ul li.first {border-left:0;}
#languages ul a {color:#FFF; font-weight:normal; text-decoration:none;}
#languages ul a:hover {color:#FBAF5D; text-decoration:none;}

/**/

#header-bottom {clear:both; margin:0; padding:0; border:0;}

#navigation {margin:0; padding:0; border:0; background:#423B33;}
#navigation ul {margin:0; padding:0; background:#423B33; list-style:none; overflow:hidden;}
#navigation ul li {float:left; margin:0; padding:8px 15px; color:#7C6048; font-size:10px;}
#navigation ul.en li {padding:8px 14px;}
#navigation ul.es li {padding:8px 11px;}
#navigation ul a {padding:5px 0; color:#FFF; font-weight:normal; text-decoration:none;}
#navigation ul li:hover {background:#4A4239;}
#navigation ul li.sel {background:#FF7C05;}
#navigation ul a:hover {color:#FFFCD9; text-decoration:none;}

/**/

#page {clear:both; margin:0; padding:0;}
.page-wrapper {}
#page-left {float:left; width:134px; margin:0; padding:0;}
#page-content {float:right; width:821px; margin:0; padding:0;}
#page-middle {float:left; width:398px; margin:0; padding:0;}
#page-right {float:right; width:423px; margin:0; padding:0;}
#page-middle-large {margin:0; padding:0;}

/**/

#video-link {height:50px; margin:0; padding:25px 0 180px 0; text-align:center;}
#video-link img {height:50px;}

#reservation {margin:0; padding:10px; font-size:100%; background:#C3C3C3; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#reservation h3 {margin:0 0 5px 0; padding:0; color:#000; font-size:11px; font-weight:bold;}
#reservation .row {margin:3px 0; padding:0; text-align:center;}
#reservation label {display:block; margin:5px 0 2px 0; padding:0; color:#333; font-weight:bold;}
#reservation input.data {width:80px; margin:0 auto; padding:1px 2px; background:#FFF; color:#000; font-size:11px; text-align:center;}
#reservation .action {margin:8px 0 0 0; text-align:right;}
#reservation input.btn {margin:5px 0 0 0; padding:2px 3px; border:0; background:#464740; color:#FFF; font-size:90%; font-weight:bold; cursor:pointer;}
#reservation input.btn:hover {background:#FF7C05;}

/**/

.news-list {margin:10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.news-list .news {margin:0 0 10px 0; padding:0 10px; text-align:center;}
.news-list .news .title {margin:0; padding:3px 0; font-size:100%; font-weight:bold; color:#0C050C;}
.news-list .news .title a {margin:0; padding:0; color:#0C050C; text-decoration:none;}
.news-list .news .title a:hover {color:#333; text-decoration:none;}
.news-list .news .pic {margin:0; padding:0;}
.news-list .news .text {margin:0; padding:3px 0; font-size:100%; font-weight:bold; color:#555; line-height:130%;}
.news-list .news .text a {margin:0; padding:0; color:#555; text-decoration:none;}
.news-list .news .text a:hover {color:#888; text-decoration:none;}

.event-list {margin:10px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.event-list .event {margin:0 0 5px 0; padding:10px; background:#C82828; text-align:center;}
.event-list .event .title {margin:0; padding:3px 0; font-size:11px; font-weight:bold; color:#FFF;}
.event-list .event .title a {margin:0; padding:0; color:#FFF; text-decoration:none;}
.event-list .event .title a:hover {color:#FFA34C; text-decoration:none;}
.event-list .event .pic {margin:0; padding:0;}
.event-list .event .text {margin:0; padding:3px 0; font-size:11px; font-weight:bold; color:#FFF; line-height:130%;}
.event-list .event .text a {margin:0; padding:0; color:#FFF; text-decoration:none;}
.event-list .event .text a:hover {color:#FFA34C; text-decoration:none;}

.social-list {margin:20px 0; padding:0;}
.social-list .item {margin:0 0 5px 0; padding:0; text-align:center;}

/**/

#main-image-container {margin:0; padding:0; border:0;}
#main-image {width:423px; height:371px; z-index:5; border:0;}
#main-image img.thumbnail {display:none;}

/**/

#mainSlideshow {position:relative; width:423px; height:371px; overflow: hidden;}
#mainSlideshowContent {position:absolute; top:0; width:423px; margin-left:0; font-size:10px;}
.mainSlideshowImage {float:left; position:relative; display:none;}
.mainSlideshowImage span {
   display:none; position:absolute; left:0; bottom: 0; width: 423px; padding: 28px 20px 33px 20px;      
   background-color: #423A28; color:#FFF; font-size:120%; line-height:20px;
   filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
.mainSlideshowImage span.no {filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.mainSlideshowImage span.left {width:100px; top:0; line-height:200%;}
.mainSlideshowImage span a {color:#fff; text-decoration:none;}
.mainSlideshowImage span a:hover {color:#FFF8C9; text-decoration:none;}
.mainSlideshowImage span u {color:#FF0; font-size:24px; text-decoration:none;}
.mainSlideshowImage span .action {margin:15px 0 0 0; padding:5px; background:#FF7C05; border:1px solid #CC6300; font-weight:normal;}
.clear {clear:both;} 

/**/

#gmap {width:751px; height:371px; margin:0; padding:0; border:0;}
#gmap-adv-container {width:751px; height:371px; margin:0; padding:0; border:0;}
#gmap-adv {float:left; width:591px; height:371px; margin:0; padding:0; border:0;}
#gmap-adv-container .list {float:right; width:160px; margin:0; padding:0; border:0; background:#E3DFBC;}
#gmap-points {height:371px; overflow:auto; margin:0; padding:0; border-left:2px solid #AA8127}
#gmap-points ul {margin:0; padding:0; list-style:none;}
#gmap-points li {display:block; margin:0; padding:2px 5px; border-top:1px solid #FCF8D2; border-bottom:1px solid #C9C6A7; color:#000; font-size:85%; font-weight:normal;}
#gmap-points li a {margin:0; padding:0; color:#000; text-decoration:none;}
#gmap-points li a:hover {color:#CC6504; text-decoration:none;}
#gmap-points li:hover {background:#F0ECC7;}

#right-thumbs {margin:0; padding:7px 0 0 1px; background:#FFF;}
#right-thumbs .thumb {float:left; height:115px; margin:0; padding:0 0 7px 7px;}
#right-thumbs a {}
#right-thumbs img {margin:0; padding:0;}

/**/

#page-bottom {margin:0; padding:0; background:#E5E0DC url(back-bottom.gif) repeat-y left;}

#page-bottom-left {float:left; width:134px; margin:0; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#page-bottom-right {float:right; width:280px; }

#page-bottom-left .news {margin:0 0 5px 0; padding:0 10px; text-align:center;}
#page-bottom-left .news .title {margin:0; padding:3px 0; font-size:100%; font-weight:bold; color:#0C050C;}
#page-bottom-left .news .title a {margin:0; padding:0; color:#0C050C; text-decoration:none;}
#page-bottom-left .news .title a:hover {color:#333; text-decoration:none;}
#page-bottom-left .news .pic {margin:0; padding:0;}
#page-bottom-left .news .text {margin:0; padding:3px 0; font-size:100%; font-weight:bold; color:#0C050C; line-height:130%;}
#page-bottom-left .news .text a {margin:0; padding:0; color:#0C050C; text-decoration:none;}
#page-bottom-left .news .text a:hover {color:#333; text-decoration:none;}

#page-bottom-right .slogan {margin:20px 30px 0 0; padding:0 0 0 38px; background:url(logo-tripadvisor.gif) no-repeat top left; font-family: "Trebuchet MS", "Trebuchet", Jamrul, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:italic;}
#page-bottom-right .slogan .title {margin:0; padding:0 0 3px 0; color:#CA7000;}
#page-bottom-right .slogan .text {margin:0; padding:0 0 3px 0; color:#291A2D; font-size:100%;}
#page-bottom-right .slogan .text a {color:#291A2D; text-decoration:underline;}

/**/

#page-middle .box {margin:0; padding:35px; text-align:justify; font-size:10px;}
.box .title {margin:0 0 25px 0; padding:0; text-align:center; line-height:130%;}
.box h1 {margin:0; padding:0 0 3px 0; color:#FFF; font-size:16px; font-weight:bold;}
.box .subtitle2 {margin:0; padding:0 0 3px 0; color:#FFF; font-size:13px; font-weight:bold; font-style:italic;}
.box .subtitle3 {margin:0; padding:0 0 3px 0; color:#FFF; font-size:12px; font-weight:normal; font-style:italic;}

.box b {color:#000; font-weight:bold;}
.box ul {margin:10px 20px;}
.box h2 {margin:15px 0 5px 0; padding:0; color:#FFF; font-size:100%; font-weight:bold;}
.box img.pic {float:left; margin:3px 8px 5px 0; border:1px solid #004080;}

/**/

#page-middle-large .box {margin:0; padding:35px; text-align:justify; font-size:10px;}

/**/

caption {margin:0; padding:4px; background:#9C8960; color:#FFF; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; font-weight:bold; text-align:left;}
table.default {width:100%; margin:0; padding: 0; border:1px solid #000;}
table.default tr td {margin:0; padding:4px; border-bottom:1px solid #000; background:#F2F2F2; color:#222;}
table.default tr.alt td {background:#fff;}

#right-thumbs {margin:0; padding:7px 0 0 1px; background:#FFF;}
#right-thumbs .thumb {float:left; height:115px; margin:0; padding:0 0 7px 7px;}
#right-thumbs a {}
#right-thumbs img {margin:0; padding:0;}

.photogallery-container {float:right; width:697px;}
.photogallery {margin:10px auto; padding:5px 0 3px 1px; background:#FFF;}
.photogallery .thumb {float:left; height:115px; margin:0; padding:0 0 7px 3px;}
.photogallery a {}
.photogallery img {margin:0; padding:2px; background:#FFF;}
.photogallery img:hover {background:#FF7C05;}

.video-container {float:right; width:697px;}
.video {margin:10px auto; padding:5px 0 3px 1px; text-align:center;}

.links {margin:0; padding:0; font-size:100%;}
.links h3 {margin:10px 0 0 0; padding:0 0 2px 0; border-bottom:2px solid #907E56; font-size:110%; font-weight:bold; color:#000;}
.links .item {margin:0; padding:3px 0; font-size:100%; font-weight:bold; color:#FFF;}
.links a {color:#3e3629; font-weight:normal; text-decoration:none;}
.links a:hover {color:#3e3629; text-decoration:underline;}

.events {margin:10px 0 0 0; padding:0; font-size:100%; text-align:left;}
.events .item {margin:0 0 3px 0; padding:5px;}
.events .item h3 {margin:0; padding:0 0 2px 0; border-bottom:2px solid #907E56; font-size:110%; font-weight:bold; color:#000;}
.events .item h3 a {color:#000; text-decoration:none;}
.events .item h3 a:hover {color:#3E3629; text-decoration:none;}
.events .item .pic {margin:0; padding:0;}
.events .item .text {margin:0; padding:3px 0 3px 8px; font-size:100%; font-weight:normal; color:#3e3629; line-height:130%;}
.events .item .text a {color:#3e3629; font-weight:normal; text-decoration:none;}
.events .item .text a:hover {color:#3e3629; text-decoration:underline;}


#columns {margin:10px 0; padding:0;}
#columns .row {clear:both; margin:0; padding:0;}
#columns .col-left {float:left; width:370px;}
#columns .col-right {float:right; width:370px;}

.inputdata {margin:0 0 10px 0; padding:0 0 10px 0;}
.inputdata .elemento {clear:left; margin:0; padding:3px 0 3px 0; font-weight: normal;}
.inputdata div.label {margin:0 0 2px 0; padding:0; color:#603913; font-weight:normal;}
.inputdata div.value {margin:0 0 1px 0; color:#603913; font-weight:normal;}
.inputdata input.bg {width:400px; margin:0; padding:3px; color:#000; border:1px solid; border-color:#A8A8A8 #C3C3C3 #DDDDDD #C3C3C3;}
.inputdata textarea.bg {width:400px; margin:0; padding:3px; color:#000; border:1px solid; border-color:#A8A8A8 #C3C3C3 #DDDDDD #C3C3C3; color:#000; font-family: "Trebuchet MS", "Trebuchet", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%;}
.inputdata .btn {margin:5px 0; padding:1px 5px; border:1px solid #603913; background:#603913; color:#FFF; font-size:100%; font-weight:bold; cursor:pointer;}
.inputdata .btn:hover {color:#FCE5A1;}
.inputdata .elemento p.success {margin:0; padding:10px; background:#FFF9D7; border:1px solid #E2C822; color:#603913; font-weight:bold;}
.inputdata .elemento p.failure {margin:0; padding:10px; background:#FFF9D7; border:1px solid #E2C822; color:#900; font-weight:bold;}

.slogan {margin:15px 0 0 0; padding:20px; background:#E5E0DC; font-family: "Trebuchet MS", "Trebuchet", Jamrul, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:italic; text-align:right;}
.slogan .title {margin:0; padding:0 0 3px 0; color:#CA7000;}
.slogan .text {margin:0; padding:0 0 20px 0; color:#291A2D; font-size:10px;}

/**/

#footer {clear:both; margin:0; padding:10px; background:#907E56; font-size:9px;}

address {margin:0 0 5px 0; padding:0; color:#EEE; font-style:normal; font-weight:normal;}
address a {color:#EEE; text-decoration:underline;}
address a:hover {color:#FFF; text-decoration:none;}

.recapiti {margin:0; padding:0; color:#EEE; font-weight:normal;}
.recapiti a {color:#EEE; text-decoration:underline;}
.recapiti a:hover {color:#FFF; text-decoration:none;}

#footer-bottom {clear:both; margin:0; padding:30px 0; background:#2A251F; font-size:9px;}
ul.sitemap {margin:0; padding:0; list-style:none;}
ul.sitemap li {display:inline; margin:0; padding:0 5px 0 4px; color:#E6E6E6;}
ul.sitemap li.last {border-right:0;}
ul.sitemap li a {color:#818181; text-decoration:none; font-weight:normal;}
ul.sitemap li a:hover {color:#E6E6E6; text-decoration:underline;}

/**/

body.meeting {background:#B8A56C;}
#meeting-popup {margin:25px; padding:0; background:#B8A56C url(back-meeting-popup.jpg) no-repeat top right; color:#EEE; text-align:left;}
#meeting-popup h1 {margin:0; padding:0 0 20px 0; color:#FFF; font-size:16px; font-weight:bold;}
#meeting-popup ul {margin:10px 20px;}

/**/

.home {background:#9C8960 url(back-left-home.gif) repeat-y left;}
.home #page {background:url(back-diana-home.gif) no-repeat top left;}
.home #page-middle b, .home #page-middle-large b {color:#3e3629;}

.camere {background:#AB2F13 url(back-left-camere.gif) repeat-y left;}
.camere #page {background:url(back-diana-camere.gif) no-repeat top left;}
.camere #page-middle b {color:#ff875f;}

.roof-garden {background:#4F5821 url(back-left-roof-garden.gif) repeat-y left;}
.roof-garden #page {background:url(back-diana-roof-garden.gif) no-repeat top left;}
.roof-garden #page-middle b {color:#b8cd4d;}

.ristorante {background:#9C5913 url(back-left-ristorante.gif) repeat-y left;}
.ristorante #page {background:url(back-diana-ristorante.gif) no-repeat top left;}
.ristorante #page-middle b {color:#efa150;}

.meeting {background:#B8A56C url(back-left-meeting.gif) repeat-y left;}
.meeting #page {background:url(back-diana-meeting.gif) no-repeat top left;}
.meeting #page-middle b {color:#61472d;}

/**/
