.banner { height:300px;background-position: center;background-size: cover;background-image: url("../img/traduccion/servicio-traduccion-barcelona.jpg"); }
.banner .texto { text-align: center;font-family: Abel;font-size: 51px;color:#FFF;font-weight: 300;width:calc(100% - 1.26em);margin: 0 auto;opacity:1; }

.intro { padding: 40px 0px; }
.intro .contenidoIntro { width:100%;max-width: 1078px;margin: 0 auto; }
.intro .contenidoIntro .titulo { text-align: center;font-family: Abel;font-size: 26px;color:#333;font-weight: 300; }
.intro .contenidoIntro .texto { padding-top: 30px;text-align: center;font-family: Open Sans;font-size: 16px;font-weight: 300;color:#666;width:800px;margin: 0 auto; }

.apartados { padding: 40px 0px;padding-top: 0px; }
.apartados .contenidoApartados { width:100%;max-width: 1078px;margin: 0 auto; }
.apartados .contenidoApartados .apartado { float: left;width:calc((100% - 3.78em)/3);margin-right: 15px; }
.apartados .contenidoApartados .apartado .foto { width:160px;margin: 0 auto; }
.apartados .contenidoApartados .apartado .foto img { width:160px;height:160px;border-radius: 160px; }
.apartados .contenidoApartados .apartado .titulo { text-align: center;padding-top: 30px;font-family: Abel;font-size: 22px;color:#333;font-weight: 300; }
.apartados .contenidoApartados .apartado .texto { text-align: center;font-family: Open Sans;font-size: 14px;color:#666;padding-top: 40px;width:calc(100% - 1.26em);margin: 0 auto; }
.apartados .contenidoApartados .apartado .botonFileteAzul { width: 200px;text-align: center;border:1px solid #083c85;border-radius: 3px;line-height: 50px;font-size: 20px;color:#083c85;margin: 0 auto;margin-top: 30px; }
.apartados .contenidoApartados .apartado .botonFileteAzul:hover { background-color: rgba(0,0,0, 0.1);border:1px solid rgba(0,0,0, 0.1);   }

.cursos { background-color: #f4f4f4;padding: 40px 0px;padding-bottom: 25px; }
.cursos .contenidoCursos { width:100%;max-width: 1078px;margin: 0 auto; }
.cursos .contenidoCursos .titulo { text-align: center;font-family: Abel;font-size: 36px;padding-bottom: 30px; }
.cursos .contenidoCursos .curso { float: left;width:calc((100% - 3.78em)/3);margin-right: 15px;margin-bottom: 15px;height: 200px;background-position: center;background-size: cover;font-family: Open Sans;font-size: 21px;font-weight: 500;color:#FFF;text-align: center; }
.cursos .contenidoCursos .curso.dos { width:calc((100% - 2.52em)/2);margin-bottom: 30px; }
.cursos .contenidoCursos .curso.dos.segundo { float: right; }
.cursos .contenidoCursos .curso .nombre { width:100%;height:100%;background-color: rgba(0,0,0,0.3);text-transform: uppercase; }
.cursos .contenidoCursos .curso:hover { opacity: 0.5; }

.examenes { padding: 40px 0px; }
.examenes .contenidoExamenes { width:100%;max-width: 1078px;margin: 0 auto; }
.examenes .contenidoExamenes .examen { float: left;width:calc((100% - 7.56em)/2);margin-right: 60px;background-color: #eaeaea;padding: 40px 0px; }
.examenes .contenidoExamenes .examen .titulo { text-align: center;font-family: Abel;font-size: 26px;font-weight: 300;color:#333; }
.examenes .contenidoExamenes .examen .texto { padding: 20px 40px;text-align: center;font-family: Open Sans;font-size: 14px;color:#666; }
.examenes .contenidoExamenes .examen .botonFileteAzul { width: 200px;text-align: center;border:1px solid #083c85;border-radius: 3px;line-height: 50px;font-size: 20px;color:#083c85;margin: 0 auto;margin-top: 10px; }
.examenes .contenidoExamenes .examen .botonFileteAzul:hover { background-color: rgba(0,0,0, 0.1);border:1px solid rgba(0,0,0, 0.1);   }

.precio { padding: 40px 0px; }
.precio .contenidoPrecio { width:100%;max-width: 1078px;margin: 0 auto; }
.precio .contenidoPrecio .titulo { text-align: center;font-family: Abel;font-size: 26px;color:#333;font-weight: 300; }
.precio .contenidoPrecio .sello { text-align: center;padding-top: 30px;  }
.precio .contenidoPrecio .texto { text-align: center;font-size: 14px;color:#666;padding-top: 30px;width: 600px;margin: 0 auto; }

/*  RESPONSIVE */
@media screen and (min-width: 1078px){
	
}

@media screen and (min-width: 768px) and (max-width: 1077px){
	.intro .contenidoIntro { width:calc(100% - 2.52em);margin: 0 auto; }
	.intro .contenidoIntro .texto { width:100%; }
	
	.cursos .contenidoCursos { width:calc(100% - 2.52em);margin: 0 auto; }
	.cursos .contenidoCursos .curso { float: none;width:100%;margin: 0 auto;margin-bottom: 20px;max-width: 300px; }
	
	.cursos .contenidoCursos .curso.dos { float: none;width:100%;margin: 0 auto;margin-bottom: 20px;max-width: 300px; }
	.cursos .contenidoCursos .curso.dos.segundo { float: none; }
	
	.examenes .contenidoExamenes { width:calc(100% - 2.52em);margin: 0 auto; }
	.examenes .contenidoExamenes .examen { float: none;width:100%;max-width: 300px;margin: 0 auto;margin-bottom: 20px; }
}

@media screen and (min-width: 300px) and (max-width: 767px){
	.banner .texto { font-size: 41px; }
	
	.intro .contenidoIntro { width:calc(100% - 2.52em);margin: 0 auto; }
	.intro .contenidoIntro .texto { width:100%; }
	
	.apartados .contenidoApartados { width:calc(100% - 2.52em);margin: 0 auto; }
	.apartados .contenidoApartados .apartado { float: none;width:100%;max-width: 300px;margin: 0 auto; }
	
	.cursos .contenidoCursos { width:calc(100% - 2.52em);margin: 0 auto; }
	.cursos .contenidoCursos .curso { float: none;width:100%;margin: 0 auto;margin-bottom: 20px;max-width: 300px; }
	
	.cursos .contenidoCursos .curso.dos { float: none;width:100%;margin: 0 auto;margin-bottom: 20px;max-width: 300px; }
	.cursos .contenidoCursos .curso.dos.segundo { float: none; }
	
	.examenes .contenidoExamenes { width:calc(100% - 2.52em);margin: 0 auto; }
	.examenes .contenidoExamenes .examen { float: none;width:100%;max-width: 300px;margin: 0 auto;margin-bottom: 20px; }
	
	.precio .contenidoPrecio { width:calc(100% - 2.52em);margin: 0 auto; }
	.precio .contenidoPrecio .texto { width:100%; }
}