@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}

/* Estilos Generales */

div#contenedor{
	width:960px;
	margin:0px auto;
}

/*menú de navegación*/

nav{
	width:100%;
	height:85px;
	background:#fff;
	border-bottom:5px solid #98c11d;
	position:relative;
}

nav ul.menu{
	width:460px;
	position:absolute;
	top:25px;
	right:20px;
}

nav ul.menu li{
	float:left;
	width:95px;
	margin:0 10px;
	list-style:none;
}

a#logo-nav{
	position:absolute;
	top:10px;
	left:20px;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
}
	
nav ul.menu li.activo{
	display:block;
	font: 600 15px Open Sans;
	color:#7b7d72;
	text-align:center;
	text-decoration:none;
	line-height:35px;
}
	
nav ul.menu li a{
	display:block;
	font: 400 15px Open Sans;
	color:#98c11d;
	text-align:center;
	text-decoration:none;
	line-height:35px;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
}

nav ul.menu li a:hover{
	color:#7b7d72;
}

/* menú de navegación */

/* Footer */

footer{
	width:100%;
	height:100px;
	background:#fff;
	border-top:2.5px solid #98C11D;
	position:relative;
}
footer article{
	width:250px;
	margin:10px 25px;
	float:left;
}
	
footer h3{
	margin:10px 25px;
	font:600 12px Open Sans, sans-serif;
	color:#98c11d;
}
footer h4{
	font:600 12px Open Sans, sans-serif;
	color:#98c11d;
}
footer p{
	font:400 12px Open Sans, sans-serif;
	color:#98c11d;
}

footer a{
	position:absolute;
	top:30%;
	right:2%;
}

div#cflotacion{
	clear:both;
}
/* footer */

/* Estilos Generales */

/* Estilos Index */

/* Header */

header{
	width:100%;
	height:653px;
	background:url(imagenes/Header.jpg) top center no-repeat;
	position:relative;
}

#cabezal{
	position:absolute;
	top:60%;
	left:24%;
}

#cabezal h1{
	width:650px;
	padding-left:10px;
	font:400 32px Open Sans, sans-serif;
	color:#fff;
	text-align:left;
}

/* Header */


/* Sections */

section#servicios{
	width:650px;
	padding:50px 155px;
}

section#servicios h2, section#clientes h2{
	width:123px;
	font:400 25px Open Sans, sans-serif;
	text-align:center;
	color:#98c11d;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:2px solid #98c11d;
	margin-bottom:25px;
}

section#servicios p{
	font:400 16px Open Sans, sans serif;
	color:#7b7d72;
	text-align:center;
	margin-bottom:35px;
}
	
	
input#boton{
	width:200px;
	height:35px;
	margin:0 225px;
	font:400 15px Open Sans, sans-serif;
	color:#fff;
	background:#98c11d;
	border:1px solid #98c11d;
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease out;
	cursor:pointer;
}
input#boton:hover{
	color:#98c11d;
	background:#fff;
	border:1px solid #98c11d;
}

section#clientes{
	margin-bottom:50px;
}

div#logos{
	padding: 0 55px;
}

div#centrar{
	padding:0 225px;
}
	
section#clientes article{
	float:left;
	padding:5px;
}

section#clientes img{
	opacity:0.7;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s easeease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

section#clientes img:hover{
	opacity:1;
}

/* Sections */

/* Estilos Index */

/* Estilos empresa */

/* Header */

header#empresa{
	width:100%;
	height:635px;
	background:url(imagenes/Banner%20empresa.jpg) no-repeat;
}

/* Header */

/* Section */

section article#main{
	width:800px;
	padding:50px 0;
}
section article#mision, article#vision{
	width:350px;
	padding: 25px 100px 25px 0;
	float:left;
	
}

section h2{
	width:200px;
	font:400 25px Open Sans, sans-serif;
	text-align:justify;
	color:#98c11d;
	padding-bottom:5px;
	border-bottom:2px solid #98c11d;
	margin-bottom:25px;
}

section h3{
	width:60px;
	font:300 20px Open Sans, sans-serif;
	text-align:justify;
	color:#98c11d;
	padding-bottom:5px;
	border-bottom:2px solid #98c11d;
	margin-bottom:25px;
}
	

section p{
	font:400 16px Open Sans, sans serif;
	color:#7b7d72;
	text-align:left;
	margin-bottom:5px;

}

/* Section */

/* Estilos Empresa */

/* Estilos Trabajos */

#trabajos{
	margin:50px auto;
}
#tit_trabajo{
	width:110px;
	font:400 25px Open Sans, sans-serif;
	text-align:justify;
	color:#98c11d;
	padding-bottom:5px;
	border-bottom:2px solid #98c11d;
	margin:20px 5px;
}
#trabajos article{
	float:left;
	padding:5px;
	cursor:pointer;
	position:relative;
}

#trabajos article figcaption{
	margin-top: 5px;
    position: absolute;
    top: 0;
    right: auto;
    color: #FFF;
    visibility: hidden;
    background: rgba(110, 240, 121, 0);
    width: 230px;
    height: 230px;
    overflow: hidden;
    z-index: 100;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
}

#trabajos article:hover figcaption{
	visibility:visible;
	background: rgba(110, 240, 121, 0.8);
}

#trabajos article figcaption p{
	margin:45% auto;
	font:400 20px Open Sans;
	text-align:center;
	color:#fff;
}
#ampliacion{
	position:relative;
	padding:5px;
}
#ampliacion h2{
	width:auto;
	font:400 21px Open Sans, sans-serif;
	border:none;
	margin-bottom:5px;
	
}
#ampliacion .foto{
	margin-right:10px;
}

#ampliacion p em{
	font:600 18px Open Sans, sans-serif;
	color:#98c11d;
}

article.ampli{
	width:525px;
	float:right;
	
}

#ampliacion article .cerrar{
	position:absolute;
	right:10px;
	cursor:pointer;
	z-index:200;
}

.separar{
margin-top:50px;
}

	

/* Estilos Trabajos */

/* Estilos Contacto */

#contacto h1{
	width:123px;
	font:400 25px Open Sans, sans-serif;
	text-align:center;
	color:#98c11d;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:2px solid #98c11d;
	margin-bottom:25px;
}

#contacto form{
	width:920px;
	height:316px;
	margin:50px auto;
}

#contacto form #insertargrande{
	width:425px;
	padding:10px;
	margin:5px;
	background:none;
	border:1px solid #98c11d;
	font: 300 15px Open Sans;
}

#contacto form #insertargrande.mensaje{
	width:886px;
	padding:10px;
	margin:5px;
	background:none;
	border:1px solid #98c11d;
	resize:vertical;
}

#contacto form #insertarchico{
	width:195px;
	padding:10px;
	margin:5px;
	background:none;
	border:1px solid #98c11d;
	font: 300 15px Open Sans;
}

#contacto form input#boton{
	width:200px;
	height:40px;
	margin:10px 360px;
	font:400 15px Open Sans, sans-serif;
	color:#fff;
	background:#98c11d;
	border:1px solid #98c11d;
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease out;
	cursor:pointer;
}

#contacto form input#boton:hover{
	color:#98c11d;
	background:#fff;
	border:1px solid #98c11d;
}

#contacto article{
	width:195px;
	margin:5px auto;
	padding:3px;
}

#contacto article h2{
	font:600 12px Open Sans, sans-serif;
	color:#98c11d;
	text-align:center;
}

#contacto article p{
	font:400 12px Open Sans, sans-serif;
	color:#98c11d;
	text-align:center;
}

/* Estilos Contacto */