@font-face {
	font-family:"Roboto Regular";
	src:url("../fonts/Roboto-Regular.eot?") format("eot"),
	url("../fonts/Roboto-Regular.woff") format("woff"),
	url("../fonts/Roboto-Regular.ttf") format("truetype"),
	url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Roboto Bold";
	src:url("../fonts/Roboto-Bold.eot?") format("eot"),
	url("../fonts/Roboto-Bold.woff") format("woff"),
	url("../fonts/Roboto-Bold.ttf") format("truetype"),
	url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
	font-weight:normal;
	font-style:normal;
	}


#contenedor{
  width:100%;
  overflow:hidden;
  position:relative;
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

header {
  background: #c8c8c8;
  border-bottom: 42px solid #000066;
}

#menu{
	padding-bottom: none;
	background: transparent;
	width: 100%;
	margin-bottom:0;
	border: none;
	font-family:"Roboto Regular";
  min-height: 10px;
  background: #f2f2f2;
}

.menu{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.menu li{
  text-align: center;
}

#navbar a{
  color: #000066;
  font-size: 15px;
  float: left;
  position: relative;
  padding: 10px 20px;
  margin-left: 20px;
  text-decoration: none !important;
  min-height: 32px;
  text-transform: uppercase;
}

#navbar a:hover{
  background: #000066;
  color: #FFF;
}

#navbar .selec{
  background: #000066;
  color: #FFF;
}

#logo{
  z-index: 999;
}

.triangulo{
  background: url(../img/triangulo.png) no-repeat center;
  width: 100%;
  height: 152px;
  position: absolute;
  bottom: 0px;
}
#carousel-home .carousel-indicators li{
  background: #000;
  width: 15px;
  border:none;
  height: 15px;
}

#carousel-home .carousel-indicators .active{
  background: #000066;
  border:none;
}

.gris{
  background: #e8e8e8;
  padding: 30px 0px;
}

.home{
  text-decoration: none!important;
  float: left;
  position: relative;
  width: 100%;
  margin-top: 30px;
}

.home-texto{
  background: #02026c;
  padding:90px 20px 80px 20px;
  display: block;
  color: #FFF;
  text-align: center;
  font-family:"Roboto Regular";
  font-size: 16px;
  text-decoration: none !important;
  margin-top: -50px;
  min-height: 292px;
}

.home-t{
  font-family:"Roboto Bold";
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

.home:hover .home-texto{
  background: #000;
}

#links{
  padding-top: 30px;
  font-family:"Roboto Regular";
}

#links p{
  margin-top: 90px;
  font-size: 15px;
  line-height: 24px;
}

#links h1{
  padding: 4px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 24px;
  text-align: center;
  font-family:"Roboto Bold";
  border-bottom: solid 1px #000;
  display: inline-block;
  margin-bottom: 30px;
  color: #000;
}

#links h2{
  text-transform: uppercase;
  font-size: 24px;
  text-align: center;
  font-family:"Roboto Bold";
  display: inline-block;
  margin-top: 40px;
  color: #000;
}

.sombra{
  background: url(../img/sombra.png) no-repeat center;
  width: 70%;
  margin-left: 15%;
  height: 32px;
  background-size: contain;
}

footer{
  background: #d1d2d3;
  padding: 10px 0px;
  font-family:"Roboto Regular";
  color:#000;
  text-align: center;
}

footer h4{
  text-align: center;
  font-family:"Roboto Bold";
  font-size: 18px;
}

footer p{
  font-family:"Roboto Regular";
  font-size:15px;
  text-align: center;
  line-height: 18px;
}

#web{
  color: #000;
  background: url(../img/web.png) no-repeat right;
  padding-right: 145px;
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
}

#web:hover{
  background: url(../img/web-h.png) no-repeat right;
}

#fb{
  background: url(../img/fb.png) no-repeat right;
  width: 41px;
  height: 41px;
  display: inline-block;
}

#fb:hover{
  background: url(../img/fb-h.png) no-repeat right;
}

#contenido{
  background: url(../img/bg.jpg) no-repeat center;
  background-size:cover;
  font-family: 'Roboto', sans-serif;
}

.blanco{
  background: #fff;
  margin-bottom:20px;
  padding-bottom: 40px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.empresa{
  margin-top: 15px;
}

.empresa h2{
  font-family:"Roboto Bold";
  background: #000066;
  color: #fff;
  padding: 5px 40px;
  font-size: 38px;
  position: relative;
  display: inline-block;
  margin-left: -30px;
}

.empresa h2::before {
  border-top: 52px solid transparent;
  border-left: 54px solid #000066;
  right: -54px;
  content: '';
  width: 0px;
  height: 0px;
  top: 0px;
  position: absolute;
}

.empresa p{
  text-align: justify;
  margin-top: 10px;
  width: 70%;
  font-size:17px;
  line-height:20px;
}

.emp1{
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 59px;
  margin-top: 40px;
}

.emp1 h2{
  font-family:"Roboto Bold";
  background: #000066;
  color: #fff;
  padding: 3px 40px;
  font-size: 43px;
  position: relative;
  display: inline-block;
  float: right;
  margin-right: 129px;
}

.emp1 h2::after{
  border-top: 53px solid transparent;
  border-right:58px solid #000066;
  left: -57px;
  content: '';
  width: 0px;
  height: 0px;
  top: 0px;
  position: absolute;
}

.emp1 p{
  font-family:"Roboto Regular";
  width: 100%;
  float: left;
  margin-top: 72px;
  line-height: 26px;
  background: url(../img/li.png) no-repeat 0px 3px;
  padding-left: 22px;
  font-size:20px;
}

.emp2{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 16px;
}

.emp2 h2{
  font-weight: bold;
  background: #000066;
  color: #fff;
  padding: 5px 40px;
  font-size: 34px;
  position: relative;
  display: inline-block;
  float: right;
  margin-right: -30px;
}

.emp2 h2::after{
  border-top: 47px solid transparent;
  border-right: 50px solid #000066;
  left: -50px;
  content: '';
  width: 0px;
  height: 0px;
  top: 0px;
  position: absolute;
}

.emp2 p{
  text-align: right;
  width: 100%;
  float: left;
  margin-top: 30px;
  line-height: 35px;
}

.mision h2{
  font-family:"Roboto Bold";
  font-size: 35px;
  color: #000066;
  border-bottom: 1px dotted #000066;
}

.mision p{
  text-align: justify;
  padding-top: 15px;
  line-height: 21px;
  font-size: 17px;
  padding-bottom: 20px;
}

.lia{
  background: url(../img/li1.png);
  width: 15px;
  height: 15px;
  display: inline-block;
}

.negro{
  width: 360px;
  height: 53px;
  background: #000066;
  position: absolute;
  right: -230px;
  top: 0px;
}

.ser{
  margin-top: 20px;
  float: left;
  position: relative;
  margin-bottom: 20px;
}

.nombre-ser{
  background: #000066;
  color: #FFF;
  float: left;
  position: relative;
  width: 100%;
  padding: 15px;
  font-size: 23px;
}

.nombre-ser-tex{
  display:inline-block;
  text-align: right;
  float: right;
  font-size:25px;
}

.nombre-ser-tex span{
  font-family:"Roboto Regular";
  font-size: 36px;
}

.ico-ser{
  display: inline-block;
  vertical-align: middle;
  padding-top: 13px;
}

.ser:hover .nombre-ser{
  background:#000;
}

#carousel-ser{
  padding: 30px 0px;
  float: left;
  position: relative;
  margin-bottom: 100px;
}

#carousel-ser .carousel-indicators{
  text-align: right;
  bottom: 0px;
  left: 70%;
}

#carousel-ser .carousel-indicators li{
  background: #000;
  border:none;
  width: 15px;
  height: 15px;
}

#carousel-ser .carousel-indicators .active{
  background: #000066;
  border-color: #000066;
}

.ser-p p{
  width: 80%;
  text-align: justify;
  margin-top: 80px;
  line-height:32px;
}

#barra{
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 0px;
  min-height: 80px;
  background: #000066;
}

#barra a{
  font-family:"Roboto Regular";
  font-size:16px;
  float: right;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  background: url(../img/btn.png) no-repeat left center;
  padding: 10px;
  padding-left: 30px;
  line-height: 20px;
}

.triangulo-azul{
  margin-top: -50px;
}

.sector{
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #000;
  text-decoration: none !important;
}

.sector span{
  font-family:"Roboto Regular";
  display: block;
  margin-top: -40px;
  font-size:20px;
}

.sector .li{
  background: url(../img/li.png);
  width: 15px;
  height: 15px;
  display: inline-block;
}

.sector:hover .li{
  background: url(../img/li1.png);
}

.sector:hover{
  color: #000066;
}

.padding-c{
  padding-bottom: 50px;
}

#mapa{
	height:400px;
  width: 100%;
  float: left;
  position: relative;
}

#ampliar{
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #000;
  color: #FFF;
  text-align: center;
  position: absolute;
  left:20%;
  top:-30px;
  font-size: 18px;
  text-align: center;
  z-index: 1;
  padding-top: 32px;
  text-transform: uppercase;
}

#ampliar:hover{
	background:#000066;
  text-decoration: none;
}

#formulario{
  margin-top: 30px;
  float: left;
  position: relative;
  width: 100%;
}

#formulario h2{
	color: #000 !important;
	text-transform: none;
	font-size: 18px;
	margin-top: 5px;
}

#formulario input{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding:11px 8px;
	margin-top: 5px;
}

#formulario textarea{
	width:100%;
	background-color:#000;
	color:#fff;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding:7px 8px;
	margin-top: 5px;
}

#enviar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:left;
	font-size:18px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px !important;
	padding:10px 0px !important;
	background: #000 !important;
  text-transform: uppercase;
}

#enviar:hover{
  background: #000066 !important;
	color: #FFF !important;
}

#borrar{
	width:90px !important;
	cursor:pointer;
	position:relative;
  margin-left: 15px;
	float:left;
	font-size:18px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px!important;
	padding:10px 0px !important;
	background: #000 !important;
  text-transform: uppercase;
}

#borrar:hover{
  background: #000066 !important;
	color: #FFF !important;
}

.btn2{
	color:#000; 
	padding:10px;
	position:relative; 
	font-family:"Roboto Bold";
	font-size:17px;
	text-decoration:underline;
}

.noticias{
  margin-top: 56px;
  float: left;
  position: relative;
  margin-bottom: 60px;
}

.noticias2{
  margin-top: 2px;
  float: left;
  position: relative;
  margin-bottom: 81px;
}

.noticias-ser{
  background: #000066;
  color: #FFF;
  float: left;
  position: relative;
  width: 100%;
  padding: 15px;
  font-size: 23px;
}

.noticias-ser:hover{
	background-color:#000;
}

.nombre-noticias-tex span{
  font-family:"Roboto Regular";
  font-size: 30px;
  text-align:right;
  color:#fff;
}

.nombre-noticias-tex{
  display:inline-block;
  text-align: right;
  float: right;
  font-size:25px;
}

.nombre-noticias-tex span{
  font-family:"Roboto Regular";
  font-size: 32px;
}

.datos{
  text-align: center;
}

.datos h1{
  font-family: "Roboto Bold";
  font-size: 26px;
  padding: 7px 0px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 3px 2px #000;
}

.datos p{
  font-size: 18px;
  color: #000;
  text-shadow: 1px 2px 1px #fff;
  line-height: 20px;
  padding-bottom: 18px;
}

.trabaje p{
  text-align: center;
  font-size: 22px;
}

.requisitos{
  margin-top: 32px;
}

.requisitos h1{
  padding-bottom: 25px;
  font-size: 20px;
  color: #000066;
  text-shadow: 1px 2px 1px #fff;
  font-family: "Roboto Bold";
  line-height: 20px;
}

.requisitos p{
  font-size: 20px;
  line-height: 30px;
}

#hojadevida{
  background-color: #fff;
  padding: 30px 20px;
  margin-top: 45px;
}

#hojadevida h1{
  float: left;
  width: 100%;
  font-family: "Roboto Bold";
  color: #000 !important;
  background-color: #0000661c;
  padding:9px;
  text-transform: none;
  font-size: 21px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

#hojadevida h2{
  color: #000 !important;
  font-size: 15px;
  margin-top: 15px;
  padding-left:8px;
  text-transform: uppercase;
}

#hojadevida h3{
  color: #000 !important;
  font-size: 15px;
  margin-top: 15px;
  padding-left:8px;
  text-transform: uppercase;
}

#hojadevida input{
  width:100%;
  border: 1px solid #0000001c;
  color:#000;
  font-size:14px;
  padding:9px 8px;
  background-color: #F2F2F2;
  margin-top: 5px;
}

#hojadevida textarea{
  width:100%;
  background-color:#000;
  color:#fff;
  border:none;
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  padding:7px 8px;
  margin-top: 5px;
}

#enviar_h{
  width:90px !important;
  cursor:pointer;
  position:relative;
  float:right;
  font-size:18px !important;
  color:#FFF !important;
  text-align:center;
  margin-top:10px !important;
  padding:10px 0px !important;
  background: #000 !important;
  text-transform: uppercase;
}

#enviar_h:hover{
  background: #000066 !important;
  color: #FFF !important;
}

#borrar_h{
  width:90px !important;
  cursor:pointer;
  position:relative;
  margin-right: 15px;
  float:right;
  font-size:18px !important;
  color:#FFF !important;
  text-align:center;
  margin-top:10px!important;
  padding:10px 0px !important;
  background: #000 !important;
  text-transform: uppercase;
}

#borrar_h:hover{
  background: #000066 !important;
  color: #FFF !important;
}

.form-control {
    background-color: #f2f2f2;
    color: #243842;
    padding: 6px;
    height: 33px;
    border-radius: 0px;
    margin-top: 9px;
}

#back-top {
    background-image: url(../img/whatsapp.png);
    background-repeat: no-repeat;
    width: 51px;
    height: 51px;
    position: fixed;
    right: 15px;
    z-index: 900;
    bottom: 18px;
}

.politica h2{
  font-family: "Roboto Bold";
  font-size: 35px;
  color: #000066;
  border-bottom: 1px dotted #000066;
  margin-bottom: 15px;
}

.politica p {
    font-family: "Roboto Regular";
    width: 100%;
    float: left;
    line-height: 21px;
    background: url(../img/li.png) no-repeat 0px 4px;
    padding-left: 22px;
    font-size: 17px;
    text-align: justify;
}


@media (max-width: 800px){
	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}

	.navbar-toggle {
	    display: block;
			background: #000066  !important;
	}

	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
	    display: none!important;
	}

	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}

	.navbar-nav>li {
	    float: none;
	}

	.navbar-nav>li>a {
	    padding-top: 10px ;
	    padding-bottom: 10px;
	}

	.collapse.in{
	    display:block !important;
	}

	#navbar li {
	   width: 100%;
	}

	#navbar a{
	  width: 100%;
	  text-align: left;
		padding: 5px;
		margin-top: 2px;
	}

	.menu{
	  display: block;
	}

  #links h1 {
    margin-top: 20px;
  }

  footer h4{
    margin-top: 20px;
  }

  .emp2 h2::after {
    border-top: 47px solid transparent;
  }

  .ser-p p {
    margin-top: 20px;
  }

  .sector {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sector span {
    margin-top: -25px;
  }

  .emp1 h2 {
    font-size: 27px;
    padding-bottom: 11px;
  }

  .emp1 .dos::after {
    border-top: 75px solid transparent;
  }
	
	.home-t{
		font-size:18px;
	}

  .datos h1{
    padding: 8px 0px;
    font-size: 22px;
  }

  .datos p{
    font-size: 15px;
    line-height: 17px;
    padding-bottom: 14px;
  }


}


@media (max-width: 900px) and (min-width:800px){
		

	.home-t{
		font-size:18px;
	}
	
	.emp1 p{
		font-size:15px;
		line-height:16px;
    margin-top: 22px;
    width: 100%;
	}

  .mision h2{
    font-size: 24px;
  }

  .mision p{
    font-size: 15px;
  }

  .politica h2{
    font-size: 24px;
  }

  .politica p{
    font-size: 15px;
  }
	
	.emp1 h2{
		font-size:20px;
		padding:7px 40px;
	}
	
	.empresa h2{
		font-size:22px;
		padding:9px 28px;
	}
	
	.empresa h2::before {
		border-top:42px solid transparent;
	}
	
	.emp1 h2::after{
		border-top:36px solid transparent;
	}
	
	.negro{
		height:36px;
	}
	
	.emp2 h2{
		font-size:24px;
	}
	
	.emp2 h2::after{
		border-top:37px solid transparent;
	}
	
	.empresa p{
		width:auto;
		font-size:15px;
	}
	
	.nombre-ser-tex{
		font-size:22px;
	}
	
	.nombre-ser-tex span{
		font-size:27px;
	}
	
	.sector span{
		margin-top:-11px;
		font-size:15px;
	}

  #navbar a{
    margin-left:-21px;
  }

  .datos h1{
    font-size: 22px;
  }

  .requisitos p{
    font-size: 16px;
    line-height: 23px;
  }

  .trabaje p{
    font-size: 19px;
  }
	
}


@media (max-width: 1000px) and (min-width:900px){
	
	.home-t{
		font-size:21px;
	}

  #navbar a{
    margin-left: 5px;
  }

  .mision p{
    font-size: 14px;
    line-height: 20px;
  }
	
	.emp1 p{
		font-size:17px;
		line-height:19px;
	}
	
	.emp1 h2{
		padding:13px 40px;
		font-size:25px;
	}
	
	.empresa h2{
		padding:12px 40px;
		font-size:26px;
	}
	
	.emp2 h2{
		font-size:27px;
		padding:5px 40px;
		}
		
	.emp2 h2::after{
		border-top:40px solid transparent;
	}
	
	.empresa p{
    font-size: 15px;
		width:auto;
	}
	
	.nombre-ser-tex span{
		font-size:27px;
	}
	
	.sector span{
		margin-top:-14px;
    font-size: 17px;
	}

  #links h2{
    font-size: 19px;
  }

  .trabaje p{
    font-size: 18px;
  }

  .requisitos p{
    font-size: 17px;
    line-height: 24px;
  }

  .mision p{
    font-size: 15px;
  }
	
  .politica p{
    font-size: 15px;
  }

  .mision h2{
    font-size: 26px;
  }

  .politica h2{
    font-size: 26px;
  }


}


@media (max-width: 1300px) and (min-width:1000px){
	
	
	.negro{
		height:47px;
	}
	
	.emp1 p{
		font-size:16px;
    line-height: 23px;
    margin-top: 19px;
	}
	
	.emp1 h2{
		padding:8px 40px;
		font-size:28px;
	}
	
	.emp1 h2::after{
		border-top:47px solid transparent;
	}
	
	.empresa h2{
		padding:9px 40px;
		font-size:28px;
	}
	
	.empresa h2::before{
		border-top:49px solid transparent;
	}
	
	.empresa p{
		width:auto;
	}
	
	.nombre-ser-tex span{
		font-size:27px;
	}
	
	.ser-p p{
		line-height:23px !important;
	}
	
	.sector span{
		margin-top:-16px;
    font-size: 17px;
	}

  .mision h2{
    font-size: 25px;
  }

  .politica h2{
    font-size: 25px;
  }
	
  #links p{
    padding-bottom: 17px;
  }

  .datos p{
    font-size: 16px;
  }

  .mision h2{
    font-size: 26px;
  }

  .trabaje p{
    font-size: 20px;
  }

  .requisitos p{
    font-size: 18px;
    line-height: 25px;
  }

  .home-t{
    font-size: 20px;
  }

  .mision p{
    font-size: 15px;
  }

  .politica p{
    font-size: 15px;
  }

  .emp2 h2{
    font-size: 30px;
  }
	
}


@media (max-width: 1500px) and (min-width:1300px){
	
	.home-texto{
		min-height:364px;
	}
	
	.emp1 h2{
		font-size:37px;
	}
	
	.emp1 h2::after{
		border-top:47px solid transparent;
	}
	
	.negro{
		height:47px;
	}
	
	.empresa h2{
		font-size:31px;
		padding:9px 40px;
	}
	
	.emp1 p{
    line-height: 23px;
    margin-top: 30px;
		font-size:16px;
	}

  .mision p{
    font-size: 15px;
    line-height: 20px;
  }

  .mision h2{
    font-size: 26px;
  }

  .politica h2{
    font-size: 26px;
  }

  .politica p{
    font-size: 15px;
  }

  #links p{
    padding-bottom: 21px;
  }
	
	.nombre-ser-tex span{
		font-size:30px;
	}

  .nombre-ser-tex{
    font-size: 23px;
  }
	
	.sector span{
    font-size: 17px;
		margin-top:-18px;
	}
	
	.empresa p{
		width:94%;
	}

  .trabaje p{
    font-size: 20px;
  }

  .requisitos p{
    font-size: 18px;
    line-height: 26px;
  }

  .datos p{
    font-size:16px;
  }
}



@media (max-width: 1700px) and (min-width:1500px){
	
	.home-texto{
		min-height:349px;
	}

  .emp1 p{
    font-size: 18px;
    line-height: 26px;
    margin-top: 24px;
  }

  .mision h2{
    font-size: 28px;
  }

  .politica h2{
    font-size: 28px;
  }
	
}

@media (max-width: 1900px) and (min-width:1700px){
	
	.home-texto{
		min-height:349px;
	}
	
	
}