@charset "utf-8";
/* CSS Document*/
body, html  { margin:0 auto; padding:0; font-family: 'Lato', sans-serif; font-size:12px; font-weight:400; height: 100%; }
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; }
.contenedor { display: inline-block; width:100%; margin:0; text-align:center; padding: 0; position:relative; }
.centro { display:inline-block; width:1200px; margin:auto; position:relative; text-align:left; }
.centro_p { display:inline-block; width:900px; margin:auto; position:relative; text-align:left; }
.fondo { display:table; width:100%;  height:-moz-calc(100% - 52px); height:calc(100% - 52px); text-align:center; position:fixed; top:0; left:0; z-index:-100; }

.mask { display:inline-block; width:100%; height:100%; text-align:center; }
.mn_main { background:#645c5f; display:none; width:100%; left:0; z-index:12121; padding:10px 0 0 0; height:35px; text-align:center; }
.mn_main2 { background:#645c5f; display:inline-block; width:100%; top:140px; z-index:12121; padding:10px 0 0 0; height:35px; text-align:center; position:fixed; left:0; top:140px; }
.movil { display:none; }

.btn_mision { color:#ea007b; font-size:20px; letter-spacing:10px; display:inline-block; margin: 0 30px; }
.btn_servicios { color:#25b8eb; font-size:20px; letter-spacing:10px; display:inline-block; margin: 0 30px; }
.btn_portafolio { color:#ffda45; font-size:20px; letter-spacing:10px; display:inline-block; margin: 0 30px; }
.btn_contacto { color:#ff7c2a; font-size:20px; letter-spacing:10px; display:inline-block; margin: 0 30px; }

.btn_mision:hover, .btn_servicios:hover, .btn_portafolio:hover, .btn_contacto:hover { color:#FFF; }



.wrap { height: 400px; width: 100%; overflow: hidden; position: relative;}
.wrap_p { height: 260px; width: 345px; overflow: hidden; position: relative; float:left; }

.medio { width:46%; height:390px; margin: 0 2%; display:inline-block; float:left; }
.medioa { width:46%; margin: 30px 2%; display:inline-block; float:left; }
.medioi { width:46%; margin: 40px 2% ; display:inline-block; float:left; }
.btn_href { font-weight:400; color:#655c60; }
.btn_href:hover { font-weight:700; }
.imgp { margin: 0 0 50px 0; }
.imgp_m { margin: 0 0 50px 0; }

.gral { display:inline-block; width:100%; margin: 0 0 30px 0;}

.wrap_div {
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-background-size:  auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    z-index: 10;
	text-align:right;
	cursor:pointer;
}

.wrap_div:hover { -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }

.btn_wrap { display:inline-block; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0); transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-align:center; background:url(../img/flecha.png) no-repeat right center; }
.btn_wrap:hover { opacity:1; filter:alpha(opacity=100); }
.grafico { display:inline-block; position:absolute; top: 230px; left:50%; margin-left: -310px; width:620px; text-align:center; height:10px; }

.logo { height:100px; }
.logo_head { display: inline-block; width:100%; height:120px; padding:20px 0 0 0; background:#FFF; text-align:center; position:fixed; left:0; top:0; z-index:11111; }
.sombra { display:inline-block; position:absolute; left:0; top:140px; width:100%; height:34px; background:url(../img/sombra.png); opacity:0.4; filter:alpha(opacity=40); }

.menuDespl { display:none; top:70px; left:0; width:100%; position:fixed; background:#645c5f; z-index:11111; text-align:center; padding:20px 0; line-height:36px; }
.btnMovil { display:none; }
.ttl250 { display:inline-block; width:100%; margin:250px 0 50px 0; color:#ff007b; font-size:20px; letter-spacing:10px; }
.div200 { display:inline-block; float:left; width:200px; }
.div700 { display:inline-block; float:left; width:-moz-calc(100% - 200px); width:calc(100% - 200px); margin:30px 0 0 0; font-size:18px; }
.serv1 { display:inline-block; width:100%; margin: 0 0 100px 0; }
.port2 { display:inline-block; width:1050px; margin:250px auto 100px auto; }
.porthead { padding:40px 0 20px 0; background:#FFF; position:fixed; left:0; top:0; z-index:10; }
.portopc { margin: 0 0 20px 0; }
.m25 { margin:250px 0 0 0; }
.prthd { text-align:center; color:#655c60; font-size:15px; line-height:22px; }
.medioix { margin:200px 2% 0 2%; }

@media (max-width:1100px){
.btn_mision { color:#ea007b; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_servicios { color:#25b8eb; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_portafolio { color:#ffda45; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_contacto { color:#ff7c2a; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.centro_p { width:90%; }

	.wrap { height: 300px; width: 100%; overflow: hidden; position: relative;}
	.wrap_p { height: 200px; width: 300px; }
	.port2 { width:900px;  }
	
}
@media (max-width:900px){
.btn_mision { color:#ea007b; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_servicios { color:#25b8eb; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_portafolio { color:#ffda45; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.btn_contacto { color:#ff7c2a; font-size:18px; letter-spacing:5px; display:inline-block; margin: 0 20px; }
.centro_p { width:90%; }

	.wrap { height: 230px; width: 100%; overflow: hidden; position: relative;}
	.wrap_p { height: 180px; width: 220px; }
	.port2 { width:660px; }
}

@media (max-width:800px){
	.medio { width:46%; height:300px; margin: 0 2%; display:inline-block; float:left; }
.medioa { width:46%; margin: 30px 2%; display:inline-block; float:left; }
.medioi { width:46%; margin: 40px 2% ; display:inline-block; float:left; }
	.prt100 { width:100%; }
}

@media (max-width:500px){
	.imgp { margin: 0 0 30px 0; width:100%; }
	.imgp_m { margin: 0 0 30px 0; width:60%; }
	.medio { width:94%; height:auto; margin: 0 2% 30px 2%; }
	.medioi { width:94%; margin: 30px 2% ; }
	.medioix { width:94%; margin: 30px 2% ; }
	.prthd { line-height:18px; }
	.medioa { width:100%; margin: 20px 0; display:inline-block; float:left; }
	.m25 { margin:170px 0 0 0; }
	.portopc { margin: 0 0 10px 0; }
	.porthead { padding:5px 0 10px 0; }
	.serv1 { margin: 0 0 40px 0; }
	.div700 { width:-moz-calc(100% - 100px); width:calc(100% - 100px); margin:0 0 0 0; font-size:15px; }
	.div200{ width:100px;}
	.movil { display:inline-block; }
	.logo { height:50px; }
	.logo_head { height:60px; padding:10px 0 0 0; }
	.sombra { top:70px; }
	.wrap { height: 160px; width: 100%; overflow: hidden; position: relative;}
	.mn_main2 { display:none; }
	.btnMovil { display:inline-block; position:absolute; right:10px; top:15px; }
	.ttl250 { margin:100px 0 20px 0; }
	.port2 { width:300px; margin:100px auto 20px auto; }
	.wrap_p { height: 120px; width: 100px; }
}