/*
 * 15/04/2010 
 * 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: 12px Tahoma,Geneva,Arial,Verdana;color:#333333;}
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: #333333;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* 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*/

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

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body{background:#ffffff;}
#pagina{width:878px;margin:0 auto;}

/***** CABECERA *****/
	#cabecera{position:relative;margin:0 0 10px;}
	#cabecera h1{position:absolute;width:144px;height:149px;top:0;left:23px;background:url(/imagenes/comunes/logo.png) no-repeat 0 0;z-index:9999;}
	#cabecera h1 a{width:100%;height:100%;text-indent:-9999px;float:left;}
	#menu{height:109px;margin:0 0 9px;background:url(/imagenes/comunes/menu.gif) no-repeat left 6px;}
	#menu ul{height:64px;margin:0 0 0 196px;padding:41px 0 0;}
	#menu ul li{float:left;margin:0 0 0 2px;height:100%;}
	#menu ul li a{height:100%;width:100%;background:url(/imagenes/comunes/menu.gif) no-repeat 1000px 1000px;text-indent:-9999px;float:left;}
	
	#menu ul #grupo-tanet,#menu ul #grupo-tanet-active{width:92px;}
	#menu ul #grupo-tanet a:hover,#menu ul #grupo-tanet-active a{background-position:-198px -138px;}
	#menu ul #obras-realizadas,#menu ul #obras-realizadas-active{width:118px;}
	#menu ul #obras-realizadas a:hover,#menu ul #obras-realizadas-active a{background-position:-292px -138px;}
	#menu ul #promociones-en-venta,#menu ul #promociones-en-venta-active {width:151px;}
	#menu ul #promociones-en-venta a:hover,#menu ul #promociones-en-venta-active a{background-position:-412px -138px;}	
	#menu ul #promociones-futuras,#menu ul #promociones-futuras-active{width:144px;}
	#menu ul #promociones-futuras a:hover,#menu ul #promociones-futuras-active a{background-position:-565px -138px;}	
	#menu ul #blog,#menu ul #blog-active{width:45px;}
	#menu ul #blog a:hover,#menu ul #blog-active a{background-position:-783px -138px;}	
	#menu ul #contacto,#menu ul #contacto-active{width:70px;}
	#menu ul #contacto a:hover,#menu ul #contacto-active a{background-position:-711px -138px;}

/***** SLIDESHOW *****/	
	#slideshow {
    position:relative;
    height:291px;
	margin: 0 0 10px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


/***** CONTENIDO *****/
	#contenido{width:100%;margin:0 0 8px 0;}
	#contenido #izquierda{width:648px;float:left;}
	#contenido #derecha{float:left;width:220px;margin:-50px 0 0;position:relative;z-index:9999;}
		#contenido #derecha #formulario{background:url(/imagenes/comunes/contacto.png) no-repeat 0 0;margin:0 0 3px 0;}
		#contenido #derecha #formulario h2{display:none;}
		#contenido #derecha #formulario form{padding:46px 0 0 9px;}
		#contenido #derecha #formulario form p{}
		#contenido #derecha #formulario label{color:#fff;}
		#contenido #derecha input{border:0;padding:2px 0;width:187px;margin:6px 5px 8px;*margin:6px 5px 6px;}
		#contenido #derecha textarea{border:0;padding:2px 0;width:187px;margin:6px 5px;overflow:hidden;height:50px;}
		#contenido #derecha #enviar{border:0;padding:2px 0;width:150px;height:24px;margin:9px 5px 10px 50px;background:url(/imagenes/comunes/enviar.gif) no-repeat 0 0;cursor:pointer;}
		#contenido #derecha .enviar{margin:0;}
		#contenido #derecha .pastilla{margin:0 0 10px;display:block;}
		#contenido #derecha #request{padding:46px 9px 5px;}
			#contenido #derecha #request p{background-color:#060482;color:#FFFFFF;font-size:24px;padding:20px 0 0;}
			#contenido #derecha #request .gracias{font-size:15px;padding:12px 0 130px;}
		#contenido #oficina-central{background:url(/imagenes/comunes/borde-oficina-central.gif) no-repeat left bottom #0099CC;width:446px;padding:0 0 20px;}
			#contenido #oficina-central h3{text-indent:-9999px;background:url(/imagenes/comunes/oficina-central.gif) no-repeat 0 0;height:29px;margin:0 0 8px;}
			#contenido #oficina-central p{color:#fff;margin:8px 10px 0;line-height:20px;}
			#contenido #oficina-central p *{color:#fff;}
			#contenido #derecha #siguenos a{text-decoration:none;font-weight:bold;}
			#contenido #derecha #siguenos a img{vertical-align:text-bottom;}

/***** PIE *****/
	#pie{background: url(/imagenes/comunes/pie.gif) no-repeat 0 0 #EEEEEE;padding:55px 14px 14px 0;}
	#pie p{text-align:right;}
	#pie *{font-size:10px;color:#999999;}
	

/***** GENERICO *****/
.br{clear:both;font-size:0;height:0;}
.oculto{display:none;}
.azul{color:#00a3eb;}
.invertir{direction:rtl; unicode-bidi:bidi-override;}