@charset "UTF-8";
/* CSS Document */

/* Reset Browser Inherited Styles */
/* ------------------------------------------------- */

/*html, body, div, span, applet, object, ifr ame, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul,
fi eldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: none;
	font: inherit inherit 100% inherit;
	text-align: left ;
	vertical-align: baseline;
	list-style: none; 
	}
*/
/* ------------------------------------------------- */

body {
	background:#01376B;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#000000;
	}

#content {
background-color:#FFFFFF;
margin:0 auto;
width:800px;
position: relative;
text-align: center;


}



/*elementos superiores*/

#top {
background:url(../images_base/tope_fondo.gif) center top no-repeat;
height:30px;
}

#navigation{
width:780px;
padding:0px 10px 0px 0px;
text-align:right;
float:right;
}


A {
	COLOR: #0066CB; TEXT-DECORATION: none
}
A:hover {
	COLOR: #002674; TEXT-DECORATION: none
	}


.menu3 {
width:765px;
background:#25326E;
margin: 0px 10px 0px 0px;
padding: 3px 3px 3px 10px;
text-align: left;
font-size:11px;
font-weight:bold;
float:right;

}

.menu3 A {color:#0099CC;
text-decoration:none;

}

.menu3 A:hover{color:#FFFFFF;

}

/*.menu3 A:active{
color:#FFFFFF;

}
.menu3 A:visited{
color:#0099CC;
}
*/

#logo_best {
float:left;
background:url(../images_base/logo_slogan.jpg) left bottom no-repeat;
height:100px;
width:350px;
background-color:#FFFFFF;
}

#goldcrownclub {
background:url(../images_base/logo_goldcrownclub.jpg) right bottom no-repeat;
text-align:right;
height:100px;
background-color:#FFFFFF;
}

/*** lineas elementos superior ***/

.azul_1px{
clear:both;
border-top: solid;
border-top-color: #0066CB;
border-top-width:1px;
margin: 20px 10px 0px 120px;
}

.azul_2px_sinmargen{
clear:both;
border-top: solid;
border-top-color: #0066CB;
border-top-width:1px;
margin: 20px 10px 0px 10px;
}


.azul_5px{
clear:both;
border-top: solid;
border-top-color: #25326E;
border-top-width:5px;
margin: 0px 10px 0px 10px;
}


/*columna izquierda*/

#left_col{
float: left;
position: relative;
margin: 10px 10px 10px 10px;
width: 145px;
text-align:left;
}

.left_col a:link, a:hove, a:active, a:visited {
text-decoration:none;
}

#plazareal{
background:url(../images_base/logo_plazareal.jpg) center no-repeat;
margin: 0px 0px 0px 0px;
width: 135px;
height:126px;
}

#reservacion{
background: #efd157 url(../images_base/reservas_fondo.jpg) left top no-repeat;
float: left;
position:relative;
margin: 10px 0px 0px 0px;
width: 135px;
/*height:216px;*/
padding-left:10px;
clear:both;
display:inline;


}
#contacto{
background: #EDE7AC url(../images_base/contacto_titulo.jpg) no-repeat left top   ;
float: left;
position:relative;
margin: 20px 0px 0px 0px;
width: 135px; 
/*height:200px;*/
padding-left:10px;
clear:both;
display:inline;

}


.clearfloat { /* this class should be placed on a div or break element and should be 
the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*columna central . contenidos*/

#banner{
	width: 620px;
	height:135px;
	clear:both;
	border-bottom: solid #FFFFFF 10px;
	float:left;
	position: absolute;
	left: 167px;
	top: 194px;
	right: 10px;
	margin: 10px 0px 0px 0px;
}



#contenidos{
clear:both;
display:inline;
background: #f5f8dc;
float: left;
position: absolute;
left: 168px;
top: 340px;
right: 10px;
width: 620px;
height:450px;
text-align:justify;
}

#contenidos2{
clear:both;
display:inline;
background: #f5f8dc;
float: left;
position: relative;
left: 168px;
top: 340px;
right: 10px;
width: 620px;
text-align:justify;
z-index:0;

}


/*bloques centrales por página*/

#bloque{
background: url(../images_base/top_bloque_central.jpg) repeat-x left top;
clear:both;
display:inline;
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 600px;
text-align:justify;
overflow:auto;
z-index:0;
}

#bloque2{
background: #f5f8dc url(../images_base/top_bloque_central.jpg) repeat-x left top;
clear:both;
display:inline;
float: right;
position: static;
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 10px;
width: 600px;
text-align:justify;
overflow: visible;
z-index:0;
}

.img {
		float: left;
		margin: 0px;
		padding: 10px;
		
		}


/*columnas dentro de los bloques*/

#col{
float:left;
clear:both;
position: relative;
width: 185px;
/*height: 200px;*/
text-align:justify;
}



/**** textos ****/

h1{
font-family:Century,Times New Roman,serif;
font-weight:normal;
font-size:28px;
font-stretch: extra-condensed;
}
h2{
font-family:Century,Times New Roman,serif;
font-weight:normal;
font-size:23px;
font-stretch: extra-condensed;
}

h3{
font-family:Century,Times New Roman,serif;
font-weight:normal;
font-size:15px;
font-stretch: extra-condensed;
}


.14pts{
font-size:14px;
}

.rojo {
color:#990000;
}

.right{
text-align:right;
}

/*** fondos de color***/

.beige{background:#f5f8dc}
.azul {background:#01376B}

/*** elementos inferiores***/


#bottom {

margin:0 auto;
width: 800px;
position: relative;
text-align: left;
margin: 0px 0px 0px 0px ;
clear:both;
text-align:center;
display:block;

 }



#email{
background:#f5f8dc;
text-align: left;
margin: 0px 5px 0px 5px;
padding:10px 0px 10px 10px;
}


#credito{background:#01376B;
color:#FFFFFF;
font-style:italic;
text-align: left;
margin: 0px 0px 0px 0px ;
padding:10px 0px 10px 0px;

}


