/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}

.azul {
	color:#33ccff;
	font-weight: bold;
 }
.rojo {
	color:#ff6666;
	font-weight: bold;
}
.verde {
	color:#b8cc13;
	font-weight: bold;
}

/* 
	Resetear CSS 
*/

hr {
	clear: both;
	visibility: hidden;
}

body {
	text-align: center;
}

strong {
	font-weight: bold;
}
sup {
	vertical-align: super;
	font-size: 0.85em;
}

#contenedor {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	/*background: url(/img/fondo.jpg) no-repeat top left;*/
}
#idiomas {
	float:left;
	margin-top:10px;
}
img.top {vertical-align:text-top;}
#idiomas a {
	text-decoration:none;
	font-size:15px;
	font-family: Arial, Helvetica, Sans-serif;
}

#redes_sociales {
	float:right;
	text-align:right;
	margin-top:5px;
}
#cabecera {
	border-top: 1px solid #bbb6c0;
	background-color:#ffffff;
	background-image: url(../img/layout/fondo_cabecera.gif); 
	background-repeat: no-repeat;
	background-position: 0px 1em;
	height: 80px;
	margin-top: 5px;
	padding-top:1em;
	margin-bottom: 1em;
	
}
#cabecera h1 {
	margin-left: 0;
	width: 80px;
}
#cabecera h1 a {
	display: block;
	height: 80px;
	background: #ffffff url(../img/obrasreformas.jpg) no-repeat top left;
	text-decoration: none;
}
#cabecera h1 a span {
	visibility: hidden;
	
}
#caja_productos {
	width: 635px;
		color:#ffffff;
}
#proyecto{
	float:left;
}
	#caja_productos ul li {
		display: inline;
	}
	#caja_productos ul li a {
		display: block;
		color:#ffffff;
		width:144px;
		background:#f2f2f2;
		
	}
	#caja_productos ul li#proyecto a {
		width: 128px;
		height:147px;
		text-decoration: none;
		margin-right:30px;
		margin-bottom:20px;
		color:#000000;
	}
	#caja_productos ul li#proyecto a:hover {
		background:#47411b;
		color:#ffffff;
	}
	.proyect_titulo {
		padding-left:4px;
		padding-top:6px;
		font-weight: bold;
		color:#b8cc13;
	}
	.proyect_txt {
		font-size:11px;
		padding-left:4px;
	}
#menu {
	border-top: 1px solid #bbb6c0;
	width: 960px;
/*	margin-left: 340px;*/
}

	#menu ul li {
		display: inline;			
	}
	#menu ul li a {
		display: block;
		float: left;
		height: 21px;
		/*margin-right: 40px;*/
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#menu ul li a span {
		display: none;
	}
	
	#menu ul li#empresa a {
		width: 91px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/la_empresa_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#empresa a:hover {
		background-position-y: -21px;
	}
	#menu ul li#particulares a {
		width: 119px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/particulares_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#particulares a:hover {
		background-position-y: -21px;
	}
	#menu ul li#oficinas a {
		width: 185px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/oficinas_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#oficinas a:hover {
		background-position-y: -21px;
	}
	#menu ul li#comunidades a {
		width: 199px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/comunidades_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#comunidades a:hover {
		background-position-y: -21px;
	}
	#menu ul li#obras a {
		width: 121px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/presupuestos_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#obras a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#clientes a {
		width: 87px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/clientes_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#clientes a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#enlaces a {
		width: 81px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/enlaces_menu.png) no-repeat 0px 0px;
	}
	#menu ul li#enlaces a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#contacto a {
		width: 77px;
		text-decoration: none;
		background: transparent url(../img/layout/botones/contacto_menu.png) no-repeat 0px 0px;
		margin-right: 0;
	}
	#menu ul li#contacto a:hover {
		background-position-y: -21px;
	}
	
#cuerpo {
	border-top: 1px solid #bbb6c0;
	margin-top:40px;
	padding-top:20px;
	width: 960px;
}	
#banners {
	clear: both;
}

#banners #uno {
	float: left;
	width: 315px;
	margin-right: 7px;
}
	#banners .titulo{
		width: 75%;
		float: left;
	}
	
	#banners #uno p.boton a {
		display: block;
		background: #fff url(../img/fotografias/home/boton-particulares.png) no-repeat top left;
		width: 63px;
		height: 20px;
		text-decoration: none;
		float: right;
		margin-top: 10px;
	}
	#banners #uno p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/home/boton-particulares.png) no-repeat 0px -20px;
		width: 63px;
		height: 20px;
		text-decoration: none;
	}
	#banners #uno p.bouton a {
		display: block;
		background: #fff url(../img/fotografias/home/particuliers-bouton.png) no-repeat top left;
		width: 63px;
		height: 20px;
		text-decoration: none;
		float: right;
		margin-top: 10px;
	}
	#banners #uno p.bouton a:hover {
		display: block;
		background: #fff url(../img/fotografias/home/particuliers-bouton.png) no-repeat 0px -20px;
		width: 63px;
		height: 20px;
		text-decoration: none;
	}
	#banners #dos p.boton a {
		display: block;
		background: #fff url(../img/fotografias/home/boton-oficinas.png) no-repeat top left;
		width: 63px;
		height: 20px;
		text-decoration: none;
		float: right;
		margin-top: 10px;
	}
	#banners #dos p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/home/boton-oficinas.png) no-repeat 0px -20px;
		width: 63px;
		height: 20px;
		text-decoration: none;
	}
	#banners #tres p.boton a {
		display: block;
		background: #fff url(../img/fotografias/home/boton-comunidades.png) no-repeat top left;
		width: 63px;
		height: 20px;
		text-decoration: none;
		float: right;
		margin-top: 10px;
	}
	#banners #tres p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/home/boton-comunidades.png) no-repeat 0px -20px;
		width: 63px;
		height: 20px;
		text-decoration: none;
	}
	#banners p.boton a span {
		display: none;
	}
#banners #dos {
	float: left;
	width: 315px;
	margin-right: 7px;
}
#banners #tres {
	float: left;
	width: 315px;
}


#contenido {
	clear: both;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	/*padding-top: 2em;*/
}
#contenido h1 {
	font-size: 2em;
	margin: 1em 0;
}
#contenido h2 {
	font-size: 1.5em;
	padding-top:5px;
	margin: 1em 0;
}
#contenido h3 {
	font-size: 1.2em;
	margin: 1em 0 1em 0;
	border-bottom: 2px solid #b8cc13;
	
}

#contenido p {
	margin: 0em 0;
}
#contenido p a {
	color: #3B331C;
	text-decoration: none;
}
#contenido p a:hover {
	text-decoration: none;
}

#derecha {
	float: right;
	width: 66%;
	padding-bottom:3em;
}
#miga_de_pan {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan p.boton a {
		display: block;
		background: #fff url(../img/fotografias/particulares/particulares-boton.png) no-repeat top left;
		width: 177px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/particulares/particulares-boton.png) no-repeat 0px -26px;
		width: 177px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan p.boton a span {
		display: none;
	}
	#contenido #miga_de_pan p.bouton a {
		display: block;
		background: #fff url(../img/fotografias/home/particuliers-bouton.png) no-repeat top left;
		width: 177px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan p.bouton a:hover {
		display: block;
		background: #fff url(../img/fotografias/home/particuliers-bouton.png) no-repeat 0px -26px;
		width: 177px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan p.bouton a span {
		display: none;
	}
#miga_titulo {
	float: left;
	width: 100%;
	font-size: 1.5em;
	padding-top:5px;
}
#rastro {
	font-size:x-small;
}
#miga_de_pan_clientes {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan_clientes p.boton a {
		display: block;
		background: #fff url(../img/fotografias/clientes/clientes-boton.png) no-repeat top left;
		width: 177px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_clientes p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/clientes/clientes-boton.png) no-repeat 0px -26px;
		width: 177px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_clientes p.boton a span {
		display: none;
	}
#miga_de_pan_enlaces {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan_enlaces p.boton a {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-enlaces.png) no-repeat top left;
		width: 177px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_enlaces p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-enlaces.png) no-repeat 0px -26px;
		width: 177px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_enlaces p.boton a span {
		display: none;
	}
#miga_de_pan_presupuestos {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan_presupuestos p.boton a {
		display: block;
		background: #fff url(../img/fotografias/presupuestos/boton-presupuestos.png) no-repeat top left;
		width: 188px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_presupuestos p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/presupuestos/boton-presupuestos.png) no-repeat 0px -26px;
		width: 188px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_presupuestos p.boton a span {
		display: none;
	}



#miga_de_pan_oficinas {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan_oficinas p.boton a {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-oficinas.png) no-repeat top left;
		width: 284px;
		height: 30px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_oficinas p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-oficinas2.png) no-repeat top left;
		width: 284px;
		height: 30px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_oficinas p.boton a span {
		display: none;
	}
	#contenido #miga_de_pan_oficinas p.bouton a {
		display: block;
		background: #fff url(../img/fotografias/enlaces/bureaux-et-metiers-bouton.png) no-repeat top left;
		width: 284px;
		height: 30px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_oficinas p.bouton a:hover {
		display: block;
		background: #fff url(../img/fotografias/enlaces/bureaux-et-metiers-bouton.png) no-repeat 0px -26px;
		width: 284px;
		height: 30px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_oficinas p.bouton a span {
		display: none;
	}
#miga_de_pan_comunidades {
	float: left;
	width:100%;
}
	#contenido #miga_de_pan_comunidades p.boton a {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-comunidades.png) no-repeat top left;
		width: 336px;
		height: 26px;
		text-decoration: none;
		float: left;
	}
	#contenido #miga_de_pan_comunidades p.boton a:hover {
		display: block;
		background: #fff url(../img/fotografias/enlaces/boton-comunidades.png) no-repeat 0px -26px;
		width: 336px;
		height: 26px;
		text-decoration: none;
	}
	#contenido #miga_de_pan_comunidades p.boton a span {
		display: none;
	}
#izquierda {
	float: left;
	width: 33%;
}
#izquierda.fotos {
	/*padding-top: 55px;*/
/*padding-top: 15px;*/
}

#pie {
	clear: both;
	margin: 0 auto;
	width: 960px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	border-top: 1px solid #bbb6c0;
	border-bottom: 1px solid #bbb6c0;
	margin-top: 3em;
	padding-top: 2em;
	background-color:#f3f3f3;
}
#pie_1 {
	width: 80px;
	padding-left:2em;
	padding-right:2em;
	text-align:left;
	border-right: 1px solid #bbb6c0;
	float:left;
	margin-bottom: 2em;
}
#pie_2 {
	float:left;
	height:80px;
	padding-left:2em;
	padding-right:2em;
	text-align:left;
	border-right: 1px solid #bbb6c0;
	margin-bottom: 1em;
}
#pie_3 {
	float:left;
	height:80px;
	padding-left:2em;
	padding-right:2em;
	text-align:left;
	border-right: 1px solid #bbb6c0;
	margin-bottom: 1em;
}
#pie_4 {
	float:left;
	height:80px;
	padding-left:2em;
	text-align:left;
	margin-bottom: 1em;
}
#pie_menu{
	clear: both;
	margin: 0 auto;
	width: 100%;
	font-family: Arial, Helvetica, Sans-serif;
	text-align:left;
	font-size: 10px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	color:#6e6e6e;
	border-top: 1px solid #bbb6c0;

}
#pie_menu a {
	font-weight: bold;
	text-decoration:none;
	color:#6e6e6e;
	padding-right:10px;

}
#pie_menu a:hover {
	font-weight: bold;
	text-decoration:none;
	color:#474747;

}

.pics {  
    height:  264px;  
    width:   315px;  
    padding: 0;  
    margin:  0;
    overflow: hidden;  
} 
 
.pics img {  
    height:  264px;  
    width:   315px;  
    top:  0; 
    left: 0 
}

table {
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 2em;
	margin-top: 1em;
}
table tr.alt {
	background-color: #e3e3e3;
}
table td.ojo {
	background: transparent url(../img/layout/ojo.png) no-repeat 290px 10px;
}
table tr {
	border-bottom: 1px solid #999;
}
table tr th {
	width: 50%;
	padding: 5px;
	font-weight: bold;
	color: #555;
}
table tr td {
	padding: 5px;
}
table tr td a, table tr th a {
	display: block;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
table tr td a:hover, table tr th a:hover {
	color: #000;
	text-decoration: underline;
}

/*.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}*/

/*#picsdos {  
    height:  264px;  
    width:   315px;  
    padding: 0;  
    margin:  0;  
} 
 
#picsdos img {  
    height:  264px;  
    width:   315px;  
    top:  0; 
    left: 0 
}
#picstres {  
    height:  264px;  
    width:   315px;  
    padding: 0;  
    margin:  0;  
} 
 
#picstres img {  
    height:  264px;  
    width:   315px;  
    top:  0; 
    left: 0 
}*/