@font-face{
	font-family: "Nunito";
    src: url(../fonts/Nunito-Regular.woff2),
         url(../fonts/Nunito-Regular.woff),
	     url(../fonts/Nunito-Regular.ttf);
    font-weight: 400;  font-display: swap;}
@font-face{
	font-family: "Nunito";
    src: url(../fonts/Nunito-ExtraBold.woff2),
         url(../fonts/Nunito-ExtraBold.woff),
	     url(../fonts/Nunito-ExtraBold.ttf);
    font-weight: 800; font-display: swap;}
@font-face{
	font-family: "Didact Gothic";
    src: url(../fonts/DidactGothic-Regular.woff2),
         url(../fonts/DidactGothic-Regular.woff),
	     url(../fonts/DidactGothic-Regular.ttf);
    font-weight: normal; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Nunito', sans-serif; line-height: 1.8em; text-align: center;}
img a, a, a img{
	text-decoration: none;}
#imagen img{
	height: auto; display: block; margin: 0 auto;}
.neg{
	font-weight: bold;}
.noneg, .noneg strong{
	font-weight: normal;}
#cabecera{
	background: #2863a3; color: #fff;}
.azul{
	background: #7591af; color: #fff;}
#menu ul li{
	list-style-type: none; text-align: center; font-size: 0.9em;}
#menu ul li a{
	color: #fff; padding: 28px 0 25px 0; display: block; letter-spacing: 2px;}
h1{
	font-family: 'Didact Gothic', sans-serif; font-size: 32px; line-height: 40px;
	margin-top: 100px; color: #0669cf;}
p{
	font-size: 1.2em; margin: 10px 0; color: #0a1f35;}
.destacado{
	font-family: 'Didact Gothic', sans-serif; font-size: 32px; line-height: 44px;
	padding: 10px 0; margin: 0 auto; max-width: 600px; letter-spacing: 1px;}
h2, .subt{
	letter-spacing: 1px; margin:20px 0; font-size: 15px; font-weight: 400;}
.duo .subt{
	text-transform: uppercase; margin-top: 50px; font-weight: 800; color: #57a7fa;}
.duo h2, .trio h2, #trabajos h2{
	color: #205387;}
.azul .subt{
	margin:50px 0 20px 0;}
.logos{
	margin-top: 40px;}
.logos img{
	display: inline-block;}
.linea{
	border-top: 2px dotted #57a7fa;  margin: 30px auto; width: 100px;}
.azul .linea{
	border-top: 2px dotted #fff;}
.trio{
	background: #7591af;}
.trio .uno, .trio .dos, .trio .tres{
	border: 1px solid #fff; padding: 2%; position: relative;}
.trio h2{
	position: absolute; margin: auto; left: 0; right: 0; width: 70%; 
	font-size: 20px; color: #fff; font-weight: 800;
    margin-top: -33px; z-index: 2; background: #7591af; padding: 0 20px; }
.duo{
	margin-top: 80px;}
.duo .izdo{
	border-radius: 200px; border: 10px solid #fff; 
	box-shadow: 0px 0px 0px 20px rgba(193,193,193,0.4);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(193,193,193,0.4);
	-moz-box-shadow:0px 0px 0px 20px rgba(193,193,193,0.4);}
.duo .izdo img{
	border-radius: 200px; width: 100%; height: auto; display: block;}
.duo .izdo .reparacion{
	border-radius: 200px; background: #0669cf; }
.duo .dcho h3, .duo .dcho h4, .duo .dcho h2, #trabajos h2{
	margin-top: 40px; letter-spacing: 1px; text-transform: uppercase; font-weight: 800;
	color: #205387; font-size: 19px;}
.duo .linea{
	margin: 20px 0; width: 100px;}
.duo ul{
	text-align: left; margin-left: 20px; font-size: 1.2em; line-height: 2em;}
.boton a{
	display: table; padding: 15px 20px; border: 1px solid #0669cf; color: #0669cf;
	letter-spacing: 2px; font-size: 0.8em; margin-top: 30px;}
.boton a:hover, .mapa .boton a:hover{
	background: #0098de; color: #fff; text-shadow: 1px 1px 4px #0669cf;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.nota{
	font-size: 1em; text-transform:uppercase;}
.frase{
	color: #57a7fa; margin-top: 30px; font-size: 26px; font-family: 'Didact Gothic', sans-serif;}
#fondo-c .blanco, #fondo-c a{
	color: #fff;}
#fondo-c a{display: block; padding: 5px 0;}
footer, .linea-top{
	padding: 60px 0 0 0; border-top: #57a7fa 1px solid;}
footer .boton a{
	margin: 20px auto;}
address{
	font-style: normal; display: block;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; background: #15253d; color: #7591af; }
#aviso a{
	color: #7591af; display: inline-block; padding: 10px 0;}
.top-60{
	margin-top: 60px;}
.est{
	margin-bottom: 100px;}
.gallery{
	margin-bottom: 120px;}
.gallery a{
	display: inline-block; margin: 10px 12px;}
.men{
	font-size: 0.8em;}
.bottom80{
	margin-bottom: 120px;}
.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover;}
.mapa .boton a{margin: 0 auto; background: #fff;}

@media only screen 
and (max-width : 500px){
#whatsapp{
	display: block; padding: 5px 15px; width: 50px; margin: 0 auto;}
.pantalla, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto; line-height: 2em;}
.todo {
	margin: 0 20px;}
#logo{
	width: 80%; max-width: 280px; margin: 0 auto; padding-top: 40px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	font-size: 1.1em;}
#menu ul li a{
	padding: 15px 0;}
h1{font-size: 28px; line-height: 30px;}
#imagen img{
	width: 100%; }
.curva-inf{
	margin: 0 auto; border-radius: 0 0 250px 250px; 
	padding: 60px 0 30px 0;}
.destacado{
	font-size: 24px; line-height: 30px; width: 86%;}
.curva-inf .subt{
	width: 80%; margin: 30px auto 20px auto;}
.logos img{
	width: 130px; height: auto;}
.trio{
	margin: 50px 0 0 0; padding: 30px 20px;}
.trio h2{
	font-size: 20px; position: inherit; width: auto; margin-top: 10px; padding-top: 10px;}
.trio .uno h2, .trio .dos h2{
	width: 200px;}
.trio .dos{
	margin: 30px 0;}
.duo .izdo{
	width: 80%; max-width: 300px; margin: 0 auto; }
.duo .dcho{
	width: 100%; text-align: center;}
.duo .boton a{
	margin: 30px auto 0 auto;}
.duo .linea {
    margin: 20px auto;}
.duo .dcho h3, .duo .dcho h4, .duo .dcho h2, #trabajos h2 {
    margin-top: 25px;}
.duo ul{
	display:inline-block;}
#fondo-a{
	padding-bottom: 80px;}
#fondo-c .todo{
	margin: 0;}
#fondo-c .duo .dcho{
	border-radius: 1500px 1500px 0 0; padding: 30px 0 100px 0; 
	margin-top: 20px; background: #0669cf;}
iframe{
	height: 300px;}
.mapa{ padding: 300px 0 100px 0;}
}

@media only screen 
and (min-width : 501px)
and (max-width : 880px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#cabecera{
	background: #2863a3 url(../imagenes/fondo-cab3.png) left center no-repeat;
	background-size: 65% auto;}
#logo{
	width: 280px; margin: 0 auto; padding-top: 40px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 420px; margin: 0 auto; font-size: 0.9em;}
#menu ul li{
	float: left; width: 27%;}
#menu ul .m-inicio{
	width: 19%}
#menu ul li a{
	border-bottom: 1px solid #2863a3; padding: 28px 0 25px 0;}
#menu ul li a:hover{
	border-bottom: 5px solid #fff; padding: 28px 0 21px 0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
#imagen img{
	width: 100%; }
.curva-inf{
	width: 100%; margin: 0 auto 30px auto; border-radius: 0 0 1000px 1000px; 
	padding: 50px 0;}
.destacado{
	font-size: 26px; line-height: 33px; width: 80%;}
.curva-inf .subt{
	width: 350px; margin: 40px auto;}
.trio{
	margin: 80px 0 0 0; padding: 80px;}
.trio h2{
	font-size: 25px; font-weight: 400; width: 220px;}
.trio .uno h2, .trio .dos h2{
	width: 200px;}
.trio .dos{
	margin: 80px 0;}
.duo .izdo{
	width: 300px; margin: 0 auto; }
.duo .dcho{
	width: 100%; text-align: center;}
.duo .boton a{
	margin: 30px auto 0 auto;}
.duo .linea {
    margin: 20px auto;}
.duo .dcho h3, .duo .dcho h4, .duo .dcho h2, #trabajos h2 {
    margin-top: 25px;}
.duo ul{
	display:inline-block;}
#fondo-a{
	padding-bottom: 80px;}
#fondo-c .todo{
	margin: 0;}
#fondo-c .duo .dcho{
	border-radius: 1500px 1500px 0 0; padding: 30px 0 100px 0; 
	margin-top: 20px; background: #0669cf;}
iframe{
	height: 400px;}
.mapa{ padding: 200px 0 160px 0;}
}

@media only screen 
and (min-width : 881px)
and (max-width : 1099px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#cabecera{
	background: #2863a3 url(../imagenes/fondo-cab2.png) left center no-repeat;
	background-size: 40% auto;}
#cabecera .todo{
	margin: 0 20px;}
#logo{
	width: 270px; float: left; margin: 20px 0 12px 10px;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 490px; float: right; margin-top: 10px;}
#menu ul li{
	float: left; width: 27%;}
#menu ul .m-inicio{
	width: 19%}
#menu ul li a{
	border-bottom: 1px solid #2863a3; padding: 28px 0 25px 0;}
#menu ul li a:hover{
	border-bottom: 5px solid #fff; padding: 28px 0 21px 0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
#imagen img{
	width: 97%; }
#imagen .rslides img{
	margin-left: 1.5%;}
.curva-inf{
	width: 700px; margin: 0 auto 80px auto; 
	border-radius: 0 0 1500px 1500px; padding: 50px 0 100px 0;}
.destacado{
	font-size: 28px;}
.trio{
	margin: 80px 0 0 0; padding: 80px;}
.trio h2{
	font-size: 30px; font-weight: 400; width: 250px;}
.trio .uno h2, .trio .dos h2{
	width: 220px;}
.trio .dos{
	margin: 80px 0;}
.duo .izdo{
	width: 35%; float: left; }
.duo .dcho{
	width: 55%; float: right;}
.duo .dcho p, .duo .dcho h3, .duo .dcho h4, .duo .dcho h2{
	text-align: left;}
#fondo-a{
	background: url(../imagenes/fondo-a2.jpg) no-repeat left bottom; padding-bottom: 80px;}
#fondo-c{
	background: url(../imagenes/fondo-c.jpg) no-repeat right top; padding-bottom: 80px;
	width: 100%; margin: 0 auto;}
iframe{
	height: 400px;}
.mapa{ padding: 250px 0 200px 0;}
}
	
@media only screen 
and (min-width : 1100px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1000px; margin: 0 auto;}
#trabajos{
	width: 100%;}
.todo {
	margin: 0 50px;}
#cabecera{
	background: #2863a3 url(../imagenes/fondo-cab.png) left center no-repeat;
	background-size: 35% auto;}
#cabecera .todo{
	margin: 0;}
#logo{
	width: 300px; float: left; margin: 20px 0 12px 0;}
#menu{
	width: 490px; float: right; margin-top: 15px;}
#menu ul li{
	float: left; width: 27%;}
#menu ul .m-inicio{
	width: 19%}
#menu ul li a{
	border-bottom: 1px solid #2863a3; padding: 28px 0 25px 0;}
#menu ul li a:hover{
	border-bottom: 5px solid #fff; padding: 28px 0 21px 0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
#imagen img{
	width: 97%; }
#imagen .rslides img{
	margin-left: 1.5%;}
.curva-inf{
	width: 60%; margin: 0 auto 80px auto; border-radius: 0 0 1500px 1500px; padding: 100px 0;}
.trio{
	margin: 80px 0 0 0; padding: 80px;}
.trio .uno, .trio .dos, .trio .tres{
	width: 25%; float: left; margin: 0 2%; height: 100px;}
.duo .izdo{
	width: 35%; float: left; }
.duo .dcho{
	width: 55%; float: right;}
.duo .dcho p, .duo .dcho h3, .duo .dcho h4, .duo .dcho h2{
	text-align: left;}
#fondo-a{
	background: url(../imagenes/fondo-a.jpg) no-repeat left bottom; padding-bottom: 80px;}
#fondo-c{
	background: url(../imagenes/fondo-c.jpg) no-repeat right top; padding-bottom: 80px;
	width: 1000px; margin: 0 auto;}
address{
	display: inline;}
.mapa{ padding: 300px 0 200px 0;}
}
@media only screen 
and (min-width : 1100px)
and (max-width : 1400px) {
.trio .uno, .trio .dos, .trio .tres{
	height: 130px;}
#fondo-a{
	background: url(../imagenes/fondo-a2.jpg) no-repeat left bottom; }
.curva-inf{
	padding: 60px 0 100px 0;}
.curva-inf .destacado{
	font-size: 30px;}}