/* Hoja de estilos Residencial Los Olivos */

body {
	margin:0 auto;
	padding:0;
	background-color:#7bb801;
}

#wrapper {
	width:960px;
	margin:0 auto;
	min-height:500px;
}

#header {
	width:960px;
	height:90px;
	margin-top:10px;
	background:url(../imagenes/bgr/bgr_header.gif) no-repeat;
}

#footer {
	width:940px;
	height:59px;
	padding-top:10px;
	margin-left:10px;
	float:left;
	border-top:#FFFFFF solid 1px;
}

#footer a {
	border:none;
	text-decoration:none;
	color:#fff;
	margin:0 auto;
	padding:0;
}

#footer p {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:11px;
	text-align:left;
	color:#fff;
	float:left;
}

#footer img {
	border:none;
	margin:0 auto;
	padding:0px;
}

#footer_izq {
	width:360px;
	float:left;
}

#footer_der {
	width:450px;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:11px;
	color:#fff;
	float:left;
	text-align:left;
	padding-left:10px;
}

#footer_logos {
	width:120px;
	float:left;
}

/* Layout Index + flash */

.flash_index {
	font-weight: normal;
	width: 100%;
	text-align:center;
	margin-top:150px;
}

.text_index {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:100%;
	text-align:center;
	color: #000000;
	margin-top: 25px;
}

.text_index a {
	color:#000000;
	text-decoration:none;
}

.text_index a:hover {
	text-decoration:underline;
}

/* - - - - - */


/* LAYOUT 2 columnas texto + imagenes */

#main {
	width:940px;
	height:450px;
	margin:10px;
}

#main_izq {
	width:340px;
	float:left;
	margin-right:20px;
}

#main_der {
	width:580px;
	float:right;
}

.titular_grande {
	width:340px;
	height:150px;
	float:left;
	text-align:left;
}

.titular_galerias {
	width:340px;
	height:80px;
	float:left;
	text-align:left;
}

p {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	float:left;
}

/* LAYOUT 1 columna texto */

#main_1_column {
	width:940px;
	margin:10px;
}

#main_1_column_calidades {
	width:940px;
	margin:10px;
}

.titular_grande_calidades {
	width:60%;
	height:150px;
	margin-bottom:10px;
	float:left;
	text-align:left;
}

.pdf_calidades {
	width:40%;
	height:50px;
	float:right;
	text-align:right;
	padding-top:100px;
	margin-bottom:10px;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:11px;
	color:#4d7300;
}

.pdf_calidades a {
	color:#4d7300;
	text-decoration:none;
}

#main_1_column h1 {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:13px;
	text-align:left;
	margin-top:10px;
	color:#666;
	width:100%;
	float:left;
}

#main_1_column p {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
	width:100%;
	float:left;
}

.legal_p {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:10px;
	text-align:left;
	color:#fff;
}

.legal_p a {
	color:#fff;
	text-decoration:none;
}

/* FORMULARIO */


input[type="text"], textarea{
	width: 340px;
	border: 1px solid #c4da0d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
	padding:2px;
	margin-top:5px;
	background:transparent;
}

input[type="submit"], input[type="reset"]{
	border: 1px solid #c4da0d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background: transparent;
	margin-right:5px;
}


/* GALERIA JAVASCRIPT */


#items{
	float: left;
	width: 340px;
}

#items p {
	font-family:Arial, "Helvetica", sans-serif;
	font-size:13px;
	color:#fff;
	margin-top:7px;
	margin-bottom:0;
	float:left;
	width:100%;
}

#items .item {
	float: left;
	position: relative;
	width: 68px;
	height:52px;
	margin-top:10px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #999;	
}

#items .item:hover{
	border: 1px solid #666;
}

#items .item img {
	width:68px;
	max-height:52px;
}


#large{
	width: 580px;
	min-height:450px;
	float:right;
	background:url(../imagenes/bgr/bgr_galerias.gif) no-repeat center;
}

#large .item img{
	max-width:580px;
	max-height:450px;
}

/*MENU */

#header .logo {
	width:232px;
	height:47px;
	position:absolute;
	margin-left:40px;
	z-index:5;	
}

#header img.logo  {
	border:none;
}	

#menu {
	width:617px;
	height:90px;
	padding-left:324px;
	padding-right:19px;
	position:relative;
	text-align:center;
}

#menu img {
	border:none;
}

#nav {
	width:100%;
	margin:0 auto;
	padding:0;
}

#nav ul, #nav li  { 
	display:inline; 
	list-style-type:none; 
	margin:0; 
	padding:0;
}

#nav a {
	text-decoration:none;
	color:#fff;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:14px;
	display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


/* Btn 01 */

#cat1 a { 
	float: left;
	width:152px;
	height:47px;
	line-height:47px;
}

#cat1 a:hover {
	background:url(../imagenes/menu/localizacion_on.gif);
}

#nav #cat1:hover #subcat1, #nav #cat1.over #subcat1  {
	display:inline;
	top:47px;
	left:324px;
	position:absolute;
}
	
#nav #subcat1 {
	display:none;
	margin:0 auto;
	padding:0;
	width:616px;
	background:url(../imagenes/menu/bgr_submenu.gif) repeat-x;
}

#nav #subcat1 a {
	color:#fff;
	font-size:11px;
	width:auto;
	padding-left:25px;
}

#nav #subcat1 a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}

/* btn 02 */
#cat2 a { 
	float: left;
	width:120px;
	height:47px;
	line-height:47px;
}

#cat2 a:hover {
	background:url(../imagenes/menu/imagenes_on.gif);
}

#nav #cat2:hover #subcat2, #nav #cat2.over #subcat2  {
	display:inline;
	top:47px;
	left:476px;
	position:absolute;
}
	
#nav #subcat2 {
	display:none;
	margin:0 auto;
	padding:0;
	width:464px;
	background:url(../imagenes/menu/bgr_submenu.gif) repeat-x;
}

#nav #subcat2 a {
	color:#fff;
	font-size:11px;
	width:auto;
	padding-left:25px;
}

#nav #subcat2 a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}

/* btn 03 */
#cat3 a { 
	float: left;
	width:99px;
	height:47px;
	line-height:47px;
}

#cat3 a:hover {
	background:url(../imagenes/menu/planos_on.gif);
}

#nav #cat3:hover #subcat3, #nav #cat3.over #subcat3  {
	display:inline;
	top:47px;
	left:596px;
	position:absolute;
}
	
#nav #subcat3 {
	display:none;
	margin:0 auto;
	padding:0;
	width:344px;
	background:url(../imagenes/menu/bgr_submenu.gif) repeat-x;
}

#nav #subcat3 a {
	color:#fff;
	font-size:11px;
	width:auto;
	padding-left:25px;
}

#nav #subcat3 a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}

/* btn 04 */
#cat4 a { 
	float: left;
	width:123px;
	height:47px;
	line-height:47px;
}

#cat4 a:hover {
	background:url(../imagenes/menu/calidades_on.gif);
}

/* btn 05 */

#cat5 a { 
	float: left;
	width:120px;
	height:47px;
	line-height:47px;
}

#cat5 a:hover {
	background:url(../imagenes/menu/contacto_on.gif);
}

#nav #cat5:hover #subcat5, #nav #cat5.over #subcat5  {
	display:inline;
	top:47px;
	left:700px;
	position:absolute;
}
	
#nav #subcat5 {
	display:none;
	margin:0 auto;
	padding:0;
	width:238px;
	background:url(../imagenes/menu/bgr_submenu.gif) repeat-x;
}

#nav #subcat5 a {
	color:#fff;
	font-size:11px;
	width:auto;
	padding-left:25px;
}

#nav #subcat5 a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}
/*
#cat5 a { 
	float: left;
	width:123px;
	height:47px;
	line-height:47px;
}

#cat5 a:hover {
	background:url(../imagenes/menu/contacto_on.gif);
}

#nav #cat5:hover #subcat5, #nav #cat5.over #subcat5  {
	display:inline;
	top:47px;
	left:700px;
	position:absolute;
}
	
#nav #subcat5 {
	text-align:right;
	display:none;
	margin:0 auto;
	padding:0;
	width:240px;
	background:url(../imagenes/menu/bgr_submenu.gif) repeat-x;
}

#nav #subcat5 a {
	color:#fff;
	font-size:11px;
	width:auto;
	padding-left:25px;
}

#nav #subcat5 a:hover {
	color:#fff;
	background:none;
	text-decoration:underline;
}*/