.title{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#82a80b;
	text-align:left;
	text-shadow:2px 1.5px 0px #CFCFCF;
	letter-spacing:0.1em;
}



a{
	text-decoration: none;
	color: #252525;
}

a:hover{
	color: #666;
}

BODY{
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
}
HR{
	color: #E1E1E1;
	border-style: dotted;
	width:95%;
}

/*   CSS del formulario       */

form{
	display:inline-block;
	width:100%;
	margin:auto;
	padding:10px 20px;
	box-sizing:border-box;
	margin-top:5px;
	border-radius:3px;
}

input, textarea {
	font-family:Verdana, Geneva, sans-serif;
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	border-color: #CCC;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	background-color: #F8F8F8;
}

textarea{
	resize: none;
	max-width:100%;
}

#boton{
	color: #fff;
	padding: 10px;
	background-color: #28843B;
}

#boton:hover{
	background-color: #489B6D;
	cursor: pointer;
}



.bloque1{
	display:table-cell;
	width: 50%;
	padding-right:10px;


}


.bloque2{

	display:table-cell;

	width: 50%;


}

.bloque3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	line-height:22px;

	
	display:inline-block;
	width: 585px;
	height:312px;

}

.bloque4{

display:inline-block;
width:340px;
height:312px;
background-color:#000;



}


.bloque5{


	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	line-height:25px;

	
	display:inline-block;
	width: 585px;
	height:312px;

}

.bloque6{
	position:relative;
	top:-175px;


	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	line-height:30px;

	
	display:inline-block;
	width: 585px;
	height:100px;

}

.bloque7{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	line-height:25px;
	display:inline-block;
	width: 585px;
	height:312px;

}

.bloque8{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	display:inline-block;
	width: 585px;
	height:250px;
	position:relative;
	top:-55px;
}

.bloque9{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	line-height:29px;
	display:inline-block;
	width: 585px;
	height:250px;
	position:relative;
	top:-55px;
}


.client{
	display:inline-block;
	width:130px;
	height:130px;

	background-image:url(images/bg-client.jpg);
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.client2{
	display:inline-block;
	width:178px;
	height:130px;

	background-image:url(images/bg-client.jpg);
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.clients{
	text-align:center;
	width:960px;
	margin-left:-5px;
}

/*************RRHH***************/
a.dest{
	float:left;
	color:#82A80B !important;
	text-align:center;
	width:100%;
	font-size:1.2em;
}
p.rrhh{
	width:90%;
}

p.rrhh-dest{
	border:1px dotted; 
	padding:5px; 
	width:80%; 
	margin:15px 0 30px;
}

span.rrhh{
	font-size:14px;
	text-align:left;
	color:#82a80b;
}

#mailrrhh {
	margin-left: 180px;
}

/*******************CONTACTO*****************/

.next{

text-align:center;
}


#page{
	background-image:url(images/bubbles.png);
	background-repeat:repeat-x;


	width: 100%;
	height: 700px;
	left:0;
	top:0;
	position:absolute;
	z-index:-1;

}



.cabeza{
	margin: 0 auto;
	width: 90%;
	height: 140px;
}
.contenedor{

	margin: 0 auto;

	width: 1090px;
	height: auto;

}
.cuerpo{
background-color:#FFFFFF;

	
	width:930px;
	
	height:auto;
	padding: 15px;
	
	
	
	margin:0 auto;

	margin-bottom: 20px;
	margin-top: 30px;
	

 -webkit-box-shadow: 0px 0px 10px #999;
 -moz-box-shadow: 0px 0px 10px #999;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=0, Strength=4)

}



#pie{
	text-align:center;
	padding:0px;
	margin:0px;
	height: 50px;
	width: auto;
	font-size:12px;
	color:#0c5c41;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#pie a:hover{
	text-decoration:underline;
	}

#mailpie {
	position: relative;
	top: 4px;
}



/* Clearfix */
.clear:before, .clear:after {
    content: " ";
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
a#pull {
    display: none;
}
.navegador{
	margin-top: 100px;
	float: right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	font-size: 14px;	
}
nav {
    width: 100%;
    height:40px;
	position: relative;
}
nav ul {
    padding: 0px;
    margin: 0 auto;
    width: auto;
    height: 40px;
}
nav li {
	position:relative;
	display: inline;
	border-right-color: #AECAB8;
	border-right-style: solid;
	border-right-width: 1px;
}

nav li img{
	position:absolute;
	z-index:-99;
	left:-8px;
	top:-12px;
}

nav a {

	-webkit-transition: all .5s ease; /* Safari y Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	text-decoration: none;
	color: #0c5c41;
	display: inline-block;
	width: auto;

	margin: 0px 15px 0px 15px;
	text-align: center;
}
 
 
nav li:last-child a {
    border-right: 0;
}
 
nav a:hover, nav a:active {
	text-decoration: underline;
}


/*******************CONTACTO*****************/
p.contact{
	line-height:15px;

	margin-left:23px;
}

span.left{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#82a80b;
	text-align:left;
}

#mailcontacto{
	margin-bottom:-5px;
}

/****************SITEMAP*******************/

.info li{
	float:left;
	color:#4D4D4D;
	width:100%;
	line-height:1.72em;
	margin-bottom: 10px;
	margin-left: 15px;
}

.info li a{
	color:#4D4D4D;
}

#sitemap ul li {
	list-style: square;
}


@media only screen and (max-width : 930px) {
	.net{
	visibility:hidden;	
	}
	
	
	.btn-prev, .btn-next {
	visibility:hidden;	
	}
	
	
	.navegador{
	
    margin-top:0px;
	float:none;
	font-size: 14px;
}



	nav {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width: 100%;
	height: auto;
    }
    nav ul {	
    display: none;
    height: auto;
    width: 100%;
    }
 
    nav li {

	border-right:none;
    width: 100%;   
    position: relative;
    }
	
	nav img {
	display:none;
    }
 
    nav a {
			text-shadow:0px 0px 2px #999999;
	padding:10px 0px 10px 0px;
	margin:0px;


    width: 100%;
    
    }
	
    nav a#pull {
		text-decoration:none;
    display: block;
	
    }
	nav a#pull:after {
    content:"";
    background: url('nav-icon.png') no-repeat;
	width: 100px;
    height: 25px;
    float:left;
	}

	
	

    .cabeza{
	margin: 0px;
	width: 100%;
	height: auto;
}



.contenedor{
	margin: 0px;
	padding:0px;

	width: 100%;


}



.cuerpo{
	text-align:center;
	padding:20px 0px 20px 0px;
	margin:0px 0px 15px 0px;
	width:100%;
	height:auto;
}


#pie{
	width: 100%;
	height:50px;
	text-align:center; 
}


	


.bloque1{
	display:block;
	padding: 0;
	
	width: 100%;
	height: auto;
}

.bloque2{
	display:block;
	padding: 0;
	
	width: 100%;
	height: auto;
}

.bloque3{
	display:block;
	padding: 15px;
	text-align:left;
	width: 93%;
	height: auto;
}

.bloque5{
	display:block;
	padding: 15px;
	text-align:left;
	width: 93%;
	height: auto;
}

.bloque6{
	top:0px;
	display:block;
	padding: 15px;
	text-align:left;
	width: 93%;
	height: auto;
}

.bloque1 img{
	width:80%;
	height:auto;

}

.bloque2 img{
	width: 80%;
	height:auto;
}

/*************RRHH***************/
a.dest{
	float:none;
	color:#82A80B !important;
	text-align:center;
	width:100%;
	font-size:1.2em;
}
p.rrhh{

	width:90%;
}

p.rrhh-dest{

	border:1px dotted; 
	padding:5px; 
	width:95%; 
	margin:15px 0 30px;
}

span.rrhh{
	font-size:14px;
	text-align:center;
	color:#82a80b;
}

#mailrrhh {
	margin-left: 0px;
}

.bloque7{
	display:block;
	padding: 15px;
	text-align:center;
	width: 93%;
	height: auto;
}

.bloque8{
	top:0px;
	display:block;
	padding: 15px;
	text-align:center;
	width: 93%;
	height: auto;
}

.bloque9{
	top:0px;
	display:block;
	padding: 15px;
	text-align:left;
	width: 93%;
	height: auto;
}

.client{
	display:inline-block;
	width:130px;
	height:130px;

	background-image:url(images/bg-client.jpg);
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.client2{
	display:inline-block;
	width:178px;
	height:130px;

	background-image:url(images/bg-client.jpg);
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.clients{
	width:100%;
	margin-left:-5px;
}