* { margin:0; padding:0; border:0; box-sizing:border-box; }
@font-face {font-family: latinotype; src: url(../fonts/latinotype-antartida-medium.otf);}
body{ font-family: latinotype; }

p { line-height:1.2; text-align:justify; font-family:latinotype;}
p+p { margin-top:1em; }
h3 { font-size: 2.2em; text-align: center; font-style: italic; padding-bottom: 50px; letter-spacing: 2.5px;}
/*h1,h2,h3,h4,h5,h6 { font-family: 'Ubuntu Condensed', sans-serif; }
*/
.center{max-width:1200px; margin:auto;}
.centertop{max-width:1300px; margin:auto;}
.c-vertical { display:flex; align-items:center; }
.sb { display:flex !important; justify-content:space-between; flex-wrap:wrap;}
.v-center { display:flex; align-items:center; }
.w33{ width:33%; }
.colortexto h3 { font-size: 2.5em; text-align: center; color: #005EB8; font-style: italic; padding: 50px 0 20px; }
.colortexto p { font-size: 1.3em; text-align: center; color: #009CDE; font-style: italic; padding-bottom: 30px; line-height: 1.3; }

#top {left: 0; padding:4px 0; width: 100%; position: fixed; z-index: 999999; background-image: linear-gradient(to right,#003a70 0%,#0076ab 48%,#00c0f3 100%);}
#logo img { width: 180px; }
	#menu { margin-top: 30px; }
	#menu li {display:inline-block; }
	#menu a { padding:10px 30px; margin-right:10px; text-decoration:none; color:#FFF; transition-duration: 0.5s; text-transform: uppercase;}
	#menu a:hover { color:#1485CC; border-bottom: 3px solid #FFF; }
	#navbtn { display: none; }

	
	section h2 { position:relative; text-align:center; margin:30px 0px; text-transform:uppercase; }

#inicio { background-image: linear-gradient(to right,#003a70 0%,#0076ab 48%,#00c0f3 100%); padding: 70px 10px 0px; color: #fff; font-style: italic; }
	/*#titulares { text-align:center; color:#FFF; text-shadow:0 0 5px #000; }*/
	.inicio { padding: 0 50px; }	
	.inicio + .inicio { margin-top:50px; }
	.inicio img {padding-left: 60px;}
	.inicio .parrafos { max-width:600px; align-self:center; letter-spacing: .8px; padding-right: 50px; }
	.inicio h4 { padding:30px 0 10px 0; letter-spacing: 2.4px; font-size: 1.3em; text-shadow:0 0 5px #000;}
	.inicio p {	 font-size: 1.2em; }
		


#productos { padding: 20px 10px; text-align: center;}
#productos h3 { font-size: 2.5em; text-align: center; color: #005EB8; font-style: italic; padding: 50px 0 20px; }
.productos p { font-size: 1.3em; text-align: center; color: #009CDE; font-style: italic; padding-bottom: 30px; line-height: 1.3; max-width: 800px; margin: auto;}
.productos ul {padding-top: 15px; width:100%; }
.producto { background: #fff; margin-top:60px; width: 345px;}
.producto_img {  margin-left: 60px;}
.productos li:hover { opacity: 0.5;}
.caja {  width: 100%; height: 100px; font-size: .7em; color: #fff; padding: 10px; border-radius: 10px;  }
.contables { background: #009bdb; }
.comerciales { background: #009e9c; }
.productividad { background: #6f5597; }
.producto h1 {  padding: 5px 0; font-size: 1.2em; font-style: italic; letter-spacing: 1.8px; color: #fff;}
.producto h2 {  padding: 13px 0 0; font-size: .8em; text-align: center; font-style: italic; }
.producto p {  padding: 5px 0 0; font-size: 1em; font-style: italic; color: #fff; letter-spacing: .8px;}
.marcas	{ padding: 70px 0; }


#servicios { padding: 90px 10px 60px; background-image: linear-gradient(to right,#003a70 0%,#0076ab 48%,#00c0f3 100%); color: #fff; font-family:latinotype; margin-top: 50px 0 0; font-style: italic; }
	.servicio { padding: 0 50px; }	
	.servicio:nth-child(2n+1) { flex-direction:row-reverse; }
	.servicio + .servicio { margin-top:50px; }
	.servicio img {margin: auto; border-radius:50%;}
	.servicio .parrafos { max-width:500px; align-self:center; font-size: 1em; letter-spacing: .8px;}
	.servicio h4 { margin-bottom:20px; letter-spacing: 2.4px; font-size: 1.4em; }
#cursos {  padding: 90px 15px 30px;  }
	.curso { padding-bottom: 10px; }
	.curso-tit { font-size: 1.8em; padding-bottom: 30px; padding-left: 60px; letter-spacing: 4px; font-style: italic;}
	.curso-des { background: #009bdb; width: 90%; margin: auto; padding: 15px 15px 15px 30px; color: #fff; border-radius: 15px 0;}
#calendario {width: 90%; height: 600px; display:block; margin:auto; }

/*FOOTER*/
	footer{ background: #003a70; padding:15px 0; color: #fff; }
  .footer li { line-height:1.6; margin-right: 35px; font-size: 1.1em; }
  .titulo { border-bottom: 1px solid #d62116; padding-bottom: 5px; }
  .footer a {  font-size: 0.8em; }
  .footer a:hover { color:#fff;  }
  .footer i { margin-right:10px; font-size:2.2em; transition-duration:0.5s;}  
  .footer { min-height: 25vh;}  
  .redes-sociales { padding-top:80px; } 
  .redes-sociales h4 { padding-bottom: 10px; }
  .redes-sociales p { text-align: right;font-size: .8em; padding-top:80px;} 


#bottom { padding:30px 0; background:#3a4a5a; }
	#bottom li { list-style:none; line-height:2; }
	#bottom a { text-decoration:none; color:#FFF; }
	#bottom a:hover { text-decoration:underline; }
	#bottom i { font-size:1.2em; margin-right:10px; }

#nosotros { color:#000000; padding:61px 0 0;}
	.encabezado h3 { font-size: 2.5em; text-align: left; color: #fff; font-style: italic; padding: 20px 0 20px; }
	.encabezado { background:#0072BC; padding: 10px 45px;}
	.encabezado p { padding: 10px 60px 0; line-height: 27px; color:#FFFFFF; font-size: 1.4em; font-style: italic;}
	.nts-col {width: 40%; margin:auto;}	
	.nts-col-cen {width: 58%; padding-top: 25px;}
	.nts-col-img {border-left: 2px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; float: left; position: relative; width: 49.9%;}
	.nts-col-img img {width: 100%;}
	.nts {margin: 0 30px; }
	.nts h4 { margin: 35px 0 15px; font-size: 1.3em; text-align: left; font-style: italic;}
	.nts p {margin-left: 5px; width: 97%; font-size: 1em; text-align: justify;}
	.nts:nth-child(2n+1) { flex-direction: row-reverse; }

#valores { background: #333333; }
	.valor { padding: 30px 200px; }
	.valor p { text-align: center; color: #fff;}
	.valor i { color:#fff; text-align: center; display: block; }	


#contactanos { margin: auto; position: relative; overflow: hidden; padding: 88px 0 0; }
#contactanos h3 {font-size: 2.5em; font-style: italic; color: #005EB8; letter-spacing:2px; }
.mapas { width: 59%; height: 100%; }
.mapa { width: 700px; height: 350px; padding: 0 0 10px 35px; border-radius: 5px;}
.ubicacion { width: 35%; height: 100%; background: #fafafa; margin-right:45px; border-radius: 10px; color: #7D7D75; }
.ubicacion h4 { padding: 15px 0 25px 20px; font-size: 1.2em; font-style: italic; color: #7D7D75; }
.ubicacion h5 {  padding: 15px 0 7px; font-size: 1.1em; }
.direccion { height: 280px; padding: 10px 0 0 35px; border-radius: 5px; }
.direccion li { list-style: none; line-height:1.5; }
.mail { color:tomato; font-style: italic; }

.preguntas { font-size: 1.4em; color: #7D7D75; padding-top: 40px;}
.pregunta { height: 80px; border-bottom: 2px solid #ccc; padding-top: 30px;}
.pregunta div::before { content:'»'; color:#d62116; font-weight:bold; margin-right:5px; }




/*RESPONSIVE*/

@media screen and (max-width:1110px){
	.center { padding:0 10px; }
	#destinos .sb { justify-content:space-around; }
	.tarjeta { margin:0 20px 40px; }
	#ubicanos .sb {flex-direction: column;  }
	.mapas, .ubicacion { display: block; margin: auto; }
	.mapa { padding: 0; width: 100%; }
}

@media screen and (max-width:1000px){
	
	#navbtn { display:block; color: #fff; font-size: 2em; margin: 10px 10px 0 0;}
	#menu { background: #005EB8; display:none; margin-top:40px; position: absolute; top:30px; right: 0;}
	#menu a { display:block; }
	#menu li { display:block; }
	.footer .sb { justify-content:space-around; }
	.footer ul { width:310px;  margin-bottom:40px; }
	
	
}
@media screen and (max-width:1040px){
	.servicio > * { display:block; margin:auto; }
	.servicio > * + * { margin-top:30px; }
}


@media screen and (max-width:960px){
	.pc { display:none !important; }
	.w33.txt { width:60%; }
	form { display:block; margin:auto; }
	#mapa { width:100%; margin-top:50px; }
}

@media screen and (max-width:800px){
	.producto { margin: 20px 30px 0; }
	#productos ul.sb { justify-content: space-around; }
	.mapas, .ubicacion { width: 100%; }

}

@media screen and (max-width:770px){
	.w33 { display:block; margin:auto; }
	.w33 + .txt { margin-top:20px; }
	#f2 div:nth-child(1){ order:2; }
	#f2 div:nth-child(2){ order:1; }
	#f2 { justify-content:space-around; }

}


@media screen and (max-width:600px){
	#displaymenu { display:block; color:#FFF; font-size:2em; margin:23px 10px 0 0; float:right; }

	#menu { display:none; margin-top:80px; background:#CCC; }
	#menu li { display:block; margin:0; }
	#menu a { display:block; border-bottom:3px solid #FFF; }

	#chat { display:block; position:fixed; bottom:10px; right:10px; background:blue; border-radius:50%; }
	#chat i { color:#fff; font-size:2em; margin:10px; }
	#cursos { padding: 90px 10px 20px;  }
	#calendario { height: 500px; }

}

@media screen and (max-width:500px){
	.servicio { flex-direction: column; padding: 0;}
	#productos h3 { font-size: 1.5em; }
	#productos p { font-size: 1em; }
}

@media screen and (max-width:450px){
	.servicio p { font-size: .8em; }
}