/*
	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;
}


/* 
	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;*/
}
#cabecera {
	background: #3B331C url(/img/layout/fondo_cabecera.jpg) no-repeat top left;
	height: 58px;
}
#cabecera h1 {
	margin-left: 319px;
	width: 641px;
}
#cabecera h1 a {
	display: block;
	height: 58px;
	background: #3B331C url(/img/layout/logo.png) no-repeat top left;
	text-decoration: none;
}
#cabecera h1 a span {
	visibility: hidden;
	
}

#menu {
	margin-left: 340px;
}

	#menu ul li {
		display: inline;
		float: left;			
	}
	#menu ul li a {
		display: block;
		float: left;
		height: 21px;
		margin-right: 98px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#menu ul li a span {
		display: none;
	}
	
	#menu ul li#empresa a {
		width: 97px;
		text-decoration: none;
		background: transparent url(/img/layout/botones/01_la-empresa.png) no-repeat 0px 0px;
	}
	#menu ul li#empresa a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#obras a {
		width: 56px;
		text-decoration: none;
		background: transparent url(/img/layout/botones/02_obras.png) no-repeat 0px 0px;
	}
	#menu ul li#obras a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#clientes a {
		width: 69px;
		text-decoration: none;
		background: transparent url(/img/layout/botones/03_clientes.png) no-repeat 0px 0px;
	}
	#menu ul li#clientes a:hover {
		background-position-y: -21px;
	}
	
	#menu ul li#enlaces a {
		width: 69px;
		text-decoration: none;
		background: transparent url(/img/layout/botones/04_enlaces.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/05_contacto.png) no-repeat 0px 0px;
		margin-right: 0;
	}
	#menu ul li#contacto a:hover {
		background-position-y: -21px;
	}
	
	
#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 #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: 3em;
}
#contenido h1 {
	font-size: 2em;
	margin: 1em 0;
}
#contenido h2 {
	font-size: 1.5em;
	margin: 1em 0;
}
#contenido h3 {
	font-size: 1.2em;
	margin: 4em 0 1em 0;
	border-bottom: 1px solid #555;
	
}
#contenido p {
	margin: 1em 0;
}
#contenido p a {
	color: #3B331C;
}
#contenido p a:hover {
	text-decoration: none;
}

#derecha {
	float: right;
	width: 66%;
}
#izquierda {
	float: left;
	width: 33%;
}
#izquierda.fotos {
	padding-top: 55px;
}

#pie {
	clear: both;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	width: 66%;
	float: right;
	border-top: 1px solid #555;
	margin-top: 3em;
	padding-top: 1em;
}

.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 
}*/