@charset "iso-8859-1";
/* CSS Document */
/********************************************************
	Proyecto: Las Perlas Condominios.
	Hoja de estilos: global.
	Autor: GSanjuan.
********************************************************/

/*Eliminar los estilos del navegador RESET*/
@import url(reset.css);

/*Importar los estilos de LIMPIADOR*/
@import url(limpiar.css);

/*Importar los estilos de SLIDESHOW*/
@import url(Slideshow.css);

/* Estilos Globales
-------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:18px;
}
h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
}

h1{
	font-size:30px;
	margin: 20px 10px;
}

h2{
	font-size:18px;
}

#contenedor {
	width: 800px;
	margin: 0 auto;
}

#header {
	padding:0;
	margin: 0;
	border-bottom: 3px solid #086eaf;
}

div#logo{
	width:288px;
	min-height: 112px;
	float: left;
}

div#logo p{
	min-height: 112px;
	background: url(../imagenes/logo.png) no-repeat top left;
}
div#logo p a {
	position:absolute;
	text-indent:-9999px;
	width:288px;
	min-height: 112px;
	top: 7px;
}


#nav {
	height:112px;
	float:left;
	width: 512px;
	background-color: #70a7d0;
}

#nav ul{
	font-family: arial, sans-serif;
	font-size:10px;
	height: 60px;
	margin-left: 5px;
}
 
#nav li{
	font-size:15px;
}

#nav li a{
	color:#FFF;
	position:relative;
	padding:50px 10px 0 8px;
	margin:0 5px;
	height: 62px;
	float:left;
	text-decoration:none;
}

#nav li a:hover, #nav li a.current{
	color:#086eaf;
	background: url(../imagenes/flecha.gif) no-repeat bottom #FFF;
}

#contenido{
	width:800px;
	margin:0 auto;
	padding:0;
}

#contenido p{
	margin:10px;
	padding-left:10px;
}


#contenido .izq {
	width:390px;
	float:left;
	margin-top:10px;
	margin-left:8px;
	border-right: 1px groove #70a7d0;
}

h2 small{
	font-weight:bold;
	font-size:0.8em;
}

h2 small sup{
	position:relative;
	font-size:11px;
	top:-3px;
}

#contenido .drc {
	width:389px;
	float:left;
	margin-top:10px;
	margin-left:11px;
}

#contenedor #contenido .izq p a{
	color:#000;
	text-decoration:none;
	font-size:13px
}

#contenido .cuatro{
	width:21%;
	float:left;
}


/*imagenes*/
#contenido .plano {
	float:right;
	padding:10px 7px;
}

#contenido .exterior {
	float:left;
	padding:0 7px;
}

#contenido ul li{
	list-style-type:circle;
	line-height:25px;
	margin-left:24px;
}

#footer{
	clear: both;
	padding: 10px 0;
	margin:0;
	height:30px;
	width: 100%;
}
#footer p{
	color:#FFF;
	background-color:#70a7d0;
	padding: 10px;
	border-top: 4px solid #086eaf;
}