@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto:400,400i,500,500i,700,700i|Titillium+Web');

body{
	background:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:15px;}
	
p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:18px;
	margin:0px;
	padding:0px;
	text-align:justify;}
	
h1, h2, h3, h4{
	font-family: 'Titillium Web', sans-serif;
	font-weight:bold;
	margin:0px;
	padding:0px;}
	
h2{
	font-size:35px;}
	
h3{
	font-size:25px;}
	
h4{
	font-size:20px;}
	
img{
	margin:0px;
	padding:0px;}
	
a{
	text-decoration:none;}
	
a:hover{
	text-decoration:none;}
	
h2.titulo-white-center{
	color:#169fe7;
	font-size:35px;
	padding-bottom:15px;
	text-align:center;}
	
h2.titulo-white-center span{
	color:#545454;}
	
h2.titulo-dark-center{
	color:#169fe7;
	font-size:35px;
	padding-bottom:25px;
	text-align:center;}
	
h2.titulo-dark-center span{
	color:#fff;}

h3.titulo-dark-left{
	color:#169fe7;
	font-size:30px;
	padding-bottom:25px;
	text-align:left;}
	
h3.titulo-dark-left span{
	color:#fff;}
	
h2.titulo-optional-center{
	color:#46d5ff;
	font-size:35px;
	padding-bottom:25px;
	text-align:center;}
	
h2.titulo-optional-center span{
	color:#fff;}
	
h2.titulo-white-left{
	color:#169fe7;
	font-size:35px;
	padding-bottom:15px;
	text-align:left;}
	
h2.titulo-white-left span{
	color:#545454;}
	
	
	
	

.header{
	background:#fff;
	display:block;
	float:left;
	padding:20px 10px;
	width:100%;}

.header .logo{
	display:inline-block;
	float:left;
	padding:0px 0px;
	width:auto;}

.logo img{
	display:block;
	float:left;
	height:auto;
	width:auto;}

.accesos{
	display:inline-block;
	float:right;
	padding-top: 25px;
	width:auto;}

.sistema{
	display:inline-block;
	float:right;
	padding:5px 15px;}

.sistema a{
	color:#545454;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	-webkit-transition:-webkit-transform 1s ease-out;
	-moz-transition:-moz-transform 1s ease-out;
	-o-transition:-o-transform 1s ease-out;
	-ms-transition:-ms-transform 1s ease-out;
	transition:transform 1s ease-out;}

.sistema a:hover{
	color:#2a2a2a;
	text-decoration:underline;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}

.social{
	display:inline-block;
	float:right;
	width:auto;}

.social-network{
	background:url(../img/viatek_social_networks.png) no-repeat top left;
	background-position-y:-42px;
	display:block;
 	float:right;
	height:32px;
	width:32px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	cursor:pointer;}

.social-network.facebook{
	background-position:-210px -42px;}
.social-network.google{
	background-position:-336px -42px;
	margin: 0px 5px 0px 0px;}
.social-network.twitter{
	background-position:-1134px -42px;
	margin: 0px 5px 0px 0px;}
.social-network.youtube{
	background-position:-1260px -42px;
	margin: 0px 5px 0px 0px;}
.social-network.linkedin{
	background-position:-504px -42px;
	margin: 0px 5px 0px 0px;}

.social-network.facebook:hover,.active .social-network.facebook{
background-position:-210px 0;}
.social-network.google:hover,.active .social-network.google{
	background-position:-336px 0}
.social-network.twitter:hover,.active .social-network.twitter{
	background-position:-1134px 0;}
.social-network.youtube:hover,.active .social-network.youtube{
	background-position:-1260px 0;}
.social-network.linkedin:hover,.active .social-network.linkedin{
	background-position:-504px 0}
	
	
/* MENU PRINCIPAL */
.menu {
	background:#003769;
	padding:0px;}

.navbar {
	background:#003769;
	border:none;
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	margin:0px auto;}
	
.navbar .navbar-header {
	float: none;
	margin:0px auto;
	text-align:center;}

.navbar .navbar-nav {
	background:#008ad3;
	display: inline-block;
	float: none;
	vertical-align: top;}

.navbar .navbar-collapse {
	text-align: center;}
	
.navbar .collapse ul li a{
	background:#003769;
	color:#fff !important;}	
	
.navbar .collapse ul li a:hover{
	background:#0273af;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}

.navbar .collapse ul li.active a {
	background:#008ad3!important;}	

.navbar-header  button{
	background:#008ad3;
	border:none;}

.navbar-header  button:hover{
	background:#0161b8 !important;}	

.navbar-header  button .icon-bar{
	background:#fff !important;}	
	
li.open a{
	background:#0273af !important;
	float: none;
	margin:0px auto;
	text-align:center;}
	
ul.dropdown-menu{
	float:left;
	background:#003769;
	margin:0px;
	padding:0px;
	width:auto !important;}

ul.dropdown-menu li a{
	background:#003769 !important;
	font-size:16px;
	padding: 10px 16px;
	width:auto;}
	
ul.dropdown-menu li a:hover{
	background:#21b2ff !important;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}

.fixed{
	position:fixed; 
	top:0;
	z-index:999;
	width:100%;}
/* FIN DE MENU PRINCIPAL */
	
	
/* SLIDE HOME*/
.slide {
	background:#9d9d9d;}
	
.slide-principal{
	background:#9d9d9d;
	margin:0px auto;
	text-align:center;}
	
.slide-principal .item img{
	width:100%;}
/* FIN DE SLIDE HOME */

	
/* SERVICIOS HOME */
.servicios-home{
	padding:60px 0px 60px 0px;
	text-align:center;}
	
p.sub-titulo{
	color:#545454;
	font-size:18px;
	text-align:center;}
	
article.servicio-home{
	border:2px solid #fff;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	margin:2% 1% 3% 1%;
	padding:18px;
	width:31.3%;
	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;}
	
article.servicio-home:hover{
	background:#008ad3;
	border:2px solid #008ad3;
	border-radius: 10px; /* El estándar.*/  
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}
	
article.servicio-home:hover h3{
	color:#fff;}
	
article.servicio-home:hover p{
	color:#fff;}
	
article.servicio-home:hover button.btn-1{
	background:#fff; 
	border-radius: 3px; /* El estándar.*/  
	-moz-border-radius: 3px; /* Firefox*/  
	-ms-border-radius: 3px; /* IE 8.*/  
	-webkit-border-radius: 3px; /* Safari,Chrome.*/ 
	color:#008ad3;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}
	
article.servicio-home:hover button a{
	color:#008ad3;}
	
article.servicio-home  img{
	padding-bottom:15px;}
	
article.servicio-home  h3{
	color:#169fe7;
	padding-bottom:5px;}
	
button.btn-1{
	background:#fff;
	border:2px solid #008ad3;
	border-radius: 3px; /* El estándar.*/  
	-moz-border-radius: 3px; /* Firefox*/  
	-ms-border-radius: 3px; /* IE 8.*/  
	-webkit-border-radius: 3px; /* Safari,Chrome.*/ 
	color:#008ad3;
	font-size:16px;
	margin-top:15px;
	padding:7px 14px;}
	
button.btn-1:hover {
	background:#fff;
	border:2px solid #fff;
	color:#fff;}
/* FIN DE SERVICIOS HOME */


/* PLATAFORMA */
.plataforma{
	background:#003769;}

section.plataforma-web{
	background:#003769;
	padding-top:70px;}
	
.plataforma-web article p{
	color:#fff;
	padding-bottom:20px;}
	
.plataforma-web article img{
	width:auto;}
/* FIN DE PLATAFORMA */


/* SOLUCIONES */
.soluciones-home{
	background:#008ad3;}
	
.solucion-home{
	padding:70px 0px 30px 0px;
	text-align:center;}
	
.solucion-home article.solucion {
	border:2px solid #008ad3;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	margin:0 1% 1% 0;
	padding:18px;
	text-align:center;
	width:31.3%;
	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;}
	
.solucion-home article.solucion:hover{
	background:#fff;
	border:2px solid #008ad3;
	border-radius: 10px; /* El estándar.*/  
	-moz-border-radius: 10px; /* Firefox*/  
	-ms-border-radius: 10px; /* IE 8.*/  
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}
	
article.solucion:hover h4{
	color:#008ad3;}
	
article.solucion:hover p{
	color:#545454;}
	
article.solucion img{
	padding-bottom:15px;
	width:100%;}
	
article.solucion h4{
	color:#fff;
	padding-bottom:5px;}
	
article.solucion p{
	color:#fff;}
	
article.solucion button{
	background:#008ad3;
	border:2px solid #fff;
	border-radius: 3px; /* El estándar.*/  
	-moz-border-radius: 3px; /* Firefox*/  
	-ms-border-radius: 3px; /* IE 8.*/  
	-webkit-border-radius: 3px; /* Safari,Chrome.*/ 
	color:#fff;
	font-size:16px;
	margin-top:15px;
	padding:7px 14px;}
	
article.solucion button:hover{
	background:#008ad3;
	border:2px solid #008ad3;
	color:#008ad3;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}
	
article.solucion button a{ 
color:#fff;}
/* FIN DE SOLUCIONES */


/* NOTICIAS Y FACEBOOK */
.noticias-facebook {
	padding:70px 0px 50px 0px;
	text-align:center;}

.noticias-facebook .noticia{
	display:block;
	float:left;
	padding-bottom:25px;
	width:100%;}
	
.noticias-facebook .noticia .foto-noticia{
	display:inline-block;
	float:left;
	margin-right:2%;
	width:48%;}
	
.noticias-facebook .noticia .texto-noticia{
	display:inline-block;
	float:left;
	margin-right:2%;
	text-align:left;
	width:48%;}
	
.noticias-facebook .noticia .texto-noticia h4{
	color:#169fe7;
	padding-bottom:5px;}
	
.noticias-facebook .noticia .texto-noticia a{
	color:#169fe7;}
	
.noticias-facebook .noticia .texto-noticia a:hover{
	text-decoration:underline;}
/* FIN DE NOTICIAS Y FACEBOOK */


/* CLIENTES */
.clientes-logos{
	background:#eaeaea;
	margin:0 auto;
	text-align:center;}
	
.clientes{
	background-color: #eaeaea;
	height:auto;
	margin: 0 auto;
	padding: 70px 0px 70px 0px;
	text-align:center;}
	
.clientes h2{
	padding-bottom:30px;
}
	
.clientes .slide{
	border:7px solid #b2b2b2;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray;
	-webkit-filter: grayscale(100%);
	opacity: .90;
	transition: all .2s;
	-webkit-transition: all .2s;
	-webkit-filter: grayscale(100%);}
	
.clientes .slide:hover{
	border:7px solid #008ad3;
	filter: none;
	opacity: 1;
	-webkit-filter: none;}
						
.slick-slide {
    margin: 0px 15px;}

.slick-slide img {
    width: 100%;}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
.slick-list:focus{
    outline: none;}
	
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;}
	
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';}
	
.slick-track:after{
    clear: both;}
	
.slick-loading .slick-track{
    visibility: hidden;}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
	
[dir='rtl'] .slick-slide{
    float: right;}
	
.slick-slide img{
    display: block;}
	
.slick-slide.slick-loading img{
    display: none;}
	
.slick-slide.dragging img{
    pointer-events: none;}
	
.slick-initialized .slick-slide{
    display: block;}
	
.slick-loading .slick-slide{
    visibility: hidden;}
	
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;}
	
.slick-arrow.slick-hidden {
    display: none;}
/* FIN DE CLIENTES */


/* CALL TO ACTION */
.call-to-action{
	background:#fff;
	padding:70px 0px;}

.call-to-action .contactanos{
	background:#008ad3;
	color:#fff;
	margin:0 auto;
	padding:40px 40px;
	text-align:center;}
	
.call-to-action .contactanos p{
	font-size:30px;
	line-height: 32px;
	text-align:center;}
	
.call-to-action .btn-1{
	background:#008ad3;
	border:2px solid #fff;
	color:#fff;
	font-size:18px;
	height:auto;
	padding:10px 0px;
	width:auto;}
	
.call-to-action .btn-1:hover{
	background:#ffffff;
	border:2px solid #fff;
	color:#fff;
	font-size:18px;
	-webkit-transition:all .9s ease;
	-moz-transition:all .9s ease;
	-o-transition:all .9s ease;
	-ms-transition:all .9s ease;
	transition:all .9s ease;}
	
.call-to-action .btn-1 a{
	color:#fff;
	padding:20px 10px;}
	
.call-to-action .btn-1 a:hover{
	color:#008ad3;}
/* FIN DE CALL TO ACTION */


/* FOOTER */
.footer{
	background:#003769;
	padding:50px 0px 35px 0px;}
	
footer article{
	padding:0px;
	margin:0px;}
	
footer article h3{
	color:#008ad3;
	padding-bottom:10px;
	text-align:center;}
	
footer .logotipo-footer img{
	display:inline-block;
	padding:40px 0px 30px 0px;
	width:auto;}
	
.ubicanos ul li{
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	list-style:none;}
	
.ubicanos ul li img{
	display:inline-block;
	float:left;
	margin:0px;
	padding-right:5px;}
	
footer .siguenos{
	display:inline-block;
	float:left;}
	
footer .siguenos .social{
	display: block;
	float:none;
	margin:0px auto;
	text-align:center;
	width:100%;}
	
footer .siguenos .social .social-network{
	display: inline-block;
	float:none;
	margin:0px auto;
	text-align:center;}
	
/*============= BACK TO TOP =============*/
.subir{
   bottom:20px; 
   height:40px;
   line-height:30px;
   position:fixed; /*Importante*/
   right:20px; /*Lo ubicamos abajo y a la derecha*/
   text-align:center;
   width:48px;}
   
.top {
	background:url(../img/btn_subir.png) no-repeat top left;
	background-position-y:-40px;
	color: #000;
	display:block;
 	float:right;
	height:40px;
	width:40px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	cursor:pointer;}
	
.top.icon{
	background-position:0px -40px;}
	
.top.icon:hover,.active .top.icon{
background-position:0px 0px;}
/*============= FIN DE BACK TO TOP =============*/
	
.sub-footer{
	background:#012545;}

.sub-footer .footer{
	background:#012545;
	padding:15px 10px;}
	
.sub-footer .footer .copyright{
	color:#fff;
	display:inline-block;
	padding-bottom:5px;}
	
.sub-footer .footer .copyright a{
	color:#008ad3;}
	
.sub-footer .footer .copyright a:hover{
	text-decoration:underline;}
	
.sub-footer .footer .desarrollador{
	color:#c2c2c2;
	text-align:right;}
/* FIN DE FOOTER */