@charset "utf-8";
/* CSS Document for SPH*/

/*estandarizar browsers*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr  {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th  {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol  {list-style:none;}
fieldset,img,hr  {border:none;}
caption,th  {text-align:left;}
table  {border-collapse:collapse; border-spacing:0;}
td  {vertical-align:top;}
/*general*/
#map  {width:580px; height:400px;}
.right {float:right}
.letra-gris {color:#666665}
.letra-blanca {color:#fff}
.letra-blanca a {color:#fff}
.letra-celeste {color:#8080F8}
.letra-celeste a {color:#8080F8}
.texto-left {text-align:left}
a {color:#8080F8}
h1 {font-size:1.45em; color:#666665; font-weight:bold}
.fix {clear:both}
.boton-azul {background:url(../imagenes/boton.png) no-repeat; height:50px; width:145px; font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.mt10 {margin-top:10px}

/*IE6 hack para png*/
img, div#star,p.boton-azul,.tarifas {behavior: url(../css/iepngfix.htc)}
/**/

body
 {font-family:Georgia, "Times New Roman", Times, serif;background-color:#0001F1;background:url(../imagenes/bkg.gif) top center no-repeat #0001F1;}
.general {width: 960px;	text-align: center;	margin: 0 auto;background:url(../imagenes/bkg.gif) no-repeat}
.contenedor {width: 960px;background:#fff;height:auto;margin: 0 auto}

.header {width:100%;	height:120px;}
.header .left {width:276px; padding-top:10px}
.header .left img {float:left; padding-left:22px}
.header .right {width:300px; padding:10px 0px}
.header .right .right {width:auto; padding:7px 20px}
*html .header .right .right {width:auto; padding:3px 13px; padding-bottom:15px}
.header .right .right:first-child {padding:0px 20px; margin-bottom:10px}
.header select {width:130px; color:#003366; font-size:11px; margin-left:10px}
.header .right .right h1 {font-size:1.45em; font-weight:bold; font-style:italic; float:right}
.header .right .right span.letra-gris {font-size:1em; font-weight:bold; font-style:italic; float:right}
.header .right .right span.letra-celeste a {font-size:1em; font-weight:bold; font-style:italic; float:right}
.header img {}

.menu {padding-top:15px}
.menu div {width:910px; background:#000; height:32px; margin: 0 auto; padding-left:10px;z-index:0}
.menu ul {}
.menu li {float:left; margin:7px; padding-bottom:4px; margin-bottom:0px; margin-top:4px}
.menu li {margin-top/*\**/: 7px\9; *margin-top: 5px}
.menu li a {font-style:italic; text-decoration:none; font-size:12px; font-weight:bold; padding-bottom:3px; z-index:100; position:relative}
.menu li:hover {border-bottom:#0001F1 solid 5px}
.menu li.actual {border-bottom:#0001F1 solid 5px}


*html .menu {padding-top:15px}
*html .menu div {width:910px; background:#000; height:25px; margin: 0 auto; padding-left:10px;z-index:0}
*html .menu ul {}
*html .menu li {float:left; padding:0px 0px; padding-top:5px; margin-top:5px}
*html .menu li a {font-style:italic; text-decoration:none; font-size:12px; font-weight:bold; padding-bottom:3px; z-index:100; position:relative;border-bottom:#000 solid 5px}
*html .menu li a:hover {border-bottom:#0001F1 solid 5px}

.centro {width:920px; background:#fff; margin: 0 auto}
.centro .left {315px}
.centro p.boton-azul {height:30px; margin:0 auto;font-size:1.1em; padding-top:3px; margin-top:25px}
*html .centro p.boton-azul {height:30px; margin:0 auto;font-size:1.1em; padding-top:3px; margin-top:15px; margin-bottom:7px}
.centro p.boton-azul a {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none}
.centro p.boton-azul + p {text-align:left; margin-top:15px; font-size:0.7em; font-weight:300}
*html .centro p.boton-azul + p {text-align:left; padding-top:20px; font-size:0.7em; font-weight:300}

.tarifas .calendar {margin-left:0px;padding-left:5px;}
.tarifas .calendar2 {margin-left:5px;padding-left:5px;}
.centro .right {width:550px; padding-top:15px}
.centro .right li {list-style:url(../imagenes/li.gif); text-align:left; margin-top:10px;*padding-left:20px;*margin-left:-15px; color:#454545}
.centro .right h1 {text-align:left; margin-left:-50px;color:#454545}
.centro ul {margin-top:10px}

*html .centro .right {width:600px; padding-top:15px}
*html .centro .right li {list-style:url(../imagenes/li.gif); text-align:left; margin-top:10px;padding-left:20px;margin-left:35px}
*html .centro .right h1 {text-align:left; margin-left:0px}
*html .centro ul {margin-top:10px}

.tarifas #star {width:82px;height:82px;position:relative;top:-25px; left:195px;background:url(../imagenes/star.png) no-repeat;color:#FFFFFF;font-size:0.6em;padding-top:20px;font-weight:bold;padding-left:3px;}
*html .tarifas #star {width:82px;height:82px;position:relative; top:-35px; left:100px; background:url(../imagenes/star.png) no-repeat;color:#FFFFFF;font-size:11px;
padding-top:20px;font-weight:bold;padding-left:3px;margin-bottom:-100px;}
.tarifas a {color:#454545}
.tarifas {width:272px; height:188px; background:url(../imagenes/bk-yellow.png) no-repeat; padding:15px; margin-top:20px}
.tarifas .letra-gris {font-size:1.3em; font-weight:bold; margin-bottom:25px;}
.tarifas p div {margin: 0 auto;}
.tarifas p {font-size:0.7em; font-weight:bold; color:#454545; margin-bottom:10px; height:17px;}
.tarifas label {width:115px;text-align:left; float:left; margin-left:0px;}
.tarifas input {width:106px; height:17px; border:none}
.tarifas span.left {width:auto;font-size:1.03em;}

.bottom {width:930px; background:#fff; margin: 0 auto; padding-left:4px;padding-top:10px}
*html .bottom {padding-top:0px}
div.lila .letra-gris {font-weight:bold; font-style:italic; margin-left:6px; margin-top:10px; color:#454545}
div.lila a {font-weight:bold; font-size:0.7em; float:right; margin-right:7px; margin-top:5px}
div.lila h1:first-child {font-size:1.5em; text-align:left; padding-left:7px; margin:5px 10px -3px 0;}
div.lila h1 {font-size:1.5em; text-align:left; padding-left:15px;color:#454545;font-style:italic; margin-left:10px; margin-bottom:5px; margin-top:0px}
div.lila h3 {font-size:0.9em; text-align:left; padding-left:15px;color:#454545;font-style:italic; margin-left:10px; margin-bottom:8px;font-weight:bold; margin-top:0px;*margin-top:0px;}

*html div.lila h1 {font-size:1.5em; text-align:left; padding-left:15px;color:#454545;font-style:italic; margin:0px; margin-top:3px}
*html div.lila h1:first-child {margin-top:5px}
*html div.lila h3 {font-size:0.9em; text-align:left; padding-left:15px;color:#454545;font-style:italic; margin-bottom:5px;}

div.lila ul {font-size:0.7em; width:285px; margin-left:10px; *margin-left:5px; color:#454545; height:213px; padding-left:-5px; *padding-left:0px}
@media screen and (-webkit-min-device-pixel-ratio:0)  {
    div.lila ul  {font-size:0.8em;}
}

div.lila li {list-style-image:url(../imagenes/mini_li.gif); text-align:left;margin-left:20px;*margin-left:18px; padding-left:0px;*padding-left:5px; margin-bottom:3px}
div.lila {width:296px; height:296px; float:left; background:url(../imagenes/bk-lila.png) no-repeat; margin:15px 4px; padding:5px; padding-top:0px; margin-left:0px}
*html div.lila {width:291px; height:296px; float:left; background:url(../imagenes/bk-lila.png) no-repeat; margin:15px 3px;}
*html .bottom div.lila:first-child {margin:15px 3px 15px 0px;}

.pie {width:100%; height:50px; background:#fff; font-size:0.75em; font-style:italic; font-weight:bold; padding-top:20px}
.pie .left {width:400px; height:40px; padding-top:12px; text-align:left; padding-left:33px}
.pie .right {width:300px; height:40px; padding-top:12px; text-align:right; padding-right:5px}
.pie img {margin-right:15px}

.interior {width:920px; margin: 0 auto; padding-left:0px}
.interior .left {width:604px}
*html .interior .left {width:602px}
.interior .right {width:300px}
*html .interior p.boton-azul {height:30px; margin:0 auto;font-size:1.1em; padding-top:3px; margin-top:15px; margin-bottom:7px}
*html .interior p.boton-azul + p {text-align:left; padding-top:20px; font-size:0.7em; font-weight:300}
.interior p.boton-azul {height:30px; margin:0 auto;font-size:1.1em; padding-top:3px; margin-top:25px}
.interior p.boton-azul a {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; color:#fff; text-decoration:none}
.interior p.boton-azul + p {text-align:left;  margin-top:15px; font-size:0.7em; font-weight:300}
.interior .tarifas .calendar {margin-left:5px}
.interior .left {text-align:left; font-size:0.9em; color:#454545}
.interior h1 {font-size:1.9em; margin-top:20px; margin-bottom:15px;  color:#454545}
.interior h1:first-child {margin-top:20px;}
.interior .left p {margin:10px; text-align:justify; line-height:20px}
.interior .left ul {margin-bottom:30px;*margin-bottom:40px;list-style-position:inside; float:left}
.interior .left img {float:left}
.interior .left li {list-style-image:url(../imagenes/li-interior.gif); padding-left:-20px; margin-left:20px; width:275px; line-height:18px; margin-bottom:15px; padding-left:5px;}
/*html .interior .left li {list-style-image:url(../imagenes/li-interior.gif); padding-left:-20px; margin-left:35px; width:240px}*/
.interior .left h3 {font-size:1.2em; font-weight:bold; margin:10px; color:#666666}
.interior .galeria {float:left; margin:6px}
*html .interior .galeria {float:left; margin:5px}
.interior .left form p {height:15px; font-weight:bold}
.interior .left form p.textarea {height:45px;}
.interior .left form p input {width:213px}
.interior .left form p textarea {width:384px}
*html .interior .left form p textarea {width:350px}
.interior .left form p label {width:180px; text-align:right; float:left; margin-right:10px}
.interior .left form p input[type="button"] {font-weight:bold; font-size:0.75em; padding-top:-5px;margin-top:5px; *margin-top:-10px; width:67px; *height:21px}
.interior .left form p input.enviar {font-weight:bold; font-size:0.75em; margin-top:5px; width:67px; height:21px}

/* IE6 css fixer v0.4: Fri, 17 Jul 2009 23:00:19 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .right,
* html .header .right .right h1,
* html .menu li,
* html .tarifas label,
* html div.lila a,
* html div.lila,
* html .interior .left ul,
* html .interior .galeria,
* html .interior .left form p label,
* html .left, * html .interior .left img,
* html .header .right .right span.letra-gris, * html .header .right .right span.letra-celeste a  {display:inline;}

/* fix negative margins */
* html .centro .right li,
* html .centro .right h1,
* html .interior .left form p input[type=button]  {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html .menu li a,
* html .tarifas #star,
* html .tarifas  {zoom:1;}


/* ============================================= */
/* potentially harmful settings                  */

/* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */
* html .boton-azul,
* html body,
* html .general,
* html .contenedor,
* html .menu div,
* html .centro,
* html .tarifas #star,
* html .tarifas,
* html .bottom,
* html div.lila,
* html .pie  {zoom:1;}
div.form_contacto  {width:584px;}
div.form_contacto label {float:left; font-weight:bold; line-height:23px; text-align:right; width:200px;}
div.form_contacto label.error {float:left; font-weight:normal; line-height:none; text-align:left; color:#FF0000; font-size:10px; margin:0 0 10px 210px; width:300px;}
div.form_contacto input {float:left; height:23px; width:280px; margin: 0 70px 10px 10px;}
div.form_contacto textarea {float:left; margin: 0 0 10px 10px; width:360px; height:125px;}
div.form_contacto input.boton  {float:left; width:auto; height:auto; padding:5px 10px;}
.left {float:left; color:#454545;}
.left h1 {font-size:22px;}
.left ul.fotografias {width:600px;}
.left ul.fotografias li {width:140px; height:auto; float:left; padding:0; margin:5px 10px 5px 0px; list-style-image:none;}
.left ul.fotografias li img {padding:0;}
.left ul.servicios {width:584px;}
.left ul.servicios li {list-style-image:none; background-image:url(../imagenes/li-interior.gif); background-repeat:no-repeat; background-position:left top; width:232px; float:left; padding-left:22px;}
.left p.direccion {font-style:italic;}
.left p.servicios {font-weight:bold;}



/*DATEPICKER*/
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
	width: auto;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
	text-decoration:none;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*FIN DATEPICKER*/
/**
 * jQuery lightBox plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*Fin lightbox*/

/*** set the width and height to match your images **/
#slideshow {  
	position:relative;
	width:   279px;
    height:  213px;  
    padding: 0;  
    margin:  0 0 0 5px; 
	overflow:hidden; 
} 
 
#slideshow img {  
    top:  0; 
    left: 0; 
}
#slideshow_cabecera {  
	position:relative;
	width:   960px;  
    height:  252px;  
    padding: 0;  
    margin:  0x; 
	overflow:hidden; 
} 
 
#slideshow_cabecera img {  
    top:  0; 
    left: 0; 
}