body{
font-family:Arial, Helvetica, sans-serif;
color:#336699;
}

em{
font-style:italic;
}

br.clear{
clear:both;
line-height:5px;
font-size:5px;
}

a, a:visited{
color:#ff8400;
}

strong{
font-weight:bold;
}

#contenedor{
margin:0 auto;
width:1000px;
padding-top:10px;
}

#contenido{
width:730px;
float:left;
}

#s{
border:2px solid #ff8400;
width:170px;
}

fieldset{
margin-top:20px;
background:#ffe9d2;
border:1px solid #ff8400;
padding:10px;
width:500px;
}

legend{
color:#ff8400;
font-weight:bold;
padding:0px 5px;
}

textarea{
border:2px solid #ff8400;

}

#searchsubmit{
background:#FFFFFF url(images/lupa.png) top left no-repeat;
height:23px;
width:24px;
color:#336699;
border:none;
font-weight:bold;
margin:0px 10px;
}

#searchsubmit:hover{
cursor:pointer;
}

#sidebar{
width:230px;
float:left;
margin-left:40px;
}

#rss{
background:#FFFFFF url(images/rss.jpg) top left no-repeat;
padding:6px 28px ;
margin-top:10px;
}

.more-link{
display:block;
color:#ff8400;
float:right;

}

li ul, #wpcumuluscontent{
border-left:2px solid #ff8400;
margin-left:20px;
padding-left:5px;
}

li ul a, li ul a:visited{
color:#336699;
text-decoration:none;
}

li ul a:hover{
text-decoration:underline;
color:#ff8400;
}

span.fecha{
display:block;
color:#ff8400;
}

.fecha, .fecha a{
color:#ff8400;
font-size:12px;
margin-bottom:10px;
text-decoration:none;
}

.fecha a:hover{
text-decoration:underline;
}


#logo_reservas{
font-weight:bold;
}

p{
text-indent:15px;
text-align:justify;
margin-bottom:10px;
}

#logo{
float:left;
}

#frase{
float:left;
color:#336699; 
text-align:center; 
font-weight:bold; 
font-size:12px; 
padding-top:68px; 
padding-left:60px;
}

#frase h1{
display:inline;
color:#336699;  
font-weight:bold; 
font-size:12px; 
}


#reservas_calendario{
float:right;
}

#reservas_calendario img {
height:80px;
}

#reservas_calendario div{
float:left;
}

#reservas_calendario span{
font-size:20px;
}

#reservas_calendario label{
font-size:16px;
display:block;
float: left;
width:60px;
margin-top:8px;
margin-left:5px;
}

#reservas_calendario input{
background:url(images/calendar_input.png) top right no-repeat;
}

.input {
border:1px solid #336699;
color:#336699;
font-weight:bold;
margin-top:8px;
}

.submit, #reservas_calendario .submit{
background:url(images/boton.png) top right no-repeat;
color:#FFFFFF;
border:none;
font-weight:bold;
width: 117px;
height:24px;
padding:0px 0px 0px 0px;
}

#contactar input{
margin-top:-8px;
margin-bottom:8px;
}

#contactar select{
margin-top:-8px;
margin-bottom:8px;
}

#reservas_calendario .submit{
margin-left:55px;
}

#menu{
background:url(images/menu_fondo.png)  top left no-repeat;
height:40px;
padding:10px 0px 0px 0px;
}


#menu li{
float:left;
color:#99ccff;
font-weight:bold;
padding:0px 20px 0px 17px;

}

#menu li.lista_inicio{
display:block;
padding-right:0px;
}

#menu #adicionales{
margin-left:770px;
float:left;
margin-top:-20px;
}



#menu img{
margin-bottom:-3px;
}

#menu a, #menu a:link, #menu a:visited{
text-decoration:none;
color:#99ccff;
}

#footer{
background:url(images/footer_fondo.png) top left no-repeat;
height:34px;
padding:9px 0px 0px 0px;
font-size:10px;
color:#99ccff;
padding-left:630px;

}


#footer li a,#footer li{
font-size:14px;
color:#99ccff;
float:left;
font-weight:bold;
padding:0px 4px;
list-style:none;
text-decoration:none;

}


h1, .grande{
font-size:26px;
font-weight:normal;
color:#336699;
display:block;
margin-bottom:20px;

}

p{
text-indent:20px;
text-align:justify;

}

/*  Inicio  */



#index{
color:#336699;
font-size:14px;
}

#index h1{
width:100%;
text-align:right;
font-size:36px;
font-weight:bold;
}

h2, h2 a, h3, h3 a
{
color:#ff8400;
font-size:32px;
margin:20px 0px 10px 0px;
text-decoration:none;
font-size:24px;
}
.post h2 a{
margin-bottom:2px;
font-size:32px;
}

.comment{
border-left:2px solid #ff8400;
color:#999999;
padding-left:10px;
}

h2 a:hover,h3 a:hover{
text-decoration:underline;
}

h3{
font-size:24px;

}

.alignleft{
float:left;
margin-right:10px;
border-right:#ff8400 2px solid;
}

#guia div div {
margin-bottom:15px;
}
#guia div div div{
display:none;

}

#guia div div div span{
color: #99ccff;
text-decoration:none;
font-weight:bold;
width:100%;
display:block;
text-align:center;
}

#guia a:visited, #guia a:link 
{
color: #99ccff;
text-decoration:none;
font-weight:bold;
}

#guia div div:hover div{
z-index:20;
background: url(/images/fondo_link.png) top left no-repeat;
width:286px	;
height:109px;
position:absolute;
display:block;
}

#guia div div:hover div img{
margin-top:5px;
}

#ubicacion #detalles
{
margin-left:10px;
}

#ubicacion #detalles div div
{
display:none;
}

#ubicacion #detalles div:hover div.detalles
{
border:2px solid #336699;
width:300px;
background:#eee;
display:block;
position:absolute;
padding:10px;
}

#ubicacion #detalles div:hover div
{
display:block;
}
.left{
float:left; 
}

.link_like
{
text-decoration:underline; 
line-height:25px;
}

.link_like:hover{
cursor:pointer;}

#index .explicacion{
position:relative;
display:block;
top:33px;
left:20px;
}

#index .titulo_1{
position:relative;
display:block;
top:35px;
left:60px;
text-decoration:underline;
}

#index .explicacion_1{
position:relative;
display:block;
top:28px;
left:20px;
text-indent:40px;
font-style:italic;
}

#index .titulo_2{
position:relative;
display:block;
top:35px;
left:60px;
text-decoration:underline;
}
#index .explicacion_2{
position:relative;
display:block;
top:28px;
left:20px;
text-indent:40px;
font-style:italic;
}

#index .titulo_3{
position:relative;
display:block;
top:35px;
left:60px;
text-decoration:underline;
}

#index .explicacion_3{
position:relative;
display:block;
top:28px;
left:20px;
text-indent:40px;
font-style:italic;
}


#guia{
background:url(images/index_fondo.png) top left no-repeat;
width:100%;
height:308px;
}
/*Apartamento*/

#apartamento div{
float:right;
}

#plano_apart{
background:url(images/plano.png) top left no-repeat;
width:590px;
height:530px;
}

#plano_apart div{
margin-top:0px;
margin-left:470px;
width:100px;
z-index:100;
}

#plano_apart img{
margin-bottom:10px;
z-index:10;
height:79px;
}

#plano_apart img:hover{
margin-bottom:-131px;
margin-top:-60px;
height:280px;
padding-left:100px;
}
#plano_apart img.last:hover{
margin-bottom:-31px;
margin-top:-160px;
height:280px;
padding-left:100px;
}

#texto_apart{
float:right;
width:400px;
padding-left:10px;

}

/*Ubicacion*/

#mapa_vista, #leyenda{
float:left;
}

#google_maps{
width:500px;
height:420px;
}

#street_view{
width:600px;
height:400px;
z-index:10;
}

#leyenda{
width:480px;
padding:0px 0px 0px 20px;
}

.video{
width:207px;
height:180px;
margin-right:30px;
float:left;
}

/* Contactar */

#sobre{
background:url(images/sobre.png) top left no-repeat;
padding:40px 0px 0px 50px;
float:left;
width:605px;
height:418px;
}

#sobre label{
display:block;
float:left;
width:120px;

}

#telefono{
float:left;
padding-left:30px;
}

#telefono_logo{
width:100%;
height:150px;
margin-top:40px;
background:url(images/telefono.png) center no-repeat;
}

#telefono_tels span{
font-size:26px;
font-weight:normal;
color:#336699;
font-weight:bold;
}

#telefono_tels{
padding-top:30px;
}


#tooltip {
background:#F7F5D1 none repeat scroll 0 0;
border:1px solid #333333;
color:#333333;
display:none;
padding:2px 5px;
position:absolute;
}

#aviso-legal
{
font-size:13px;
}


////////////////////////////////////////////////////////////////////////////////////////////////
/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width: 160px;
	height:220px;
}
#ui-datepicker-div {
	display: none;
	z-index: 10;
	background:url(images/fondo_calendario.png) top left no-repeat;
	padding:15px;
		width: 160px;
	height:220px;
}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	/*background: #99ccff;
	padding: 2px 0px;*/
	display:none;
}
.ui-datepicker-links {
	/*background:#99ccff;*/
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	/*background: #336699;*/
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}

.ui-datepicker-header input{
background: #336699;
}

.ui-datepicker-header select {
	/*background: #336699;*/
	color:#99ccff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	/*background: #CCC;*/
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	/*background: #B1DB87;*/
	color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	/*background: #B1DB87;*/
}
.ui-datepicker-days-row {
	/*background: #FFF;*/
	color: #99ccff;
}
.ui-datepicker-week-col {
	/*background: #B1DB87;*/
	color: #000;
}
.ui-datepicker-days-cell {
	color:#99ccff;
	/*border: 1px solid #DDD;*/
}
.ui-datepicker-days-cell a {
color:#99ccff;
	display: block;
}
.ui-datepicker-week-end-cell {
	/*background: #E0F4D7;*/
	color:#99ccff;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #99ccff; !important;
	color:#fff;
	/*border: 1px solid #777;*/
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
	background: #E0F4D7 !important;
	border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #83C948 !important;
}
.ui-datepicker-today {
	background: #B1DB87 !important;
}
.ui-datepicker-current-day {
	background: #83C948 !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #99ccff;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #99ccff !important;
}
.ui-datepicker-title-row a {
	color: #99ccff !important;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #83C948;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}


/*dialog*/



.ui-dialog-container{
padding-top:5px;
background:#f2f2f2;
}

.ui-dialog-titlebar{
border-bottom:1px #dedede solid;
height:18px;
}

.ui-dialog-title{
display:block;
width:95%;
text-align:center;
float:left;
font-weight:bold;
background:#f2f2f2;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close a, .ui-dialog-titlebar-close a:visited, .ui-dialog-titlebar-close a:link{

display:block;
float:left;
background:#f2f2f2;
font-weight:bold;
color:#336699;
text-decoration:none;
}

.hover
{
cursor:pointer;
}

#accesos
{
margin:40px 0px;
 color:#336699; 
 font-size:22px; 

}

#accesos div
{
text-align:center;
text-decoration:none;
 color:#ff8400; 
 font-size:14px; 
 font-weight:bold;
width:140px; 
float:left;}


#accesos a, #accesos img, #accesos span
{
text-decoration:none;
}

img.hover{

padding: 0px 2px 2px 0px;

}

img.hover:hover{

padding: 2px 0px 0px 2px;

}

a{

padding: 0px 2px 2px 0px;

}

a:hover{

padding: 2px 0px 0px 2px;

}