@import url(normailize.html);

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body{
	margin:0;
	background: #fff; font-family: Tahoma, Geneva, sans-serif; font-size:13px; padding:0;
	color: #5e5e5e;
	background: url(../images/bg1.png);
}

::selection 	 	{background: #202020; color: #fff; }
::-moz-selection 	{background: #202020; color: #fff; }

img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}


.cl { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


body a{
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

img{ border:0;}

p{ margin-bottom:15px; line-height:21px;}

strong{ font-weight:bolder;}

h1,h2,h3,h4,h5,h6{

	font-weight: 400;
	 font-family: 'Montserrat', sans-serif;

}
ul{ list-style:none; margin:0; padding:0;}
	

h2{ font-size:22px; color:#105c94; display:block; margin:15px 0; font-family: 'Montserrat', sans-serif;}
	.orange{ color:#ef6d30;}
	.sub{ border-bottom:#ececee 2px solid; padding-bottom:5px;}


h3{ font-size: 16px;  color:#165695; margin:8px 0;}

h4{ font-size: 16px;  color:#266091; margin:8px 0;}

h5{ font-size: 20px; color:#fff; margin:0 0 20px 0;}
h6{ font-size: 14px; }

.relative{ position:relative;}

.left{ float:left;}
.right{ float:right;}

.padd10{ padding:0 20px;}
.padd15{ padding:15px;}


.col_1{ width:550px;}

.contenedor{ width:1100px; margin:0 auto;}

.relative{ position:relative;}

/*HEADER */
#header{}
.bar-top{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e9eef1+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(left, #fefefe 0%, #e9eef1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#e9eef1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fefefe 0%,#e9eef1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fefefe 0%,#e9eef1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fefefe 0%,#e9eef1 100%); /* IE10+ */
background: linear-gradient(to right, #fefefe 0%,#e9eef1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9eef1',GradientType=1 ); /* IE6-9 */ height:38px; }
	.redes{ float:left;  margin:10px 0 4px 550px;}
	.redes li{ float: left;}
	.redes li a{ display:block; width:32px; height:32px;}
		.redes li a:hover{}
		.facebook{ background: url(../images/icons/facebook-icon.html)   no-repeat;}
		.facebook:hover{}
		.twitter{ background: url(../images/icons/twitter-icon.html)  no-repeat;}
		.linkedin{ background: url(../images/icons/linkedin-icon.html)  no-repeat;}

#header .h_1{ width:30%; float:left;}
#header .h_2{ width:70%; float:left; background:url(../images/bg-menu.jpg) right bottom repeat-x; }

	#logo{ display:block; background: url(../images/alcafero.png) no-repeat; width:297px; height:96px;}
	
	#numero{font-family: 'Montserrat', sans-serif; color:#0061a6;  background:url(../images/icons/telefono1.png)  no-repeat 10px 10PX; padding:6px 30PX 5px 50px; margin:5px 0 4px 50px; float:left; color:#027cd2; border-radius:1px; border:#bdd9ec 1px solid;}
	#numero span{ font-size:18px; color:#fe6d40;}
	
	#navigation{ padding-left:60px; background:url(../images/bg-menu-left.jpg) no-repeat; min-height:48px;}
	#navigation li{ float:left;}
	#navigation li a{ display:block; color: #FFF; border-right:#0369aa 1px solid; padding:13px 30px 17px 30px; transition:.4s all; font-family: 'Montserrat', sans-serif; font-size:12px; margin-top:2px;}
	#navigation li a:hover{  background:#fe651f}




.servicios{  text-align:center; }
.servicios li{ width:252px; display: inline-block; margin-right:40px; text-align:center; border-right: #e6e6e6 2px solid; padding:20px 0 60px 0; padding-right:40px}
.servicios p{ line-height:17px;}
.servicios img{ transition:all .4s;}
.servicios img:hover{ opacity:.5;}
.servicios li h3{ margin: 25px 0 15px; background:url(../images/icons/line.gif)  center bottom no-repeat; padding-bottom:12px;}
.servicios li h3:hover{ color:#ef6d30;}
	.more{ background:#ff7e00; color:#FFF; padding:8px 25px; transition: all .4s;}
	.more:hover{ border:2px solid #3a73c1; color:#3a73c1; background:#FFF;}

#footer{ background:url(../images/map1.gif)  top left no-repeat, url(../images/map2.gif)  top right no-repeat; background-color:#005096;  color:#FFF; padding-top:50px;}
	.col1{ width:245px; margin-right:40px; float:left;}
	.col2{ width:295px; margin-right:40px; float:left;}
	#footer { color:#9ad0ff;}
	#footer a{ transition:all .4s; color:#9ad0ff}
	#footer a:hover{ color: #ff7e00;}
	
	.enlaces a{ display:block; border-bottom:#2b74c3 1px solid; color:#FFF; padding:8px 3px; transition:all .4s;}
	.enlaces a:hover{ border-bottom:#ff7e00 1px solid;}
		.consultas{}
	.datos .cell{ background:url(../images/icons/phone.png) no-repeat; padding-left:30px;}
	.datos .mail{ background:url(../images/icons/ico-mail.html) no-repeat; padding-left:30px;}
	.datos .map{ background:url(../images/icons/ico-map.png) no-repeat; padding-left:30px;}
	
	.bottom{ background:#144b87; border-top:#1e60a9 1px solid; padding:20px 0; color:#3c8ae0; font-size:12px;}
	
	
	/* interior */
	.mision{ padding:20px 20px 20px 0; position:relative; margin: 20px auto;}
	
	
	
	.trabaja{ background:url(../images/bolsa-de-trabajo.jpg) bottom right no-repeat; min-height:500px;}
	
	.clientes{ text-align:center;}
	.clientes li{ display:inline-block; margin:15px; border: #B7D3FF 1px solid; position:relative;}
	.clientes li .hov{ display:none; transition:all .4s;}
	.clientes li:hover .hov{ display:block; position:absolute; top:0; left:0; width:184px; height:90px; background:rgba(254,136,40,.8);  }
	.noticia{ margin-right:-20px;}
	.noticia li{    border: 1px solid rgb(237, 234, 234); margin:20px; padding:8px; width:500px; float:left;}
	.noticia li .imagen{ float:left; margin-right:10px;}
	.noticia li .texto{ float:right; width:260px;}
	.noticia li .texto h3{ border-bottom: #999 2px solid; padding-bottom:6px; min-height:40px;}
	.noticia li .texto p{ line-height:16px;}
	
	
	.dates { float:left; margin-right:90px;}
	.dates li{ padding-left:50px; margin-bottom:20px; padding-bottom:5px; min-height:32px;}
	.dates .number{ background:url(../images/icons/phone1.png) no-repeat; }
	.dates .dir{ background:url(../images/icons/ubica1.png) no-repeat; }
	.dates .email{ background:url(../images/icons/mail1.png) no-repeat; }
	
	.lista1{ margin-bottom:14px;}
	.lista1 li{ margin-bottom:5px; background:url(../images/icons/arrow.png) 2px 1px no-repeat; padding-left:30px; line-height:21px;}
	.lista2 li{ margin-bottom:24px; background:url(../images/icons/arrow2.png) 2px 2px no-repeat; padding-left:30px; }
	
	.imagenx{ border:#D7D7D7 1px solid; padding:4px; float:right; margin: 0 0 0 20px;}
	
	.formulario{ }
	.formulario .campo{ border:#9ebed9 1px solid; border-radius:3px; padding:10px 15px; display:block; margin-bottom:8px; width:720px; } 
	.formulario .enviar{ background:#ff4800; color: #FFF; padding:12px 20px; font-size:11px; font-weight:bolder; border:0; cursor:pointer; }
	
	.btn2{ background:#003f77; background-image: url(../images/icons/work.png); background-repeat: no-repeat; background-position:22px 12px; padding:14px 35px 14px 55px; border-radius:2px; text-align: center; font-family: 'Montserrat', sans-serif; color:#FFF; transition:all .2s;}
	.btn2:hover{ background:#2f9dd0 ; background-image: url(../images/icons/work.png);background-repeat: no-repeat; background-position:22px 12px;  color: #FFF !important;}
	
	.franja_menu input, .franja_menu  label{ display:none;}
	
@media (max-width:900px){
	.contenedor{ width: auto; }
	.padd{padding:0 20px}
	.left,.right{ float:none; /*text-align: center;*/}

	#logo{ display:block; margin:0 auto;  }
	
	.h_1, .h_2{ width:100% !important; float: none; display:block; background:none !important;}

	.redes { 
		width:40px; 
		margin:0 auto; 
		text-align:center !important; 
		float:none; 
		/*position: absolute; 
		top: 50%;*/
		position: fixed;
		top: 65vh;
		z-index: 100;
		background: rgba(255,255,255,0.9);
    	padding: 8px 0 0 8px;
    	border-top-right-radius: 10px;
    	border-bottom-right-radius: 10px;
   		box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
   	}

	.redes  li{ display:inline-block!important; margin-bottom: 8px;}

	.col_1, .col_2{ width: auto;}
	
	.imgx{ width:100%;}
	
	.franja_menu  label
	{
		text-align:center;
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
		background-color:#045597;
		color:#fff;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		z-index:999999999;
		
	}

	.franja_menu  input:checked + nav
	{
		/*display: block;*/
		opacity: 1;
		display:inherit;
		transform:translateY(0px);
	}
	.franja_menu  nav{
		position: absolute;
		opacity: 0;
		width: 100%;
		display: none;

		transition:transform 0s 0s, opacity 1s .1s;
		z-index:9998888889;
		background:#045597;
		
	}
	.franja_menu nav li
	{
		display: block;
		margin:0;
		padding:0;
		

	}
	
	#navigation{ padding:0; background: rgba(0,93,152,.9); min-height:48px; width:100%;}
	#navigation li{ display:block; float:none; text-align:center;}
	#navigation li a{ display:block; color: #FFF; border-right:#0369aa 1px solid; padding:13px 30px 17px 30px; transition:.4s all; font-family: 'Montserrat', sans-serif; font-size:12px; margin-top:2px;}
	#navigation li a:hover{  background:#fe651f}
	
	/*#numero{ display: none;}*/
	#numero{ display: inline-block; margin:0; float: none; margin-left: 25vw;}
	
	.servicios li{ width: auto; display: block; margin-right:0;  border:0; padding:20px 0 20px 0; padding-right:0;  }
		.griss{background:#EEE;}

	.dates { float: none; margin:0;}
	.formulario .campo{  width:100%; } 
	
		.noticia li{    border: 1px solid rgb(237, 234, 234); margin:20px; padding:8px; width:auto; float: none;  display:block; }
	.noticia li .imagen{ float: none; display:inline-block; margin-right:10px; width:40%; vertical-align:top;}
	.noticia li .imagen img{ width:100%;}
	.noticia li .texto{ float: none; display:inline-block; width:50%;}
	.noticia li .texto h3{ border-bottom: #999 2px solid; padding-bottom:6px; min-height:40px;}
	.noticia li .texto p{ line-height:16px;}

	
	/* footer */
	
	.col2{ width: auto;}

}
@media (max-width:500px){
	#logo{ display:block; margin:0 auto; background-size: contain; height:80px;}
	.noticia li .imagen{ margin-right:0; width:100%;}
	.noticia li .texto{ width:100%;}

}