@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
}
/* ELementos*/
a{
	color: #990000;
}
/* css */
/*////////// GENERAL //////////*/
body {
margin-top: 0px;
margin-bottom: 30px;
background-color: #FFFFFF;
}
#container {
width: 1139px;
margin: 0 auto;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-color: #fff;
}
#container2 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	margin: 0;
	width: 1139px;
}
#top {
	background-image: url('../images/top.jpg');
	background-repeat: no-repeat;
	clear: both;
	height: 36px;
	width: 1125px;
	padding-top: 30px;
	padding-right: 14px;
}
#top .elem{
	float: right;
	margin-left: 20px;
}
#top .elem a img{
	border: none;
}
#header {
width: 1139px;
background-color: #000000;
background-repeat: no-repeat;
height: 201px;
clear: both;
}
#header img{
	float: left;
}
#sub_header{
	width: 1139px;
	height: 69px;
	background-image: url('../images/sub_header.jpg');
}
#content_menu {
	background-image: url('../images/content_fondo.jpg');
	background-repeat: repeat-y;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 884px;
	/*min-height: 450px;*/
}
#content {
	float: right;
	width: 620px;
	padding-right: 20px;
	overflow: hidden;
}
#content h2{
	font-size: 1.2em;
	margin-top: 10px;
}
#content img{
	border: 0;
}
#content .contentpaneopen img{
	margin: 10px;
}
#content .buttonheading img{
	margin: 0px;
}

/* Estilo especial galeria*/
#galeria01{
	float:left;
	margin-top: 20px;
	width: 310px;
	height: 250px;
	background-image: url('../images/galeria.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#galeria02{
	float:left;
	margin-top: 20px;
	width: 290px;
	height: 250px;
	background-image: url('../images/galeria.png');
	background-repeat: no-repeat;
	background-position: -310px 0px;
}
#galeria02:hover{
	float:left;
	margin-top: 20px;
	width: 290px;
	height: 250px;
	background-image: url('../images/galeria.png');
	background-repeat: no-repeat;
	background-position: -310px -250px;
}
#galeria01:hover{
	width: 310px;
	height: 250px;
	background-image: url('../images/galeria.png');
	background-repeat: no-repeat;
	background-position: 0px -250px;
}
/*titulos imagenes videos*/
.titularimagenes{
	float: left;
	width: 310px;
	height: 30px;
	display:block;
	margin: 0px;
	padding: 0px;

}
.titularvideos{
	float:left;
	width: 290px;
	height: 30px;
	display:block;
	margin: 0px;
	padding: 0px;
}
/* Estilos de los art�culos*/
.contentheading {
	
	font-size: 1.4em;
	border-bottom: 2px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
}

.readon{
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px;
	background-color: #990000;
}
/* Componentes*/
.componentheading{
	font-size: 1.4em;
}

/* Comportamiento productos iconos*/

#iconos_superior{
	width: 622px;
	height: 52px;
}
#iconos_inferior{
	width: 622px;
	height: 75px;
}

.animacion_productos{
	text-align: center;
	font-size: 1.2em;
	width:622px;
	padding-top: 10px;
	height: 25px;
}
#canalizaciones{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/canalizaciones.jpg');
	float: left;
	margin-right: 14px;
}
#canalizaciones:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/canalizaciones_texto.jpg');
	float: left;
	margin-right: 14px;
}
#cerramientos{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cerramientos.jpg');
	float: left;
	margin-right: 14px;
}
#cerramientos:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cerramientos_texto.jpg');
	float: left;
	margin-right: 14px;
}
#cimentacion{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cimentacion.jpg');
	float: left;
	margin-right: 14px;
}
#cimentacion:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cimentacion_texto.jpg');
	float: left;
	margin-right: 14px;
}
#cubiertas{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cubiertas.jpg');
	float: left;
	margin-right: 14px;
}
#cubiertas:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/cubiertas_texto.jpg');
	float: left;
	margin-right: 14px;
}
#elem_lineales{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/elem_lineales.jpg');
	float: left;
	margin-right: 14px;
}
#elem_lineales:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/elem_lineales_texto.jpg');
	float: left;
	margin-right: 14px;
}
#forjados{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/forjados.jpg');
	float: left;
	margin-right: 14px;
}
#forjados:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/forjados_texto.jpg');
	float: left;
	margin-right: 14px;
}
#mobiliario{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/mobiliario.jpg');
	float: left;
	margin-right: 14px;
}
#mobiliario:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/mobiliario_texto.jpg');
	float: left;
	margin-right: 14px;
}
#pavimentos{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/pavimentos.jpg');
	float: left;
	margin-right: 14px;
}
#pavimentos:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/pavimentos_texto.jpg');
	float: left;
	margin-right: 14px;
}
#viales{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/viales.jpg');
	float: left;
	margin-right: 14px;
}
#viales:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/viales_texto.jpg');
	float: left;
	margin-right: 14px;
}
#otros{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/otros.jpg');
	float: left;
	margin-right: 14px;
}
#otros:hover{
	width: 110px;
	height: 52px;
	background-image: url('../images/iconos_productos/otros_texto.jpg');
	float: left;
	margin-right: 14px;
}
#viviendas{
	width: 606px;
	height: 52px;
	background-image:url(../images/iconos_productos/edificacion.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#viviendas:hover{
	background-position: 0px -52px;
}
/*---------------Columna left con banners--------*/
#left {
float: left;
width: 233px;

}
#left .elemento {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#left .elemento a img{
	border: 0px;

}

/*-----------------Menu------------------*/
#main_menu {
	float: left;
	width: 230 px;
	min-height: 100%;
	padding-bottom: 10px;
}
#main_menu a{
	
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: none;
	width: 181px;
	height: 25px;
	padding-left: 10px;
	padding-top: 5px;
	display: block;
}
#main_menu a:hover{
	background-color: #990000;

}
#main_menu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#main_menu ul li {
	background-image: url('../images/menu_item.jpg');
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 10px;
	width: 191px;
	display: block;
}

#main_menu ul li ul {
	background-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
}
#main_menu ul li ul li {
	background-image: url('../images/sub_menu.gif');
	background-repeat: no-repeat;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
/* hack para 2 lineas en men�*/
#main_menu .item91{
	/*padding-bottom: 17px;*/
}
#main_menu .item92{
	/*padding-bottom: 17px;*/
}
#main_menu .item95{
	margin-bottom: 15px;
}
#main_menu .item96{
	margin-top: 20px;
}
#main_menu .item125{
	margin-bottom: 10px;
}
#main_menu ul li ul li:hover{
	background-image: url('../images/sub_menu_over.gif');
	background-repeat: no-repeat;
}
#main_menu ul li ul li a {
	color: #FFFFFF;
	display: block;
	font-size: 1em;
	height: 15px;
	margin-left: 12px;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#main_menu ul li ul a:hover{
	background: none;
}
#main_menu ul li ul li ul{
	list-style: none;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	display: block;
	height: auto;
}
#main_menu ul li ul li ul li{
	font-size: 0.9em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 20px;
	display: block;
	
}
#main_menu ul li ul li ul li:hover{
	background-image: url('../images/sub_menu_over.gif');
	background-repeat: no-repeat;
	}
#main_menu ul li ul li ul li a{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	background: none;
	display: block;
	height: 15px;
}
/************ Elemento abierto del menú******************/
#main_menu ul li.active{
	background-image: url('../images/menu_current.gif');
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 10px;
	width: 191px;
	display: block;
}
#main_menu ul li ul li.active{
	background-image: url('../images/sub_menu_over.gif');
	background-repeat: no-repeat;
}
/***********fin elemento abierto del menu*********/
/* Login: M�dulo acceso */
.yoo-login {
	background-color: #990000;
	border-style: none;
	border-style: none;
	width: 181px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color:#FFF;
}
.input{
	border-style: none;
}
/* ICON   */
.icon{
	background-color: none;
	float:left;
}
.icon:hover{
	background-color: none;
}
.icon img{
	border: 0px;
}
.icon a{
	color:#FFF;
}
.icon a:hover{
	background-color: #FFF;
}

/********** RSS  ***********/
#rss{
	margin-top: 10px;
	background-color: none;
}
#rss:hover{
	background-color: none;
}
#rss img{
	border: 0px;
}
#rss a{
	color:#FFF;
}
#rss a:hover{
	background-image: url('../images/menu_item.jpg');
	background-repeat: no-repeat;
}

/************* XMAP  *************/
.xmap{
	font-size: 1.2em;
	width: 620px;
	display:block;
}

/************* FOOTER **************/
#footer {
color: #FFFFFF;
font-size: 0.8em;
margin-top: 0px;
padding-bottom:0px;
clear: both;
width: 1139px;
height: 100px;
background-color:#FFF;
}
#footer_left{
	padding-left: 15px;
	padding-top: 15px;
	width: 218px;
	height: 85px;
	background-image: url('../images/footer_left.jpg');
	float: left;
}
#footer_left .menu{
	list-style:none;
	display:inline;
}
#footer_right{ 
	font-size: 1.5em;
	padding-left: 10px;
	width: 896px;
	padding-top: 10px;
	height: 90px;
	background-image: url('../images/footer_right.jpg');
	float: left;
}
#footer_right a{
	text-decoration: none;
	color: #FFFFFF;
}
#footer_rightup{
	width: 896px;
	height: 44px;
}
#footer_rightdown{
	width: 896px;
	height: 56px;
}
/* Animacion Asociaciones*/

#logos{
height: 40px;
width: 890px;
margin-top: 4px;
	
}
#logos .izq{
float: left;

}
#abenorlogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/abenor.jpg);
}
#aftravlogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/aftrav.jpg);
}
#aideplalogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/aidepla.jpg);
}
#anaprelogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/anapre.jpg);
}
#anaproplogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/anaprop.jpg);
}
#anbaphlogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/anbaph.jpg);
}
#anfharqlogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/anfharq.jpg);
}
#athalogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/atha.jpg);
}
#euroadoquinlogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/euroadoquin.jpg);
}
#normabloclogo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/normabloc.jpg);
}
#tecnopavimentologo{
	float: left;
	width: 60px;
	height:40px;
	background-image:url(../images/asociaciones/tecnopavimento.jpg);
}
#logos .der{
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}

#pie{
	text-align: center;
	font-size: 0.8em;
	line-height: 1.2em;
}