body,td,th,li,input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	}
	
body {
	width:980px;
	margin:0px; margin-top: 5px; margin-left:auto; margin-right:auto;
	background-color: #000000; background-image: url(images/web/f3.gif); background-repeat: no-repeat; background-position:center top; background-attachment:fixed;
	}

#center_body{width:980px;}

/*logo web*/
#web_header{ background-image:url(images/web/logo2.png); background-repeat:no-repeat; background-position: left bottom; height:150px; margin-left: 11px;}

#web_flags_container{ display:block; height:20px;}
#web_flags{height:20px; width:100px; float:right;}
#web_flags img{ text-align:right; border:none; margin-left:5px;}

#web_header_info{
	width: 530px; height:60px;
	margin-left: 0px; margin-top: 0px; padding-top: 0px; padding-left: 430px; 
	}
#web_header_info h1{ color:#C19804; margin:0px;}

/*menu*/
#web_menu{ background-image:url(images/web/menu.png); background-repeat:no-repeat; background-position:right top; height:62px; width:100%;}
#web_menu ul{
	margin:0px; padding:0px;
	margin-left: 300px; padding-top: 22px;
	}
#web_menu li{
	list-style:none; float:left;
	margin-left: 5px; margin-right: 10px; font-size:16px;
	
	}
#web_menu li a{
	color:#054812; font-weight:bold; text-decoration:none;
}
#web_menu li a:hover{ color:#FFFFFF;}
#web_menu li a img{
	color:#054812; font-weight:bold; text-decoration:none; border:none; margin-right:2px;
}

#web_body_left{ width:270px; float:left; padding-left:15px; padding-right:15px;}
#web_body_right{ width:668px; float:left; background-image:url(images/web/contenido.png); background-repeat:repeat-y; /*height:500px;*/ padding-left:10px; padding-top:5px; padding-bottom:5px; color:#FFFFFF;}

.web_image{text-align:center; background-color:#FFFFFF; width:270; padding-top:5px; padding-bottom:3px;margin-bottom: 10px;}
.web_content_left{text-align:center; background-color:#FFFFFF; width:270; margin-bottom: 10px;}

.com_reservas{ background-color:#FFFFFF; border: solid 1px #333333; width:266px; margin-left:auto; margin-right:auto;padding-left:2px; font-size:11px; padding-bottom:5px; margin-bottom:10px;}
.com_reservas h3{ font-size:13px; margin:0px; margin-top:5px;margin-bottom:5px;}
.com_reservas a{ font-size:13px;}
.com_reservas input{ width:230px; /*height:15px;*/}
.com_reservas textarea{ width:230px; /*height:15px;*/}
.com_reservas_op{ height:40px;}
.com_reservas_minisel{ width:45px; float:left; display:block;}
.web_flags{text-align:center;}
.web_flags img{ margin:0px 5px 0px 5px; }


/*habitaciones*/
.thumb_habitaciones{ background-color: #ffffff;/*#408080*/; height:120px; width:326px; float:left; display:block; margin-top:2px; margin-right:2px; padding-left:5px;}
.thumb_habitaciones img{ float:left; margin:5px 5px 5px 0px; border:none;}
.thumb_habitaciones_contenido{ width:160px; float:left; color:#333333;}
.thumb_habitaciones_contenido a{ text-decoration:none; color:#333333; }
.thumb_habitaciones_contenido h2{ margin:0px; font-size:14px; font-weight:bold; color:#054812;}


#hab_img{width:400px; height:292; background-color:#FFFFFF; text-align:center; display:block; float:left; padding-top:5px; padding-bottom:5px; padding-left:auto; padding-right:auto; vertical-align:middle;}
.info_hab_img{}
.info_hab{ float:left; width:255px; padding-left:5px;}
.info_hab h2{ margin:0px;}
.info_hab h3{ margin:0px;}
.info_hab h4{ margin:0px;}
.info_hab li{ color:#FFFFFF;}

#otras_habitaciones{ display:block; float:left; width:100%; margin-top:15px;}
#otras_habitaciones h3{ width:100%; margin:0px; margin-bottom:5px;}

/*enlaces*/
.enlaces h2{ margin:0px; font-size:13px; padding-top:5px; text-align:left; padding-left: 3px; padding-bottom:10px;}
.enlaces ul{ padding:0px; margin:0px; padding-left:3px; padding-bottom:5px;}
.enlaces li{ list-style-type:none; text-align:left;}
.enlaces img{ border:none;}

.div_texto_info{ width:655px;  background-color:#FFFFFF; color:#816403; padding:5px 5px 5px 5px; /*display:block; float:left;*/}
.div_texto_tarifas{width:655px;  background-color:#FFFFFF; color:#816403; padding:5px 5px 5px 5px; }
.div_texto_tarifas h3{ margin:0px;}
.ul_texto_tarifas{ margin-top:5px;}
.div_texto_tarifas li{ font-size:12px;}

.div_texto_info h2{color: #692828; margin:0px;}
.div_texto_info p{ margin:0px; text-align:justify;}
.fotos_mini{ background-color:#FFFFFF; width:665px; height:148px;}
.fotos_mini img{ margin:5px 0px 5px 5px; }


/*CALENDARIO*/
#occupation-table {
    border-collapse: collapse;
    width: 960px;
	background-color:#FFFFFF;
	margin-left:16px; margin-bottom:10px;
	
}
#occupation-table tbody th {
    font-weight: normal;
    text-align: left;
	font-size:11px;
}
#occupation-table td {
    padding: 5px 0;
    width: 25px;
	font-size:11px;
}
#occupation-table thead th.previous {
    text-align: right;
}
#occupation-table thead td.next {
    white-space: nowrap;
    width: 30px;
}
#occupation-table tbody td.next {
    background-color: #FFFFFF;
    border: medium none;
}
#occupation-table th {
    padding: 5px 0;
}
#occupation-table td {
    border-right: 1px solid #FFFFFF;
    text-align: center;
}
#occupation-table tbody th {
    padding-right: 5px;
    white-space: nowrap;
}
#occupation-table tbody td {
    background-color: #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    color: #999999;
}
#occupation-table thead .day-abbreviations td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: bottom;
}
#occupation-table thead .days td {
    font-weight: bold;
    padding-top: 0;
}
#occupation-table td.weekend {
    background-color: #CCCCCC !important;
}
#occupation-table tbody td.no-vacancy {
    background-color: #EE6655 !important;
    color: #CCCCCC;
    text-decoration: line-through;
}
#occupation-table td.month-last-day {
    border-right: 1px solid #000000;
}
#occupation-table tbody tr:hover th, #occupation-table tbody tr:hover td {
    background-color: #FFFFDD;
    cursor: default;
}
#occupation-table tbody tr:hover td.weekend {
    background-color: #DBDBD1 !important;
}
#occupation-table tbody tr:hover td.next {
    background-color: #FFFFFF;
}
#occupation-table thead tr.navigation td {
    font-weight: bold;
    line-height: 2em;
    width: auto;
}
#occupation-table span.previous, #occupation-table span.next {
    font-family: Georgia,arial,sans-serif;
    font-size: 1.6em;
}

