@charset "utf-8";
/* CSS Document */

body{	font-size:16px; font-family: 'Pragati Narrow', sans-serif; padding: 0px;	margin: 0px; background:#F3EEE8;	color:#333;	}
#contenedor{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#conte{	width:100%;	background:url(../img/index/fondo.png) fixed; background-size:100%; margin-top:-35px }
#conte2{font-size:60px; color:#0059A7; padding:180px 0; line-height:65px;}
#conte3{width:100%;	background:url(../img/index/fondo2.png) fixed; background-size:100%;}
#contenedor3{width:80%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; padding:50px 0; }
#conte4{width:100%;	background:url(../img/services/fondo-services.png) fixed; background-size:100%;}
#conte5{background:#1B2236; margin-top:-35px}
#conte6{width:100%;	background:url(../img/seccion/About.png) fixed; background-size:100%;}
#conte7{width:100%;	background:url(../img/seccion/Clients.png) fixed; background-size:100%;}
#conte8{width:100%;	background:url(../img/seccion/support.png) fixed; background-size:100%;}


#mm1{display:block}
#mm2{display:none}

#header{min-height:120px; background:#FFF}
#reds{border: 0px solid #f60; width:250px; height:40px; float:right; margin-top:60px; display: flex; justify-content: center; align-items: center;}	
#reds img{margin:3px;}
#logo{margin-top:15px; margin-bottom:15px; width:166px; float:left; border: 0px solid #f60; }	
#logo img{width:100%}

p, #formdata{line-height:29px; color:#333; font-size:23px; }

a{   color: #fff;	text-decoration: none;	}
a:hover{ color:#19C1F3;   text-decoration: none;	}

#titu{color:#19C1F3;  font-size: 60px; line-height:65px; }
#titu2{color:#19C1F3;  font-size: 75px; line-height:80px; }
#titu3{color:#fff;  font-size: 40px; line-height:45px; }
#titu4{color:#19C1F3;  font-size: 50px; line-height:55px; }
#titu5{color:#0059A7;  font-size: 30px; line-height:35px; }

#f1{float:left; width:40%; border: 0px solid #0C6;margin-bottom:15px; margin-top:25px;  font-size:18px;}
#f2{float:left; width:20%; text-align:center; border: 0px solid #0C6; margin-bottom:18px; margin-top:25px }
#f3{float:left; width:40%; text-align:right; border: 0px solid #0C6; margin-top:25px; font-size:18px; margin-bottom:15px; margin-top:15px;}

#about1{width:25%;  float:left; border:0px solid #C30; padding:0 10% 0 0; margin-top:70px; border-right:1px solid #fff}
#about2{width:54%; float:right; margin-bottom:20px; padding:0 0 0 10%; border:0px solid #C30; margin-top:70px; }

#service{width:40%; float:left; margin:70px 0; padding:5%; color:#333; background:#fff}

#services{width:25%; float:left; margin-bottom:50px; text-align:center; color:#fff; font-size:32px;  line-height:36px}


#conta{width:700px;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }
#menform{width:100%; border:0px; border-bottom:1px solid #382020; background:#fff; height:35px; margin-bottom:8PX;}
#menform2{width:100%; border:0px; border-bottom:1px solid #382020; background:#fff; height:150px;}
#mapa{width:100%; height:300px}
#botonenviar{background:#19C1F3; color:#003; padding:2px 15px; font-family: 'Pragati Narrow', sans-serif; font-size:25px; border:0px solid #19C1F3; border-radius:3px}

#porta{width:23%; margin:1%; float:left}


@media screen and (min-width: 900px) and (max-width: 1099px) {
#contenedor2{width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; padding:50px 0; }
#conte4{	width:100%;	background:url(../img/services/fondo-services.png) fixed; background-size:130%; background-position:60%}
#conte6{	width:100%;	background:url(../img/seccion/About.png) fixed; background-size:130%; background-position:60%}
#conte7{width:100%;	background:url(../img/seccion/Clients.png) fixed; background-size:130%; background-position:100%}
#conte8{width:100%;	background:url(../img/seccion/support.png) fixed; background-size:130%; background-position:100%}

#services{width:25%; float:left; margin-bottom:50px; text-align:center; color:#fff; font-size:27px;  line-height:32px}
#services img{ width:85%}

#about1{width:35%;  float:left; border:0px solid #C30; padding:0 5% 0 0; margin-top:70px; border-right:1px solid #fff}
#about2{width:54%; float:right; margin-bottom:20px; padding:0 0 0 5%; border:0px solid #C30; margin-top:70px; }


}

@media screen and (min-width: 600px) and (max-width: 899px) {
#contenedor2{width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; padding:50px 0; }
#conte{	width:100%;	background:url(../img/index/fondo.png) fixed; background-size:150%; margin-top:-35px }
#conte2{font-size:45px; color:#0059A7; padding:130px 0; line-height:50px;}
#conte3{	width:100%;	background:url(../img/index/fondo2.png) fixed; background-size:170%;}
#conte4{	width:100%;	background:url(../img/services/fondo-services.png) fixed; background-size:160%; background-position:50%}
#conte6{	width:100%;	background:url(../img/seccion/About.png) fixed; background-size:160%; background-position:50%}
#conte7{width:100%;	background:url(../img/seccion/Clients.png) fixed; background-size:160%; background-position:70%}
#conte8{width:100%;	background:url(../img/seccion/support.png) fixed; background-size:160%; background-position:70%}

#titu{color:#19C1F3;  font-size: 50px; line-height:55px}
p, #formulario_contacto{line-height:25px; font-size:23px; }

#service{width:60%; float:left; margin:70px 0; padding:5%; color:#333; background:#fff}

#services{width:33%; float:left; margin-bottom:50px; text-align:center; color:#fff; font-size:27px; line-height:32px}
#services img{ width:85%}

#about1{width:80%;  float:left; border:0px solid #C30; padding:0 10% 0 10%; margin-top:10px; border-right:1px solid #fff}
#about2{width:80%; float:right; margin-bottom:20px; padding:0 10% 0 10%; border:0px solid #C30; margin-top:40px; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px; margin-bottom:10px;  font-size:18px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px }
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:10px; font-size:18px; margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 

}

@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor2{width:90%;	border: 0px solid #333;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; padding:20px 0; }
#conte{	width:100%;	background:url(../img/index/fondo.png) fixed; background-size:150%; margin-top:-35px }
#conte2{font-size:35px; color:#0059A7; padding:130px 0 90px 0; line-height:40px;}
#conte3{	width:100%;	background:url(../img/index/fondo2.png) fixed; background-size:none;}
#conte4{	width:100%;	background:url(../img/services/fondo-services.png) fixed; background-size:200%; background-position:90%}
#conte6{	width:100%;	background:url(../img/seccion/About.png) fixed; background-size:200%; background-position:90%}
#conte7{width:100%;	background:url(../img/seccion/Clients.png) fixed; background-size:200%; background-position:100%}
#conte8{width:100%;	background:url(../img/seccion/support.png) fixed; background-size:200%; background-position:90%}

#mm2{display:block}
#mm1{display:none}

#titu{color:#19C1F3; font-size: 45px; line-height:50px}
#titu2{color:#19C1F3;  font-size: 55px; line-height:60px; text-shadow: 2px 2px 2px #666;}
#titu3{color:#fff;  font-size: 30px; line-height:35px; }
#titu4{color:#19C1F3;  font-size: 40px; line-height:45px; }
#titu5{color:#0059A7;  font-size: 25px; line-height:30px; }

p, #formulario_contacto{line-height:23px; font-size:20px; }

#service{width:90%; float:left; margin:50px 0; padding:5%; color:#333; background:url(../img/tras.png)}

#services{width:33%; float:left; margin-bottom:50px; text-align:center; color:#fff; font-size:27px; line-height:32px}
#services img{ width:85%}

#about1{width:90%;  float:left; border:0px solid #C30; padding:0 5% 0 5%; margin-top:10px; border-right:1px solid #fff}
#about1 img{width:110px;}
#about2{width:90%; float:right; margin-bottom:20px; padding:0 5% 0 5%; border:0px solid #C30; margin-top:20px; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px; margin-bottom:5px;  font-size:18px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px }
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:5px; font-size:18px; margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor2{width:90%;	border: 0px solid #f60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; padding:20px 0; }
#conte{	width:100%;	background:url(../img/index/fondo.png) fixed; background-size:200%; margin-top:-35px }
#conte2{font-size:23px; color:#0059A7; padding:70px 0 30px 0; line-height:26px;}
#conte3{	width:100%;	background:url(../img/index/fondo2.png) fixed; background-size:none;}
#conte4{	width:100%;	background:url(../img/services/fondo-services.png) fixed; background-size:250%; background-position:80%}
#conte6{	width:100%;	background:url(../img/seccion/About.png) fixed; background-size:250%; background-position:80%}
#conte7{width:100%;	background:url(../img/seccion/Clients.png) fixed; background-size:250%; background-position:80%}
#conte8{width:100%;	background:url(../img/seccion/support.png) fixed; background-size:250%; background-position:80%}

#mm2{display:block}
#mm1{display:none}

#logo{margin-top:15px; margin-bottom:15px; width:135px; float:left; border: 0px solid #f60; }	
#logo img{width:100%}
#header{min-height:80px; background:#FFF}

#titu{color:#19C1F3;  font-size: 28px; line-height:33px}
#titu2{color:#19C1F3;  font-size: 45px; line-height:50px; text-shadow: 2px 2px 2px #666;}
#titu3{color:#fff;  font-size: 27px; line-height:32px; }
#titu4{color:#19C1F3;  font-size: 37px; line-height:42px; }
#titu5{color:#0059A7;  font-size: 25px; line-height:30px; }

p, #formulario_contacto{line-height:23px;  font-size:20px; }

#service{width:90%; float:left; margin:50px 0; padding:5%; color:#333; background:url(../img/tras.png)}


#services{width:50%; float:left; margin-bottom:20px;  text-align:center; color:#fff; font-size:19px; line-height:22px}
#services img{ width:85%; margin-bottom:5px;}

#about1{width:90%;  float:left; border:0px solid #C30; padding:0 5% 0 5%; margin-top:10px; border-right:1px solid #fff}
#about1 img{width:110px;}
#about2{width:90%; float:right; margin-bottom:20px; padding:0 5% 0 5%; border:0px solid #C30; margin-top:20px; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px; margin-bottom:5px;  font-size:18px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px }
#f3{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:5px; font-size:18px; margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 
}






/* CSS Carrusel */