/* 
//CSS Core /PROYECTO/
================================================						
Created: MM/AA
Last update: MM/AA
Author: Pablo García & Eddie Rapallo @ generagroup.com		
Contact: pgarcia@generagroup.com
=================
Cometarios
=================
- Comentarios en el desarrollo

/* 	
	*************************
		General resets
	*************************
*/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin: 0; padding: 0;  text-indent:0;
}

abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}

a img, a abbr, a acronym { border:none; }

sup, sub { font-size:.75em; font-style:italic; line-height:1;}
sup {top:-.5em;}
sub {top:.25em;}

/* 	
	*************************
		Basics & Commons
	*************************
*/

body {
    font-family: Arial, sans-serif;
    font-size: 62.5%;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4em;
	background:#fff;
	color:#333;
	border-top:3px solid #004a92;
	
	}

ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}
ul li, ol li { margin-bottom:5px;}

	h1 {background:#1e0c60; color:#fff; padding:5px; margin:10px 0; font-weight:500; font-size:1.5em;}
	h2 {font-size: 1.1em;}
	h3 {font-size: 1.2em;}

/* 	
	**************************
	  Widely & useful classes
	**************************
*/
	.tright { text-align: right;}
	.tleft { text-align: left;}
	.tcenter { text-align:center;}
	.fleft { float: left;}
	.fright { float: right;}
	.clear { clear:both;}
	ul.nostyle { margin:0; padding:0; list-style:none;}
		ul.nostyle li { display:inline;}
	a.gris { color:#666; text-decoration:none;}
	a.gris:hover { color:#000; text-decoration:underline;}
	.hidden * { display:none;}
	
	/* Formularios */
	form p label {display:block; float:left; width:5em; margin-right:5px; background: url(../img/form_bullet.gif) 0 3px no-repeat; padding-left:15px;	}
	form input, form textarea { border:1px solid #ccc; padding:2px;}
	form input.error{border:1px solid #f00}
	form input.error:focus{border:1px solid #f00}
	form input:focus, form textarea:focus {border:1px solid blue;}
	form span.obligatorio {font-style:italic; color:#666; font-size:.9em;}
	input.btn_enviar { background:#000 url(../img/btn_enviar_bg.gif) 0 0 repeat-x; border:1px solid #000; color:#fff; cursor:pointer; margin-left:5.8em;	}
	input.btn_enviar:hover {color:#ff8409;}
	
	/*Mensajes*/	
	div.ok , div.error { border:1px solid #ccc; margin:5px 0;}
	div.ok { border-color:green; background:#eee;}
	div.error { border-color:orange; background:#eee;}


/* ESTRUCTURAS COMUNES */
div.wrapper { width:760px; margin: 0 auto; font-size:1.2em;}

div#top { position:relative; height:100px;}
	a#logo {position:absolute; top:10px; left:10px; display:block; width:80px; height:78px; background: url(../img/logo.gif) no-repeat; }
		a#logo span {display:none;}
	p#eslogan {position: absolute; padding:0; margin:0; left:120px; top:15px; font-size:2.5em; font-weight:bold; color:#ff8409; line-height:2em; }
	a#info_legal { position:absolute; bottom:5px; right:0;}
	#bannerSuperior {position:absolute; right:0; top:10px; width:445px; height:72px;}
		#bannerSuperior img {border:1px solid #ccc;		}
	
	/* Menú */
	
	div#menu div.wrapper {background:#FFF url(../img/menu_bg.gif) 0 0 no-repeat; height:45px; position:relative;	}
	div#menu a {display: block; line-height:30px; position:absolute; top:11px; border-right:1px solid #ccc; text-decoration:none; text-align:center;}
	div#menu a:hover {background:url(../img/menu_a_hover.gif) 0 0 repeat-x; color:#ff8409;}
		div#menu a#m_inicio {left:0px; width:65px;}
		div#menu a#m_quienes {left:66px; width:120px;}
		div#menu a#m_contacto { left:185px; border:0; width:100px;}
	div#actualizacion {position:absolute; right:15px; top:8px; width:60px; font-size:.9em; line-height:1.1em; color:#1e0c60; text-align:center;}
	div#actualizacion strong {color:#666;}
	
	/* Marco los elementos en las secciones correspondientes */
	body#home div#menu a#m_inicio, body#about div#menu a#m_quienes, 	body#contacto div#menu a#m_contacto {background:url(../img/menu_a_hover.gif) 0 0 repeat-x; color:#ff8409;}
	
	
div#footer { background:#1f0d61; color:#fff; text-align:center; padding:10px; clear:both; margin-top:10px;}

/* ELEMENTOS COMUNES */

/* Estilos para paginación */
	div#paginacion { font-size:0.9em; margin:20px 0.5em; clear:both; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
		div#paginacion a { display:block; float:left; margin:1px 3px; background:#f2f2f2; padding:3px 5px; text-decoration:none; border:1px solid #ccc;}
			div#paginacion a:hover { border:1px solid #036; background:#d2dee4;}
		div#paginacion a.numeracion { background:#fff; color:#666; border:0; cursor:default; font-weight:bold; outline:none;}
			div#paginacion a.numeracion:hover { background:#fff; border:0;}
		div#paginacion a.actual { background:#fff; color:#999999; border:#f2f2f2; cursor: default;}
		div#paginacion a.siguiente { margin-left:20px; background:#003366; color:#d2dee4; border:1px solid#d2dee4;}
			div#paginacion a.siguiente:hover { background:#003366; color:#fff; border:1px solid #000;}

a.mas { display:block; background:url(../img/btn_mas_bg.gif) no-repeat; color:#fff; width:32px; height:16px; font-size:10px; text-align:center; text-decoration:none;}
a.mas:hover {color:#333;}


/* SECCIONES */
/* Bienvenida*/
#bienvenida {background:#eee;}
#bienvenidaWrapper {text-align:center; margin:5% auto;}
	#bienvenidaWrapper a img {border:1px solid #ccc;}
	#bienvenidaWrapper a:hover img {border:1px solid blue;}


/* Portada | body#home */
div#buscar { margin:10px 0;}
	div#buscar h2 { background:#1f0d61; color:#fff; padding:5px;}
	div#buscar div.cuadro {background: url(../img/buscar_cuadro.gif) no-repeat top; height:72px; margin:5px 0; position:relative;}
	select#tipo, select#zona, input#btn_buscar {position:absolute; top:25px;}
	select#tipo { left:50px;}
	select#zona { left:360px;}
	input#btn_buscar {left:550px; background:#2b1286; color:#fff; border:0; padding:1px 5px; cursor:pointer;}
	input#btn_buscar:hover { color:#ff8409;}

div#promociones { position:relative; height:160px;}
	div#promociones h2 {background:#ff8409; color:#fff; padding:5px; margin-bottom:5px;}
	div#promociones h3 a {font-size:.9em; color:#666; text-decoration:none;}
	div#promociones h3 a:hover { color:#000;}
	div#promociones h3 span {color:#ff8409; padding-right:5px;}
	div#promociones div.cuadro {position:absolute; background:url(../img/div_cuadro_bg.gif) repeat-x; width:365px; padding:5px;}
		div#promociones div.cuadro div.foto { float:right; width:165px;}
		div#promociones div.cuadro img.logo { display:block; margin:10px;}
	div#promociones div.der {right:0;}
	div#promociones  div.cuadro a.mas { margin-top:20px;}

	/* Carrusel */
	/* Portada */
	.ft-next, .ft-prev {background:#fff; padding:0 6px;}
	#ft-buttons-slider a {background:#eee;text-decoration:none; margin-right:1px; padding-bottom:2px;}
		#ft-buttons-slider a:hover {background:orange; color:#000;}
		#ft-buttons-slider:active {color:orange;}
	.ft-title {display:none;}

/* Resultados | body#resultados */
body#resultados h1 {background:#1e0c60; color:#fff; padding:5px; margin:10px 0; font-weight:500;}
div#resultados_wrapper {background:#FFF url(../img/resultados_bg.gif) bottom repeat-x; border:1px solid #eee; margin-bottom:10px;
}
table.listado {width:740px; margin:10px auto;border-collapse:collapse; }
	table.listado caption {display:none;}
	table.listado th {color:#1e0c60; border-bottom:1px solid #ccc; margin-bottom:5px; padding:3px;}
	table.listado td { background:#eee; border:1px solid #ccc; padding:2px; text-align:center; margin:1px 0; border-spacing:2px;}
	table.listado td.tit {color:#ff8409;background:#fff; text-align:left; padding:5px;}
	table.listado a { color:#333;}
	table.listado a:hover {color:#1e0c60;}
	table.listado a.naranja { color:#ff8409;}
	table.listado a.naranja:hover {color:#000;}

/* Ficha de inmuebles */
div#ficha_wrapper { width:760px; overflow:auto; margin-bottom:10px; background:#FFF url(../img/resultados_bg.gif) bottom repeat-x;}
	div#ficha_wrapper div.data { width:300px; float:left; margin:5px 0 0 10px;}
		div#ficha_wrapper div.data ul li { line-height:1.5em;}
	div#ficha_wrapper h2 {color:#ff8409; padding:5px; border-bottom:1px solid #ccc; margin-bottom:5px;}
div#slider_wrapper {position:relative; float:right; width:370px; border:1px solid #eee; margin-right:5px;}
div#mapagoogle {width:600px; height:400px; text-align:center;}

/* Quiénes somos */
div#quines-wrapper  {background:#FFF url(../img/quienes-somos.jpg) top right no-repeat;}
div#quines-wrapper p { width:425px; text-align:justify;}

/* Contacto | body#contacto */
div#contacto_wrapper {width:760px; overflow:auto;}
form#form_contacto {width:355px; float:left; background:#FFF url(../img/resultados_bg.gif) 0 0 repeat-x; padding:5px 10px;}
div#map_container { float:right; width:350px; height:336px; background:#fcfcfc;}
	div#map_container p {color:#ff8409; margin:5px;}
	div#map {width:350px; height:280px;}
	
/* Información legal | body#legal */
div#legal-wrapper { width:550px; text-align:justify;}
div#legal-wrapper h2 { margin:15px 0;}