@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Lato', sans-serif;
	color:#7c7c7c;
	font-weight:400;
}

h1,h2,h3,h4,h6 {
	font-family: 'Lato', sans-serif;
	color:#06aff0;
	text-transform:uppercase;
	font-weight:700;
}

h5{
	font-family: 'Lato', sans-serif;
	color:#fff;
	
	font-weight:700;
}

.button{
	background-color:#06aff0;
}

.button:hover{
	background-color:#7c7c7c;
}

.top-head{
	background-color:#06aff0;
	color:#FFF;
	font-size:1em;
	padding:5px 0;
}

.top-head a{
	color:#FFF;
}

.top-head a:hover{
	color:#ccc;
}



.example-orbit img {
  width: 100%;
  height: auto;
 /* border-top:#7c7c7c solid 1px;*/
}

.logo-head{
	background-color:#FFF;
	line-height: 100px;
	padding: 20px 0;
	
}

.head-objetivos{
	background-color:#06aff0;
	text-align:center;
	margin:0;
	width:100%;
	padding: 15px 0 5px 0;
	/*height: 50px;*/
	margin-bottom: 50px;
	color:#FFF;
}

.seccion{
	margin-top:50px;
	/*margin-bottom:50px;*/
	padding-top:40px;
	padding-bottom:40px;
}

.nosotros{
	background-color:#f0f0f1;
	padding: 0px;

	
}
	
.nosotros-izq {

	background:url(../img/nosotros.jpg) top center no-repeat;
	background-size:cover;

}

.nosotros-der{
	text-align:center;
	padding:30px 10%;
	
}


.empresarial-izq {

	background:url(../img/empresarial.jpg) top center no-repeat;
	background-size:cover;

}

hr{

 	width:50%;
	margin-left: 25%;
	margin-bottom:40px;

    padding: 0;
    border: none;
    border-top: 1px solid #909091;
    color: #909091;
    text-align: center;
}


hr:after {
    /*content: "o";*/
	content:"\25cf";
    display: inline-block;
    position: relative;
    top: -1.1em;
    font-size: 0.8em;
    padding: 0 0.25em;
    
}

hr.style-gray:after {
	
	background: #f0f0f1;
}

hr.style-white:after {
	background: #ffffff;
}


hr.style-blue{

 	width:50%;
	margin-left: 25%;
	margin-bottom:40px;

    padding: 0;
    border: none;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    text-align: center;
}

hr.style-blue:after {
	background: #06aff0;
}
	
.gris{
	background:#f0f0f1;
}

.azul{
	background:#06aff0;
	color:#FFF;
	
}
	
	
.margen-vertical{
	margin-top: 40px;
}

.margen-20{
	margin-top: 20px;
}

.margen-100{
	margin-top: 100px;
}

.margen-20doble{
	margin-top: 20px;
	margin-bottom: 40px;
}
	
h5 small{
	color:#06aff0;
	font-weight:700;
}

.icon-color {
   margin:10px 0;
	color:#fff;
	background-color:#06aff0;
	padding:10px;
	width: 50px;
	height: 50px; 
	border-radius: 50%;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;

}

.fullwidth .column, .fullwidth .columns{
	padding-left:0;
	padding-right:0;
}

.cursos{
	font-size:0.8em;

}

.my-slider h1, .my-slider h2{
	color: #fff;
}


.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	text-transform:none;
    line-height: 1.3; 
    margin-bottom: 0.825rem;
}

.azul h1, .azul h2,.azul h3,.azul h4,.azul h5, .azul h6 {
	font-family: 'Lato', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
}

button.alert, .button.alert{
	background-color:#F00;
	border-color:#F00;
}

input{
	color:#7c7c7c;
}

.fa-ul{
	line-height:3;
}

.contacto-der{

	padding:0px 10%;
	
}

.contacto-der a{
	color:#FFF;
}

.contacto-der a:hover{
	color:#ccc;
}

.antispam { visibility: hidden;}

footer{
	background-color:#2a2b2c;
	padding:20px 0 10px;
	color:#7c7c7c;
}

footer p{
	font-size:0.7em;
}

.activo{
	background-color:#333;
	height:50px;
}


/* -------------- SLIDER ----------------------*/

#slide-1{
	height:450px;
	background:#FFF url(../img/slide-1.jpg) top center no-repeat;
	background-size:cover;
}

#slide-2{
	height:450px;
	background:#FFF url(../img/slide-2.jpg) top center no-repeat;
	background-size:cover;
}

#slide-3{
	height:450px;
	background:#FFF url(../img/slide-3.jpg) top center no-repeat;
	background-size:cover;
}

.unslider-arrow{
	color:#FFF;
	/*bottom: 250px;
	content:"\25cf";*/
}


.my-slider h3{
	color:#FFF;
	font-weight:700;
	
}

.my-slider p{
	color:#FFF;
	text-transform:none;
	line-height:1.2;
}


/* -------------------------------------------- */



.item{
	padding: 0 10px;
	text-align:center;
	
}

.item p{
	font-size:0.8em;
}

.contain-to-grid{
	background-color:#FFF;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding:10px 0;
}

/* --- AJUSTAR PARA MOVILES ---- -----*/
.top-bar-section ul {display: table; margin: 0 auto;}
/*.top-bar-section ul li {display: table-cell;}*/



.top-bar-section ul li.active > a {
      background: #000;
      color: #FFFFFF; }



// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {

.top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.mail-movil{
	font-size:0.9em;
}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {
	
.nosotros-izq {

	
}
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.nosotros-der{

	padding:30px 2%;
	
}

.contacto-der{

	padding:0px 2%;
	
}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
