@import "colors.css";

*{
	margin:0px;
	padding:0px;
}

img{border:none;text-decoration:none;}
a{text-decoration:none;font-weight:normal;}

body{
	font-size:12px;
	font-family:Arial;
	background: url('../phpimages/cuadro_fondo.jpg') repeat;
}
	
#page{	
	margin:0 auto 0 auto;
	width:1000px;
}

#fondo_izq{
	background: url('../phpimages/fondo_izq.jpg') top left repeat-y;
	width:1000px;	
	position:relative;
	overflow:hidden;
}

				.label_menu{
					visibility:hidden;
					background: url('../phpimages/menu.jpg') top left no-repeat;
					width:16px;
					height:41px;
					position:fixed;		
					top:114px;
					cursor:pointer;
					z-index:20;
				}
				
#content{float:left;position:relative;left:112px;width:779px;bottom:44px;}

#fondo_der{
	width:1000px;
	background: url('../phpimages/fondo_der.jpg') top right repeat-y;
	float:left;
	position:relative;
	overflow:hidden;		
}


/*CABECERA CON EL MENU SUPERIOR*/
#header{
	background: url('../phpimages/top_header.jpg') top center no-repeat;
	width: 779px;
	height:345px;
	position:relative;
	top:43px;
	z-index:5;
}
	#header .top_menu {width:100%;height:65px;position:relative;left:20px;overflow:hidden;}	
		.top_menu .red{			
			font-size:8pt;
			float:left;
			position:relative;
			top:12px;
			width:160px;
		}
		.top_menu .menu_top_right{
			float:right;
			position:relative;
			left:210px;
			top:30px;
		}
		.top_menu .icons{
			float:right;
			position:relative;
			right:55px;
			width:250px;
		}
			.top_menu .icons img{position:relative;margin-left:40px;}
			.top_menu .icons img#img_cv{margin-left:75px;}
			.top_menu .icons img#img_contact{margin-left:57px;bottom:2px;}
			.menu_top_right ul{list-style-type:none;}
				.menu_top_right li{float:left;height:10px;}	
						.menu_top_right li a{							
							font-size:8pt;
							text-align:center;													
							display:block;											
						}
							#prensa a{width:95px;height:20px;line-height:10px;position:relative;bottom:5px;}
							#cv a {width:100px;}
							#contacto {width:55px;}
						
						.menu_top_right .barra{
							border-left:2px solid #87D300;
							width:2px;
							height:8px;			
							position:relative;
							top:4px;
						}
/*CABECERA CON LOS LOGOS*/						
	
	#header .top_menu_bottom{
		clear:both;
		position:relative;
		left:20px;
		width:100%;
		height:67px;
		bottom:20px;		
	}
	
		.top_menu_bottom  #logo {
			background: url('../phpimages/logo.jpg') no-repeat;
			width: 225px;
			height:67px;
			float:left;		
			position:relative;
			bottom:5px;
			cursor:pointer;
		}
		
		.top_menu_bottom  #espera {
			width: 212px;
			height:60px;
			float:left;
			position:relative;
			left:50px;
			bottom:45px;
			border:0px solid #000;
		}
		
		.top_menu_bottom  #attcliente {
			width: 212px;
			height:45px;			
			float:right;
			position:relative;
			right:40px;
			top:15px;				
		}	
			.top_menu_bottom  #attcliente p{
				font-size: 13pt;
				width:100%;
				text-align:right;
			}
			
/*MENU  DE OPCIONES DE LA WEB*/						
			
	 #header #menu_page{
		width: 779px;
		height:210px;
		position:relative;		
		z-index:10;			
		bottom:16px;		
	}
		#menu_page .menu_izq{
			width:779px;
			height:215px;
			float:left;
			position:relative;
			bottom:7px;			
		}
		
			.menu_izq .opciones{position:relative;}

				.opciones .cmenu{
					background: url('../phpimages/menu_background.jpg') top left no-repeat;
					width: 467px;
					height:47px;
					float:left;	
					z-index:10;
					position:relative;	
				}			
				.cmenu #menu{width:100%;position:relative;left:4px;z-index:10;top:3px;}
						
						#menu a:hover span{border-bottom:5px solid #87D300;}				
					
					#menu span{display:block;}
					#menu a{
						height:40px;
						float:left;
						text-transform:uppercase;				
						font-size:7.5pt;
						position:relative;
						top:4px;					
						cursor:pointer;
					}

						#menu a span{text-align:center;height:27px;}
					#menu a#m1{width:80px;}
					#menu a#m2{width:100px;}
					#menu a#m3{width:90px;}
					#menu a#m4{width:85px;}
					#menu a#m5{width:107px;}				

						#menu a#m1 span{width:60px;position:relative;top:8px;left:10px;}
						#menu a#m2 span{width:80px;position:relative;top:8px;left:10px;}
						#menu a#m3 span{width:75px;position:relative;top:8px;left:7px;}
						#menu a#m4 span{width:65px;position:relative;top:8px;left:10px;}
						#menu a#m5 span{width:80px;position:relative;top:8px;left:14px;}
					
			.menu_izq .publi{				
				background: url('../phpimages/foto_hombre.jpg') top left no-repeat;
				width:467px;
				height:144px;
				clear:both;
				position:relative;
				bottom:153px;
				cursor:pointer;	
			}
			
			.menu_izq .oferta_inmuebles{
				position:relative;
				left:22px;
				bottom:148px;
			}
				.oferta_inmuebles p{font-size:8pt;}
			
			.menu_izq #banner{
				width:200px;
				height:200px;
				float:left;
				position:relative;
				left:100px;
				top:10px;
			}
			
	iframe{
		width: 750px;
		height:750px;
		position:relative;
		top:50px;
		left:5px;
	}
	

#footer{float:left;position:relative;left:112px;width:779px;text-align:center;height:150px;top:0px;}	
	#footer p{font-size:8pt;font-family:arial;color:#808284;}
	#footer p a{font-size:8pt;font-family:arial;color:#808284;}
		#footer p a:hover{text-decoration:underline;}

/*ESTILOS COMUNES A TODAS LAS PAGINAS DE LA WEB*/	
	
#contenido{
	clear:both;
	color:#000;
	width:730px;
	padding:15px;
	margin-left:5px;
	min-height:300px;
	text-align:justify;
	position:relative;
	top:30px;
}

#contenido a{color:#000;}
#contenido a:hover{font-weight:bold;}

h1{
	width:730px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#63BE1B;
	border-bottom: 1px solid #63BE1B;
}