/*
Theme Name: Hermes Template
Theme URI: giovanni.depalma@gmail.com
Description: Template Hermes Hotel
Version: 1.0
Author: Giovanni De Palma
Author giovanni.depalma@gmail.com
Tags: hermes hotel
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*reset proprieta*/
html,body,iframe,div,span,ul,li,table,thead,tbody,tr,th,td,form,p,h1,h2,h3,h4,h5,h6,img,a{
margin:0px;
padding:0px;
font-size:12px;
}
div,ul{
vertical-align: top;	
}
a{
text-decoration: none;	
}
a:hover{
text-decoration: none;
}
img{
border:none;	
}
ul{
list-style: none;
}
/*plugin */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 294px;
    height: 166px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*stili generali*/
.title{
/*background-color:#A0ACB5;*/
background-color:#F60;
height:42px;
}
.box-right{
padding-right:12px;	
}
.box{
padding:15px;	
}
.title div,.title h1, .title h2, .title h3{
/*background:transparent url(images/brands-title.jpg) no-repeat scroll left center;*/
/*background-image:url(images/brands-title.jpg);*/
background-repeat:no-repeat;
height:42px;
color:#777;
font-size:13px;
font-weight:bold;
/*margin-left:4px;*/
padding-bottom:8px;
padding-left:13px;
padding-top:14px;	
}

.clear{
clear:both;
height:0px;
line-height:0px;
}
.box{
padding:7px;	
}
.navigation{
margin-top:15px;
padding:8px;
width:100%;
text-align:center;
}
.navigation .alignleft{
float:left;
width:49%;
text-align: right;
border-right:1px solid #dedede;
padding-right:8px;
margin-right:8px;
}
.navigation .alignright{
float:left;
width:48%;
text-align:left;
}
body{
font-family: Arial,Sans-Serif;
color:#505050;
font-size:12px;
text-align:center;
background: #262626 url(images/body-repeat.png) left top repeat-x;
}
a{
color:#505050;
}
a:hover{
color:#000000;	
}
#page{
margin-left:auto;
margin-right:auto;
margin-top:39px;
width:959px;
text-align:left;
}
#header{
background:transparent url(images/menuNEW.jpg) left top repeat-x;
position:relative;
}
#navigation{
height:40px;
width:100%;
background:transparent url(images/navigation-right.jpg) right top no-repeat;
}
#navigation-int{
width:100%;
height:40px;
background:transparent url(images/navigation-left.jpg) left top no-repeat;	
}
#navigation ul{
margin-left:200px;
padding-top:14px;
}
#navigation li{
float:left;
margin-right:15px;
}
#navigation li a{
font-size:13px;
font-weight:bold;
color:#5F5F5F;
}
#navigation li a:hover,#navigation li a.active{
color:#FFFFFF;
text-decoration: none;
}
#search{
/*background:transparent url(images/search-center.png) left top repeat-x;*/
width:130px;
height:20px;
position:absolute;
top:12px;
right:15px;
}

/*label {
font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #808080;
}*/

select {
border:1px solid #808080;
/*background: #eee8e8;*/
background: #FFF;
font-family: tahoma, helvetica, sans-serif;
color: #4c4242;
font-size:12px;
}
input{
background: #eee8e8;
color: #4c4242;
border: 1px solid #808080;
font-size:12px;
}

#search-int{
background:transparent url(images/search-left.png) left top no-repeat;
width:100%;
height: 100%;
}
#s{
width:100px;
position:absolute;
top:2px;
left:4px;
border:none;
height:15px;
line-height:15px;
border:0px;
padding:0px;
margin:0px;
}
#searchsubmit{
width:19px;
height:20px;
position:absolute;
top:0px;
right:0px;
}
#logo{
position:absolute;
top:-39px;
left:37px;
z-index:10;
}
#top-image{
height:354px;	
}
#top-image a{
display:block;	
}
#content{
background:#ffffff url(images/content-repeat.png) left top repeat-x;
}
#content-bottom-wrapper{
height:42px;/*35+7*/	
}
#content-bottom{
height:7px;
line-height:7px;
background:transparent url(images/content-bottom-right.png) right top no-repeat;
position:relative;
}
#content-bottom-left{
height:7px;
line-height:7px;
background:transparent url(images/content-bottom-left.png) left top no-repeat;
position:absolute;
top:0px;
left:0px;
width:8px;
}
#content-bottom-content{
margin-left:8px;
margin-right:8px;
background-color:#ffffff;
}
#footer{
/*background:transparent url(images/bottom-right.png) right top no-repeat;*/
height:82px;
width:100%;
position:relative;
z-index:5;
}
#footer-int{
/*background:transparent url(images/bottom-left.png) left top no-repeat;*/
height:82px;
width:100%;
}
#footer-content{
/*background-color:#313131;*/
margin-left:8px;
margin-right:8px;
height:82px;
}
#logo-mini{
position:absolute;
/*left:20px;
top:-6px;
z-index:10;*/
width:69px;
height:86px;
/*margin-top:1px;*/
}
#navigation2{
padding-left:90px;
/*padding-top:14px;*/
}
#navigation2 li{
float:left;
margin-right:15px;
}
#navigation2 li a{
color:#898989;
font-size:12px;
font-weight:bold;
}
#navigation2 li a:hover,#navigation2 li a.active{
color:#ffffff;
text-decoration: none;
}
#contacts{
clear:both;
padding-left:94px;
padding-top:7px;
}
#contacts span{
padding-right:15px;
}
#contacts span,#contacts span a{
color:#c6b7b7;
font-size:12px;
}
#contacts span a:hover{
color:#898989;
text-decoration: none;
}

#best-destination{
height:273px;/*238+35*/
background:transparent url(images/round-right.png) right top no-repeat;
}
#best-destionation-int{
background:transparent url(images/round-left.png) left top no-repeat;
height:273px;
}
#best-destination-content{
height:238px;
margin-left:8px;
margin-right:8px;
background-color:#ffffff;
}

#best-destination .title{
background-color:#FFFFFF;
color:#898989;
font-size:15px;
font-weight:bold;
padding-left:45px;
padding-top:10px;
/*padding-bottom:10px;*/
}
.best-destination-item{

}
.best-destination-item .destination-img{
float:left;
height:94px;
width:94px;
}
.best-destination-item .destination-entry{
float:left;
padding-left:10px;
width:160px;
}
.best-destination-item h2,.best-destination-item h2 a{
/*color:#424242;
color:#069;*/
color:#857b67;
font-size:13px;
text-align:justify;
}
#sidebar-wrap{
float:right;
width:350px;
}
#sidebar{
padding-right:18px;
margin-top:12px;
}
#content-page-wrap{
width:592px;
float:left;
}
#content-page{
margin-left:12px;
margin-top:12px;
margin-bottom:20px;
/*background:transparent url(images/page.jpg) left top no-repeat;*/
}
.page{
padding-left:55px;
padding-top:7px;
}
#content-right3 .page{
padding-left:0px;
padding-top:7px;
}
.page h1{
color:#1c5d89;
font-size:16px;
font-weight:bold;
margin-bottom:7px;
display:block;
}

.some-brands .title{
/*background-color:#a0acb5;*/
background-image:url(images/sotto_titolo_new.jpg);
margin-bottom:10px;
}
.some-brands .title div{
/*background:transparent url(images/brands-title.jpg) left center no-repeat;
margin-left:4px;*/
padding-left:25px;
height:42px;
color:#ffffff;
padding-top:8px;
padding-bottom:8px;
font-size:14px;
}
.brands-item{
margin-bottom:10px;
}
.brands-item .brands-img{
float:left;
width:124px;
height:130px;
}
.brands-img img{
/*
width:124px;
height: 121px;*/
}
.brands-item .brands-entry{
float:left;
padding-left:10px;
width:170px;
}
.brands-item h2,.brands-item h2 a{
font-weight:bold;
font-size:13px;
color:#6a6864;
}
.go-to-site{
background:transparent url(images/go-to-site-repeat.jpg) top right repeat-x;
width:124px;
margin-top:10px;
}
.go-to-site a{
display:block;
width:100%;
height:100%;
background:transparent url(images/go-to-site-right.jpg) right top no-repeat;
height:24px;
}
.go-to-site a span{
color:#000000;
display:block;
font-size:11px;
font-weight:bold;
padding-left:10px;
padding-top:4px;
}
/*destination*/
.destination-item{
margin-bottom:10px;
}
.destination-item .destination-img{
float:left;
width:94px;
height:94px;
}
.destination-img img{
/*
width:97px;
height: 97px;*/
}
.destination-item .destination-entry{
float:left;
padding-left:10px;
width:190px;
}
.destination-item h2,.destination-item h2 a{
font-weight:bold;
font-size:13px;
color:#000000;
}
/*pagina elenco*/
#content-elenco{
padding:7px;	
}
#content-elenco .title{
/*background-color:#666;*/
background-image:url(images/sotto_titolo_new4.jpg);
width:100%;
}
#content-elenco .title div{
/*background:transparent url(images/elenco-title.jpg) left center no-repeat;
margin-left:4px;*/
padding-left:25px;
color:#666666;
padding-top:12px;
padding-bottom:8px;
font-size:14px;
font-weight:bold;
}	
#content-elenco td{
padding-top:6px;
padding-bottom:6px;
padding-right:6px;
}
.elenco-item{
margin-bottom:10px;
}
.elenco-item .elenco-img{ 
width:124px;
height:130px;
}
.elenco-item .elenco-entry{
float:left;
padding-left:10px;
width:170px;
}
.elenco-item h2,.elenco-item h2 a{
font-weight:bold;
font-size:13px;
color:#000000;
}
/*hotel*/
.title-hotel h2 a{
color:#000000;
float:left;
font-size:13px;
font-weight:bold;	
}

#content-hotel-wrap{
padding:10px;	
}
#content-hotel{
float:right;
width:430px;
}
#hotel-map-container{
float:left;
width:500px;	
}
#hotel-map{
width:500px;
}
#content-hotel .title{
/*background-color:#898989;*/
background-image:url(images/sotto_titolo_new.jpg);
padding:7px;
margin-bottom:8px;
}

#content-hotel .title h1{
color:#000000;
font-size:13px;
height:42px;
font-weight:bold;
float:left;
}
#content-hotel .title div.rates{
float:left;
margin-left:10px;
padding-top:2px;
}
#content-hotel .hotel-intro{
margin-bottom:8px;	
}
#content-hotel .hotel-img{
float:left;
width:130px;
}
.hotel-img img{

}
#content-hotel .hotel-dati{
float:right;
width:360px;
margin-bottom:20px;
}
.hotel-dati div{
padding-bottom:3px;	
}
.hotel-dati div,.hotel-dati div span{
font-weight:bold;	
}
.hotel-dati div span.brand{
color:#000000;
}
.hotel-mese-content .hotel-dati div span.brand{
color:#000000;	
}
/*elenco hotel*/
#content-left{
float:left;
width:560px;
}
#content-right{
width:360px;
float:right;
}
#content-left2{
float:left;
width:500px;
}
#content-right2{
width:420px;
float:right;
}
#content-left3{
float:left;
width:470px;
}
#content-right3{
width:450px;
float:right;
}
#content-right3 .box{
padding-right:40px;
}
#content-right h3{
color:#424242;
font-weight:bold;
font-size:13px;
padding-bottom:16px;
padding-top:8px;
}
.content-elenco-hotel h3{
margin-bottom:25px;	
}
#content-elenco-hotel .title div.rates{
float:right;
padding-right:10px;
padding-top:2px;
}
/*elenco hotel*/
#content-elenco-hotel-wrap{
padding:15px;
}

#content-elenco-hotel{
float:left;
width:560px;
}
#elenco-hotel-sidebar{
width:360px;
float:right;
}
#elenco-hotel-sidebar h3{
color:#424242;
font-weight:bold;
font-size:13px;
padding-bottom:16px;
padding-top:8px;
}
#content-elenco-hotel .title-big{
background-color:#a0acb5;
margin-bottom:0px;	
}

#content-elenco-hotel .title-big  div{
/*background:transparent url(images/brands-title.jpg) left center no-repeat;*/
margin-left:4px;
padding-left:25px;
color:#222222;
/*padding-top:8px;*/
padding-bottom:8px;
font-size:14px;
}

#content-elenco-hotel .title{
margin-bottom:12px;
}
#content-elenco-hotel .title h2 a{
color:#222222;
float:left;
font-size:13px;
font-weight:bold;
}

#content-elenco-hotel .title div.rates{
float:right;
padding-right:10px;
padding-top:2px;
}

.hotel{
/*background-color:#898989;*/
background-image:url(images/sfondoBOX_hotel.jpg);
color:#FFFFFF;
}
.hotel h2{
float:left;
margin-bottom:2px;
}

.hotel .rates{
float:right;
width:100px;
padding-top:3px;
margin-bottom:2px;
font-size:10px;
}
.hotel,.hotel div,.hotel span{
color:#ffffff;
/*color:#000000;*/
}
.hotel .hotel-dati div,.hotel .hotel-dati div span{
font-size:11px;	
}
.hotel .hotel-dati div span{
/*color:#036;*/
color:#eed0a0;
}
.hotel .hotel-intro{
width:100%;
padding:0px;
margin-bottom:10px;
}
.hotel .hotel-intro .hotel-img{
width:135px;
float:left;
}
.hotel .hotel-intro .hotel-dati{
width:155px;
float:right;
height:95px;
}

.hotel .hotel-testo{
float:right;
width:230px;
}

.book-now{
background:transparent url(images/book-now-repeat.jpg) top left repeat-x;
height:15px;
width:85px;
}

.book-now a{
color:#ffffff;
font-size:11px;
font-weight:bold;
display:block;
padding-top:4px;
padding-bottom:4px;
padding-left:15px;
}
/*homepage*/
#colmid{
float:left;
width:705px;
height:350px;
}

#home-latest-news{
float:right;
width:230px;
height:350px;
}

#home-left{
width:335px;
float:left;
}

#hotel-mese2{
padding-right:12px;	
}

#home-left .home-left-box,#hotel-mese2{
border-right:1px solid #dbdbdb;
height:340px;
}

#hotel-mese{
float:right;
width:355px;
}
#home-left .title,#hotel-mese .title{
/*margin-bottom:10px;*/
background-image:url(images/sotto_titolo_new3.jpg);
}
#content-elenco-hotel .title-big{
margin-bottom:0px;	
}

.hotel-home-pad,.hotel-pad{
padding-top:10px;
padding-bottom:20px;
padding-left:12px;
padding-right:12px;
}
.hotel-random,.hotel-mese-content {
height:290px;	
}
.hotel-mese-content{
/*background-color:#898989;*/
background-image:url(images/sfondoBOX_hotel.jpg);
color:#ffffff;
}

.hotel-mese-content .title-hotel,#home-brands .title-hotel{
margin-bottom:7px;	
}
.hotel-mese-content .title-hotel div.rates,#home-brands .title-hotel div.rates{
float:left;
margin-left:10px;
/*padding-top:2px;*/
}

#hotel-mese .hotel-intro{
margin-bottom:10px;	
}
.hotel .hotel-intro-elenco{
float:left;
width:295px;
}
#hotel-mese .hotel-img{
float:left;
width:130px;
}
#hotel-mese .hotel-dati {
float:right;
height:95px;
width:165px;
}
#hotel-mese .hotel-dati div{
/*color:#222222;*/
color:#ffffff;
}
#hotel-mese .hotel-dati div span{
color:#eed0a0;	
}
#hotel-mese .hotel-dati div,#hotel-mese .hotel-dati div span{
font-size:11px;	
}
/*
#hotel-mese .book-now{
width:115px;
background-color:#f2f2f2;
background-image:none;
height: 22px;
}
#hotel-mese .book-now a{
color:#000000;	
}*/


#home-latest-news .title{
/*background-color:#5D5F5A;
margin-bottom:10px;*/
background-image:url(images/nuovo_sottotitolo.jpg);
}
#home-latest-news .title div{
/*background:transparent url(images/elenco-title.jpg) no-repeat scroll left center;
background-image:url(images/elenco-title.jpg);
background-repeat:no-repeat;*/
color:#666;
font-size:13px;
/*margin-left:4px;
padding-bottom:9px;*/
padding-left:13px;
padding-top:12px;	
}
.news{	
margin-bottom:10px;
padding-top:10px;
vertical-align: top;
}
.news h3,.news h2{
display:block;
margin:0px;
padding:0px;
vertical-align: top;
}
.news h3 a,.news h2 a{
display:block;
margin:0px;
padding:0px;
/*color:#404a1b;*/
color:#09C;
font-size:13px;
font-weight:bold;
}
.news .date{
color:#000000;
font-size:13px;
margin-bottom:3px;	
}
.go-news-archive{
margin-top:10px;
}
.go-news-archive a{
color:#000000;
font-size:13px;
font-weight:bold;
}
#content-news{
margin-left:12px;
margin-top:12px;
margin-bottom:20px;
}

/*search hotel header*/
#search-hotel{
position:absolute;
right:0;
top:40px;
width:237px;
z-index:10;
}
#search-hotel-content-trasp{
/*background-color:#069;*/
background-color:#366;
width:237px;
height:355px;
opacity:0.6;
filter:alpha(opacity=60);
filter:�alpha(opacity=60)�;
position:absolute;
right:0;
top:40px;
z-index:5;
}
#search-hotel .title{
background-color:#5D5F5A;
width:100%;
}
#search-hotel .title div{
/*background:transparent url(images/elenco-title.jpg) no-repeat scroll left center;*/
color:#FFFFFF;
font-size:14px;
margin-left:4px;
padding-bottom:8px;
padding-left:25px;
padding-top:8px;
}

#search-hotel-content form{
padding-left:20px;
padding-top:10px;
}
#search-hotel-content form .label,#search-hotel-content th{
color:#ffffff;
font-weight:normal;
font-size:12px;
text-align:left;
}
#search-hotel-content form .label,
#search-hotel-content form .submit{
margin-bottom:4px;
}
#search-hotel-content form .submit{
padding-top:9px;	
}
#search-hotel-content form .input,#search-hotel-content form .submit{
margin-bottom:15px;
}
#search-hotel-content form .input{
opacity:3;
filter:alpha(opacity=100);
filter:�alpha(opacity=100)�;
}

#search-hotel-content form .input select,
#search-hotel-content form .input input{
width:200px;
}
#search-hotel-content table{
width:200px;	
}
#search-hotel-content .hermes-search-notti,#search-hotel-content  .hermes-search-camere{
text-align: right;	
}
#search-hotel-content .hermes-search-bambini{
text-align: center;	
}	
#search-hotel-content form .submit{
margin-top:1px;	
}

#search-hotel-content form .submit input{
/*background:#C2C2C2;*/
background-image:url(images/search-right.png);
/*border:1px solid #808080;
color:#4c4242;*/
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-family:tahoma, new helvetica;
width:87px;
}
/*fine search hotel header*/

.result-ricerca{
font-weight:bold;
margin-bottom:10px;
}
.hermes-letter-list{
margin-top:5px;
margin-bottom:5px;
}
.hermes-letter-list li{
float:left;
margin-right:25px;
}
.hermes-letter-list li a{
font-weight: bold;
font-size:14px;
}
.hermes-letter-list li.active a{
color:#000000;
}

#lang{
color:#FFFFFF;
position:absolute;
right:10px;
top:-20px
}
#lang a{
color:#FFFFFF;
}
#lang a.active{
font-weight:bold;
}