@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin margenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Arial;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: underline; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: none;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}
.manolink{cursor: pointer;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * como hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body {background:#fff;}
/*h1 {display:none;}*/
#pagina{margin: 0 auto; width: 990px; text-align: left;}
/**********************************************
				CABECERA
***********************************************/
#cabecera{margin:12px 0 0;height:410px;}
	#logo{width:311px;height:99px;float:left;/*text-indent:-9999px;*/position:relative;}
	#logo a,#logo a img{right:0;top:0;}
	#logo img{position:absolute;width:100%;height:100%;}
	#accesos{float:right;margin:0px 0 0;}
	#accesos ul{}
	#accesos li{float:left;margin:0;color:#707173;}
		#accesos li a{color:#707173;text-decoration:none;font-size:11px;}
		#accesos li a:hover{text-decoration:underline;}
	#menu{/*float:left;*/margin:9px 0 0;clear:both;width:990px;height:43px;}
	#menu ul{float:left;width:100%;}
	#menu li{float:left;display:inline;margin:0;height:43px;}
		#menu li a{height:43px; text-indent:-9999px;float:left;display:inline;}
		#menu li a.inicio{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat 0 0;width:144px;}
		#menu li a:hover.inicio,#menu a.inicio-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat 0 -43px ;width:144px;}
		#menu li a.quienes{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -144px 0;width:141px;}
		#menu li a:hover.quienes,#menu a.quienes-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -144px -43px ;width:141px;}
		#menu li a.proyectos-venta{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -285px 0;width:140px;}
		#menu li a:hover.proyectos-venta,#menu a.proyectos-venta-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -285px -43px ;width:140px;}
		#menu li a.proyectos-futuros{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -425px 0;width:140px;}
		#menu li a:hover.proyectos-futuros,#menu a.proyectos-futuros-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -425px -43px ;width:140px;}
		#menu li a.oficinas-locales{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -565px 0;width:139px;}
		#menu li a:hover.oficinas-locales,#menu a.oficinas-locales-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -565px -43px ;width:139px;}
		#menu li a.garajes{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -704px 0;width:138px;}
		#menu li a:hover.garajes,#menu a.garajes-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -704px -43px ;width:138px;}
		#menu li a.contacto{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -842px 0;width:148px;}
		#menu li a:hover.contacto,#menu a.contacto-on{background:url(/imagenes/comunes/cabecera/menu.gif) no-repeat -842px -43px ;width:148px;}
	#promocion{margin:5px 0 0;}
				
/**********************************************
				CONTENIDO
***********************************************/
#contenido{min-height:380px;height:auto !important;height:380px;position:relative;margin:0 0 0 8px;}

/**********************************************
				MIGAS
***********************************************/
#migas{clear:both;margin:15px 0 0 8px;}
#migas *{color:#616161;font-size:10px;}
#migas li{float:left;}
#migas li strong{color:#e37e24;}
#migas li a{text-decoration:none;}

/**********************************************
				DATOS CONTACTO
***********************************************/
#datos-contacto{/*width:185px;*/background:url(/imagenes/comunes/buscador/buscador-bg.png) no-repeat -26px -220px;padding:10px 0 0;}
#datos-contacto p,#datos-contacto a{margin:0 auto auto 12px;color:#b3b3b3;}
#datos-contacto #telefono-contacto{margin:8px 0 8px 12px;}

/**********************************************
				BUSCADOR
***********************************************/
#buscador{width:230px;height:372px;position:absolute;top:0;right:0;/*_right:-6px;*/background:url(/imagenes/comunes/buscador/buscador-bg.png) no-repeat right 0px;}
	#buscador h3{font-size:14px;letter-spacing:-1px;color:#aaaaaa;margin:12px 18px 0 0;text-align:right;display:none;}
	#buscador form{margin-left:10px;width:200px;margin-top:100px;}
	#buscador label{/*margin:12px 0 0;*/margin:15px 0 0;display:block;font-size:12px;font-weight:bold;}
	#buscador label strong{color:#ff9111;}
	#buscador form select{border:0;width:100%;position:relative;*top:-2px;*left:-2px;*width:200px;padding:4px 2px;}
	#buscador .borde{border:1px solid #d2d2d2;position:relative;overflow:hidden;*height:16px;_width:200px;}
	#buscador #buscar{background:none;width:154px;height:25px;text-indent:-9999px;border:0 none;padding:0 6px;margin:16px 0 0;cursor:pointer;float:right;}
#buscador #datos-contacto{background:none;margin:10px 0 0 34px;}
     #datos-contacto{clear:both;float:left;display:inline;display:inline;}
	 #datos-contacto *{font-size:13px;}
#buscador #datos-contacto #direccion-contacto{margin:0;}	 
#buscador #datos-contacto a{margin-left:0;}
#buscador #datos-contacto #datos-contacto p{color:#b3b3b3;margin:auto;}
#buscador #datos-contacto #telefono-contacto{margin:8px 0;}
	 #datos-contacto .ver{font-size:12px;margin:12px 20px 0 0;}
	 
/**********************************************
				LISTADO
***********************************************/

.banner-oferta{margin:-28px 6px 0;text-align:center;position:relative;}
#listado{margin:0 0 10px 0;}
	#listado .paginador{height:15px;margin:5px 0;}
		#listado .paginador .totales{color:#123d97;font-size:12px;width:50%;float:left;display:inline;}
		#listado .paginador .navegacion{color:#123d97;font-size:11px;width:50%;float:left;text-align:right;display:inleine;}
			#listado .paginador .navegacion a{color:#fa8700;font-size:12px;font-weight:bold;text-decoration:none;padding-right:12px;}
			#listado .paginador .navegacion .anterior{padding:0;}
			#listado.paginador .navegacion .siguiente{background:transparent url(/imagenes/comunes/mas-bg.gif) no-repeat scroll right 3px;}
	.borde-listado{height:0;clear:both;margin:0;}
	#listado h2{color:#123d97;font-size:20px;letter-spacing:-1px;text-align:center;margin:150px auto auto;float:left;width:100%;}
	#listado #resultados{min-height:420px;height:auto !important;height:420px;}
	#listado .resultado{float:left;display:inline;width:239px;height:358px;margin:0 0 2px 2px;position:relative;border:1px solid #e3e3e3;}
	#listado .resultado .precio{position:absolute;bottom:5px;;right:1px;width:217px;}
	#listado .resultado .precio a{margin-left:0;}
	#listado .resultado .precio-texto{position:absolute;bottom:5px;;right:1px;width:217px;text-align:right;font-size:18px;font-weight:bold;color:#FF9966;letter-spacing:-1px;}
	#listado .resultado .precio img{margin:0;display:inline;}
	#listado .resultado .imagen{margin:7px 10px 5px;position:relative;float:left;display:inline;}
	#listado .resultado .imagen img{margin:0;}
	#listado .resultado *{color:#87888a;text-align:left;letter-spacing:0;margin-right:10px;margin-left:10px;}
	#listado .resultado .descuento{margin:0;font-size:12px;color:#fa8700;}
	#listado .resultado .direccion{font-size:12px;margin-top:10px;background:#4b4c52;width:219px;display:inline;}
	#listado .resultado .direccion *{margin:0;}
	#listado .resultado p{}
	#listado .resultado p sup{font-size:6px;font-weight:bold;*font-size:9px;}
	#listado .primero{margin-left:0;}
	#listado .ultimo{margin-right:0;}
	#listado .ver{color:#fa8700;background:url(/imagenes/comunes/ver-mas.gif) no-repeat 0 0;position:absolute;right:10px;bottom:10px;width:68px;height:23px;padding:0;text-indent:-9999px;margin:0;}
	#listado span{display:block;font-weight:bold;}
	#listado .antes{font-size:9px;}
	#listado .ahora{color:#123d97;}
	
	#listado .destacada{width:725px;}
	#listado .destacada .precio{position:absolute;bottom:6px;right:20px;width:217px;margin:0;}
	#listado .destacada .precio a{margin-left:0;}
	#listado .destacada .imagen{margin:9px 0 0 13px;display:inline;}
	#listado .destacada .direccion_destacada{margin:18px 20px 0 0;float:right;background:none;width:210px;display:inline;}
	#listado .destacada .direccion_destacada *{margin:0;}
	#listado .destacada .direccion_destacada span{margin:0;}
	#listado .destacada p{margin:9px 20px 0 0;float:right;background:none;width:210px;float:right;display:inline;}
		#listado #social{clear:both;width:100%;margin:15px 0 30px;background:url(/imagenes/contacto/social.gif) no-repeat 0 0 ;height:45px;}
		#listado #social span{display:none;}
		#listado #social a{float:left;display:inline;margin:0 0 0 50px;height:45px;width:100px;text-indent:-9999px;}
		#listado #social .facebook{margin-left:315px;}
		#listado #social .youtube{margin-left:155px;width:80px;}
	
/*********************************************
				FORMULARIO CONTACTO
**********************************************/
#formulario-contacto{float:right;position:absolute;top:0;right:0;background:url(/imagenes/formulario/formulario-bg.png) no-repeat 0 0;width:214px;height:524px;}
#formulario-contacto label{display:block;font-size:12px;color:#989898;}
#formulario-contacto form{width:185px;margin:0 0 0 14px;font-size:12px;color:#989898;line-height:20px;}
#formulario-contacto fieldset{width:100%;height:auto;border:0;line-height:16px;}
#formulario-contacto .input{margin:1px 0;border:1px solid #d2d2d2;background:#e4e4e4;width:100%;}
#formulario-contacto .inline{display:inline;float:left;font-size:10px;margin:8px 0;*padding-top:4px;}
	#formulario-contacto .inline a{color:#989898;text-decoration:none;}
	#formulario-contacto .inline a:hover{text-decoration:underline;}
#formulario-contacto .inline2{display:inline;float:left;margin:8px 0 0;}
#formulario-contacto .check{margin-right:8px;*margin-right:0px;vertical-align:absmiddle;padding:0;}
#formulario-contacto .radio{vertical-align:bottom;*vertical-align:middle;clear:left;margin-top:9px;*margin-top:0;}
#formulario-contacto #contactar{}
#formulario-contacto #enviar{border:0;font-size:12px;margin-top:10px;*margin-top:0px;_margin-top:-10px;background-position:right 5px;text-align:right;width:auto;cursor:pointer;}
#formulario-contacto textarea{margin:1px 0;border:1px solid #d2d2d2;background:#e4e4e4;width:100%;height:100px;}
#formulario-contacto #datos-contacto{background:none;margin:12px 0 0 20px;}

/*********************************************
				OFICINA VENTAS
*********************************************/

#oficina-ventas{clear:both;float:left;}
	#oficina-ventas p{margin:50px 0 0 20px;font-size:11px;line-height:16px;}
	#oficina-ventas a{margin:auto auto auto 18px;font-size:11px;line-height:16px;}
	#oficina-ventas p strong{font-size:11px;}
	#oficina-ventas p span{font-size:13px;color:#b3b3b3;}
	#oficina-ventas p .naranja{color:#fc9722;}
	#oficina-ventas .telefono{display:none;margin-top:}
	#oficina-ventas h3{font-size:14px;border-bottom:1px solid #fb931a;}
	#oficina-ventas h2{font-size:16px;margin:30px 0;color:#aaaaaa;letter-spacing:-1px;}



/*********************************************
				PASTILLA COMPROMISO
*********************************************/
#compromiso_calidad{float:left;width:297px;height:221px;background:url(/imagenes/comunes/compromiso-bg.gif) no-repeat 0 0;margin:0 0 0 5px;display:inline;}
		#compromiso_calidad h2{display:none;}
		#compromiso_calidad p{margin:46px 0 12px 30px;clear:both;}
		#compromiso_calidad .calidad{margin:52px 0 12px 30px;}
		#compromiso_calidad a{float:right;display:inline;width:135px;height:25px;text-indent:-9999px;margin:0 20px 0 0;}

/*********************************************
				COMPARTIR
*********************************************/
.compartir{float:left;}
	.compartir img,.compartir p{margin:0;}
	.compartir p strong{font-size:11px;;}
	.compartir a{color:#858585;margin:0;font-size:10px;}
					
				
/**********************************************
				PIE
***********************************************/
#pie{background:url(/imagenes/comunes/pie/pie-bg.gif) no-repeat left bottom #123d97;height:98px;margin:auto auto 6px;clear:both;}

#datos{margin:0 0 0 75px;background:url(/imagenes/comunes/pie/pie-bg-2.gif) no-repeat top right;height:100%;}
#datos *{color:#fff;font-size:10px;}
	#datos div{margin:4px 0 0 8px;font-size:12px;text-align:right;float:right;height:55px;text-indent:-9999px;}
	#datos div strong{}
	#datos div p{display:none;}
	#datos div .naranja{color:#FC9E31;font-weight:bold;font-size:12px;}
	#datos div .direccion{margin:8px 0 0 0;}
	#datos div br{}
	#datos #copy{margin:10px 15px 0 0;display:block;text-align:right;clear:both;text-transform:uppercase;text-indent:0px;height:auto;}
		#datos #copy a{text-decoration:none;height:auto;}
		#datos #copy p{display:block;}
	#datos #iva{margin:0px 15px 0 0;font-size:9px;display:inherit;clear:both;height:auto;text-indent:0px;}
	
.naranja{color:#fc9e31;}
.ver{background:url(/imagenes/comunes/mas-bg.gif) no-repeat right 3px;padding-right:12px;float:right;color:#fb931a;font-size:12px;font-weight:bold;text-decoration:none;}
.br{display:block;clear:both;height:0;font-size:0px;}
.no-display{display:none;}
.no-text{text-indent:-9999px;}