@import url('reset.css');
/* =1 Globales
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

html,body{ height:100%; width:100%; }
html{position:absolute;}
body{	line-height: 1;	color:#dcdbdb;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify; 
	line-height:19px;
	background-color:#13181c;
	width:100%;
	margin:0px;  
 	background-image:url(imagenes/topbg.gif);
	background-repeat:repeat-x;
	 height:100%; 
	 overflow-y:auto;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.clear {clear: both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
.izq{ float:left;}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color:#dcdbdb; text-decoration:none;}
a:hover {color:#dcdbdb; text-decoration:underline;}
a:active {color:#dcdbdb;}
a:link.rojo, a:visited.rojo{color:#E33546;}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 44px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1.2em;
}
h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 11px;
	width: 280px;
	float: right;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #E33546;
}
h3 {
	color: #df111f;
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}

/*
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.invi{ display:none}
#contenedor{
	margin:0 auto;
	min-height:500px;
	padding:0;
	width:950px;
	position:absolute;
	height: 500px;
	z-index: 99;
	margin-left: -475px;
	left: 50%;
}
#contenedor_swf{
	z-index:1;
	top:0;
	left:50%;
	margin-left:-475px;
	width:950px;
	height:100%;
	overflow:visible;
	position: fixed;
}


#contenedor_web{
	width:950px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	height:150px;
	background-position:center top;
	background-repeat:no-repeat;
	min-height:500px;
}
#cabecera{
	margin:46px 0px 20px 0px;
	height:46px;
	width:950px;
	background-image:url(imagenes/fondo_menu.jpg);
	background-repeat:repeat-x;
}
ul#menu{ list-style:none; float:right; margin-right:20px;}
ul#menu li{ float:left;  background-repeat:no-repeat; height:45px;cursor:pointer;}
ul#menu li.historia{ background-image:url(imagenes/historia_off.jpg); width:79px;}
ul#menu li.historia:hover,ul#menu li.historia.activo{background-image:url(imagenes/historia_on.jpg);}
ul#menu li.filosofia{background-image:url(imagenes/filosofia_off.jpg); width:88px;}
ul#menu li.filosofia:hover,ul#menu li.filosofia.activo{background-image:url(imagenes/filosofia_on.jpg); width:88px;}
ul#menu li.loacalizacion{background-image:url(imagenes/localizacion_off.jpg); width:119px;}
ul#menu li.loacalizacion:hover,ul#menu li.loacalizacion.activo{background-image:url(imagenes/localizacion_on.jpg); width:119px;}

ul#menu li.servicios{ background-image:url(imagenes/servicios_off.jpg); width:89px;}
ul#menu li.servicios:hover,ul#menu li.servicios.activo{ background-image:url(imagenes/servicios_on.jpg); }

ul#menu li.productos{ background-image:url(imagenes/productos_off.jpg); width:103px;}
ul#menu li.productos:hover,ul#menu li.productos.activo{ background-image:url(imagenes/productos_on.jpg);}
ul#menu li.ofertas{ width:78px;background-image:url(imagenes/ofertas_off.jpg); }
ul#menu li.ofertas:hover{ background-image:url(imagenes/ofertas_on.jpg);}


ul#menu li.obras{ background-image:url(imagenes/obras_off.jpg); width:66px;}
ul#menu li.obras:hover,ul#menu li.obras.activo{ background-image:url(imagenes/obras_on.jpg); }

ul#menu li.instalaciones{ background-image:url(imagenes/instalaciones_off.jpg); width:124px;}
ul#menu li.instalaciones:hover,ul#menu li.instalaciones.activo{ background-image:url(imagenes/instalaciones_on.jpg); }

ul#menu li.proveedores{ background-image:url(imagenes/proveedores_off.jpg); width:115px;}
ul#menu li.proveedores:hover,ul#menu li.proveedores.activo{ background-image:url(imagenes/proveedores_on.jpg); }

ul#menu li a{ color:#FFF; font-size:16px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; display:none;}
ul#menu li a:hover{ }
#cuerpo{
	width:950px;
	/*background-image:url(imagenes/letrero_historia.png);*/
	background-position:left top;
	background-repeat:no-repeat;
	
	padding-top: 50px;

}
#cuerpo p{
	color:#dcdbdb;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify; 
	margin-bottom:25px;
	line-height:19px;
	width:280px;
	float:right;
}
#pie{
	padding-top:20px;
	float:left; width:550px;
	color:#7f7f7f;
	height:19px;
	display: block;
	border:none;

}
#d1,#d2,#d3 {
	float:left;
	height:100%;
	width:325px;
	color: #FFF;
}
#d4{
	margin-left:40px;
	width:280px;
	float: left;
}
#dtotal{
	width:800px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	height: 400px;
	}
#dproductos{
	width:900px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom:15px;
	overflow:hidden;
	}	
#servicios p{
	color:#dcdbdb;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify; 
	margin-bottom:0px;
	line-height:19px;
	width:280px;
	float:right;
	}
#servicios h2{
	color:#D73541;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin:5px 0px;
	float:right;
	width:280px;
	}
#logo {
	width:267px;
	float:left;
	padding-left:13px;
	cursor:pointer;
}
#logo h1{ display:none;}
#dr1 {
	float:left;
	width:600px;
	margin-right:20px;
	position: relative;
}
#map_canvas {
	float:left;
	width:600px;
	margin-right:20px;
	height: 400px;
	display: none;
}
#flash {
	position:absolute;	position:absolute;	right:-242px;	width:950px;	height:100%;
}
#logo {
	width:267px;
	height:46px;
	float:left;
	background-image: url(imagenes/logo.png);
	background-repeat: no-repeat;
	margin-left: 13px;
	position: absolute;
	top: 0px;
}
#d4 ul li span {
	font-style:italic;
	font-weight: bold;
	width: 75px;
	display: block;
	float: left;
}
#dtotal ul li {
	width:214px;
	height:100px;
	float: left;
}
ul#listado_servicios {
	list-style:none;

}
ul#listado_servicios li {
	float:left;
	width:850px;
	font-weight:bold;
	margin-bottom:5px;
	height:auto;
	color: #ca202a;
	text-transform: uppercase;
}
ul#listado_servicios li span {
	color:#dcdbdb;
	font-weight:normal;
	float:left;
	padding: 5px;
	margin: 5px 0 0 50px;
	display: block;
	width: 750px;
	text-transform: none;
}
/* PRODUCTOS
*****************************************************/

ul#caracteristicasp{
	border:1px solid #F36;
	overflow:hidden;
}
ul#caracteristicasp li{ position:relative; }

ul#caracteristicasp li span{

	
}
ul#caracteristicasp li p{ }
#verproducto,#dpderecha {
	position:relative;
	width:620px;
	float:left;
	padding-left:10px;
}
#datosproductos {
	float:left;
	width:450px;
	/*height:150px;*/
}
.caractearistica {
	float:left;
	display:block;
	width:450px;
	margin-bottom: 10px;
}
.nombrecaracteristica {
	float:left;
	width:80px;
	color:#df111f;
	font-weight:bold;
}
.descri_nombre {
	float:left;
	width:370px;
}
ul#muestrario {
	height:300px;
	overflow: hidden;
	margin: 3px 0px;
}
ul#muestrario li{
	float:left;
	background-color:000;
	height:120px;
	width:120px;
	padding:5px;
}
ul#muestrario li:hover,ul#muestrario li.activo{

	background-color:#df111f;

}
#boton,#top {
	
	background-repeat:no-repeat;
	height:42px;
	width:260px;
}
#boton{background-image:url(../imagenes/flechab.jpg);}
#top{background-image:url(../imagenes/flechat.jpg);}
#boton:hover {	background-image:url(../imagenes/flechabover.jpg); cursor:pointer;}
#top:hover {	background-image:url(../imagenes/flechatover.jpg); cursor:pointer;}
#producto {
	font:15px;
	font-weight:bold;
	margin-bottom:10px;
}
.categoriaG {
	width:136px;
	height:90px;
	padding:4px;
	border:1px solid #666;/*#929292;*/
	margin:1px;
	float: left;
	overflow:hidden;
	position: relative;
}
/*.categoriaG:hover { background-color:#c72732;}*/

.categoriaD,categoriaH {
	width:136px;
	height:90px;
	/*background-color:#000;
	filter: Alpha(Opacity=0.50);
	opacity: .50;*/
	position: absolute;
	top: 4px;

}
categoriaG:hover,.categoriaD:hover,.categoriaG p:hover{ cursor:pointer;}

.categoriaG p{
	left:50%;
	top:50%;
	height:90px;
	width:136px;
	margin-top: -45px;	
	margin-left:-68px; 
	font-weight:bold;
	text-align:center;
	position: absolute;
	color: #000;
	z-index: 55;
	display:none;
	background-color:#c72732;
	filter: Alpha(Opacity=0.80);
	opacity: .80;
	position: absolute;
	
}
#sanitario{ background-image:url(../imagenes/sanitario.jpg); background-repeat:no-repeat;}
#sanitario:hover{ background-image:url(../imagenes/sanitario_on.jpg); }
#cemento{ background-image:url(../imagenes/cementosyderivados.jpg); background-repeat:no-repeat;}
#cemento:hover{ background-image:url(../imagenes/cementosyderivados_on.jpg); }
#cerramientos{ background-image:url(../imagenes/tabiqueria.jpg); background-repeat:no-repeat;}
#cerramientos:hover{ background-image:url(../imagenes/tabiqueria_on.jpg); }
#hormigon{ background-image:url(../imagenes/prefabricados.jpg); background-repeat:no-repeat;}
#hormigon:hover{ background-image:url(../imagenes/prefabricados_on.jpg); }
#tejados{ background-image:url(../imagenes/cubiertastejados.jpg); background-repeat:no-repeat;}
#tejados:hover{ background-image:url(../imagenes/cubiertastejados_on.jpg); }
#aislamiento{ background-image:url(../imagenes/aislamiento.jpg); background-repeat:no-repeat;}
#aislamiento:hover{ background-image:url(../imagenes/aislamiento_on.jpg); }
#tuberia{ background-image:url(../imagenes/tuberia.jpg); background-repeat:no-repeat;}
#tuberia:hover{ background-image:url(../imagenes/tuberia_on.jpg); }
#puerta{ background-image:url(../imagenes/puertas_y_ventanas.jpg); background-repeat:no-repeat;}
#puerta:hover{ background-image:url(../imagenes/puertas_ventanas_on.jpg); }
#pavimentos{ background-image:url(../imagenes/pavimentos.jpg); background-repeat:no-repeat;}
#pavimentos:hover{ background-image:url(../imagenes/pavimentos_on.jpg);}
#sanitario{ background-image:url(../imagenes/sanitario.jpg); background-repeat:no-repeat;}
#sanitario:hover{ background-image:url(../imagenes/sanitario_on.jpg);}
#pinturas{ background-image:url(../imagenes/pinturas.jpg); background-repeat:no-repeat;}
#pinturas:hover{ background-image:url(../imagenes/pinturas_on.jpg);}

#piedra{ background-image:url(../imagenes/piedra_natural.jpg); background-repeat:no-repeat;}
#piedra:hover{ background-image:url(../imagenes/piedra_natural_on.jpg);}
#chimeneas{ background-image:url(../imagenes/chimeneas.jpg); background-repeat:no-repeat;}
#chimeneas:hover{ background-image:url(../imagenes/chimeneas_on.jpg);}
#herramientas{ background-image:url(../imagenes/herramientas.jpg); background-repeat:no-repeat;}
#herramientas:hover{ background-image:url(../imagenes/herramientas_on.jpg);}

#vigas{ background-image:url(../imagenes/vigas.jpg); background-repeat:no-repeat;}
#vigas:hover{ background-image:url(../imagenes/vigas_on.jpg);}
#jardineria{ background-image:url(../imagenes/jardineria.jpg); background-repeat:no-repeat;}
#jardineria:hover{ background-image:url(../imagenes/jardineria_on.jpg);}
#losas{ background-image:url(../imagenes/losas.jpg); background-repeat:no-repeat;}
#losas:hover{ background-image:url(../imagenes/losas_on.jpg);}
#imitacionm{ background-image:url(../imagenes/imitacionm.jpg); background-repeat:no-repeat;}
#imitacionm:hover{ background-image:url(../imagenes/imitacionm_on.jpg);}
#cocinas{ background-image:url(../imagenes/cocinas.jpg); background-repeat:no-repeat;}
#cocinas:hover{ background-image:url(../imagenes/cocinas_on.jpg);}
#oferta {
	width:596px;
	position:absolute;
	top:15px;
	right:0px;
	background-color:#2c2c2c;
}
#oferta table {
	background-color:#989898;
	margin-bottom:10px;
	font-size:10PX;
}
#oferta p {
	font-size:10px;
	
	width:570px;
	padding:10px;
}
#contenoferta {
	position:relative;
	border:1px solid red;
	overflow:hidden;
	margin-bottom:10px;
}
#contenoferta h4 {
	padding:5px;
	background-color:#C62631;
	color:#fff;
}
#ofertacimg {
	width:300px;
	float:left;
	padding: 7px 0px;
}

.bordeimagen{float:right; padding:5px; display:block;  background-color:#000;}
ul#listadoproductos{}
ul#listadoproductos li{ margin-bottom:5px;  padding:3px 5px; font-weight:bold; cursor:pointer; }
ul#listadoproductos li a{ text-decoration:none;}
ul#listadoproductos li:hover{ background-color:#C33; color:#FFF; }

.galeriaq{
	float:left;
	width:75px;
	height:75px;
	background-color:#FFFFFF;
	margin:10px 15px;
	background-repeat: no-repeat;
	padding: 1;
}
.galeria img{
	padding:3px;
	border:0;
	width: 55px;
	height: 55px;
}
.galeriai{
	float:left;
	width:150px;
	height:112px;
	background-color:#FFFFFF;
	margin:10px 35px;
	background-repeat: no-repeat;
	padding: 1;
	display:block;
	
	}