@charset "utf-8";
/* CSS Document */
body{
	background: #FFFCF0;
	padding:0;
	background-image:url(../img/textura.jpg);
	margin:0 auto;
	overflow-x: hidden;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background-color:#CCC;
	}

 .contenido{
	width: 100%;
	height:100%;
	position: relative;
	}
	
header {
	margin: 0 auto;
	width:100%;
	height:493px;
	background:#fff;
	box-shadow:0px 8px 12px 3px rgba(0,0,0,0.1);
	}
	
h3{
	font-size: 1.8em;
	text-align: justify;
	color:#018FB1;
	font-family:'Gabriola', serif, regular;
	margin: 0.4em  0em 0em 0em;
	line-height: 1.2;
	}
	
h2{
	margin: 0em 0em 0em 0em;
	color: #666;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 0.8em;
	text-align: center;
	}
	
h1{
	margin: 0em 0em 0em 0em;
	color: #666;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	}
	
p{
	font-size: 0.9em;
	text-align: center;
	color:#333;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	margin: 0em  0.3em 0.1em 0.2em;
	line-height: 1.3;
	}

#fondo-superior-azul{
	width:100%;
	height:104px;
	background:#0f8dab;
	}
	
#slider-inicio{
	width:1024px;
	height:445px;
	margin:0 auto;
	margin-top:-450px;
	z-index:10;
	background-image:url(../img/sliderinicio.png);
	overflow: hidden;
	background-repeat:no-repeat;
	}
	
#content-inicio{
	margin:0 auto;
	width:1024px;
	height:192px;
	position: relative;
}
	
.circulito{
	width:8px;
	height:8px;
	border-radius: 50px 50px 50px 50px;
	background:#E2A064;
	margin:5px 0px 4px 72px;
	}
	
footer{
	width: 100%;
	height:101px;
	border-top: #0f8dab solid 7px;
	float:top;
	}
#pie-cuadro{
	width:1024px;
	height:84%;
	margin:0 auto;
	padding-top:17px;
	
	}
.boton{
	width:214px;
	height:77px;
	float:left;
	margin-right:180px;

	}
	
.boton2{/*boton tercero pie */
	width:214px;
	height:77px;
	float:right;
}

.icono{
	width:50px;
	height:50px;
	background:#fff;
	border-radius: 50px 50px 50px 50px;
	box-shadow:#CCC 0px 3px 4px 0px;
	border:1px #0f8dab solid;
	margin-top:11px;
	cursor: pointer;
}
.icono-texto{
	width:160px;
	height:77px;
	background:#fff;
	box-shadow: #ccc 0px 2px 3px 0px;
	float:right;
	cursor: pointer;
}

#menu-nombre{
	width:1024px;
	height:48px;
	margin-left:55px;
}

.tabla-menu-nombre{
	width:100px;
	margin-right:128px;
	text-align:center;
	float:left;
	margin-left:28px;
	}
	
.tabla-obras{
	text-align:center;
	margin-right:158px;
	float:left;
	margin-left:52px;
}