@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

html, body{height:100%;}

body {
	margin:0px;
	font:normal 18px/22px "Oswald";
	background:#000000;
}
strong{font-weight:700;}
a{text-decoration:none;color:inherit;}
.borde{border:1px #df00ee solid;}
img {border:0px;}
.novisible{font-size:1px;position:fixed;text-indent:-9999px;}
hr{height:1px;border-top:none;}

.margintop20{margin-top:20px;}
.margintop40{margin-top:40px;}
.derecha{float:right !important;}

.tabla_principal{width:100%;float:left;text-align:center;}
.contenido{width:100%;max-width:1200px;text-align:center;display:inline-block;}
.cuerpo{width:80%;text-align:left;display:inline-block;}
	
.bco{color:#ffffff;}
.fondobco{background:#ffffff;}
.fondogris1{background:#b2b2b2;}
.fondorosa1{background:#762256;}

.gigante{font:400 80px/160px "Oswald";color:#ffffff;}
.titulo_linea{font:700 32px/42px "Oswald";color:#ffffff;text-align:left;text-indent:40px;
	background:url(images/linea_titulo.png) left bottom;background-repeat:no-repeat;margin-top:40px;}
.titulo_linea_gris{font:700 32px/42px "Oswald";color:#5e5e5e;text-align:left;text-indent:40px;
	background:url(images/linea_titulo_gris.png) left bottom;background-repeat:no-repeat;margin-top:40px;}

/* cabecera */
.encabezado{width:100%;text-align:center;position:fixed;z-index:5900;top:0;left:0;}
.encabezado_falso{width:100%;height:129px;display:inline-block;}

.logotipo{display:inline-block;margin:10px 0px;float:left;}
.redes{display:inline-block;margin-left:50px;margin-top:4px;float:left;}
.redes a:first-child{margin-right:14px;}
.telefono1{display:inline-block;float:left;color:#ffffff;font:300 18px/36px "Roboto";margin-left:10px;}
.telefono2{display:inline-block;float:left;color:#ffffff;font:700 28px/30px "Oswald";margin-left:10px;}

/* menu */
.menu_top{display:inline-block;float:right;margin-top:20px;background:#000000;
	-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;
}
.menu_top a{	-webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;cursor:pointer;
    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;margin:2px 6px;}
.btn-inicio{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;}
.btn-nosotros{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-70px 0px;}
.btn-servicios{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-145px 0px ;}
.btn-clientes{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-215px 0px;}
.btn-portafolio{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-290px 0px;}
.btn-blog{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-365px 0px;}
.btn-contacto{width:62px;height:62px;display:inline-block;background:url(images/menu-iconos.png);float:left;background-position:-440px 0px;}

.btn-inicio:hover{background-position:0px -62px;}
.btn-nosotros:hover{background-position:-70px -62px;}
.btn-servicios:hover{background-position:-145px -62px ;}
.btn-clientes:hover{background-position:-215px -62px;}
.btn-portafolio:hover{background-position:-290px -62px;}
.btn-blog:hover{background-position:-365px -62px;}
.btn-contacto:hover{background-position:-440px -62px;}

.btn-inicio_sel{background-position:0px -62px;}
.btn-nosotros_sel{background-position:-70px -62px;}
.btn-servicios_sel{background-position:-145px -62px ;}
.btn-clientes_sel{background-position:-215px -62px;}
.btn-portafolio_sel{background-position:-290px -62px;}
.btn-blog_sel{background-position:-365px -62px;}
.btn-contacto_sel{background-position:-440px -62px;}


.google_translate_bar{width:100%;max-width:200px;display:inline-block;float:right;}


/* menu PIE*/
.pie {border-bottom:2px #7d7d7d solid;}


#bannerslider{z-index:5000;height:auto;overflow:hidden;}
#bannerslider2{z-index:5000;height:auto;overflow:hidden;}



.banner-top img{width:100%;}

/* inicio */
.secc-inicio{width:100%;display:inline-block;background:#762256;color:#ffffff;
	font:normal 50px/50px "Oswald";padding-top:15px;padding-bottom:15px;}

/* nosotros */
.nosotros-textos{font:300 20px/24px "Oswald";color:#ffffff;font-style:italic;margin-top:40px;margin-bottom:40px;}
.equipo-fotografias{width:80%;text-align:left;display:inline-block;}
.equipo_altaira{width:127px;height:128px;display:inline-block;background:url(equipo/altaira.png);background-repeat:no-repeat;}
.equipo_paty{width:127px;height:128px;display:inline-block;background:url(equipo/paty.png);background-repeat:no-repeat;}
.equipo_maryjose{width:127px;height:128px;display:inline-block;background:url(equipo/maryjose.png);background-repeat:no-repeat;}
.equipo_memo{width:127px;height:128px;display:inline-block;background:url(equipo/memo.png);background-repeat:no-repeat;}
.equipo_valeria{width:127px;height:128px;display:inline-block;background:url(equipo/valeria.png);background-repeat:no-repeat;}
.equipo_aaron{width:127px;height:128px;display:inline-block;background:url(equipo/aaron.png);background-repeat:no-repeat;}
.equipo_karla{width:127px;height:128px;display:inline-block;background:url(equipo/karla.png);background-repeat:no-repeat;}
.equipo_nef{width:127px;height:128px;display:inline-block;background:url(equipo/nef.png);background-repeat:no-repeat;}
.equipo_sebastian{width:127px;height:128px;display:inline-block;background:url(equipo/sebastian.png);background-repeat:no-repeat;}
.equipo_miguel{width:127px;height:128px;display:inline-block;background:url(equipo/miguel.png);background-repeat:no-repeat;}
	.equipo_div{width:65px;height:128px;margin:20px;display:inline-block;vertical-align:top;}
.equipo_item{display:inline-block;margin:20px;vertical-align:top;}
.equipo-datos{width:84.5%;height:108px;
	background:url(images/equipo-linea.png) center center rgba(0,0,0,0.7);
	background-repeat:no-repeat;color:#ffffff;text-align:center;vertical-align:top;
	padding-top:20px;padding-left:8%;padding-right:8%;
	-webkit-border-radius:64px;-moz-border-radius:64px;border-radius:64px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
	}
.equipo-datos1{font:400 18px/18px "Oswald";}	
.equipo-datos2{font:300 18px/18px "Oswald";margin-top:14px;}	

.equipo_item:hover  div.equipo-datos{
	opacity:1;vertical-align:top;
}


/*  clientes */
.clientesimg{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;	
}

/*  servicios */
.servicios{width:100%;display:inline-block;}
.servicios-contenedor{width:1010px;display:inline-block;font:300 18px/22px "Oswald";}

.servicios-01,
.servicios-02,
.servicios-03,
.servicios-04,
.servicios-05,
.servicios-10{width:100%;display:inline-block;max-width:470px;min-height:164px;vertical-align:top;float:left;background-repeat:no-repeat;margin-top:25px;
	font:300 18px/22px "Oswald";}
.servicios-01{background:url(images/servicios-01.png) top right;background-size:cover;}
.servicios-02{background:url(images/servicios-02.png) top right;background-size:cover;}
.servicios-03{background:url(images/servicios-03.png) top right;background-size:cover;}
.servicios-04{background:url(images/servicios-04.png) top right;background-size:cover;}
.servicios-05{background:url(images/servicios-05.png) top right;background-size:cover;}
.servicios-10{background:url(images/servicios-10.png) top right;max-width:1000px;background-repeat:no-repeat;margin-bottom:20px;}
.servicios-renglon-redondo{border:2px #bdbdbd solid;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:40px;}

.servicios-titulo{width:90%;display:inline-block;background:url(images/servicios-vineta.png) top left;background-repeat:no-repeat;
	font:700 22px/26px "Oswald";color:#b53f8f;text-align:left;padding-left:25px;margin-top:20px;}
.servicios-texto{width:100%;max-width:470px;display:inline-block;font:300 18px/22px "Oswald";text-align:left;padding-left:25px;vertical-align:top;margin-top:10px;}


/* articulos lista */
.articulo{width:100%;display:inline-block;margin-bottom:20px;}
.articulos-opciones{width:100%;display:inline-block;font:700 20px/30px "Roboto";}
.articulos-opciones a:hover{color:#183b76;}
.articulo-imagen{width:35%;height:200px;display:inline-block;margin-top:40px;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
	}
.articulo-datos-lista{width:60%;height:200px;display:inline-block;}
.articulo-datos{width:85%;display:inline-block;float:left;text-align:left;margin-left:2%;}	
	
.articulo-titulo{font:400 22px/30px "Roboto";color:#183b76;}
.articulo-fecha{font:400 14px/22px "Roboto";color:#183b76;}
.articulo-descrip{font:400 18px/22px "Roboto";color:#747373;}	
.articulo-vermas{font:400 18px/26px "Roboto";color:#762256;text-align:right;float:right;}	

/* articulos detalle */
.articulo-imagen-gde{width:100%;height:400px;display:inline-block;margin-top:40px;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}
.articulo-titulo-gde{width:100%;display:inline-block;margin-top:20px;float:left;
	font:400 46px/60px "Roboto";color:#183b76;}
.articulo-fecha-gde{width:100%;font:400 22px/26px "Roboto";color:#762256;text-align:left;}
.articulo-descrip-gde{width:100%;font:400 18px/22px "Roboto";color:#747373;text-align:left;margin-top:40px;}
.articulo-volver{font:400 22px/26px "Roboto";color:#183b76;text-align:left;float:left;margin-top:20px;}	

.portafolio{background:#000000;}

.portafolio-item{width:30%;height:300px;margin:0;float:none;display:inline-block;
   -webkit-box-shadow: inset 0 0 0 2px #e1e1e1;
    -moz-box-shadow: inset 0 0 0 2px #e1e1e1;
    box-shadow: inset 0 0 0 2px #e1e1e1;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    position:relative; 
    overflow:hidden; 
}
.portafolio-item img{position:relative;top: 0px;left:0px;  }
.portafolio-item img{object-fit: cover;width:100%;height:100%;vertical-align:middle;}
.portafolio-item .portafolio-tag{display:inline-block;position:relative;bottom:-10px;left:0px;
	background:#000000;width:100%;text-align:center;color:#ffffff;
	padding:10px 0px 20px 0px;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    
	-o-transition: all .3s;    transition: all .3s; 
}
.portafolio-item:hover{opacity:0.95;}
.portafolio-item:hover	
	.portafolio-tag{position:relative;bottom:50px;left:0px;}

/* pie */
.pie{width:100%;display:inline-block;}

.mapa{width:100%;height:440px;overflow:hidden;position: relative;padding-bottom:15%;}
#map_canvas{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

/*  contacto */
.contacto-mapa{width:35%;display:inline-block;margin-left:5%;margin-top:80px;}
.contacto-texto{width:35%;display:inline-block;font:400 16px/20px "Roboto";margin-top:80px;
	margin-left:5%;text-align:left;color:#666666;}
.contacto-renglon{width:100%;margin-bottom:30px;}
.contacto-renglon img{vertical-align:middle;float:left;margin-right:15px;}


/* formulario */
.btn-comollegar{display:none;}
#deta_form{width:100%;display:inline-block;text-align:center;}
.formulario-secc{width:100%;display:inline-block;float:left;}
.input_label{width:20%;font:400 14px/20px "Roboto";float:left;color:#666666;text-align:right;padding-left:8%;margin-right:1%;}
.input_renglon{width:100%;display:inline-block;font:normal 16px/22px "Roboto";
	margin-bottom:10px;text-align:left;}
.form_input,
.form_area{width:70%;height:22px;display:inline-block;font:normal 16px/22px "Roboto";
	border:none;text-indent:10px;background:#e4e4e4;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.form_area{height:100px;}	
.btn_enviar{width:80px;border:none;display:inline-block;cursor:pointer;float:right;
	font:normal 16px/26px "Roboto";background:url(images/fondo-btn-enviar.png);color:#ffffff;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	}

#unmomento{width:100%;float:left;font:normal 16px/22px "Roboto";}
.marcorojo{background:#ffd0d0 !important;}
.enviandomensaje{display:none;font:normal 26px/30px "Roboto";margin-top:20px;color:#000000;}



::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}
textarea,
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}


#btn_menuresponsive{display:none;position:fixed;top:5px;left:5px;}
.mostrar2{display:none !important;}

@media screen and (max-width:1025px){
.equipo_div{width:30px;margin:10px;}
.equipo_item{margin:10px;}
.equipo_item{float:none;display:inline-block;}
.equipo-fotografias{width:90%;text-align:center;}

}

@media screen and (max-width:770px){/* iPad */
.equipo_div{display:none;}

.encabezado_falso{height:210px;}

.logotipo{height:70px;float:none;margin:5px;}
.menu_top{float:none;margin:15px;}

.servicios-contenedor{width:98%;}
.servicios img{width:98%;}
.servicios img,
.servicios img:nth-child(5){float:none;margin:0px;margin-bottom:20px;}

.servicios-01,
.servicios-02,
.servicios-03,
.servicios-04,
.servicios-05,
.servicios-10{float:none;max-width:96%;min-height:50px;}
.servicios-texto{width:100%;max-width:96%;padding-left:15px;}

.portafolio-item{width:90%;height:400px;}


.contacto-mapa,
.contacto-texto{width:90%;margin:0px;margin-left:2%;margin-top:20px;}

.ocultar1{display:none;}
}


@media screen and (max-width:670px){/* iPhone Landsape */
.encabezado_falso{height:140px;}
.encabezado{top:0;left:0;position:absolute;}


.google_translate_bar{width:100%;max-width:400px;display:inline-block;float:none;}

.contacto-renglon2{width:100%;display:inline-block;text-align:center;}
.btn-comollegar{border:none;display:inline-block;padding:0px 5px;float:none;
	font:normal 12px/22px "Roboto";background:#762256;color:#ffffff;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}

#btn_menuresponsive{display:inline-block;z-index:9998;}
#menuresponsive{display:none;}
.menu_top {position:fixed;top:0;left:50px;z-index:9990;margin-top:0px;}
.menu_top_ a{width:50%;float:left;height:auto;display:inline-block;
		font:normal 20px/40px "Oswald";margin:0px;padding:0px;}

.input_label{width:90%;}
.form_input,
.form_area{width:100%;}

	
.div{border:1px #df00ee solid;}	
.ocultar2{display:none;}
.mostrar2{display:inline-block !important;}

}


@media screen and (max-width:420px){/* cell potrait */
.redes{margin-left:10px;}
.redes a:first-child{margin-right:4px;}
.telefono1,
.telefono2{font:700 18px/40px "Oswald";margin-left:5px;}

.contacto-renglon{font:400 11px/12px "Arial","Roboto";}

.secc-inicio{font:normal 24px/26px "Oswald";}
.titulo_linea{font:700 26px/42px "Oswald";text-indent:10px;margin-top:20px;}
.titulo_linea_gris{font:700 32px/42px "Oswald";color:#5e5e5e;text-align:left;text-indent:40px;
	background:url(images/linea_titulo_gris.png) left bottom;background-repeat:no-repeat;margin-top:40px;}

.equipo_item{width:254px;}
.equipo-datos{width:90px;height:108px;margin-left:120px;
	background:none;
	background-repeat:no-repeat;color:#ffffff;text-align:center;vertical-align:top;
	padding-top:20px;padding-left:8%;padding-right:8%;
	-webkit-border-radius:64px;-moz-border-radius:64px;border-radius:64px;
	display:inline-block;
	}
	

.articulo-datos-lista{width:100%;height:auto;display:inline-block;}
.articulo-datos{width:90%;display:inline-block;float:left;text-align:center;margin-left:5%;}

.articulo-titulo{font:500 16px/18px "Roboto";}
.articulo-fecha{font:400 11px/12px "Roboto";}
.articulo-descrip{font:400 14px/16px "Roboto";}	


.separador_pie{width:100%;height:100px;display:inline-block;}

.servicios-01,
.servicios-02,
.servicios-03,
.servicios-04,
.servicios-05,
.servicios-10{background:none;}
	
.servicios img,
.servicios img:nth-child(5){width:98%;}

}/* media */