/* CSS Document */

*,html{
	padding: 0px;
	margin:0px;
	line-height: 15px;
}
body {
	background-color:#eeeeee;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p{
	font-size:1.2em;
	color:#3b4047;
	margin-bottom:15px;
	line-height: 15px;
}

a{
	text-decoration:none;
	font-size:12px;
	color:#3b4047;
}

a:focus{ 
	outline:none;
	}
	
input:focus{ outline:none;}

img{
	border:none;
}

h1{
	background-image:url(../images/hoja-logotipo-aranbide.png);
	background-repeat:no-repeat;
	width:202px;
	height:160px;
	position:absolute;
	top:3px;
	padding-top:27px;
	padding-left:31px;
	left:-20px;
}

h2{
	background-color:#bf2425;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	margin:4px 0px 1px 0px;
	height:24px;
	float:left;
	line-height:20px;
	padding:0px 0px 3px 20px;
	width:880px;
}

h3{
	height:65px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#bf2425;
	padding-top:13px;
	margin-top:22px;
	border-top:solid 1px #d5d5d6;
	border-bottom:solid 1px #d5d5d6;
	margin-bottom:22px;}

h3 img{
	margin-left:20px;
	margin-right:16px;}


h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#bf2425;
	margin:12px 0 7px 10px;
	font-size:15px;
	}

/* clases propias*/
.floatleft {
	float: left;
	margin: 0px;
	padding: 0px;
}
.floatright {
	float:right;
	margin: 0px;
	padding: 0px;
}
.salto {
	clear: both;
	margin: 0px;
	padding: 0px;	
}

.zona_roja{
	width:902px;
	margin:auto auto;
	background:#bf2425;
	height:4px;
	font-size:1px;
	
}

.menu{
	background-image:url(../images/fondo_menu.gif);
	background-repeat:repeat-x;
	float:left;
	width:880px;
	padding-right:20px;
	height:31px;
	
}

.menu li{
	list-style-image:none;
	list-style-type:none;
	float:right;
}

.menu li a{
	color:#FFFFFF;
	padding:6px 20px 0px 20px;
	float:left;
	height:25px;
	border-right:1px solid #b7b8b8;
}

.menu li a:hover{
	background-color:#bf2425;
	
	
}

.catalogo{
	height:54px;
	width:900px;
	background:#d7dade;
	float:left;
}

.catalogo li{
	list-style-image:none;
	list-style-type:none;
	float:left;
		border-right:dotted 1px #3b4047;
/*	background-image:url(../images/raya_catalogo.gif);
	background-repeat:repeat-y;
	background-position:right;*/
	
}

.catalogo li a:hover{ background-color:#3b4047;
color:#eeeeee;
cursor:default;
}

.catalogo li a{
	padding:20px 17px 0px 17px;
	float:left;
	display:block;
	height:34px;

}

.bloque{
	width:296px;
	height:auto;
	float:left;
	
}

.bloque_img{
	width:296px;
	height:110px;
	float:left;
}

.bloque_cont{
	width:296px;
	height:auto;
	float:left;
	
}

.bloque_cont ul{
	margin-left:10px;
	color:#3b4046;
}

.bloque_cont ul li a{ display:inline;}

.bloque_cont ul li a:hover{color:#bf2425; text-decoration:underline; font-weight:bold;}

.raya{border-bottom:solid 1px #d5d5d6; float:left; margin-bottom:13px; padding-bottom:15px; height:auto;}


.lista_pie{margin-top:21px; list-style:none; list-style-image:none; display:inline; float:left; }
.lista_pie li{float:left;  margin-left:23px;}

.lista_pie li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#eeeeee; text-decoration:none;}
.lista_pie li a:hover{ text-decoration:underline;}

.ultimo{width:98px;}

.fabricantes{  float:left; margin-bottom:35px;}
.fabricantes img{margin:0; padding:0; margin-right:28px; }

.trab_izq{ float:left; width:594px; margin-right:10px; padding-bottom:55px; }

.trab_izq p{ margin-left:16px; margin-right:10px;}

.trab_izq a{margin-left:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; color:#bf2425; text-decoration:none; margin-bottom:10px;}

.trab_izq a:hover{ text-decoration:underline;}

.trab_der{ float:right; width:286px; }

.lista_trabajos{list-style-image:url(../images/lista_imagen.gif); margin-top:3px; margin-left:0px; margin-bottom:50px; float:left;}

.lista_trabajos li{	font-size:1.2em;
	color:#3b4047;
	margin-bottom:19px;
	line-height: 15px;}
	
.gal_bloque{float:left; height:260px; width:214px; margin-right:14px;}

.gal_bloque_img{ height:152px; width:214px; }

.gal_bloque h4{ font-size:1.2em;}

.gal_bloque p{ margin-left:10px; margin-right:10px;}

.texto_contacto{ float:left; margin-left:10px;  margin-right:10px; margin-top:10px;}

.formulario{ float:left; width:595px; margin-bottom:100px;}

.formulario label{ float:right; margin-right:15px; 	font-size:1.2em;
	color:#3b4047; line-height:15px;}

.input{ float:right; width:199px; margin-right:193px; margin-bottom:5px;}

.texto_area{ float:right; width:392px; height:118px; margin-right:0px;margin-bottom:15px;}

.li_pie{border-right:solid 2px #bec0c1; margin-left:28px; padding-right:23px;}

.aviso{ float:left; width:430px; margin-left:10px; margin-bottom:50px;}

.aviso p{margin-left:10px; margin-right:10px;}

.privacidad{ float:left; width: 430px; margin-left:12px; margin-bottom:50px;}

.privacidad p{margin-left:10px; margin-right:10px;}

.im_catalogo{ float:left; width:545px; margin-right:30px; height:240px;}

.descripcion{ height:auto; border-bottom:solid 1px #d5d5d6; margin-bottom:15px;}

.texto_descripcion{font-size:12px;
	color:#3b4047;
	margin-left:47px;
	margin-right:40px;
	line-height:18px;
	font-weight:normal;}

.texto_catalogo{ float:left; width:325px; margin-right:0px;}

.texto_catalogo h4{margin:17px 0 19px 15px;}

.texto_catalogo p{ margin-left:15px;	font-size:1.2em;
	color:#3b4047;
	margin-bottom:15px;
	line-height: 15px; margin-right:20px;}
	
.im_trabajos{ width:594px; height:120px; float:left; margin-bottom:55px;}

.im_trabajos img{ width:120px; height:120px; float:left; margin-right:20px;}

.lista_index{
list-style-image:none;
list-style-type:none;
}

.lista_catalogo{
	margin-left:47px; 
	margin-top:12px;
	width:800px;
	float:left;
	margin-bottom:12px;
}

.lista_catalogo a{font-size:13px;}

.lista_catalogo a:hover{color:#bf2425; text-decoration:underline; font-weight:bold;}
/*       */


#general{
	width:900px;
	margin:auto auto;
	border-right:1px solid #d5d5d6;
	border-left:1px solid #d5d5d6;
	background-color:#FFFFFF;
	position:relative;
	
}

#cabecera{
	width:900px;
	height:329px;
}

#map{ 
	float:left; 
	width:595px;
	margin-left:10px;
	border:solid 1px #d5d5d6;

	height:326px;
}

#pie{
	clear: both;
	margin:auto;
	height:57px;
	width:900px;
	background-image:url(../images/bg_pie.jpg);
	background-repeat:repeat-x;}

#myGallery
{
width: 900px !important;
height: 450px !important;
}


/*----Submenu----*/

#sub_oficina,#sub_clasificacion,#sub_mamparas,#sub_ropero,#sub_suelos,#sub_expo,#sub_complementos,#sub_pladur,#sub_cabinas{ 
	width: 272px;
	background-color:#3b4047; 
	margin-top:54px; 
	padding-top:10px;
	display:none;	
	float:left;	
	z-index:8;
	position:absolute;
	top:275px;
	left:0px;
	overflow:hidden;


}
	
#sub_oficina ul{ }
 
#sub_oficina li,#sub_clasificacion li,#sub_mamparas li,#sub_ropero li,#sub_suelos li,#sub_expo li,#sub_complementos li,#sub_pladur li,#sub_cabinas li{
	background-color:#d7dade;
	border-right:none; 
	

		border-left:solid 1px #9a9a9a;
	border-right:solid 1px #9a9a9a;
}

#sub_oficina li a,#sub_clasificacion li a,#sub_mamparas li a,#sub_ropero li a,#sub_suelos li a,#sub_expo li a,#sub_complementos li a,#sub_pladur li a,#sub_cabinas li a{
	display:block;  
	height:32px; 
	width:244px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
		background-image:url(../images/flecha_desplegado.gif); 
	background-position:left;
	background-repeat:no-repeat;
	font-size:12px; 
	margin:0px; 
	padding:0px;
	float:left;
	padding-left:26px; 
	line-height:32px;
	border-bottom:solid 1px #9a9a9a; 
	cursor:pointer;
}

#sub_oficina li a:hover,#sub_clasificacion li a:hover,#sub_mamparas li a:hover,#sub_ropero li a:hover,#sub_suelos li a:hover,#sub_expo li a:hover,#sub_complementos li a:hover,#sub_pladur li a:hover,#sub_cabinas li a:hover{
	color:#FFFFFF;
}

#sub_oficina li:hover,#sub_clasificacion li:hover,#sub_mamparas li:hover,#sub_ropero li:hover,#sub_suelos li:hover,#sub_expo li:hover,#sub_complementos li:hover,#sub_pladur li:hover,#sub_cabinas li:hover{
	background-color:#3b4047;
	color:#FFFFFF;
	border-left:solid 1px #3b4047;
	border-right:solid 1px #3b4047;
	
}

#sub_sub_oficina{ width: 270px; height:15px; background-color:#FF0000; visibility:hidden;float:left;	z-index:5;}

#sub_clasificacion{

	left:84px;
}

#sub_mamparas{

	left:195px;
}

#sub_ropero{
left:303px;
}

#sub_expo{
left:628px;}

#sub_complementos{left:628px;}

#sub_suelos{ left:405px;}

#sub_pladur{left:495px;}
#sub_cabinas{left:595px;}


/********** Formulario de Contacto *******************/

span.error{
	color: #bf2425;
}

.invisible {
	display: none;
}