/* @override http://www.hotelcasadelasflores.com/styles.css */

/*CSS principale*/

body { margin:0px; padding:0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#bdbe94;  }

a { text-decoration:none }

.right { float:right }
.left { float:left }

.clear { clear:both; }


.light-border-right { border-right: 1px solid #eeeeee; }
.dark-border-right { border-right: 1px solid #fff; }
.divisorio { background:transparent url(images/divisorio.gif) no-repeat scroll right 9px }


#container { width:1045px; background:transparent url(images/bg_ombra.jpg) repeat-y scroll top left; margin:0px auto; }
#wrapper { width:993px; margin-left: 26px; }

/* ##### HEADER ##### */
#header #header-top { height:82px; background:transparent url(images/header_1.png) no-repeat scroll top left }
#header #header-top #header-top-text { float:left; margin-top:10px; padding-left:580px; padding-right:20px; border-right:1px solid #fff; text-align:right; padding-top:40px; line-height:1.4em; color:#fff; font-size:0.8em; }
#header #header-top #header-top-text-right { float:right; padding-top:50px; font-size:0.8em; padding-right:20px }
#header #header-top #header-top-text-right a { color:#fff }
#header #header-top #header-top-text-right img { border:none }

#header #header-middle { height:200px; position:relative; }
#header #header-middle #top-slider { position: relative; z-index: 32; overflow:hidden; height:200px; margin-left: 20px }
#header #header-middle #top-slider img { border:none; border-right:1px solid #fff; position:absolute; margin:0; height:200px; display:none }
#header #header-middle #top-slider #imageloader { position:relative; display:block; width: 100%; margin: 0px auto; text-align: center; }
#header #header-middle #top-slider #imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline; } 
#header #header-middle #header-middle-down {z-index: 90; left: 0px; position: absolute; top: 0px; height:200px; }

#header #header-bottom { height:100px; background:transparent url(images/header_3.png) no-repeat scroll top left }
#header #header-bottom #top-menu { margin-left:600px }
#header #header-bottom #top-menu ul { list-style-type:none; margin:0px; padding:0px; padding-top:58px }
#header #header-bottom #top-menu ul li { float:left; padding: 10px 25px; text-align:center; }
#header #header-bottom #top-menu ul li img { border:none }

#menu { height:77px; background:transparent url(images/bg_menu.jpg) repeat-x  scroll top left;}
#menu ul { list-style-type:none; margin:0px; padding:0px; padding-top:30px }
#menu ul li { float:left; padding: 10px 32px; text-align:center; }
#menu ul li img { border:none }

#content { background:#ffffff url(images/bg_centrale.jpg) repeat-x scroll top left } 

#content #claim { color: #755d37; font-size:0.8em; padding:20px 30px 10px 30px; overflow:hidden; height:1% }

#content #middle-content { background-color:#ffffff; height:1%; overflow:hidden; margin:0px 8px 0px 12px; border-top: 1px solid #eeeeee; padding-top:10px }

#content #middle-content #news-list-container { padding-right:6px; }
#content #middle-content #news { height:252px;  background-color:#A7885A;  }
#content #middle-content #news #news-header { background-color:#d0c0a7; color:#47300e; text-align:left; padding:4px 10px 4px 10px; font-weight:bold; font-size:0.9em }
#content #middle-content #news .news-item { color:#fff; font-size:0.7em; text-align:left; padding:10px; line-height:1.3em }

#content #middle-content .fiche { float:left; width:233px; padding:0px 4px 30px 5px }
#content #middle-content .fiche img { border:none }
#content #middle-content .fiche .detail { width:207px; height:16px; color:#fff; background:#000 url(images/arrow.png) no-repeat scroll top left; padding:3px 0px 0px 25px; text-align:left; font-size:0.7em; font-weight:bold; text-transform:uppercase; }

#content #middle-content .fiche .descr { text-align:left; color:#666666; font-size:0.7em; padding:10px 0px; line-height:1.2em }
#content #middle-content .fiche .descr a { color:#666666; text-decoration:none; }

#content #inner-content { padding:30px; color: #755d37; overflow:hidden; height:1% }
#content #inner-content h3 { margin:0px; padding:0px }
#content #inner-content h4 { margin:0px; padding:0px }
#content #inner-content p { font-size:0.8em; line-height:1.4em }

#content #inner-content #left-side { float:left; width:48%; overflow:hidden; height:1% }
#content #inner-content #right-side { float:right; width:48%; overflow:hidden; height:1% }
#content #inner-content .image img { margin: 0px 5px 5px 0px; border:15px solid #BDBE94 }
#content #inner-content .image .didascalia { color:#989898 }
#content #inner-content .image .dark { color:#676767 }
#content #inner-content .image small { line-height:1.2em }

table.rates { font-size:0.8em; width:100%; margin-bottom:35px }
table.rates tr th, table.rates tr td { text-align:left; padding:5px }
table.rates tr th { border-collapse:collapse; border-bottom:1px solid #cacaca }
table.rates tr th a { color:#755D37 }
.br { border-right:1px solid #cacaca }

.gallery-container { border-bottom:2px solid #768878; background-color: #3A2E20 }

#uploadform p { clear:left; overflow:hidden; height:100%; width:500px; border-bottom:1px solid #CACACA; padding:5px; text-align:left; }
#uploadform p label { width:195px; float:left; }
#uploadform p input.field { width:300px }

/* ##### FOOTER ##### */
#bottom { clear:both; background-color:#768878; padding:20px 0px 0px 0px; overflow:hidden; height:1% }

.bottom-slider { overflow:hidden; height:122px; }
.bottom-slider img { float:left; margin:0; height:122px;
	border-right:2px solid #768878;
	border-top: 0px;
	border-left: 0px;
    border-bottom: 0px;
}
  


#bottom #bottom-text { clear:left; color: #fff; font-size:0.7em; padding:20px 20px 0px 10px }
#bottom #bottom-text a { color: #fff; }
#bottom #bottom-text .bottom-text-item { width:30%; height:45px; float:left; padding:0px 20px 0px 10px; }
#bottom #bottom-text #skype { width:247px; height:79px; padding:0px; padding-top:20px; margin-left:60px; background:transparent url(images/bg_skype.png) no-repeat scroll 10px 20px; text-align:center; }
* html #bottom #bottom-text #skype { padding:0px; } 

#content div.bottom-slider.gallery-container a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    margin: 0px 5px 5px 0px; border:15px solid #BDBE94
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}