/* css */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 12px;
	list-style: none;
	text-decoration: none;
}

p {color: #262626;}

a {color: #55555;}

a:hover {}

.interior {width: 940px; margin: 0 auto;}

.izq {float: left;}
.der {float: right;}

.lim {clear: both;}

.just {text-align: justify;}

.bloque {display: block;}

img {border: none;}


body {
	background: #3d444c;
	}
	
div#contenedor {
	width: 973px;
	margin: 0 auto;
	0border: solid 1px aqua;
	}
	
/* cabecera */
div#cabecera {
	height: 90px;
	}
	
div#cabecera img {
	width: 340px;
	height: 90px;
	}

div#menu_prin {}

div#menu_prin ul {
	float: right;
	margin: 40px 0 0 0;
	}
	
div#menu_prin ul li {
	float: left;
	}

div#menu_prin ul li a {
	display: block;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
	padding: 2px 18px 0px 18px;
	background: url(images/fondoMENUgri.png) left top repeat-x;
	}
	
div#menu_prin ul li#inicio a:hover {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#quienes a:hover {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#materiales a:hover {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#localizacion a:hover {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#contacto a:hover {background: url(images/fondoMENUama.png) left top repeat-x;}

div#menu_prin ul li#inicio a.here {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#quienes a.here {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#materiales a.here {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#localizacion a.here {background: url(images/fondoMENUama.png) left top repeat-x;}
div#menu_prin ul li#contacto a.here {background: url(images/fondoMENUama.png) left top repeat-x;}


div#menu_prin ul li#inicio a.here {
	display: block;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
	padding: 2px 18px 0px 18px;
	background: url(images/fondoMENUama.png) left top repeat-x;
	}
	
	
/* contenido */

div#contenido {
	background: url(images/fondoBASE.jpg) top center repeat-y;
	}


div#menu_proyectos {
	width: 190px;
	height: 100%;
	float: left;
	}

.trabajos {
	display: block;
	width: 190px;
	height: 20px;
	margin: 17px 0 10px 0;
	padding: 2px 0 0 0;
	background: #8c959e;
	font-weight: bold;
	color: #3d444c;
	text-align: center;
	letter-spacing: -1px;
	}


/* menu trabajo */

ul#trabajos {
	overflow: hidden;
	}

ul#trabajos li {
	display: block;
	width: 190px;
	padding: 5px 0 5px 0px;
	}
	
ul#trabajos li a {display: block;}

li a.interiores {background:url(images/fletx_a.png) center left no-repeat; width: 190px;}
li a.ornamentos {background:url(images/fletx_m.png) center left no-repeat; width: 190px;}

li a.interiores:hover {color: #ffffff; background:url(images/fletx_w.png) center left no-repeat; width: 190px;}
li a.ornamentos:hover {color: #ffffff; background:url(images/fletx_w.png) center left no-repeat; width: 190px;}

li.interior:hover {background: #2f72cb;}
li.orna:hover {background: #745dc1;}
	
.cubiertas {color: #d0712f; font-weight: bold; padding: 0 0 5px 31px; background: url(images/fletx_n.png) center left no-repeat;}
.fachadas {color: #00665b; font-weight: bold; padding: 0 0 5px 31px; background: url(images/fletx_v.png) center left no-repeat;}
.interiores {color: #2f72cb; font-weight: bold; padding: 0 0 5px 31px;}
.ornamentos {color: #745dc1; font-weight: bold; padding: 0 0 5px 31px;}

/* sub_menu */

ul#trabajos ul {}

ul#trabajos ul li {
	font-weight: bold;
	display: block;
	width: 190px;
	padding: 5px 0 5px 0px;
	}
	
ul#trabajos ul li a {
	color: #ffffff;
	padding: 0 0 0 23px;
	}

ul#trabajos ul#cubiertas li:hover {
	background: #d0712f;
	}
	
.cu_here {background: #d0712f;}
.fa_here {background: #00665b;}
.interiores_here {color: #ffffff; background:url(images/fletx_w.png) center left no-repeat; width: 190px; font-weight: bold; padding: 0 0 5px 31px;}
.interior_here {background: #2f72cb;}
.ornamentos_here {color: #ffffff; background:url(images/fletx_w.png) center left no-repeat; width: 190px; font-weight: bold; padding: 0 0 5px 31px;}
.orna_here {background: #745dc1;}

ul#trabajos ul#fachadas li:hover {
	background: #00665b;
	}



/* idiomas */

ul#idioms {
	padding: 50px 0 0 20px;
	}
	
.es {font-weight: bold;}
.en {font-weight: bold;}
.fr {font-weight: bold;}

ul#idioms li {
	float: left;
	color: white;
	padding: 0 4px 0 4px;
	}
	
0ul#idioms li a {
	color: white;
	}

0ul#idioms li a:hover {
	color: #ffc600;
	}
	
ul#idioms li#es a {background: url(images/esp.jpg) center top no-repeat; width: 16px; height: 11px; display: block;}
ul#idioms li#en a {background: url(images/ing.jpg) center top no-repeat; width: 16px; height: 11px; display: block;}
ul#idioms li#fr a {background: url(images/fra.jpg) center top no-repeat; width: 16px; height: 11px; display: block;}

/* datos direccion */

ul#datos {
	padding: 115px 0 0 23px;
	height: 100px;
	}
	
ul#datos li p {
	font-size: 10px;
	color: #3d44c;
	}

/* contenido textos */
	
div#contenedor_textos {
	width: 757px;
	float: right;
	padding: 0 0 23px 23px;
	}
	
div#textos {
	width: 746px;
	}
	
div#contacto {
	width: 336px;
	height: 480px;
	padding: 30px 0 0 410px;
	background: url(images/contacto.jpg) top left no-repeat;
	}
	
div#textos_quienes {
	background: url(images/baseQUIENES.jpg) top center no-repeat;
	width: 746px;
	}
	
div#quienes {
	width: 500px;
	padding: 20px 30px 25px 30px;
	}
	
div#textos_aviso {
	background: url(images/baseAVISO.jpg) top left no-repeat;
	width: 680px;
	padding: 30px 30px 40px 25px;
	}
	
/* materiales */
	
div#textos_materiales {
	background: url(images/baseQUIENES.jpg) top left no-repeat;
	width: 746px;
	}
	
.alu {background: url(images/materiales_al.jpg) top left no-repeat;}
	
.cob {background: url(images/materiales_co.jpg) top left no-repeat;}

.zin {background: url(images/materiales_zi.jpg) top left no-repeat;}


h1.alux {padding: 125px 0 0 0;}
h1.cobx {}
h1.zinx {padding: 75px 0 0 0;}

div.mate {}

div.materiales {
	width: 170px;
	height: 400px;
	float: right;
	padding: 0px 0px 25px 0px;
	}
	
	
h1 {color: #333333; font-weight: bold;}
	
div.mate img {margin: 0 0 20px 0; bottom: auto;}

div#partners {padding: 0 0 15px 30px;}

	/* contenido listados */
	
	div#contenedor_proyectos {
		width: 762px;
		margin: 0 0 0 190px;
		padding: 0 0 0 18px;
		}
		
	ul.listado_cubiertas {}
	
	ul.listado_cubiertas li {
		width: 368px;
		height: 120px;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		}
		
	.back_cubiertas {background: url(images/back_cubiertas.jpg) top left no-repeat;}
	.back_fachadas {background: url(images/back_fachadas.jpg) top left no-repeat;}
	.back_interiores {background: url(images/back_interiores.jpg) top left no-repeat;}
	.back_ornamentos {background: url(images/back_ornamentos.jpg) top left no-repeat;}
		
	div.datos_proyecto_list {
		padding: 15px 0 0 15px;
		float: left;
		text-align: justify;
		width: 190px;
		}
		
	.titular_list_proyecto {
		font-weight: bold;
		text-decoration: underline;
		text-align: left;
		margin: 0 0 3px 0;
		}
		
	.texto_list_proyecto {
		margin: 0 0 8px 0;
		text-align: left;
		}
	
	a.enlace_proyectos {
		font-weight: bold;
		color: #ffffff;
		background: url(images/fletx_b.png) left no-repeat;
		display: block;
		padding: 0 0 0 10px;
		}
		
	a.enlace_proyectos:hover {
		color: #555555;
		}

	
	/* proyecto */
	
	div#contenedor_proyecto {
		width: 750px;
		margin: 0 0 0 210px;
		padding: 0 0 30px 0;
		background: url(images/baseQUIENES.jpg) top left no-repeat;
		}
	
	div#contenedor_cubiertas {
		width: 750px;
		margin: 0 0 0 210px;
		padding: 0 0 30px 0;
		background: url(images/baseCUBIERTAS.jpg) top left no-repeat;
		}
		
	div#contenedor_fachadas {
		width: 750px;
		margin: 0 0 0 210px;
		padding: 0 0 30px 0;
		background: url(images/baseFACHADAS.jpg) top left no-repeat;
		}
	
	div#contenedor_interiores {
		width: 750px;
		margin: 0 0 0 210px;
		padding: 0 0 30px 0;
		background: url(images/baseINTERIORES.jpg) top left no-repeat;
		}
	
	div#contenedor_ornamentos {
		width: 750px;
		margin: 0 0 0 210px;
		padding: 0 0 30px 0;
		background: url(images/baseORNAMENTOS.jpg) top left no-repeat;
		}
	
	div#img_proyecto {
		width: 560px;
		float: left;
		}
	
	div#datos_proyecto {
		width: 180px;
		float: right;
		padding: 45px 0 0 0;
		}
	
	
	.titular_datos {
		font-weight: bold;
		color: #ffffff;
		padding: 0 0 15px 10px;
		text-decoration: underline;
		}
	
	.titulo_datos {
		font-weight: bold;
		color: #ffffff;
		padding: 0 0 0 10px;
		}
	.texto_datos {
		font-size: 10px;
		color: #FFFFFF;
		margin: 3px 0 15px 10px;
		}
	.texto_datos a {
		font-size: 10px;
		color: #FFFFFF;
		margin: 0 0 15px 0px;
		}
	.texto_datos a:hover {text-decoration: underline;}
	a.enlace_datos {
		font-weight: bold;
		text-align: center;
		width: 80px;
		color: #ffffff;
		background: #555555;
		display: block;
		margin: 0 0 0 10px;
		padding: 7px;
		}
		
	a.enlace_datos:hover {
		color: #999999;
		}
	
	div#thumbs {
		width: 550px;
		height: 45px;
		padding: 10px 0 5px 0;
		}
	
	div#thumbs ul li {
		float: left;
		margin: 0 5px 0 0;
		}
	
	.descripcion {
		width: 510px;
		text-align: justify;
		padding: 0 0 20px 40px;
		}
		


/* footer */

div#footer {
	width: 932px;
	height: 28px;
	padding: 10px 41px 0 0;
	background: #8c959e;
	text-align: right;
	}
	
	
div#footer a {
	color: #ffffff;
	font-size: 10px;
	}
	
div#footer p a:hover {
	border-bottom: solid 4px #ffc600;
	}

.aviso_here {border-bottom: solid 4px #ffc600;}