@charset "UTF-8";
/* 
Sistemas Argos
http://www.sistemasargos.com
Diseño gráfico:Alessandra Briceño
Estructura de contenido:Elizabeth Paredes
Programación:Carlos Arteaga - KP León 
Iconos Consultores, C.A. - http://www.iconoscs.com
agosto, 2016
*/

*{ margin:0; padding:0; box-sizing:border-box;}
section, header, footer, nav{ display:block; }
html, body{ height:100% !important; }

/*
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font:SIL OFL 1.1, CSS:MIT License)
 */
@font-face{
  font-family:'FontAwesome';
  src:url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight:normal;
  font-style:normal;
}

/*
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 * Copyright (c) 2016 Daniel Eden
 */
.animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

@-webkit-keyframes fadeInDown{
  from{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInDown{
  from{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInDown{
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown;
}

@-webkit-keyframes fadeInLeft{
  from{
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes fadeInLeft{
  from{
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInLeft{
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft;
}

@-webkit-keyframes slideInRight{
  from{
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    visibility:visible;
  }
  to{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }
}

@keyframes slideInRight{
  from{
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    visibility:visible;
  }
  to{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }
}

.slideInRight{
  -webkit-animation-name:slideInRight;
  animation-name:slideInRight;
}



/*--------- Generales  ----------*/
.contenedor{ width:95%; max-width:1200px; margin:0 auto; clear:both; position:relative; }
.limpiar{ clear:both; }
.oculto{ display:none; }
.noscroll{ overflow:hidden; }
.titulo_seccion{ padding:50px 0; font:300 60px/80px "Roboto", sans-serif; color:#576671; text-transform:capitalize; }
.intro_seccion{ width:100%; max-width:610px; margin-bottom:50px; display:inline-block; font:400 18px/36px "Roboto", sans-serif; color:#87949e; }
.texto_blanco{ color:#FFF; }



/*--------- MENU  ----------*/

.barra_nav{
	width:100%; height:100px; position:fixed; top:0; left:0; z-index:1000;
	border-top:10px solid #264699;
	text-align:right;
	-webkit-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	overflow:hidden;
}
.barra_nav.scroll{ background:rgba(255, 255, 255, 0.95); box-shadow:0px 2px 10px rgba(0, 0, 0, 0.06); }

.menu{ width:100%; position:relative; }
.menu li{ list-style:none; display:inline-block; vertical-align:bottom; margin:30px 2px; }
.menu a{
	display:block; padding:0 15px; font:400 18px/40px "Roboto", sans-serif; color:#576671; text-decoration:none; 
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-ms-border-radius:200px;
	border-radius:200px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.menu a:hover, .menu a.active{ color:#fff; background-color:#264699; }
#logo_menu{
	width:125px; height:100px; display:block; position:absolute; top:0; left:0;
	background:url(../imgs/generales/logo.png) center no-repeat; background-size:contain;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
}
#logo_menu:hover{ background-color:none; color:none; }



/* -------- TOPE DE SITIO ---------- */
.contenedor_inicio{ padding-top:100px; text-align:center; }
.banner_top, .fondo_mac{ width:100%; height:520px; position:relative; }
.banner_texto{ width:100%; position:absolute; top:50%; margin:-40px 0 0 0; text-align:center; }
.fondo_mac h2{ padding:15px 50px; display:inline-block; font:30px "Roboto", sans-serif; color:#FFF; border:1px solid #FFF; letter-spacing:200%; }

.prods_intro h2{ padding-top:64px; font:700 60px "Roboto", sans-serif; color:#264699; text-transform:uppercase; }
.prods_intro p{ max-width:650px; margin:0 auto; font:400 18px/42px "Roboto", sans-serif; color:#808080; }



/* -------- CARRUSEL modulos ---------- */
.contenedor_rotador{ padding:100px 0 50px 0; position:relative; clear:both; }
.nav_flecha{
	width:50px; height:50px; display:block; position:absolute; top:100px;
	text-align:center; text-decoration:none; color:#264699;
	border:1px solid #808080;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
}
.nav_flecha:hover{ color:#c51c5c; }
.nav_flecha:before{ font:20px/50px "FontAwesome"; display:inline-block; }
.flecha_anterior, .captura_anterior, .cli_atras{ left:-50px; }
.flecha_anterior:before, .captura_anterior:before, .cli_atras:before{ content:"\f053"; }
.flecha_siguiente, .captura_siguiente, .cli_sig{ right:-50px; }
.flecha_siguiente:before, .captura_siguiente:before, .cli_sig:before{ content:"\f054"; }

.rotador_modulos{ text-align:center; }
.modulo{ width:300px; display:inline-block; vertical-align:top; padding-top:140px; text-align:center; }
.titulo_modulo{ height:72px; font:400 30px/36px "Roboto", sans-serif; color:#576671; }
.texto_modulo{ height:150px; padding:10px 15px 30px 15px; font:400 18px/30px "Roboto", sans-serif; color:#87949e; overflow:hidden; }
.link_modulo{
	display:inline-block; padding:0 50px;
	font:400 18px/40px "Roboto", sans-serif; color:#576671; text-decoration:none;
	border:2px solid #808080;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-ms-border-radius:200px;
	border-radius:200px;
}
.link_modulo:hover{ border-color:#c51c5c; background:#c51c5c; color:#fff; }

.boton_azul{
	display:inline-block; margin-bottom:70px; padding:0 15px; background:#264699;
	font:400 18px/50px "Roboto", sans-serif; color:#fff; text-decoration:none; text-transform:capitalize;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-ms-border-radius:200px;
	border-radius:200px;
}
.boton_azul:hover{ background:#c51c5c; }



/* ---- ventana modal -------- */
.overlay{
	width:100%; height:100%; overflow:auto; position:fixed; top:100%; left:0; z-index:10001;
	background-color:rgba(0, 0, 0, 0.5);
}
.modal{
	width:90%; max-width:1500px; min-height:85% !important; margin:5% auto 0 auto; position:relative;
	background-image:url(../imgs/generales/bg_alcances.jpg); background-position: top center; background-repeat:no-repeat; background-size:cover;
	color:#ffffff; text-align:left;
}
.info_modal{ width:100%; padding:40px 410px 40px 40px; font:400 16px/26px "Roboto", sans-serif; }
.modal h3{ font:300 72px/80px "Roboto", sans-serif; padding-bottom:10px}
.modal p, .modal li{ margin-bottom:20px; }
.modal li{ margin-left:30px; }
.modal_icono{ width:350px; height:300px; position:absolute; top:175px; right:40px; background-size:contain !important; }
.descargar{ 
	width:200px; display:block; position:absolute; top:490px; right:120px;
	font:400 18px/40px "Roboto", sans-serif; text-decoration:none; text-align:center; color:#ffffff;
	border:2px solid #ffffff;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-ms-border-radius:200px;
	border-radius:200px;
}

.cerrar_modal{ position:absolute; top:20px; right:50px; text-decoration:none; z-index:1000; }
.cerrar_modal:before{ content:"\f057"; font:35px "FontAwesome"; color:#fff; }




/*--------- SERVICIOS:Alcances generales  ----------*/

.contenedor_servicios{ width:100%; clear:both; padding-bottom:100px; background:#264699 url(../imgs/generales/bg_alcances.jpg) center no-repeat; background-size:cover; overflow:hidden; }
.contenedor_servicios h2{ padding:50px 0; font:300 60px/80px "Roboto", sans-serif; color:#FFF; text-transform:capitalize; }
.contenedor_servicios .intro_seccion{ color:#FFF; }

.contenedor_listas{ width:100%; max-width:900px; clear:both; }
.contenedor_servicios ol{ width:100%; max-width:400px; float:left; margin-right:50px; counter-reset:item; }

.contenedor_servicios li{ display:block; padding:10px 0 10px 55px; font:400 18px/36px "Roboto", sans-serif; color:#fff; position:relative; }
.contenedor_servicios li:before{
	width:40px; height:40px; display:block; margin-right:10px; position:absolute; top:10px; left:0;
	content:'\f00c';
	font:400 18px/40px "FontAwesome"; color:#fff; text-align:center;
	border:1px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
}
.img_mac{ width:996px; height:600px; position:absolute; top:150px; left:750px; background:url(../imgs/generales/mac_alcances.png) left center no-repeat; background-size:contain; }



/*--------- Acerca  ----------*/
.contenedor_acerca{ position:relative; }
.contenedor_acerca p{ width:100%; max-width:610px; margin-bottom:50px; display:inline-block; font:400 18px/36px "Roboto", sans-serif; color:#87949e; }

.contenedor_mockup{ width:45%; height:670px; max-width:800px; position:absolute; top:0; left:0; overflow:hidden; }
.mockup{
	width:90%; height:490px; position:absolute; left:10%; top:50px;
	background-position:center; background-size:contain; background-repeat:no-repeat;
}
.mockup_top{ background-image:url(../imgs/generales/mockup_top.png); z-index:1; }
.mockup_center{ top:100px; z-index:0; background-image:url(../imgs/generales/mockup_center.png); }
.mockup_bottom{ background-image:url(../imgs/generales/mockup_bottom.png); top:150px; z-index:-1; }
.acerca_contenedor{ width:50%; margin-left:50%;}




/* -------- SECCION DE CAPTURAS DEL SISTEMA ---------- */

.contenedor_capturas{ padding:70px 0; background:#264699 url(../imgs/generales/bg_capturas.jpg) center no-repeat; background-size:cover;}
.capturas{ width:90%; max-width:1000px; margin:0 auto; text-align:center; position:relative; }
/*.captura{ width:100%; min-height:780px; text-align:center; } */
.captura{ width:100%; min-height:780px; text-align:center; display:inline-block;}
.captura img{ width:100%; height:auto;
	-moz-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);
	box-shadow:0px 0px 20px 10px rgba(0, 0, 0, 0.1);
}
.titulo_captura{ padding:50px 0 30px 0; font:400 24px/36px "Roboto", sans-serif; }
.resumen_captura{ max-width:900px; margin:0 auto; font:400 16px/32px "Roboto", sans-serif; }
.captura_anterior, .captura_siguiente{ top:250px; color:#fff; }




/*--------- Clientes  ----------*/
.contenedor_clientes{
  padding-bottom:60px;
  padding:0 0 120px 0;
  background:url(../imgs/generales/bg_clientes.png) center bottom repeat-x;
  text-align:center;
}

.lista_clientes{ height:80px; width:80%; margin:0 auto; clear:both; overflow:hiddden; position:relative; }
.lista_clientes li{
	width:170px; height:80px; margin:0 20px; display:inline-block; vertical-align:middle; list-style:none;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.cli_atras{ top:0; }
.cli_sig{ top:0; }




/*--------- Contacto  ----------*/
.contenedor_contacto{ min-height:820px; margin:100px 0 120px; position:relative; }
.contenedor_mapa{ width:45%; height:100%; position:absolute; top:0; left:0; background:#264699; }
.contacto{ width:50%; float:right; }

.contacto_datos{ padding:0 20px 20px 20px; font:400 18px "Roboto", sans-serif; color:#848789; }
.contacto_datos h4{ padding:20px 0; font:400 35px "Roboto", sans-serif; color:#2d3080; }
.contacto_datos p{ padding:0 0 20px 0; }

.forma_contacto input, .forma_contacto textarea{
	width:100%; height:60px; margin-bottom:30px; padding:15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	border:none; background:#f9f9fa;
	font:400 18px/30px "Roboto", sans-serif; color:#576671;
}

.forma_contacto input::-webkit-input-placeholder, .forma_contacto textarea::-webkit-input-placeholder, 
.forma_contacto input::-moz-placeholder, .forma_contacto textarea::-moz-placeholder, 
.forma_contacto input:-moz-placeholder, .forma_contacto textarea:-moz-placeholder, 
.forma_contacto input:-ms-input-placeholder, .forma_contacto textarea:-ms-input-placeholder{
	font:400 18px/30px "Roboto", sans-serif; color:#576671;
}
.forma_contacto input:focus, .forma_contacto textarea:focus{ outline-color:#c51c5c; }
.forma_contacto textarea{ height:200px; } 
.recaptcha{ width:320px; display:inline-block; vertical-align:middle; }

input.fc_enviar{
	width:auto; margin:0 0 0 25px; padding:0 100px; display:inline-block; vertical-align:middle;
	font:400 18px/50px "Roboto", sans-serif; color:#fff; text-decoration:none; text-transform:capitalize;
	background:#264699;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-ms-border-radius:200px;
	border-radius:200px;
}
input.fc_enviar:hover{ background:#c51c5c; }



/*--------- Pie  ----------*/
.pie{
	height:110px;
	border-top:8px solid #c51c5c;
	background:#264699 url(../imgs/generales/logo_blanco.png) center no-repeat;
}
.redes_sociales{ float:left; }
.redes_sociales li{ width:30px; height:30px; margin:0 10px; list-style:none; display:inline-block; }

.redes_sociales a{ display:block; text-decoration:none; color:#fff; }
.redes_sociales a:hover{ color:#c51c5c; }
.redes_sociales a:before{ font:20px/100px "FontAwesome"; }
.instagram:before{ content:"\f16d"; }
.facebook:before{ content:"\f09a"; }
.twitter:before{ content:"\f099"; }
.googleplus:before{ content:"\f0d5"; }
.texto_pie{ padding-top:20px; float:right; text-align:right; font:400 18px/30px "Roboto", sans-serif; color:#fff; }
.creditos{ font-size:14px; }
.creditos a{ color:#fff; }