@charset "utf-8";
body		{
			margin:0px; 
			padding:0px;
			border: 0px;
			background-color: #c2c2c2;
			text-align: center;
}
			
a {			
	font-size: 11px;
	color: #478ECE;
	text-decoration:none;}


h1 {
			font-family: "Times New Roman", Times, serif;
			font-size: 36px;
			font-weight: normal;
			color: #478ECE;
			text-decoration: none;
			line-height: 36px;
			padding: 0px 0px;
}


.hidden 	{display:none;}

.campoTexto {
	color: #000;
	background-color: #F0F5FB;
	border: 1px solid #000;
	font-size: 10px;
	line-height:10px;
	width: 100px;
	height: 12px;
}

.boton {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	border: thin outset #FFF;
	height: 20px;
	width: 75px;
}


#wrapper	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000;
			text-decoration: none;
			background-color: #FFF;
			line-height: 16px;
			width:765px;
			margin:0 auto 0 auto;
			padding:0px;
			height:100%;
			text-align:left;
			position:relative;
}

#wrapperReservas	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000;
			background-color: #FFF;
			line-height: 16px;
			width:765px;
			margin:0 auto 0 auto;
			padding:0px;
			height:750px;
			text-align:left;
			position:relative;
}
			
#logos {
			width:256px;
			height:70px;
}

img#corona-logo {
			position:absolute;
			top:2px;
			left:72px;
}

img#logo {
	position:absolute;
	top:5px;
	left:250px;
	z-index: 0;
}


#globe {
			position: absolute;
			top:32px;
			left:645px;
}

#languageselect {
			padding:0px;
			margin:0px;
			width:100px;
			position:absolute;
			left: 648px;
			top: 32px;
}
						 
#side-menu {
			top:70px;
			width:765px;
			background-color:#000;
			height:340px;
			z-index:99999999;
}

#side-menu a {
			color:#8C8C8C;
			text-decoration: none;
}

#side-menu a:Hover {
			color:#000;
			text-decoration: none;
}

#side-menu a.submenu {
			color: #FFF;
			text-decoration: none;
}

#side-menu a.submenu:Hover, #side-menu a.submenuOn {
			color: #478ECE;
			text-decoration: none;
}

#side-menu ul {
			display:block;
			width:105px;
			margin: 0px;
			padding: 0px;
			padding-top: 75px;
			padding-left: 20px;
			list-style-type: none;
			height:265px;
			background-color: #ECECEC;
}

#side-menu li {
			padding-bottom: 10px;
}

#side-menu li.sidemenuOn {
			height: 1.5em;
			width:105px;
			background-image:url(http://www.sargamassa-palace.com/new/html/img/bullets/menu-selected.gif);
			background-position: 97px 4px;
			background-repeat: no-repeat;
}

#side-menu ul ul {
			display:inline;
			position:absolute;
			left:125px;
			padding: 0px;
			height: 200px;
			top: 195px;
			background-color:#000;
}

#side-menu .sublistadoHotel {
			display:inline;
			position:absolute;
			left:125px;
			padding: 0px;
			height: 200px;
			top: 327px;
			background-color:#000;
			width: 125px;
}

#side-menu .sublistadoReserva {
			display:inline;
			position:absolute;
			left:125px;
			padding: 0px;
			height:50px;
			margin-top:80px;
			background-color:#000;
			width: 125px;
}
#side-menu ul li a:before {
	content: "\00B7 \0020";
	}

#big-image {
	position:inherit;
	border-top:4px solid black;
	width:509px;
	height:340px;
	margin-left:256px;
	margin-top: -346px;
	z-index: 9;
}

#map {
	position:inherit;
	border-top:4px solid black;
	width:509px;
	height:340px;
	margin-left:256px;
	margin-top: -346px;
	z-index: 9;
}

#image-selector {
			width:493px;
			color:#FFF;
			background-color:#000;
			padding: 4px 8px 4px 8px;
			float:right;
}

#image-selector ul{
			padding:0px;
			margin:0px;
			display:inline;
}

#image-selector ul li {
			position:relative;
			left:350px;
			padding:0px;
			margin:0px;
			list-style:none;
			display:inline;
			}

#image-selector p {
			display:inline;
}

#image-selector a, #image-selector a:Hover{
			color: #FFF;
			padding-left: 3px;
			padding-right: 5px;
			padding-top:0px;
			padding-bottom:0px;

}

#image-selector li:after{
			content: "\00B7";
}

#image-selector li.last:after{
			content: "";
}

#reserve-bar {
			width:493px;
			height: 20px;
			color:#FFF;
			background-color:#478ECE;
			padding: 4px 8px 4px 8px;
			float:right;
			line-height:20px;

}
.titGaleria {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #999;
	line-height: 41px;
	text-decoration: none;
}
#contentPrincipal{
	background-color:#FFF;			
	position:relative;
	left: 0px;
	width:509px;
	top:66px;
	margin-top: -378px;
	z-index: 9;
	float:right;
	height:100%;
	display:block;
}
#galeriaIzquierda{
	float:left;
	width:169px;
	height:100%;
	text-align:center;
	margin-top:20px !important;
}
#galeriaCentro{
	float:left;
	width:169px;
	height:100%;
	left:169px;
	text-align:center;
	top:0px;
	margin-top:20px !important;
}
#galeriaDerecha{
	float:right;
	width:169px;
	height:100%;
	left:238px;
	text-align:center;
	top:0px;
	margin-top:20px !important;
}
#galeriaImgIzquierda{
	float:left;
	width:165px;
	height:100%;
	text-align:center;
	margin-top:20px !important;
}
#galeriaImgCentro{
	float:left;
	width:165px;
	height:100%;
	left:165px;
	text-align:center;
	margin-top:20px !important;
}
#galeriaImgDerecha{
	float:right;
	width:165px;
	height:100%;
	left:230px;
	text-align:center;
	margin-top:20px !important;
}

#reserve-bar-Galeria{
	color:#FFF;
	background-color:#478ECE;
	padding: 4px 8px 4px 8px;
	line-height:20px;	
	position:absolute;
	left: 256px;
	border-top:4px solid black;
	width:493px;
	height:20px;
	top:-322px;
	.margin-top: -21px;
	z-index: 999;
	float:right;
}
#reserve-bar form, #reserve-bar-Galeria form {
	margin:0px;
	clear:both;
}
#reserve-bar img, #reserve-bar input, #reserve-bar a, #reserve-bar-Galeria img, #reserve-bar-Galeria input, #reserve-bar-Galeria a {
			vertical-align:middle;
}

#reserve-bar input[type="submit"], #reserve-bar-Galeria input[type="submit"] {
			margin-left: 15px;
}

#reserve-bar p, #reserve-bar-Galeria p{
			display:inline;
			margin-right: 40px;	
}
#contentCentro{
	width:765px;
	background-color:#FFF;
	position:relative;
	display:block;
	min-height:400px;
	margin:-22px 0px 0px 0px;
	.margin:0px;
}

#content {
			float:right;
			top:20px;
			padding: 3px 4px;
			width:502px;
			clear:right;
			z-index:99;
			height:100%;
			background-color:#FFF;
}

#offers {
			position:relative;
			width:225px;
			padding: 0px 15px;
			z-index:0;
			background-color:#FFF;
}

#offers-galeria {
			position:relative;
			float:left;
			width:225px;
			padding: 0px 15px;
			background-color:#FFF;
			z-index:0;
			top:15px;
}

#offers p{
	padding: 10px;
	margin: 5px
}

#offers-galeria p {
	padding: 10px;
	margin: 5px
}

.oferta1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background-color: #478ECE;
	padding: 10px;
}

.oferta2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7FAFDD;
	padding: 10px;
}

.oferta3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background-color: #A3C6E6;
	padding: 10px;
}


#offers b, #offers-galeria b {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
}

#contact {
	float:left;
	clear:left;
	width:200px;
	padding: 0px 25px;
	text-align:left;
	background:#FFF;
}

#contactResr {
	margin-top:0px;
	width:205px;
	min-height:490px;
	padding: 25px 25px;
	text-align:left;
	background:#FFF;
}

#contact p{
	border-top: 1px solid #cecece;
	padding-top:20px;
}

#footer, #footerReservas, #footerTarifas, #footerContacto{
	background-color:#FFF;
	width:100%;
	text-align: center;
	position:relative;
}

#footerContacto{
	margin:50px 0px 0px 0px;
}

#footerTarifas{
	margin:180px 0px 0px 0px;
	.margin:20px 0px 0px 0px;
}

#footer, #footer a, #footerReservas, #footerReservas a, #footerTarifas, #footerTarifas a, #footerContacto, #footerContacto a{
	font-size: 10px;
	color: #8c8c8c;
}

#footer ul {
	background-color:#478ECE;
	margin: 100px 0px 0px 0px;
	list-style:none;
}

#footerReservas ul {
	background-color:#478ECE;
	margin: 0px 0px 0px 0px;
	list-style:none;
}

#footerTarifas ul{
	background-color:#478ECE;
	list-style:none;
}

#footerContacto ul{
	background-color:#478ECE;
	margin: 100px 0px 0px 0px;
	list-style:none;
}

#footer ul li, #footerReservas ul li, #footerTarifas ul li, #footerContacto ul li {
	padding-left: 15px;
	padding-right: 15px;
	display:inline;
	list-style:none;
}

#footer ul li a, #footerReservas ul li a, #footerTarifas ul li a, #footerContacto ul li a{
	color:#FFF;
	font-weight:normal;
}
.colorAzul {
	color: #478ECE;
}
.campoTexto2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000;
	background-color: #F0F5FB;
	border: 1px solid #000;
	width: 200px;
	height: 20px;
}
#wrapper #logos #languageselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8C8C8C;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 98px;
	border:0px;
}

.campoTextoArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000;
	background-color: #F0F5FB;
	border: 1px solid #000;
	width: 200px;
	height: 75px;
}
#formIzq{
	position:absolute;
	float:left;
	width:253px;
	height:350px;
}
#formDer{
	position:absolute;
	float:right;
	width:253px;
	min-height:350px;
	margin-left:253px;
}
.listadoCuadro{
	list-style-image: url(../img/bullets/bullet-ul.gif);
	list-style-position: outside;
	vertical-align: middle;
	list-style-type: none;
}
.boton2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #478ECE;
	border: thin outset #000;
}

/***** Tabla Precios *********/

.titTempBaja{
     background-color: #A3C6E6;
     color: #FFF;
     font-weight:bold;
     text-align:center;
     height:40px;
     vertical-align:middle;
}
.titTempMedia{
     background-color: #7FAFDD;
     color: #FFF;
     font-weight:bold;
     text-align:center;
     height:40px;
     vertical-align:middle;
}
.titTempAlta{
     background-color: #478ECE;
     color: #FFF;
     font-weight:bold;     
     text-align:center;
     height:40px;
     vertical-align:middle;
}
.tithabitacion{
     font-weight:bold;
     border-bottom:1px solid #478ECE;
     text-align:center;
     height:40px;
     vertical-align:middle;
}
.precioTempBaja{
     background-color: #F0F5FB;
     color: #478ECE;
     font-weight:bold;
     text-align:center;
     height:40px;
     vertical-align:middle;
     border-bottom:1px solid #478ECE;
}
.precioTempMedia{
     background-color: #E4EDF8;
     color: #478ECE;
     font-weight:bold;
     text-align:center;
     height:40px;
     vertical-align:middle;
     border-bottom:1px solid #478ECE;
}
.precioTempAlta{
     background-color: #D6E6F3;
     color: #478ECE;
     font-weight:bold;
     text-align:center;
     height:40px;
     vertical-align:middle;
     border-bottom:1px solid #478ECE;
}

/*****************************/