@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Poppins:300); /*font-family: 'Poppins', sans-serif;*/





/* ============================================================
	1. GENERAL
=============================================================*/
body{
	font-family: 'aleoregular', sans-serif;
	font-weight: 300;
	color: #262626;
	font-size: 15px;
	background-color:#FFF;
}

.inicio{
	background-image:url(../img/BGinicio.jpg);
	background-size:cover;
	background-position:center center;
	padding-top:150px;
	padding-bottom:50px;}
	
.textintro{
	font-family: 'aleolight', sans-serif;
	color:#FFF;}
	
.textintro40{
	font-size:40px;
	line-height:48px;}
	
.textintro20{
	font-size:20px;
	line-height:24px;}
	
.red{
background-color:red;}

/* ============================================================
	BOTONES INICIO
=============================================================*/

.button_micuenta{
						
 -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:17px; line-height:22px;
font-family: 'aleobold', serif; padding: 10px 10px 10px 50px; text-decoration:none; background-image:url(../img/iconocandado.png); background-position:left center; background-repeat:no-repeat;
display:inline-block; color: #000; 
 margin:5px 0;
 background-color: rgba(255,255,255, 0.8);
max-width:170px;
max-height:71px;
float:right;
}

.button_micuenta:hover{
background-color: #9CC330;
color:#000;
text-decoration:none;
}
 
 .button_ruteo{
						
 -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:17px; line-height:14px;
font-family: 'aleoregular', serif; padding: 10px 10px 10px 50px; text-decoration:none; background-image:url(../img/iconoruteo.png); background-position:left center; background-repeat:no-repeat;
display:inline-block; color: #000; 
 margin:5px 0;
 background-color: rgba(255,255,255, 0.8);
max-width:170px;
max-height:71px;
float:right;}

.button_ruteo:hover{
	color:#000;
 background-color: #9CC330;
  text-decoration:none;
}

 .button_caja{
						
 -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:17px; line-height:14px;
font-family: 'aleoregular', serif; padding: 10px 10px 10px 50px; text-decoration:none; background-image:url(../img/iconocaja.png); background-position:left center; background-repeat:no-repeat;
display:inline-block; color: #000; 
 background-color: rgba(255,255,255, 0.8);
 margin:5px 0;
max-width:170px;
max-height:71px;
float:right;}

.button_caja:hover{
	color:#000;
 background-color: #9CC330;
  text-decoration:none;
}

.text8{font-size:7px;}
.text10{font-size:10px;}
.text12{ font-size:12px;}

.bottom30{ display:block; padding-bottom:30px;}

.left5minus{ margin-left:-5px !important; }
.aleolight13white{font-family: 'aleolight', serif; font-size:13px; line-height:25px; display:block; text-align:left; color:#FFF;}

/* ============================================================
	CAJAS INICIO
=============================================================*/

.aleolight14{font-family: 'aleolight', serif; font-size:14px; color:#FFF;}
.aleolight22{font-family: 'aleolight', serif; font-size:22px; color:#FFF;}
.aleolight22shadow{font-family: 'aleolight', serif; font-size:22px; color:#FFF;  text-shadow: 2px 2px 2px #000; }
.aleolight22paddingtop{font-family: 'aleolight', serif; font-size:22px; color:#FFF; display:block; padding-top:20px;}
.aleolight22paddingtopshadow{font-family: 'aleolight', serif; font-size:22px; color:#FFF; display:block; padding-top:20px; text-shadow: 2px 2px 2px #000;}
.aleolight12{font-family: 'aleolight', serif; font-size:12px; color:#FFF; text-align:right; padding-top:5px;}
.aleoregular12caps{font-family: 'aleoregular', serif; font-size:12px; color:#FFF; text-align:left; text-transform:uppercase; display:block; padding:12px 0 0 0;}
.aleoregular12caps:hover{ color:#FFF; text-decoration:none; font-weight:bold;}

.greenbox{ background-color:rgba(156,195,48,0.8);  border-radius: 6px; padding:15px 15px;}
.greenbox2{ background-color:#9CC330;  border-radius: 6px; padding:15px 15px;}
.whitebox{ background-color:#FFF; border-radius: 6px; padding:15px 15px; display:block; min-height:25px;}
.whitebox2{ background-color:#FFF; border-radius: 6px; padding:15px 0px; display:block; min-height:25px; line-height:0px;}

	/* MERCADOS */
	
.cabecera{border-bottom:0px solid #ccc;padding:5px 10px; margin-bottom: 15px;}
.cabecera p{margin-bottom:0px;color:#36464E;font-size:12px;margin-bottom:5px; font-family: 'Domine', serif; text-align:left;}
.cabecera h4{color:#DC4055;}
.detalle{padding:10px 15px;}
.detalle p{margin-bottom:0px;font-size:12px; text-align:left;}
.detalle p.simbolo{color:#003366;font-weight:300;}
.detalle p.simbolo.chico{font-size:12px;}
.detalle p.precio{color:#0E8CBB;font-weight:200; text-align:left;}
.detalle p.pos{color:#86C000;font-weight:200;}
.detalle p.neg{color:#DA4057;font-weight:200;}
.end{text-align:left;}

.containerscroll{height:290px;overflow:auto;}	 
.containerscroll2{height: 138px;overflow:auto;}
.containerscroll3{height: 60px;overflow:auto;}



/* ============================================================
	TEXTOS S&C INVERSIONES
=============================================================*/

.aleolight48{font-family: 'aleolight', serif; font-size:48px; line-height:60px; display:block; text-align:center; padding:50px 0;}
.aleoregular15{font-family: 'aleoregular', serif; font-size:15px; line-height:18px; display:block; text-align:justify;}
.bottom50{ padding-bottom:50px;}
.padding50{ padding-bottom:50px; padding-top:50px}
.aleobold15{font-family: 'aleobold', serif; font-size:15px; line-height:20px; display:block; text-align:center; color:#FFF;}
.aleoregular15bis{font-family: 'aleoregular', serif; font-size:15px; line-height:20px; display:block;  text-align:center; color:#FFF;}
.mail{ color:#FFF;}
.mail:hover{ color:#000; text-decoration:none;}
.aleobold15{font-family: 'aleobold', serif; font-size:16px; line-height:20px; display:block; text-align:center;}

/* ============================================================
	PORTAFOLIO
=============================================================*/


.green{background-color:#9CC330;}
.aleolight48white{font-family: 'aleolight', serif; font-size:48px; line-height:60px; display:block; text-align:center; padding:50px 0; color:#FFF;}
.aleoregular15white{font-family: 'aleoregular', serif; font-size:15px; line-height:18px; display:block; text-align:center; color:#FFF;}
.aleoregular24{font-family: 'aleoregular', serif; font-size:20px; font-weight:600; line-height:24px; display:block; padding-bottom:15px; text-align:center; color:#000;}
.aleoregular24portafolio{ font-family: 'aleoregular', serif; font-size:17px; font-weight:600; line-height:24px; padding-bottom:15px; text-align:center; color:#000;}
.aleoregular14{font-family: 'aleoregular', serif; font-size:14px; line-height:16px; display:block; padding-bottom:15px; text-align:center; color:#000;}
.aleoregular14portafolio{font-family: 'aleoregular', serif; font-size:14px; line-height:16px; display:block; padding-bottom:15px; text-align:center; color:#000;}
 
.aleoregular14link{font-family: 'aleoregular', serif; font-size:14px; line-height:16px; font-weight:600; display:block; text-align:center; color:#999;}
.aleoregular14link:hover{ color:#9CC330;}
.aleoregular14link a:visited{color:#999;}
.aleolight22whitecenter{font-family: 'aleolight', serif; font-size:22px; line-height:26px; display:block; text-align:center; padding:35px 0; color:#FFF; text-transform:uppercase;}

.whiteboxportafolio{ background-color:#FFF; border-radius: 6px; padding:15px 15px; margin-bottom:34px; width:100%; display:block; height:204px;}
.whiteboxportafolio:hover{  box-shadow: 4px 4px 10px rgba(0,0,0,0.3);}

 .button_arranceles{ -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:20px; line-height:24px;
font-family: 'aleolight', serif; padding: 10px 50px; text-decoration:none;
display:block; color: #FFF; 
margin:5px 0 51px 0;
background-color:#2D2D2D;
text-align:center;
}

.button_arranceles:hover{
color:#2D2D2D;
background-color: #FFF;
text-decoration:none;
}

.button_micuenta2{ width:172px; height:68px; display:block; margin-bottom:166px; margin-top:5px; background-image:url(../img/png_buttons/button01.png); background-repeat:no-repeat;  float:right;}
.button_micuenta2:hover{width:172px; height:68px; display:block; background-image:url(../img/png_buttons/button01_hover.png); background-repeat:no-repeat;}

.button_ruteo2{ width:172px; height:68px; display:block; background-image:url(../img/png_buttons/button02.png); background-repeat:no-repeat; margin:5px 0; float:right;}
.button_ruteo2:hover{width:172px; height:68px; display:block; background-image:url(../img/png_buttons/button02_hover.png); background-repeat:no-repeat;}
.button_caja2{ width:172px; height:68px; display:block; background-image:url(../img/png_buttons/button03.png); background-repeat:no-repeat; margin:5px 0; float:right;}
.button_caja2:hover{width:172px; height:68px; display:block; background-image:url(../img/png_buttons/button03_hover.png); background-repeat:no-repeat;}

/* ============================================================
	LINKS INTERES
=============================================================*/
.aleolight22grey{font-family: 'aleolight', serif; font-size:22px; line-height:26px; display:block; text-align:center; padding:35px 0; color:#7F7F7F;}

.footer-link {
    margin-bottom: 50px;
}
.footer-link .icon-link{
	margin-left: 35px;
}
.footer-link .icon-link:first-child{
	margin-left: 0px;
}

/* ============================================================
	CONTACTO
=============================================================*/
.darkgrey{ background-color:#2D2D2D;}
.aleolight22white{font-family: 'aleolight', serif; font-size:22px; line-height:26px; display:block; text-align:left; padding:35px 0; color:#FFF; text-transform:uppercase;}
.separator{ width:90%; display:block; height:2px; background-color:#9CC330; margin:12px 0 23px 0;}
.separator2{ width:100%; display:block; height:2px; background-color:#9CC330; margin:12px 0 23px 0;}
.aleolight14grey{font-family: 'aleolight', serif; font-size:14px; line-height:16px; display:block; text-align:left; color:#333333; border-radius:6px;
margin-bottom:17px; padding:8px; width:90%; border:none;}
.aleolight14grey100{font-family: 'aleolight', serif; font-size:14px; line-height:16px; display:block; text-align:left; color:#333333; border-radius:6px;
margin-bottom:17px; padding:10px; width:100%;}
.aleolight18white{font-family: 'aleolight', serif; font-size:18px; line-height:23px; display:block; text-transform:capitalize; text-align:left;color:#FFF;}
.aleolight18whitelinks{font-family: 'aleolight', serif; font-size:18px; line-height:23px; display:block; text-transform:none; text-align:left;color:#FFF;}
.aleolight18whitelinks:hover{color:#9CC330; text-decoration:none;}
.aleolight18whitelinks2{font-family: 'aleolight', serif; font-size:18px; line-height:23px; display:block; text-transform:lowercase; text-align:left;color:#FFF;}
.aleolight18whitelinks2:hover{color:#9CC330; text-decoration:none;}
.top15{ display:block; padding-top:15px;}

.button_contacto{
						
 -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:22px; line-height:26px;
font-family: 'aleolight', serif; padding: 5px 20px; text-decoration:none;
display:inline-block; color: #FFF; text-align:center; text-transform:uppercase;
 margin:5px 40px;
background-color: #9CC330;
max-width:145px;
max-height:40px;
float:right;
border:none;
}

.button_contacto:hover{
background-color: #FFF;
color:#9CC330;
text-decoration:none;
}

/* ============================================================
	FOOTER
=============================================================*/
.padding25{ padding-bottom:35px; padding-top:25px; display:block;}
.aleolight13black{font-family: 'aleolight', serif; font-size:13px; line-height:15px; display:block; text-align:center; color:#262626;}

/* ============================================================
	PERS FISICA
=============================================================*/

.aleolight40green{font-family: 'aleolight', serif; font-size:40px; line-height:48px; display:block; text-align:left; color:#9CC330;}
.aleolight20white{font-family: 'aleolight', serif; font-size:20px; line-height:24px; display:block; text-align:left; color:#FFF;}
.aleobold16black{font-family: 'aleobold', serif; font-size:16px; line-height:20px; display:block; text-align:left; color:#262626; text-transform:uppercase; }
.aleobold16{font-family: 'aleobold', serif; font-size:16px; font-weight:600; line-height:20px; display:block; text-align:left; color:#262626; text-transform:uppercase; margin-bottom:10px;}
.aleobold16valores{font-family: 'aleobold', serif; font-size:16px; font-weight:600; line-height:20px; display:block; text-align:left; color:#262626; text-transform:uppercase; margin-bottom:10px;}




.button_pers{ -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:22px; line-height:22px;
font-family: 'aleolight', serif; padding: 10px 0; width:250px; text-decoration:none; margin:25px 25px 0 0;
display:inline-block; color: #FFF; 
 background-color: rgba(255,255,255, 0.2);
 text-align:center;}

.button_pers:hover{
background-color: #9CC330;
text-decoration:none;
}

.button_doc{ -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:15px; line-height:22px;
font-family: 'aleolight', serif; padding: 10px; text-decoration:none; margin:25px 25px 0 0;
display:inline-block; color: #FFF; 
 background-color:#262626;
 text-align:center;}

.button_doc:hover{
background-color: #9CC330;
text-decoration:none;
}


.button_doc2{ -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:15px; line-height:22px;
font-family: 'aleolight', serif; padding: 10px; text-decoration:none; margin:25px 25px 0 0;
display:inline-block; color: #FFF; 
border:none;
 background-color:#9CC330;
 text-align:center;}

.button_doc2:hover{
background-color: #333333;
color:#9CC330;
text-decoration:none;
}


.button_doc3{ -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:15px; line-height:22px;
font-family: 'aleobold', serif; padding: 10px; text-decoration:none; margin:25px 25px 0 0;
display:inline-block; color: #FFF; 
border:none;
 background-color:#9CC330;
 text-align:center;}

.button_doc3:hover{
background-color: #333333;
color:#9CC330;
text-decoration:none;
}

.top50{ padding-top:50px; display:block;}

.aleoregular15left{font-family: 'aleoregular', serif; font-size:15px; line-height:18px; display:block; text-align:left;}

.txt{font-family: 'aleolight', serif; width:100%;border:1px solid #808080;border-radius:3px;color: #808080;font-weight: 600;font-size: 14px;line-height: 20px;padding: 1px 12px;height:30px; margin-bottom:15px; }

.aleolight12black{font-family: 'aleolight', serif; font-size:12px; line-height:14px; display:block; text-align:left; color:#262626; margin-top:35px; padding-left:25px;}

.formrow{ padding-left:30px;}
.formrow2{ padding-left:15px;}
.lista_archivos{font-family: 'aleoregular', serif; font-size:11px; display:block; min-height:1px; padding-left:15px;}


/* ============================================================
	3. HEADER
=============================================================*/
.navbar-header {
    background-color: #333333;
}

.navbar-brand{
	height: 110px;
	min-width: 100%;
}

.navbar-brand>img {
    display: block;
    width: 226px;
}
/* ============================================================
	3.1 ACCESOS
=============================================================*/
#navbar-md {
	text-align: right;
    margin-top: 15px;
}
.btn-access>i{
	margin-right: 5px;
}
.btn-access, .btn-sign-in, .btn-access:hover, .btn-sign-in:hover,
.btn-access:focus, .btn-sign-in:focus {
	color: #fff;
	font-weight: 600;
}
.btn-access {
	background-color: #003366;
}
.btn-sign-in {
	background-color: #333333;
}
#navbar-xs {
	margin-top: 10px;
	text-align: center;
}
#navbar-xs .btn-access i, #navbar-xs .btn-sign-in i{
	font-size: 42px;
    line-height: 42px;
    margin-top: 4px;
}
#navbar-xs .btn-sign-in i {
	font-size: 39px;
}
/* ============================================================
	3.2 MENU
=============================================================*/
.margin9{ margin-left:9px; margin-right:9px; color:#FFF;}

#navbar .navbar-nav>li>a {
	font-family: 'aleoregular', sans-serif;
    text-transform: uppercase;
    color: #FFF;
   	font-size:15px;
	line-height:13px;
	position: relative;
overflow: hidden;
}

#navbar .navbar-nav>li:nth-child(1)>a:after {
  position: absolute;
  bottom: 10px;
  left: -100%;
  content: "";
  width: 65%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}

#navbar .navbar-nav>li:nth-child(2)>a:after {
  position: absolute;
  bottom: 10px;
  left: -100%;
  content: "";
  width: 85%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}

#navbar .navbar-nav>li:nth-child(3)>a:after {
  position: absolute;
bottom: 10px;
  left: -100%;
  content: "";
  width: 80%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}

#navbar .navbar-nav>li:nth-child(4)>a:after {
  position: absolute;
 bottom: 10px;
  left: -100%;
  content: "";
  width: 80%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}

#navbar .navbar-nav>li:nth-child(5)>a:after {
  position: absolute;
  bottom: 10px; 
  left: -100%;
  content: "";
  width: 100%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}



#navbar .navbar-nav>li>a:hover:after {
  left: 0;
}
	
#navbar .nav>li>a:hover, #navbar .nav>li>a:focus, #navbar .navbar-nav>li.active>a{
	color: #FFF;
	background: none;
}
#navbar .navbar-nav>li.active>a{
	font-weight: 600;
}




.menu-language .nav>li {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
}


.menu-language .nav>li>a {
padding: 0px 0px 3px;
position: relative;
overflow: hidden;
color:#CCC;
	/*font-weight: 900;*/
}

.menu-language .nav>li>a:hover {
	color: #9CC330;
	background:none;
	/*font-weight: 900;*/
}

.menu-language .nav>li.active>a{
	color: #9CC330;	
}


.menu-language .nav>li>a:after {
  position: absolute;
  bottom: 0;
  left: -100%;
  content: "";
  width: 100%;
  height: 2px;
  background: #9CC330;
  transition: left .8s;
}
.menu-language .nav>li>a:hover:after {
  left: 0;
}

.menu-language .nav>li:nth-child(1) {
	margin-right:10px;
}

.menu-language .nav>li:nth-child(2) {
	margin-right:10px;
}
.menu-language .nav>li:nth-child(3) {
	margin-right:10px;
}




/* ============================================================
	3.3 MENU MOBILE
=============================================================*/
.navbar-toggle {
	float: left;
	    margin-top: 23px;
    margin-left: 15px;
    margin-right: 0px;
}
.navbar-toggle .icon-bar {
	background-color: #9CC330;
}
.navbar-header .menu-collapsed {
	position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
   
}
.navbar-header .menu-collapsed.menu-language {
	background-color: none;
	padding: 0px;
	margin: 11px 10px;
	float: right;
	margin-right: 17px;
}
.navbar-header .menu-collapsed.menu-language .nav {
	margin: 0px 15px;
}
.navbar-header .menu-collapsed.menu-language .nav>li:last-child>a {
	padding-left: 3px;
}/




/* ============================================================
	8. PERS
=============================================================*/
.content h3 {
		margin-top:20px !important
	}
	.navbar-svinversiones {
		
		background-color: #333;
		-webkit-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.3);
		box-shadow:	0px 6px 20px 0px rgba(0,0,0,0.3);
		margin-bottom: 0px;
		
	}

	.navbar-header {
    	background-color: inherit;
	}

	

   .submenu {
   		margin-bottom: 40px;
   		margin-top: -25px;
    	background-color: #fff;
   }

   .submenu li:not(:last-child) > a:after {
	    margin-left: 10px;
	    content: "|";
	    font-size: 16px;
	    color: #0E3331;
	    font-weight: 300;
	}

   .navbar-svinversiones .navbar-nav > li > a{
	   	padding-left: 0px;
	    padding-right: 5px;
   }

  

	.content .title-box {
		margin-bottom: 40px;
		margin-top: 100px;
		padding: 20px 15px;
	}
	.market .item.bordered-left {
		border-left: 1px solid #ccc;
		padding-left: 25px;
	}

	.market .owl-item:first-child .item.bordered-left {
	    border-left: none; 
	    padding-left: 0px;
	}

	.source {
		font-size: 11px;
		text-align: right;
		padding: 10px 20px; 
	}

	.footer-widget{
		background-color: #36464E;
	}
	.slide-inner{
		height: 280px;
	}
	 
	.slider {
		background-color: rgba(0,51,102,0.8);
	    border-radius: 6px;
	    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		padding: 10px 15px;
		margin-bottom: 5px;
	    color: #fff;
	    margin-top: 50px;
	}
	.slide-home {
		margin-bottom: -50px;
	}

	.slide-home .item {
		height: 500px;
	}

	.twitter-box {
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
		background-color: #fff;
	    border-radius: 8px;
	    padding: 5px;
	}


/* ============================================================
	9.RESPONSIVE
=============================================================*/
@media (max-width:300px){
.aleolight48 {font-size:30px;}
.aleolight48white {font-size:30px;}
}

@media (max-width:360px){
	
	.navbar-brand>img {
    display: block;
    width: 300px;}
	
	.navbar-header .menu-collapsed.menu-language {
    background-color: none;
    padding: 0px;
    margin: 20px 15px;
    float: right;
    margin-right: 17px;
}

	.navbar-header .menu-collapsed.menu-language  {
    background-color: none;
    padding: 0px;
    margin: 20px 15px;
    float: right;
    margin-right: 17px;
}

.aleobold16valores{margin-top:20px;}


.menu-language .nav>li:nth-child(1)>a { display:none;}
.menu-language .nav>li:nth-child(2)>a { display:none;}
.menu-language .nav>li:nth-child(3)>a { display:none;}



.textintro40{
    font-size: 30px;    
    line-height: 35px;
	   display: block;
    margin-left: -15px;}
	
	.whiteboxportafolio { height:auto;}
	.cabecera p{ line-height:15px;}

.textintro20 {
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;}
	
.aleolight48{ font-size:40px;}	
.aleobold16 {margin-top: 10px;}

.footer-link .icon-link:first-child{margin-left: 35px;}
.aleolight22shadow { padding-top:20px;}

.formulariocontacto{ display:none;}
.ubicacion{ display:none;}
.datoscontacto{ margin-top:35px;}
.aleolight48 {font-size: 40px;}
.aleolight48white {font-size: 40px;}
.button_pers{ max-width:100%;}
.inicio{padding-top:50px;}
	}
	
@media (max-width:550px){	
	.navbar-header .menu-collapsed.menu-language{ float:left;}}


@media (max-width:767px){
	.button_micuenta { float:left;}
	.button_caja { float:left;}
	.button_ruteo { float:left;}
	#navbar .navbar-nav>li>a {margin-left:25px;}
	.navbar-svinversiones .navbar-nav > li:not(:last-child) > a:after { display:none;}
	.margin9{ display:none;}
	#navbar .navbar-nav>li:nth-child(5)>a:after { width: 0%;}
	.navbar-fixed-top {
    position: relative;right: 0;left: 0;z-index: 1030;}
	.inicio{padding-top:50px;}

	}
	
	
	@media (min-width: 550px) and (max-width: 770px){
.navbar-header .menu-collapsed.menu-language {
 
    padding: 0px;
    margin: 11px 10px;
    float: right;
    margin-right: 17px;
    position: absolute;
    z-index: 3000;
    left: 45%;
    top: 7%;
  
}}


@media (min-width: 980px) and (max-width: 1200px){
 .containerscroll2 {
    height: 190px;
    overflow: auto;
}

.containerscroll {
    height: 340px;
    overflow: auto;
}

}

@media (min-width: 770px) and (max-width: 1024px){
	.inicio{padding-top:200px;}
}
	
	@media (max-width:980px){
	.botonesresponsive{ margin-top:25px;}
	.aleobold16valores{margin-top:20px;}}
	

	
	@media (max-width:1024px){
	.separator{ width:100%;}
	.aleolight14grey{ width:100%;}
	.aleolight12 {text-align: left; padding-bottom:15px;}
	.aleolight22paddingtop {padding-top: 20px; padding-bottom:20px;}
	.aleolight22 {padding-top: 20px; padding-bottom:20px;}
	.button_micuenta2 { margin-top:15px; margin-right:15px; float:left;}
	.button_ruteo2 { margin-top:15px; margin-right:15px; float:left;}
	.button_caja2 { margin-top:15px; margin-right:15px;float:left;}
	.aleolight12black{ padding-left:0px;}
	
}
	
	
	
	/* ============================================================
	10. OVERWRITE BOOTSTRAP
=============================================================*/

a {
    color: #FFF;
    text-decoration: none;
}

a:focus, a:hover {
    color: #FFF;
	text-decoration:none;
	outline:none;}
	
	
	
.modal-body {
    position: relative;
    padding: 15px;
    background-color: #9CC330;	
	    width: 100%;
}

.modal{ top:150px;}
.modal-content { background-color:#9CC330; text-align:center;}

.button_modal{
						
 -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:17px; line-height:22px;
font-family: 'aleobold', serif; padding: 10px 10px 10px 10px; text-decoration:none; 
display:inline-block; color: #FFF; 
 background-color:#9CC330;
 border:solid 1px #FFF;

}

.button_modal:hover{
background-color: #FFF;
color:#9CC330;
text-decoration:none;
}

.navbar {
    padding: 0px;
	 border-radius: 0px;}
	 
	 .modal{top: 0px !important;}


/* ============================================================
	4.2 MARKET
=============================================================*/
.market {
	
	width: 100%;
    float: left;
    background: #fff;
	display:block;
	height:70px;
}

.market .item {
	text-align: center;
}

.market .item .symbol {
	color: #003366;
	font-size: 15px;
	font-weight: 600;

}
.market .item .price, .market .item .currency {
	color: #0E8CBB;
	font-size:14px;
}
.market .item .price {
	font-size: 12px;
	    color: #0E8CBB;
}
.market .item .price.chico {
	font-size: 15px;
}
.market .item .currency {
	font-size: 12px;
}
.market .item .change {
	font-size: 12px;
	
}
.market .item .change.chico {
	font-size:12px;
}
.market .item .change, .market .item .currency, .market .item .price {
	line-height: 12px;
	vertical-align: bottom;
}

.market .line30{line-height:16px !important;}
.market .item .neutral {
	color: #7F7F7F;
}
.market .item .up {
	color: #86C000;
}
.market .item .down {
	color: #DA4057;
}
.market .item .icon {
	font-size: 12px;
    line-height: 12px;
    padding-left: 8px;
	
	
}
.source {
	font-size: 12px;
	color: #7F7F7F;
	font-weight: 400;
	text-align: center;
	padding: 10px 0px;
}
.market-more-info {
	background-color: #E6E6E6;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px 5px 0px 0px;
	padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
	color: #7F7F7F;
	text-decoration: underline;
	margin-right: 20px;
}


.navbar{ padding-top:0px; padding-bottom:0px;}

a {
    color: #FFF;
    text-decoration: none;
}