@media only screen and (max-width: 800px){
#rowMenuMobile{
	padding: 0;
	background-color:#008cd2;
}

#navb, .toggle{
	background-color:#008cd2 !important; /*Color Azul, barra principal*/
}	

#navb .toggle {

	width: auto;
	color: #fff;
	font-size: 3rem;
	margin-left: 10px;
}

#navb ul {
	background-color: #5290cc; /*Color Azul, del Menu*/
}

#navb .dropdrown ul {
	background-color: #c6c6c6;
}

#navb ul li a {
	color: #d1eaf7;   /*textos del Menu*/
	text-transform: uppercase;
	font-weight: 501;
	letter-spacing: 1px;
	text-shadow: none;
}

.gumby-touch .navbar a:hover {
	color: #d1eaf7 !important;
}

.gumby-no-touch .navbar ul li:hover>a,.gumby-touch .navbar ul li.active>a {
	position: relative;
	background: #5290cc;
	color: #fff !important;
	z-index: 1000;
}




.gumby-no-touch .navbar ul li:hover a{
	position:relative;
	background:transparent;
	z-index:1000;
	color:#fff !important;
}


.gumby-no-touch .navbar ul li:hover .dropdown ul{  /*fondo gris desplegable*/
	overflow:auto;
	background:#d2d2d2 !important;
}

.gumby-no-touch .navbar ul li:hover .dropdown ul li a {
	color: #377CDD !important;
}


} /*End mobile*/



/******* Language picker **************************/
.language-background {
	max-width: 100% !important;
	margin: 0px;
	background-color: rgba(255, 255, 255, 0.76);	
	position: fixed;
	height: 100vh;
	z-index: 999999;

	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex; 
	
	-webkit-box-pack: center;
  	-moz-box-pack: center;
  	-ms-flex-pack: center;
  	-webkit-justify-content: center;
  	justify-content: center;

  	-webkit-box-align: center;
  	-moz-box-align: center;
  	-ms-flex-line-pack: center;
  	-webkit-align-content: center;
  	align-content: center;	
}



.blue-space .spanish-button {
    padding: 15px 30px;
    border: 3px solid #fff;
    color: #fff;
    background: linear-gradient(to top right, green, #307730 37%, #75c18c);
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
}

.blue-space .english-button {
    padding: 15px 30px;
    border: 3px solid #fff;
    color: #fff;
    background: linear-gradient(to top right, red, #aa2020 35%, #e65d5d);
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
	font-weight: bold;
}


@media only screen and (max-width: 870px) {
	.blue-space .row .six.columns {
		width: 100% !important;
		margin-bottom: 5%;
	}

	.spanish-button, .english-button {
		width: 170px;
	}

	#language1 {
		margin-right: 0;
		text-align: center;
	}

	#language2 {
		margin-left: 0;
		text-align: center;
	}
}

@media only screen and (max-width: 500px) {
	.language-background .blue-space {
		background-color:  transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;
		width: 79% !important;		
		padding-top: 20%;
		padding-bottom: 20%;	
	}
}

@media only screen and (min-width: 501px) and (max-width:870px){ 
	.language-background .blue-space {
		background-color:   transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;		
		width: 53% !important;
		padding-top: 15%;
		padding-bottom: 14%;
	}	
}

@media only screen and (min-width: 871px) {
	.language-background .blue-space {
		background-color:   transparent;
		/*background-color:  #5290cc;*/
		border-radius: 100%;		
		width: 43% !important;
		padding-top: 20%;
		padding-bottom: 20%;	
	}	

	.blue-space .row .six.columns {
		width: 47% !important;		
	}

	#language1 {
		margin-right: 3%;
		text-align: right;
	}

	#language2 {
		margin-left: 3%;
		text-align: left;
	}
}


/* Sweep To Right -- Green*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #307730;
  border: 3px solid #307730;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Right -- Red */
.hvr-sweep-to-right-2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-right-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-2:hover, .hvr-sweep-to-right-2:focus, .hvr-sweep-to-right-2:active {
  color: #aa2020;
  border: 3px solid #aa2020;
}
.hvr-sweep-to-right-2:hover:before, .hvr-sweep-to-right-2:focus:before, .hvr-sweep-to-right-2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/********* General *******************************/
.gray-text {
	color: #555 !important;
}

.blue-text {
	color: #0d7baa !important;
}

.bold {
	font-weight: bold;
}

#colPrivacidad p, #colPrivacidad ol {
	text-align: justify;
}

i.icon-popup {
	display: none !important;
}

/*** Margin *************************************************/
.margin-bottom-2em {
	margin-bottom: 2em !important;
}