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

body{
	margin:0;
	font-family: 'Lato';
	}
a, a:hover{
	text-decoration:none;}	
.contenido{
	margin:0 auto;
	width:960px;
	}	
.titulo{
	color:#FFF;
	font-family: 'Lato';
	font-weight:600;
	font-size:35px;
	letter-spacing:0.05em;
	}
.menu_toggle{
	display:none;
	position:absolute;
    z-index:20;
	top:0;
	right:0
	}
#menu_toggle.open{
	position:fixed;
	}
#toggle {
    padding: 40px 30px 40px 0px;
    background-position:0;
    background-repeat:no-repeat;
    cursor:pointer;
    position:relative;
    top:0;
    right:0;
	float:right;
    -webkit-transition:all .6s cubic-bezier(0.7,0.01,0.3,1);
    -moz-transition:all .6s cubic-bezier(0.7,0.01,0.3,1);
    -o-transition:all .6s cubic-bezier(0.7,0.01,0.3,1);
    transition:all .6s cubic-bezier(0.7,0.01,0.3,1)
}
#toggle .patty {
    width:30px;
    height:3px;
    margin:10px 0;
    background:#000;
    -webkit-transition:all .3s cubic-bezier(0.7,0.01,0.3,1);
    -moz-transition:all .3s cubic-bezier(0.7,0.01,0.3,1);
    -o-transition:all .3s cubic-bezier(0.7,0.01,0.3,1);
    transition:all .3s cubic-bezier(0.7,0.01,0.3,1);
}
#toggle .patty:after,#toggle .patty:before {
    content:'';
    display:block;
    width:30px;
    height:3px;
    background:#000;
    position:relative;
    z-index:1-1;
    -webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s
}
#toggle .patty:before {
    top:-8px
}
#toggle .patty:after {
    top:5px
}
#toggle:hover .patty:before {
    /*top:-9px;*/
	width:30px;
}
#toggle:hover .patty:after {
    /*top:6px;*/
	width:30px;
}
#toggle.open .patty {
	background: none !important;}
#toggle.open .patty:before {
	top: 0!important;
	background: #FFF !important;
	width:30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#toggle.open .patty:after {
    top: -3px !important;
	background: #FFF!important;
	width:30px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45);
	-ms-transform: rotate(-45);
	-o-transform: rotate(-45);
	transform: rotate(-45);
}
	
#loading_div {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	text-align: center;
}
header{
	height:80px;
	font-family: 'Lato';
	/*border:1px solid #E3E3E3;*/
	width:100%;
	padding-top:10px;
	}
.index header{
	border:none;
	position:absolute;
	z-index: 20;
	background:rgba(255,255,255,1);
	}
header .contenido{
	width:960px;
	max-width:98%
	}		
#logo{
	width:180px;
	height:60px;
	float:left;
	background:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	}
.menu{
	float:right;
	}	
.links{
	padding: 0;
	}
.links li{
	float:left;
	list-style:none;
	padding:16px 0 12px 0;
	margin:0 10px;
	}
.links li a{
	color:#494848;
	font-size:16px;
	font-weight: 400;
	text-decoration:none;
	}	
.index .links li a{
	color:#494848;
	}
.links li a:hover, .links li a.activo{
	color:#B60B20;
	text-decoration:none;
	/*font-weight:400;*/
	}
.redes_soc{
	display:none;
	}
.redes_soc2{
	float:left;
	width:calc(100% - 758px);
	text-align:center;
	padding-top:15px;
	padding-left:3px;
	}
.redes_soc2en{
	float:left;
	width:calc(100% - 714px);
	text-align:center;
	padding-top:15px;
	padding-left:3px;
	}
#idioma a{
	padding: 3px 5px 4px;
	background: #CCC;
	font-size: 13px;
	line-height:13px;
	color:#FFF;
	}
#idioma a:hover #idioma a.active{
	color:#494848;
	}	
#a_twitter{
	background-image:url(../img/twitter_b.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:2px 10px;
	}
#a_face{
	background-image:url(../img/facebook_b.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:2px 10px;
	}		
		
#seccion1{
	width:100%;
	height:550px;
	overflow:hidden;
	}
.item .titulo{
	font-weight: 400;
	font-size:45px;
	letter-spacing:0.01em;
	text-align:center;
	margin-top:280px;
	margin-bottom:50px;
	}
.index .item .titulo{
	text-shadow: 0px 0px 15px #000;
	}
.item a{
	text-decoration:none;
	font-size:16px;
	padding:15px 35px;
	border-radius:10px;
	background:#B70D1E;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Lato';
	}
.item a:hover{
	/*border:1px solid #4B4B4B;*/
	background:#666;
	color:#FFF;
	}			
#carrusel{
	width:700%;
	height:600px;
	position:relative;
	cursor:pointer;
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	left:0;
	}	
#carrusel .item, #carrusel2 .item{
	width:14.28571428571429%;
	height:100%;
	float:left;
	text-align:center;
	}
#carrusel2 .item{
	width:25%;
	height:100%;
	float:left;
	text-align:center;
	}	
#item1{
	background:url(../img/slider1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
	}
#item2{
	background:url(../img/outsourcing.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover
	}
#item3{
	background:url(../img/slider3.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
	}
#item4{
	background:url(../img/soluciones.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
	}
#item5{
	background:url(../img/contacto.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
	}
#item6{
	background:url(../img/cliente.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover
	}
#item7{
	background:url(../img/inventario.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover
	}				
.controles{
	position:relative;
	text-align:center;
	z-index:9;
	top:-85px;
	}
.controles a{
	text-decoration:none;
	margin:0 5px;
	background:#FFF;
	cursor:pointer;
	border-radius:50%;
	font-size: 10px;
	letter-spacing: 4px;
	}	
.controles a.activo, .controles a:hover{
	background:#4B4B4B;
	}			
.controles2{
	position:relative;
	bottom:328px;
	}
.controles2 .proximo{
	background:url(../img/left.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	float:left;
	width:40px;
	height:76px;
	z-index:8;
	cursor:pointer;
	}
.controles2 .proximo:hover{
	background:url(../img/left-2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
.controles2 .anterior{
	background:url(../img/right.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	float:right;
	width:40px;
	height:76px;
	z-index:8;
	cursor:pointer;
	}
.controles2 .anterior:hover{
	background:url(../img/right-2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}	

.header_clientes{
	height:150px;
	width:100%;
	border-top:2px solid #E2E2E2;
	background:url(../img/cliente.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
	
.header_contacto{
	height:150px;
	width:100%;
	border-top:2px solid #E2E2E2;
	background:url(../img/contacto.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}	
	
.header_novedades{
	height:150px;
	width:100%;
	border-top:2px solid #E2E2E2;
	background:url(../img/slider2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}	
	
.header_qs{
	height:150px;
	width:100%;
	border-top:2px solid #E2E2E2;
	background:url(../img/quienes.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
	
.header_soluciones{
	height:150px;
	width:100%;
	border-top:2px solid #E2E2E2;
	background:url(../img/soluciones.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}	
	
#seccion2{
	width:100%;
	min-height:400px;
	background:#FFF;
	text-align:center;
	padding:26px 0;
	}
#seccion2 .titulo{
	color:#353535;
	text-transform:uppercase;
	padding-bottom:8px;
	}
#seccion2 .raya{
	border-bottom:4px solid #353535;
	margin:0 auto;
	width:80px;
	margin-bottom:35px;
	}
.serv{
	background:#B70D1E; 
	height:260px;
	margin:5px 4px;
	width:calc(33.33333333% - 8px);
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	z-index:1;
	}
.serv:hover{
	background:#2A2A2A;
	/*width:100%;
	z-index:5;
	position:absolute;
	top:0;
	left:0;*/
	}
.serv .cont1{
	text-align:center;
	position:relative;
	top:80px;
	opacity:1;
	margin: 0 auto;
	width:calc(100% - 30px);
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	}
/*.serv:hover .cont1{
	opacity:0;
	}*/
.cont1 .titulo{
	color:#FFF !important;
	letter-spacing:0.1em;
	font-size:14px;
	font-weight:600;
	margin-top: 25px;
	}	
.serv .cont2{
	text-align:left;
	position:absolute;
	top:5px;
	opacity:0;
	width:calc(100% - 30px);
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	}
/*.serv:hover .cont2{
	opacity:1;
	}*/
.cont2 .titulo{
	color:#FFF !important;
	letter-spacing:0.1em;
	font-size:14px;
	font-weight:600;
	margin-top: 5px;
	}
.cont2 .imagen{
	float:right;
	}
#seccion2 .cont2 .texto{
	color:#FFF !important;
	font-family: 'Lato';
	letter-spacing:0.05em;
	font-size:10px;
	padding-left:20px;
	font-weight:300;
	line-height: 1.1em;
	}
.cont2 .texto li{
	padding-bottom:5px;
	}
.soluciones{
	text-align:left;
	padding:20px 0 25px;
	float: none;
	}	
#seccion2 .texto{
	text-align:left;
	font-weight:400;
	font-size:14px;
	margin:0 auto;
	/*max-width:700px;*/
	padding:0 15px;
	color:#2A2A2A;
	list-style: none;
	}
.socio .foto{
	height:250px;
	width:100%;
	margin:0 auto;
	margin-top: 20px;
	}
.socio .titulo{
	text-align:left;
	padding:0 15px;
	}	
.descripcion {
	padding-bottom: 30px;}				
.descripcion .titulo{
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0;
	}
#seccion2 .cliente{
	padding-top:20px;
	padding-bottom:30px;
	}		
.cliente .imagen{
	text-align:center;
	}
.cliente .imagen img{
	max-width:200px;
	}	
.cliente .titulo{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	}
#seccion2 .cliente .texto{
	text-align:center;
	}
#seccion2 .soluciones .titulo{
	text-align:left;
	letter-spacing:0;
	font-size:20px;
	text-transform:none;
	font-weight:600;
	font-family: 'Lato';
	}	
#seccion2 .soluciones .texto{
	font-size:15px;
	padding:0;
	font-weight:300;
	}	
	
#seccion3{	
	font-family: 'Lato';
	width:100%;
	color:#FFF;
	padding-top:80px;
	text-transform:uppercase;
	background:url(../img/camion.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:360px;
	text-align:left;
	}
#seccion3 .titulo{
	font-weight: 400;
	font-size: 28px;
	letter-spacing: 0em;
	text-align:left;
	}
#seccion3 p{
	font-size: 11px;
	margin: 15px 0 50px 0;
	}
#seccion3 a{
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	padding:15px 35px;
	border-radius:10px;
	background:#B70D1E;
	}
			
#seccion4{
	width:100%;
	min-height:400px;
	background:#FFF;
	text-align:center;
	padding:50px 0;
	color:#353535;
	overflow:hidden;
	}
#carrusel2{
	width:400%;
	min-height:200px;
	position:relative;
	cursor:pointer;
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	left:0;
	}
#seccion4 .controles{
	top:auto;
	bottom: 0;
	}
#seccion4 .controles a{
	background:#CCC;
	}	
#seccion4 .controles a.activo,#seccion4 .controles a:hover{
	background:#4B4B4B;
	}		
#seccion4 .titulo{
	color:#353535;
	text-transform:uppercase;
	padding-bottom:8px;
	}
#seccion4 .raya{
	border-bottom:4px solid #353535;
	margin:0 auto;
	width:80px;
	margin-bottom:35px;
	}
#seccion4 .texto{
	text-align:left;
	font-weight:400;
	font-size:16px;
	margin:0 auto;
	max-width:700px;
	padding:15px;
	}	
.novedad{
	margin:0 auto;
	/*float:none;*/
	margin-bottom:35px;
	text-align:left;
	}	
.novedad .titulo{
	font-size:24px;
	font-weight:600;
	color: #353535;
	width:65%;
	float:left;
	}
.novedad .descripcion{
	margin-top:2px;
	font-size:14px;
	padding: 0;
	}
.novedad .imagen{
	width:35%;
	float:left;
	/*margin-bottom:20px;*/
	font-size:14px;
	text-align: right;
	}
.novedad img{
	width: 150px;
	max-width:100%;
	}
.novedad a, .novedad a:hover{
	color:inherit;
	text-decoration:none;
	}
.novedad a:hover{
	font-weight:600;
	}
.txt_cliente{
	text-align:center !important;
	}			 
		
footer{
	background:#222222;
	color:#FFFFFF;
	font-size:12px;
	font-family: 'Lato';
	}
footer p, footer h2{
	letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 18px;
	margin:0;
	text-align:left;
	font-weight: 300;
	}
footer a{	
	color:#FFFFFF;
	font-weight: 300;
	text-decoration:none;
	letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 2.2em;
	}
footer a:hover{	
	color:#FFFFFF;
	font-weight: 600;
	text-decoration:none;
	}	
footer .texto{	
	padding:50px 15px;
	}
footer .titulo{
	text-transform:uppercase;
	padding-bottom:20px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin:0;
	}
footer .raya{
	border-bottom:2px solid #FFF;
	margin:0 auto;
	width:90px;
	margin-bottom:20px;
	}
footer .articulo{	
	text-transform:uppercase;
	font-weight:600;
	}	
footer .feet{
	text-transform:none;
	background:#2f2f2f;
	color:#FFF;
	padding:20px;
	text-align:center;
	}
.clr{
	clear:both;}
.oso{	
	float:right;
	padding-top:2px;
	margin-left:20px;
	position:relative;
	top:-20px
}	

@media screen and (max-width: 960px) {
.contenido{
	margin:0 auto;
	width:100%;
	}	
.menu_toggle{
	display:block;
	}	
#menu_bg{
	background:rgba(0,0,0,0.99);
	height: 100%;
	width: 250px;
	position: fixed;
	top: 0;
	right:-250px;
	z-index: 10;
	-webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
	}
#menu_bg.open{
	right:0;
	}	
.menu{
	top:100px;
	right:20px;
	}
.menu .links{
	width:200px;
	padding: 100px 0;
	}	
.menu .links li{
	float:none;
	padding: 10px 0 10px 0;
	margin:0 auto;
	text-align:left;
	border:none !important;
	}
.menu .links li a{
	font-size:22px;
	color:#FAFAFA;
	}
.menu .links li:hover{
	border:none;
	}
.redes_soc{
	display:block;
	}
.redes_soc2, .redes_soc2en{
	display:none;
	}		
.menu li.redes_soc{
	padding-top:20px;
	}	
#a_twitter{
	background-image:url(../img/twitter.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:5px 22px;
	}
#a_face{
	background-image:url(../img/facebook.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:5px 22px;
	}		
}
	
@media screen and (max-width: 767px) {
.serv{
	width:calc(100% - 8px);
	}
#seccion2 .texto {
	margin: 0 auto;
	}
#seccion4 .banca{
	border-right:none;
	border-bottom:1px solid #CCC;
	}
#seccion4 .inversiones{
	border-left:none;
	border-top:1px solid #CCC;
	}
.novedad img{
	max-width: 300px;
	}		
}

@media screen and (max-width: 640px) {
.oso{	
	float:none;
	padding-top:2px;
	margin-left:20px;
	position:relative;
	top:10px;
	text-align:center;
}
}

@media screen and (max-width: 420px) {
#seccion3 .titulo{
	font-size: 24px;
	}
}
	


/* New Code - Jscrui from ROSFintech */

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}