@charset "utf-8";
/* selector universal */
* {
margin:0;
padding:0;
border:0;
font-family:Lucida Grande,Lucida Sans Unicode,sans-serif;}


/* selecctores de etiquetas */

body {
background-image:url(img/fondo-web.jpg);
background-repeat:repeat;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;}

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

h1 {
background:url(img/pelotitas.png) no-repeat left 7px;
padding:15px 0 5px 19px; /* arr  der  aba  izq */
margin-bottom:10px;
font-size:23px;}

h2, h3 {
padding:10px 0 5px 0;
border-bottom:1px dotted #999999;
font-size:23px;
margin:0 0 20px;
color:black; }

/* selecctor de id  */

#encabezado, #menu, #centro, #pie {
width:960px;
margin:auto;
}

#encabezado {
height:100px;
}

#menu {
width:940px;
height:42px;
/* background-color:#0066CC;  #005652;
background: linear-gradient(#B2CCFF, #FFF); */
background: white;
padding:20px 10px 0px 10px;   /* arr  der  aba   izq  */
text-align:right;
}

#centro {
width:920px;
height:auto;
background-color:#FFFFFF;
padding:20px;
}

#pie {
 width:930px;
height:50px;
background-color:#333333;
color:#CCCCCC;
padding:30px 0 0 30px;
text-align:center;
}

#logos {
width:894px;
height:60px;
border:none;
clear:both;
padding:20px 0 0 30px;
text-align: right;
}

/* selector desendentes */

#logos img {
margin-right:20px;
opacity:0.8;
filter:Alpha(opacity=80)
}

#logos img:hover {
opacity:1;
filter:Alpha(opacity=100)}

#derechos {
	text-align: left;
	float: left;
	padding-top:20px;
	font-size: 1.2em;
	
}
/*
#col1 img {
margin:0 0 15px 15px;}

#col1 p {
margin:0 0 15px 18px;
font-size:1.2em;}

#col2 p {
margin:0 0px 15px 0;
border-bottom:1px dotted #333333;
padding:0 0 10px 0}
*/


/* selecctor vinculos menu */

#menu a {
color:#FFFFFF;
}

#menu a:hover {
color:white;
}

/* selecctor vinculos  */

#pie a {
color:#FFF}

#pie a:hover {
color:#FF9900}

/* selecctor pseudo clases */

#col2 p:first-line {
font-weight:bold;
font-size:12px;}


/* DEFINICION DE BOTONES */

.btn {
  background: #CCC; 
  color: #FFF;
  display: inline-block;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
  font-family: Arial, sans-serif;
  line-height: 2.5em;
  padding: 0 3em;
  text-decoration: none; 
	border:1px solid #0E86B2;
}

.red.btn {
  background: linear-gradient(#D60A0A,#B20808);
  text-shadow: 1px 1px 1px #B20808; 
}
.red.btn:hover {
	background: linear-gradient(#FF3C3C,#6E1111);
}

.blue.btn {
  background: linear-gradient(#11A1D6,#0E86B2);
  text-shadow: 1px 1px 1px #0E86B2; 
}

.blue.btn:hover {
  background: linear-gradient(#3CCCFF,#0E86B2);
  
}

.blueSel.btn {
  background: linear-gradient(#496EB9, #000056);
  border:1px solid blue;
}
.large.btn {
  line-height: 3em;
  padding: 0 2em; 
  font-size:1em;
  font-weight: bold;
  font-family:Tahoma;
  margin-right:10px;
}

/* CUADRADOS PARA SLIDES DE IMAGENES:

  Bullet Navigator Skin Begin - jssor slider bullet navigator skin 01 
   .jssorb01 div  (normal)
   .jssorb01 div:hover  (normal mouseover)
   .jssorb01 .av  (active)
   .jssorb01 .av:hover  (active mouseover)
   .jssorb01 .dn  (mousedown)
*/
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
 filter: alpha(opacity=70);
 opacity: .7;
 overflow:hidden;
 cursor: pointer;
 border: #000 1px solid;
}
   .jssorb01 div { background-color: gray; }
   .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
   .jssorb01 .av { background-color: #fff; }
   .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

   /* 	FLECHAS DE SLIDES
		jssor slider arrow navigator skin 05 css */
   /*
   .jssora05l  (normal)
   .jssora05r  (normal)
   .jssora05l:hover  (normal mouseover)
   .jssora05r:hover  (normal mouseover)
   .jssora05ldn   (mousedown)
   .jssora05rdn   (mousedown)
   */
   .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
   {
   	position: absolute;
   	cursor: pointer;
   	display: block;
 background: url(img/a17.png) no-repeat;
 overflow:hidden;
   }
   .jssora05l { background-position: -10px -40px; }
   .jssora05r { background-position: -70px -40px; }
   .jssora05l:hover { background-position: -130px -40px; }
   .jssora05r:hover { background-position: -190px -40px; }
   .jssora05ldn { background-position: -250px -40px; }
   .jssora05rdn { background-position: -310px -40px; }

  /* empresas */

  .logoEmp {
	float:left;
	padding:20px 10px 10px 10px;
	width:200px;
	height:150px;
  }
  
  .descripcionEmp {
	float:left;
	width:680px;
	padding:10px 10px 20px 10px;	
	height:150px;
  }
  .descripcionEmp h3 {
	color:black;
	padding:10px 0 10px 0;
	margin:0;
	font-size:16px;
	border-bottom:none;
  }
  
  .racser.logoEmp {
	background-color:#99CCFF;
	height:620px;
  }
  
  .racser.descripcionEmp {
	background-color:#99CCFF;
	height:620px;
  }

  .disChali.logoEmp {
	background-color:#FFFF99;
	height:560px;
  }
  
  .disChali.descripcionEmp {
	background-color:#FFFF99;
	height:560px;
  }  
  
  .traChali.logoEmp {
	background-color:#B8FFB8;
  }
  
  .traChali.descripcionEmp {
	background-color:#B8FFB8;
  }  
  
  .serChali.logoEmp {
	background-color:#D6D6FF;
  }
  
  .serChali.descripcionEmp {
	background-color:#D6D6FF;
  }

  .aylambo.logoEmp {
	background-color:#FFC2B2;
  }
  
  .aylambo.descripcionEmp {
	background-color:#FFC2B2;
  }    
  
 .descripcionEmp p {
	font-size:1.4em;
	color:black;
	padding-right:40px;
 }
 
 /* atributos de la empresa */
 
#valores {
	width:880px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:50px;
	padding:20px 20px 30px 20px;
}
#valores h2 {
	color: black;
}
#valores p {
font-size:1.4em;
color: black;}

#integridad, #lealtad, #confianza, #verdad {
	width:450px;
	float:left;
	height: 250px;
	padding:0px 0px 0px 0px;
	color: black;
	margin-top:15px;
	margin-bottom:50px;
}

#integridad , #confianza{
	margin-right:20px;
}
#integridad {
	background-image:url(img/valores/integridad.jpg);
}
#confianza {
	background-image:url(img/valores/confianza.jpg);
}
#lealtad {
	background-image:url(img/valores/lealtad.jpg);
}
#confianza {
	background-image:url(img/valores/confianza.jpg);
}
#verdad {
	background-image:url(img/valores/verdad.jpg);
}

.fondoH3 {
	margin-top:-50px;
	background-color:#084B8A;
	 /* opacity: 0.6;
    filter: alpha(opacity=60);For IE8 and earlier */

}
 h3 {
	font-size:16px;
	color:white;
	padding-left:20px;
	padding-top:20px;
}

#mision, #vision {
	width:410px;
	float:left;
	height: 190px;
	padding:20px 20px 30px 20px;
	color: black;
}

#mision {
	margin-right:20px;
	background-color:#DBFF70;
	}
#vision{ background-color:#4DDBFF;}

#mision p, #vision p {
	font-size:1.4em;
}

#nuestraGente, #objetivos{
	float: left;
	height:auto;
}
#objetivos {
	width:880px;
	margin-top:20px;
	padding:20px 20px 20px 20px;
	background-color:#CEE3F6
}

#objetivos p {
	background:url(img/check.png) no-repeat left 3px;
	font-size:1.4em;
	color:black;
	padding-bottom:10px;
	padding-left:25px;
}

#nuestraGente h2 {
	margin-top:20px;
	font-size:23px;
	background:#99C2EB;
	width:100%;
	width:900px;
	padding-left:20px;
	border-bottom:none;
}


/* formulario contacto */

.etiqueta {
	float: left;
	width:100px;
	color: black;
	font-size:1.4em;
	line-height:2.5em;
}

.campo {
	float: left;
	width: 350px;
	color: black;
	font-size:1.4em;
	background-color:white;
	margin-top:5px;
	border:1px solid #81BEF7;
}

.cambioLinea {
	clear: both;
}

.fondoForm {
	margin-top:15px;
	width:880px;
	padding:20px 20px;
}

.fondoForm p {
	font-size:1.4em;
	color:black;
}
#botEnviar {
	padding-top:20px;
	padding-left: 100px;
}
#enviarEmail {
	width:880px;
	height:250px;
	margin-top:15px;
	margin-bottom:50px;
	padding:20px 20px 30px 20px;
}

#enviarEmail h2 {
	margin-top:20px;
	font-size:23px;
	width:100%;
	width:900px;
	padding-left:20px;
	border-bottom:none;
}

#enviarEmail p {
	font-size:1.4em;
	color:black;
	padding-left:20px;
}