body{
	color:#004b6b ;
}

@import url('https://fonts.googleapis.com/css?family=Raleway');


/* fondo nav bar*/
.ele-1{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0085b2+0,004b6b+45 */
background: #0085b2; /* Old browsers */
background: -moz-linear-gradient(top,  #0085b2 0%, #004b6b 45%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0085b2 0%,#004b6b 45%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0085b2 0%,#004b6b 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085b2', endColorstr='#004b6b',GradientType=0 ); /* IE6-9 */

}

/* fondo dropdown nav bar*/
.ele-2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d49400+0,fac300+40,fac300+64,d49400+96 */
background: #d49400; /* Old browsers */
background: -moz-linear-gradient(top,  #d49400 0%, #fac300 40%, #fac300 64%, #d49400 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d49400 0%,#fac300 40%,#fac300 64%,#d49400 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d49400 0%,#fac300 40%,#fac300 64%,#d49400 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49400', endColorstr='#d49400',GradientType=0 ); /* IE6-9 */
}

/*footer*/
.ele-3 {

/*
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
*/

	color: #E8B40F;
	text-shadow: 1px 1px 3px #011137; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0085b2+0,004b6b+45 */
background: #0085b2; /* Old browsers */
background: -moz-linear-gradient(top,  #0085b2 0%, #004b6b 45%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0085b2 0%,#004b6b 45%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0085b2 0%,#004b6b 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085b2', endColorstr='#004b6b',GradientType=0 ); /* IE6-9 */


}

/*Navbar*/

.ele-4{
font-size: 1.2em;
margin-right: 2em; 
}

/*Navbar Botones*/

.ele-5{
	font-size: 1.2em;
	border-bottom: 2px solid #fac300;
  	border-radius: 7px;
  	margin-right: 1.5em;
  	margin-left: 1.5em;
}

/*Inicio de seccion*/
.ele-6{
	margin-top: 3em;
}


/*Titulo*/
.ele-7{
	font-style: italic;
	margin-top: 1em;
	color: #fff;
	text-shadow: 3px 3px 2px #011137;
	background-color: rgba(250, 195, 0 , 0.5);	
	padding: 0.2em;
	display: inline-block;
	border-radius: 10px;
}


/*Titulo contactenos*/
.ele-7-1{
  font-style: italic;
  margin-top: 4em;
  color: #fff;
  text-shadow: 3px 3px 2px #011137;
  background-color: rgba(250, 195, 0 , 0.5);  
  padding: 0.2em;
  display: inline-block;
  border-radius: 10px;
}

/*Titulo Politicas*/
.ele-7-2{
  font-style: italic;
  margin-top: 1em;
  color: #fff;
  text-shadow: 3px 3px 2px #011137;
  background-color: rgba(12, 33, 93 , 0.9);  
  padding: 0.2em;
  display: inline-block;
  border-radius: 10px;
}


/*hero image nosostros*/
.ele-8 {
  width:100%;
  height:400px;
  background: url('../img/nosotros_believe_outsourcing-hero.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;

}

/*cuerpo de texto nosotros*/
.ele-9{
	margin-top: 3em;
	padding: 0.5em;
	background-color: rgba(8, 18, 108, 0.8);
	border-radius: 10px;
	box-shadow: 5px 5px 5px #011137;
	color: #f7eb9e;
}

/*hero image servicios*/
.ele-10 {
  width:100%;
  height:550px;
  background: url('../img/servicios_believe_outsourcing.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;

}

/*cuerpo de servicios*/
.ele-11{
	margin-top: 1em;
	padding: 0.5em;
	background-color: rgba(8, 18, 108, 0.8);
	border-radius: 10px;
	box-shadow: 5px 5px 5px #011137;
	color: #f7eb9e;
}


/*titulo contactenos*/
.ele-12{
  font-style: italic;
  margin-top: 1em;
  color: #fff;
  text-shadow: 3px 3px 2px #011137;
  background-color: rgba(250, 195, 0 , 0.5);  
  padding: 0.2em;
  display: inline-block;
  border-radius: 10px;
}


/*hero image contactenos*/
.ele-13 {
  width:100%;
  height:400px;
  background: url('../img/contacto.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;

}

/*Cuando xs*/
@media screen and (max-width: 600px){

	/*Titulo device*/
	.ele-7{
		margin-top: 0.2em;
	}


  /*Titulo device*/
  .ele-7-1{
    margin-top: 0.2em;
  }

  /*titulo contactenos device*/
  .ele-12{
    margin-top: 10em;
  }

  .ele-9{
    margin-top: 1em;
  }

  /*cuerpo de servicios device*/
  .ele-11{
    margin-top: 1em;
    font-size: 1em;
  }



}

li{
	list-style-type: none;
}


a :link {
    color: grey; 
    text-decoration: none;
}

a:visited {
    color: white;
    text-decoration: none;
}

a:hover {
    color: #f7eb9e;
    text-decoration: none;
}

a:active {
    color: white;
    text-decoration: none;
}


/*Color de seleccion*/
/*- yellow - */

p::selection {
  background: #fac300;
  color: #fff;
}


p::-moz-selection {
  background: #fac300;
  color: #fff;
}

/*- red-pink - */

h1::selection {
  background: #fac300;
  color: #fff;
}


h1::-moz-selection {
  background: #fac300;
  color: #fff;
}

/*- red-pink - */

h2::selection {
  background: #fac300;
  color: #fff;
}


h2::-moz-selection {
  background: #fac300;
  color: #fff;
}

/*- red-pink - */

h3::selection {
  background: #fac300;
  color: #fff;
}


h3::-moz-selection {
  background: #fac300;
  color: #fff;
}

/*- red-pink - */

h4::selection {
  background: #fac300;
  color: #fff;
}


h4::-moz-selection {
  background: #fac300;
  color: #fff;
}

h5::selection {
  background: #fac300;
  color: #fff;
}


h5::-moz-selection {
  background: #fac300;
  color: #fff;
}

h1 span::selection {
  background: #fac300;
  color: #fff;
}


h1 span::-moz-selection {
  background: #fac300;
  color: #fff;
}

h5 span::selection {
  background: #fac300;
  color: #fff;
}


h5 span::-moz-selection {
  background: #fac300;
  color: #fff;
}

a::selection {
  background: #fac300;
  color: #fff;
}

b::selection {
  background: #fac300;
  color: #fff;
}

img::selection {
  background: #fac300;
  color: #fff;
}

iframe::selection {
  background: #fac300;
  color: #fff;
}

ul::selection {
  background: #fac300;
  color: #fff;
}

li::selection {
  background: #fac300;
  color: #fff;
}

div::selection {
  background: #fac300;
  color: #fff;
}

article::selection {
  background: #fac300;
  color: #fff;
}

.mapa{
  height: 0 ;
  padding-bottom: 26.25%;
  padding-top: 50px;
  position:relative;
}

.mapa iframe{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;

}