/**/ 
#custom-doc { width:78.77em;*width:76.87em;min-width:1024px; margin:auto; text-align:left; }

body {
font-family: 'Century Gothic', verdana, san-serif;
color:#5d4c3a;
margin:0;
padding:0;
background:#b02e14 url(http://www.apartamentosblanca.com/imagenes/body.jpg) no-repeat 50% 0%;
}

a {color:#5d4c3a; text-decoration:underline;}
strong {font-weight:bold;}

#hd {border-top:1px solid #000; height:250px; font-family: 'Century Gothic', verdana, san-serif;}

#hd_int {height:250px; width: 980px;}

#hd_int h1 {
color:#ffffff;
font-size: 1.6em;
font-weight:bold;
width: 20%;
margin: 40px 0 0 60px;
}
#hd_int h1 .destaca {font-size:2.2em; font-weight:bold;}
#hd_int h1 a {color:#ffffff; text-decoration:none; display:block; width:auto; height:auto;}
#hd_int ul {width: 206px; position:absolute; top:10px; left: 950px;}
#hd_int ul li {display:inline;}
#hd_int ul li a {color:#ffffff; background-color:#5d4c3a; text-decoration:none;}

/** navegacion***/
.yui-g  {font-family: 'Century Gothic', verdana, san-serif;}
.yui-g ul {margin-left: 35px; height:35px;}
.yui-g ul li {display:inline; float:left; margin-top:7px; font-size: 1.3em;  text-align:center;}
.yui-g ul li a{color:#ffffff; background-color:#5d4c3a; padding: 7px 14px 8px 14px;  font-weight:bold; text-decoration:none;}
.yui-g ul li a:hover, .yui-g ul li a.current {color:#ffffff; background:#b02e14 url(http://www.apartamentosblanca.com/imagenes/a_current.jpg) no-repeat 50% 0%; }
/*-----------------------------------------------------------------*/
/** bloque izquierdo ***/
.first  {font-family: 'Century Gothic', verdana, sans-serif; 
background: url(http://www.apartamentosblanca.com/imagenes/first.jpg) repeat-y 100% 0%; padding-bottom:20px;  height:810px;}
.first h2 {margin: 20px 0 10px 36px; width: 50%; text-align: right; padding:7px 10px 8px 0; 
background:#b02e14 url(http://www.apartamentosblanca.com/imagenes/h2.jpg) repeat-x 0% 0%; color:#ffffff; font-weight:bold; font-size:1.3em; float:left; clear:left; }
.first h2.ofertas{margin: 15px 0 10px 36px; width: 50%; text-align: right; padding:7px 10px 8px 0; 
background:#76a925 url(http://www.apartamentosblanca.com/imagenes/h2_ofertas_p.jpg) repeat-x 0% 0%; color:#ffffff; font-weight:bold; font-size:1.3em; float:left; clear:left; }


.first p {margin: 0px 10px 0px 50px; width:auto; float:left; clear:left;}

.first p.oferta {margin: 0px 10px 0px 50px; width:auto; clear:none;}
.first p.oferta  img {border: 2px solid #76a925; float:right;}

.first p img {margin:0;}
/*****************************************/
.first ul.oferta {width: 96%;}


.first ul.oferta h3 {margin: 15px 0 15px 56px; width: 414px; text-align: left; padding:7px 10px 7px 20px; 
background:#76a925 url(http://www.apartamentosblanca.com/imagenes/h3_ofertas.jpg) repeat-x 0% 0%; color:#ffffff; font-weight:bold; font-size:1.3em; float:left; clear:left; }

.first ul.oferta h4 {color:#76a925; float:left; clear:left; width: 100%; margin: 0 0 10px 60px; font-weight:bold;}
.first ul.oferta p {margin-left: 56px;}
.first ul.oferta p img {float:right; border :3px solid #76a925;}
/*****************************************/

.first ul.fotos {margin-left: 40px; height:auto;}
.first ul.fotos li {float:left; display:inline; margin: 5px 10px 15px 10px;}


.first ul.apartamentos {margin: 0px 0 0px 150px; width: 500px; height:auto; position:absolute; top: 880px; float:left; clear:left;}
.first ul.apartamentos  li {float:left; display:inline; margin: 0 10px;}
.first ul.apartamentos  li a img {border: 3px solid #B02e14;}

.first ul.apartamentos_portada {margin: 20px 0 10px 150px; width: 500px; height:auto;  float:left; clear:left;}
.first ul.apartamentos_portada  li {float:left; display:inline; margin: 0 10px;}
.first ul.apartamentos_portada  li a img {border: 3px solid #B02e14;}

.first table {
float:left;
clear:left; width: 80%;
margin-left: 80px;
margin-bottom: 30px;
font-size:1.2em;
}
.first table caption {display:none;}
.first table th {background:#cccccc; }
.first table td {background:inherit; padding: 10px; background:#eeeeee;}

.first  form table {width: 40%;}

.first form {
background: #ebebeb;
float:left;
width: 80%;
margin:20px 0 0 70px;
}
.first form  fieldset {}
.first form  legend { display:block; margin:0; font-weight:bold; padding:10px; width:100%;color:#000000; background: #cccccc;}

.first form  p {margin:10px;}
.first form  p  label {float:left; clear:left;}
.first form  p input , .first form  p textarea, .first form  p select{margin-left:5px; float:left; clear:left; font-family: 'Century Gothic', verdana, sans-serif;}
.first form  .boton {border :1px solid #cccccc; font-weight:bold; padding:5px 10px; font-family: 'Century Gothic', verdana, sans-serif;  }

.first form  table  #entrada_ID table, .first form  table  #salida_ID table{margin:0; padding:0; width: 100%;}

.first  ul.mapa {margin-left: 140px; width: 90%; float:left; clear:left;}
.first ul.mapa li {margin:5px;}
.first ul.mapa li a {color:#5d4c3a; text-decoration:underline;}
/*-----------------------------------------------------------------*/
/*bloque derecho */
.ofertas { margin-left: 12px; margin-right:20px; margin-bottom: 0; float:left; font-family: 'Century Gothic', verdana, san-serif; width: 90%;}

.ofertas h2 {margin: 15px 6px 15px 0px; width:270px;text-align: left; padding:7px 0px 7px 10px; 
background:#83ba28 url(http://www.apartamentosblanca.com/imagenes/h2_ofertas.jpg) repeat-x 0% 0%; color:#ffffff; font-weight:bold; font-size:1.3em;}

.ofertas h3 {background: url(http://www.apartamentosblanca.com/imagenes/h3_ofertas.gif) no-repeat 0% 0%;
color:#fffff; margin: 10px 0 0 22px; height: 40px;
padding:5px 20px 5px 10px;
width: 230px;
color:#ffffff;
float:left;
clear:left;
font-size:1em;
font-weight:bold;
}

.ofertas h4 {color:#5c4c3a; margin:0 0 5px 60px; width: 200px; font-weight:bold; margin-top: -20px; float:left; clear:left;}
.ofertas p {margin-left: 30px; background:#ebebeb;float:left; width: 85%; padding:5px;}
.ofertas p img {float:left; padding: 10px 0 10px 15px;}
.ofertas a.mas {color:#3d5c79; float:right;text-decoration:none; background:#ebebeb url(http://www.apartamentosblanca.com/imagenes/ver_mas.jpg) no-repeat 90% 50%; padding:5px 30px 5px 0;}

.yui-u p.logo {margin: 10px 0 0 50px; float:left; }

.yui-u ul.apartamento {font-family: 'Century Gothic', verdana, sans-serif;  margin: 10px 0 10px 20px;  height:auto; float:left; clear:left;}
.yui-u ul.apartamento  li{float:left; clear:left;  display:block; margin: 10px;}
.yui-u ul.apartamento  li h3 {color:#B02e14; font-weight:bold;}
.yui-u ul.apartamento  li a img {border: 3px solid #B02e14;}

/*-----------------------------------------------------------------*/
#ft {
height: 200px;
font-family: 'Century Gothic', verdana, san-serif;
color:#fffff;
}

#ft ul {width: 50%;margin-left: 28%;   margin-bottom:20px; }
#ft ul li {margin:20px 10px 10px 10px;  float:left; display:inline; color:#ffffff;}
#ft  address {border-top: 2px dotted #ffffff; color:#ffffff; float:left; text-align:center; width: 70%; margin-left: 15%; margin-top: 5px; padding-top:5px;}
#ft  p  {width:90%; margin: 5px 0 5px  50px; float:left; clear:left; text-align:center;}
#ft  p , #ft a {color:#ffffff; text-decoration:none;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-preview.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {
	width:620px;
	top: 60px;
	height:340px;
	margin:10px 10px 0 40px;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#gallery #fullsize {
	position:absolute;
	left:10px;
	top:0;
	height:340px;
	width:600px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {width:600px; height:340px; padding-top:20px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:350px; height:auto; border :1px solid #5d4c3a; position:relative; z-index:500;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:5px 0; margin:10px 0 0 0; font-size:12px; line-height:18px; width: 580px; font-weight:bold; text-align:center;}

#gallery #fullsize a.previous {display:block; height:60px; width:100px; position:absolute; left:0px; top:100px; z-index:10; border:5px solid #5d4c3a;}
#gallery #fullsize a.next {display:block; height:60px; width:100px; position:absolute; right:0px; top:100px; z-index:10; border:5px solid #5d4c3a;}

#gallery #fullsize a.previous img,
#gallery #fullsize a.next img {width:100px; height:60px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#gallery #fullsize a:hover {direction:ltr; z-index:600;}
#gallery #fullsize a:hover img {filter: alpha(opacity=80); opacity:0.8;}

/****/
#gallery2 {
	width:620px;
	top: 230px;
	height:340px;
	margin:10px 10px 0 40px;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#gallery2 #fullsize2 {
	position:absolute;
	left:10px;
	top:10px;
	height:340px;
	width:600px;
	overflow:hidden;
	text-align:center;
}
#gallery2 #fullsize2 div {width:600px; height:300px; padding-top:20px; position:relative;}
#gallery2 #fullsize2 div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:350px; height:auto; border :1px solid #5d4c3a; position:relative; z-index:500;}
#gallery2 #fullsize2 div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery2 #fullsize2 div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}

#gallery2 #fullsize2 a.previous {display:block; height:60px; width:100px; position:absolute; left:0px; top:100px; z-index:10; border:5px solid #5d4c3a;}
#gallery2 #fullsize2 a.next {display:block; height:60px; width:100px; position:absolute; right:0px; top:100px; z-index:10; border:5px solid #5d4c3a;}

#gallery2 #fullsize2 a.previous img,
#gallery2 #fullsize2 a.next img {width:100px; height:60px; border:0; display:block; filter: alpha(opacity=40); opacity:0.4;}

#gallery2 #fullsize2 a:hover {direction:ltr; z-index:600;}
#gallery2 #fullsize2 a:hover img {filter: alpha(opacity=80); opacity:0.8;}