@font-face {
    font-family: 'formata-regular';
    src: url('../fonts/formata-regular-webfont.eot');
    src: url('../fonts/formata-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/formata-regular-webfont.woff') format('woff'),
         url('../fonts/formata-regular-webfont.ttf') format('truetype'),
         url('../fonts/formata-regular-webfont.svg#formata-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'formata-medium';
    src: url('../fonts/formata-medium-webfont.eot');
    src: url('../fonts/formata-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/formata-medium-webfont.woff') format('woff'),
         url('../fonts/formata-medium-webfont.ttf') format('truetype'),
         url('../fonts/formata-medium-webfont.svg#formata-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'formata-light';
    src: url('../fonts/formata-light-webfont.eot');
    src: url('../fonts/formata-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/formata-light-webfont.woff') format('woff'),
         url('../fonts/formata-light-webfont.ttf') format('truetype'),
         url('../fonts/formata-light-webfont.svg#formata-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'formata-bold';
    src: url('../fonts/formata-bold-webfont.eot');
    src: url('../fonts/formata-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/formata-bold-webfont.woff') format('woff'),
         url('../fonts/formata-bold-webfont.ttf') format('truetype'),
         url('../fonts/formata-bold-webfont.svg#formata-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


div, section, ul, li, span, input, select, textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; filter: alpha(opacity=60);opacity: 0.6; z-index:100; background:#000 }

body.proyecto{  font-family: 'formata-light'; /*min-height: 2000px;*/
  padding-top: 140px;}
  
 html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 150px;
  z-index:999; background-color:#f5f5f5;
}

.proyecto .carousel{height:525px}
.proyecto .carousel-inner{height:100%}
  
.proyecto  .carousel-inner > .item { background:no-repeat top center; background-size:cover; height:100%; margin-top: 62px; }
/*.proyecto .carousel-caption{ bottom:30px}
.proyecto .carousel-caption div{ position:relative; padding:25px 0; width:80%; margin:0 auto; border-radius:10px; }
.proyecto .carousel-caption div .bg{ position:absolute; padding:0px; width:100%; background:url(../images/diagonal-lines-bg-reverse.png) #000  }
.proyecto .carousel-caption h1{font-family: 'formata-bold'; text-transform:uppercase; font-size:3em; position:relative; z-index:300  }
.proyecto .carousel-caption h1 span{font-family: 'formata-light'; color:#999 }*/
.proyecto .carousel-caption{ bottom:140px }
.proyecto .carousel-caption div{ position:relative; width:100%; margin:0 auto; border-radius:10px; }
.proyecto .carousel-caption h1{font-family: 'formata-regular'; text-transform:uppercase; font-size:5.5em; position:relative; z-index:300  }
.proyecto .carousel-caption h1 span{font-family: 'formata-light';font-size:0.7em; }





.proyecto .carousel-caption p{ font-family: 'formata-regular'; width:80%; margin:0 auto; /*border-radius:0 0 10px 10px; background:#fff;*/ color:#fff; padding:7px 0}
.proyecto .navbar-default{ background:#fff; border:none; min-height:140px; line-height:100px; border-bottom:1px solid #5e8279 }
.proyecto .navbar-brand{   /*font-size: 1.6em; color:#fff; font-family: 'formata-regular';*/  padding:0px; position:relative;/* top:20px;*/ margin:10px 30px 0 0;}
.proyecto .navbar-brand img{ height:120px;}
.proyecto .navbar-brand:hover{  color:#fff; }
.proyecto .navbar-brand span{   font-family: 'formata-bold'; }
.proyecto .navbar-collapse{ margin:20px 0 0;}
.proyecto .navbar-collapse li a{ font-size: 1.1em; font-family: 'formata-medium'; text-transform:uppercase; color:#999; height:50px; line-height:50px; padding: 0 15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; border-radius:5px}
.proyecto .navbar-collapse li a:hover{ color:#fff; background:#019877}
.proyecto .navbar-right li a { border:1px solid #ccc; margin-left:5px; color:#333}
.proyecto .navbar-right li a:hover { background:#5e8279 }
.proyecto .navbar-right li.icono a { border:none;}
.proyecto .navbar-right li.icono a:hover { background:none }
.proyecto .navbar-right li.icono img{ position:relative; top:8px; height:28px}



.proyecto .navbar-header{ height:100px}

.proyecto .dropdown-menu { border:none;}
.proyecto .dropdown-menu li a{ height:40px; line-height:40px; border-radius:0px}
/*.proyecto .dropdown-menu li a:hover{ background:#eee;}*/


.proyecto .navbar-collapse{ /*float:left;*/}
.seccion_circulos{ text-align:center}
.seccion_circulos h2{ color:#019876; font-size:2em; font-family: 'formata-light'; text-transform:uppercase}
.seccion_circulos h2 span{ font-family: 'formata-medium';}

.seccion_circulos p{ font-size:18px; color:}

.proyecto hr.featurette-divider {border-top: 1px solid #ccc; 
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}
.seccion_circulos img{ background:#019876}

.seccion_circulos .uno img{ background:#7bbb98}
.seccion_circulos .uno h2{ color:#7bbb98;}
.seccion_circulos .dos img{ background:#76a3cc}
.seccion_circulos .dos h2{ color:#76a3cc;}
.seccion_circulos .tres img{ background:#c2a679}
.seccion_circulos .tres h2{ color:#c2a679;}
.proyecto .navbar-toggle {margin-top:20px;}
.proyecto .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border-color: #fff;}
.proyecto .navbar-default .navbar-toggle .icon-bar {background-color: #666;}
.proyecto .footer{ background:#019876; padding:30px 0 0; overflow:hidden;}
.proyecto .footer p{ color:#fff;  float:left}
.proyecto .footer a{ float:right; color:#fff}
.foot div{ }
.foot .logo_foot{ text-align:center; /*height:50px; background:no-repeat center center url(../images/logo.png); background-size:contain*/}
.foot .logo_foot img{ width:50%; position:relative; top:-10px;  }
.foot ul{ list-style:none; margin:0px; padding:0px}
.foot ul li a{ text-transform:uppercase; text-align:left; width:100%; }
.foot ul li a:hover{ text-decoration:none; font-family: 'formata-bold'; }

.titulo_principal{ background:#ddd; padding:0px; margin:0 0 40px; line-height:normal; font-size:28px; padding:15px 0; font-family: 'formata-light'; text-transform:uppercase; color:#019876; position:relative; z-index:2; font-weight: 600;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.clientes div{ padding:10px}
.clientes div div{ border:1px solid #ccc; position:relative; border-radius:5px}
.clientes div div a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
.clientes div div .pic{ padding:0px; border:none; height:90px; background:no-repeat center center; background-size:contain; width:80%; margin:0 auto; }
.clientes div div p{width:100%; text-align:right; color:#999}
.clientes div div:hover{ border:1px solid #bbb; }

.clientes.breve{ margin-top:30px}
.clientes.breve div div, .clientes.breve div div:hover{ border:1px solid #ccc; }
.clientes.breve div div .pic{ border:none}

.clientes.breve h3{ color:#b7001d}


.popup{ background:#fff; padding:30px; margin-top:200px; border-radius:10px; width:600px}
.popup .close{ top:10px; right:10px; color:#000}
.popup .row{ margin:0px; padding:0px}
.popup .logo_popup{ height:100px; background:no-repeat top center; background-size:contain;}
.popup ul.info_cliente{ list-style-image:url(../images/red_arrow.png); border-left:1px dashed #bbb; padding:0 0 0 25px }
.popup ul.info_cliente li{ margin:0 0 20px; font-size:16px }


.proyecto .swiper-container{ height:120px; margin:0px; padding:0px }
.proyecto .swiper-container#dos{ display:none}
.proyecto .swiper-slide{ padding:0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.proyecto .swiper-slide div{ position:relative; width:100%; height:100%;border:1px solid #999}
.proyecto .swiper-slide div div{ width:80%; height:80%; top:10%; left:10%; background:no-repeat center center; background-size:contain; border:none  }



/*////////NOSOTROS//////////*/
.seccion_circulos.nosotros{ text-align:left}
.seccion_circulos.nosotros img{ background:#019876}
.seccion_circulos.nosotros ul{ margin:0px; padding:15px 0 0 10px;  list-style-image:url(../images/red_arrow.png); font-size:16px;}
.seccion_circulos.nosotros ul li{ margin:0 0 20px; color:#111; font-family: 'formata-regular'; }

.seccion_circulos.nosotros div{margin-left:10px; margin-right:10px; background:#ddd; padding:20px; border-radius:10px; overflow:hidden} 
.seccion_circulos.nosotros h2{ color:#232323}
.seccion_circulos.nosotros h2 span{ font-family: 'formata-medium';}
.seccion_circulos.nosotros .bg_blur{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center center no-repeat; -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); background-size:cover; z-index:1; margin:0px; padding:0px; border-radius:0px}
.seccion_circulos.nosotros .info{ position:relative; z-index:100; background:none}

/*////////CONTACTO/////////
.formulario ul{ list-style:none; margin:0px; padding:0px;}
.formulario ul li{ margin:0 0 20px; text-transform:uppercase; font-family: 'formata-medium'; color:#999}
.formulario ul li input, .formulario ul li textarea{ width:100%; border-radius:3px; background:#ccc; border:none; padding:10px; color:#019877; font-family: 'formata-regular'; }
.formulario ul li textarea{ height:295px}

.formulario ul li input.boton{ width:auto; background:#019877; padding:10px 25px; color:#fff; font-family: 'formata-medium'; cursor:pointer;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out;  }
.formulario ul li input.boton:hover{background:#5e8279;  }/*/

.formulario{ /*width:60%; margin:0 auto;*/ color:#777;}
.formulario input, .formulario select, .formulario textarea{ margin:0 0 7px; color:#777; font-family: 'formata-regular'; font-size:1.1em; height:45px; /*border:1px solid #66afe9*/ }
.formulario input::-webkit-input-placeholder{ color:#777; font-family: 'formata-regular'; font-size:1.1em;}
.formulario .btn{ color:#fff; text-transform:uppercase; font-size:1.2em; background:#019877}
.formulario .btn:hover{ background:#5e8279}
.formulario textarea{ height:149px}

.formulario h1{ font-size:1.4em;  font-family: 'formata-medium';}
.formulario h3{ font-size:1.2em;  font-family: 'formata-regular';}



/*///////////SERVICIOS///////////*/
.imagen_fondo{ background:no-repeat center center ; background-size:cover; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1}
.imagen_fondo .bg{ background:#fff ; z-index:2; filter: alpha(opacity=100);opacity: 1;}
.imagen_fondo.blanco .bg{ background:#fff url(../images/diagonal-lines-bg-reverse.png); }
.servicio{ position:relative; z-index:6; color:#000}
.servicio h1{ font-family: 'formata-regular'; font-size:3em; margin:30px 0 50px; text-transform:uppercase; color:#019877 !important  }
.servicio .subtit{ overflow:hidden; padding:0px}
.servicio .subtit_int{ overflow:hidden; position:relative; float:left;  padding:0px 20px 6px; border-radius:5px; overflow:hidden}
.servicio .subtit_int h2{ font-family: 'formata-light'; font-size:1.8em; position:relative; z-index:300; padding:0px; color:#fff !important  }
.servicio .subtit_int .bg{ background:#019877; padding:0px; margin:0px;filter: alpha(opacity=100);opacity: 1;}
.servicio ul{ margin:30px 0; font-size:1.4em; line-height:normal; list-style-image:url(../images/arrow_right2.png); padding:0 0 0 14px }
.servicio ul li{ padding:0px; margin:0 0 10px}

.servicio ul li.subtit2{ list-style-image:none; font-family: 'formata-bold'; list-style:none; color:#019877; text-transform:uppercase }
.servicio h1 span{ font-family: 'formata-light'; font-size:1em; text-transform:none;  }




/*////////////STAFF/////////////////*/
.staff{ position:relative; z-index:500; /*margin-top:180px*/ }
.staff .row { }
.staff .row div .row-eq-height { padding:10px; }
.staff .row div .row-eq-height div{ /*height:180px; height:130px;*/ margin:0px; padding:0px}
.staff .row div .row-eq-height div.pic{ /*display:none;*/ background:no-repeat center top #fff; background-size:cover; border-radius:10px 0 0 10px; }
.staff .row div .row-eq-height div.info{ position:relative; padding:0px 20px; /*border-radius:0 10px 10px 0;*/ border-radius:10px; border:1px solid #ccc; overflow:hidden}
.staff .row div .row-eq-height div.info .bg{ background:#fff; filter: alpha(opacity=50);opacity: 0.5; }
.staff .row div .row-eq-height div.info ul{ position:relative; z-index:300; list-style:none; margin:0px; padding:0px}
.staff .row div .row-eq-height div.info ul li{ margin:0px; color:#222; padding:0px; line-height:normal; min-height:inherit; height:auto}
.staff .row div .row-eq-height div.info h2{ color:#019877; font-family: 'formata-regular'; /*font-size:1.8em*/ font-size:22px; line-height:22px; padding:0px; top:0px}
.staff .row div .row-eq-height div.info h4{font-family: 'formata-regular'; text-transform:uppercase; color:#333; font-size:1em; line-height:0.3m; padding:0px  }
.staff .row div .row-eq-height div.info p{ color:#777; font-size:16px; line-height:20px; padding:0px }


/*//////////////JOB SEARCH///////////*/
.job h1{ color:#019877; margin:0 0 30px; padding:0px}
.job .row{ border:1px solid #ccc; border-radius:10px; padding:20px; margin:0 0 15px; position:relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; }
.job .row div, .job .row div h2, .job .row div p  { margin:0px; padding:0px}
.job .row div p{ font-size:1.2em}
.job .row div p span{ color:#019877}
.job .row div h2{ font-family: 'formata-regular'; font-size:1.9em; margin:0 0 10px}
.job .row div .boton{position:absolute; border-radius:5px; background:#019877; color:#fff; padding: 10px 15px; top:50%; margin-top:-20px ; right:0px }
.job .row div{position:relative; }
.job .row a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
.job .row:hover{ background:#eee}

/*/////////EVENTOS/////////*/
.eventos h1{ color:#019877; margin:0 0 30px; padding:0px}
.eventos .row{ border:1px solid #ccc; border-radius:10px; padding:20px; margin:0 0 15px; position:relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; }
.eventos .row div, .eventos .row div h2, .eventos .row div p  { margin:0px; padding:0px}
.eventos .row div p{ font-size:1.3em}
.eventos .row div h2{ font-family: 'formata-regular'; font-size:1.9em; margin:0 0 10px; text-transform:uppercase; color:#019877}
.eventos .row div .boton{position:absolute; border-radius:5px; background:#019877; color:#fff; padding: 10px 15px; top:50%; margin-top:-20px ; right:0px }
.eventos .row div{position:relative; }
.eventos .row a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
.eventos .row:hover{ background:#eee}
.eventos .row div .pic{background:no-repeat center top #fff; background-size:cover; border:1px solid #ccc; height:100%; width:92%; position:absolute; border-radius:5px}
.eventos .row div ul{ list-style:none; padding:0px}
.eventos .row div .fecha { overflow:hidden; padding:0px; margin:0 0 10px; border-bottom:1px dashed #ccc; padding:0 0 3px}
.eventos .row div .fecha p{ float:left; background:#5e8279; color:#fff; font-size:1.1em; padding:3px 10px; border-radius:5px}


			/*///////////NOVEDADES/////////////*/
			.novedades .pic{ background:no-repeat center center; background-size:cover}
			.novedades .row{ position:relative;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; padding:15px;  }
			.novedades .row a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
			.novedades .row:hover{ background:#ddd}
			.novedades .row .btn{ position:absolute; bottom:0px}
			.novedades .tit_ryhl { font-size:3em; margin:0px 0px 10px;font-family: 'formata-regular'; color:#019877  }
			
			.novedades.nota .pic{ background:none; margin:0 0 15px}
			.novedades.nota .pic img{ width:100% }
			.novedades.nota .row{padding:0px;  }
			.novedades.nota .row:hover{ background:#fff}
			.novedades.nota .row .bajada{ font-family: 'formata-regular'; font-size:1.3em; margin:0 0 30px}
			.novedades.nota .row iframe{ width:100%; height:300px; margin:0 0 15px}
			
			.bt_pdf{ text-transform:uppercase; width:100%; overflow:hidden;  }
			.bt_pdf span{ position:relative; top:0px; left:0px; font-size:2em; color:#999999;float:left}
			.bt_pdf p{ float:left; margin:0 0 0 5px}
			.bt_pdf div{ padding:12px 16px 8px 10px; margin:0px; font-size:1.1em; line-height:1em; position:relative; float:left; background:#ccc; border-radius:10px; height:55px; text-align:left }
			.bt_pdf div a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
			.bt_pdf div:hover span{ color:#fff}
			.bt_pdf div:hover{background:#0162a9; color:#fff}




/*////TESTIMONIOS///*/
.testimonios .tit{ font-family: 'formata-light'; line-height:1.5em; color:#5e8279; }
.testimonios .tit span{ font-family:"formata-medium";padding:0 10px; color:#5e8279;}
.foot_testimonio{ overflow:hidden; margin:15px 0 0}
.foot_testimonio p{ float:left; margin:0 10px; font-size:1.2em;  color:#777;}
.foot_testimonio p.subtit{ font-family: 'formata-regular'; color:#019876; }

.redes{position:absolute; bottom:-35px; right:180px; padding:0px}
.redes ul li, .redes ul li a{ padding:0px; height:auto; line-height:inherit; min-height:inherit}
.nav.navbar-nav.navbar-right .icon_escuela img{ height:90px; position:relative; top:-20px }


/*///ACCESO///*/
.bt_acceso{  position:absolute; top:70px; right:-15px }
.bt_acceso div{   position:relative; top:0px; right:0px;}

.bt_acceso .panel {margin-bottom: 0px; /*background-color: #fff;*/ border:none; background-color:none; margin:0px; padding:0px;}
.bt_acceso .panel-body {padding: 15px; /*width:200px; */ width:300px; border:1px solid #ccc; border-radius:5px;}
.bt_acceso .panel-heading { /*width:200px; padding: 10px 15px;*/ /*background:#ccc*/padding:0px; background:none; overflow:hidden; }
.bt_acceso .panel-heading img{ height:22px; float:left; position:relative; top:-5px; left:-3px; margin-right:7px}
.bt_acceso .accordion-toggle, .bt_acceso .accordion-toggle:hover { color:#fff; text-decoration:none}
.bt_acceso .panel-title{ text-transform:uppercase; font-family:'formata-regular'; font-size:14px;  width:auto; float:right; padding: 10px 15px 10px 30px; border-radius:5px; background: #ccc url(../images/padlock.png) no-repeat 8px 6px; background-size: auto 20px}
.bt_acceso .panel-title span{ font-family:'formata-medium'}
.bt_acceso .panel-body input{ width:100%; margin:0 0 3px}
.bt_acceso .btn{ color:#fff; background:#019876; margin:0px;}
.bt_acceso .registro{ color:#888; width:100%; margin:0px 0 0; background:none}
.bt_acceso a{ margin:0px;}



/*//////*/
.login_info{  position:absolute; top:70px; right:-15px ; overflow:hidden; margin:0px 0 0}
.login_info div{ float:right; margin-left:10px; text-align:right}
.login_info div h5{ font-family: 'formata-regular'; }
.login_info div h4, .login_info div h5{ margin:0px; padding:0px}
.login_info div h4{color:#019876}

/*///*/
/*////Descargar////*/
.descargar .row{border:1px solid #ccc; border-radius:10px; padding:20px; margin:0 0 15px; position:relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out;  }


.descargar .row a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
.descargar .row:hover{ background:#ddd}
.descargar .row div {text-align:center}
.descargar .row div.info{ text-align:left}
.descargar .row .btn{ position:absolute; left:0px; top:50%; margin-top:-25px; height:50px; padding-left:50px; padding-top:14px; font-size:1.1em}
.descargar .row .btn span{ font-size:2em; position:absolute; top:10px; left:10px;}

.descargar .row .fecha{ position:absolute; left:0px; top:50%; margin-top:-25px; line-height:50px; width:100%; text-align:center; font-family: 'formata-medium';}

.descargar .row  .tit { font-size:2em; margin:0px 0px 10px}

.azul{ color:#019876}



/*///////////////////////////////////////////////////*/


@media screen and (max-width:767px){
	
.proyecto  .carousel-inner > .item { background:no-repeat top center; background-size:cover; height:100%; margin-top: 16px; }

.proyecto .navbar-collapse li a{ height:40px; line-height:40px; border-bottom:1px solid #ddd}
.proyecto .navbar-collapse{max-height:700px;}
/*.proyecto .navbar-collapse{ float:none}*/
.proyecto .carousel{height:332px}
.proyecto .carousel-caption h1{font-family: 'formata-regular'; font-size:2em; }
.proyecto .carousel-caption div{width:100%; }

.proyecto .carousel-caption p{ width:100%; }
.row-eq-height { display:inherit}
.proyecto .navbar-brand{  top:0px; margin:0 0px 0 20px;}
.proyecto .navbar-brand img{ height:100px;}
.proyecto .swiper-container#dos{ display:block}
.proyecto .swiper-container#uno{ display:none}
body {
  margin-bottom: 400px; padding:0px
}
.footer {
  height: 400px;
}
.foot ul li, .foot ul li a{ text-align:center; width:100%; padding:0px; }
.foot ul{ margin-top:10px}
.popup{ padding:20px;}
.popup .logo_popup{ margin: 0 0 20px; background: no-repeat center center; background-size:80% auto; }
.popup ul.info_cliente{ border-left:none; border-top:1px dashed #bbb;  padding:20px 0 0 10px }
.clientes.breve div div .pic{ height:80px; width:50%; }
.clientes.breve h3{ text-align:center}
.seccion_circulos.nosotros div{ margin-bottom:15px}
.formulario ul li textarea{ height:150px}
.servicio h1{font-size:3em; margin:15px 0  }
.servicio h2{font-size:1.5em;padding:7px 15px;}
.servicio ul{ margin:15px 0; font-size:1.1em;  }
/*.staff .row div .row div.pic{ background-size:49%; width:100%; height:100px; position:relative; display:block}*/
.staff .row div .row-eq-height div.pic{border-radius:0px;}
.staff .row div .row-eq-height div.info{ border-radius:0 0 10px 10px;}

.job .row div .boton, .eventos .row div .boton {position:relative; top:auto; margin-top:0px ; text-align:center; margin:15px 0 0 }
.eventos .row div .pic{  height:180px; width:100%; position:relative; }
.eventos .row div .fecha { margin:10px 0 10px;}
.foot .logo_foot img{ width:40%; top:0px; }
.bt_acceso{ position:relative; top:0px; right:0px; width:100%; margin:20px 0 0  }
.bt_acceso .panel-title{ width:100%; float:inherit; }
.proyecto .navbar-right li.icono img{top:0px}
.proyecto .navbar-right li.icono{ margin:5px 0}
.login_info{  position:relative; top:0px; right:0px; width:100% }
.descargar .row .btn{ position:relative; top:0%; margin-top:0px; }
.descargar .row .fecha{ position:relative;  top:0%; margin-top:0px; }
.redes{position:relative;right:0px; padding:0px; overflow:hidden;}
.nav.navbar-nav.navbar-right.redes li{ width:auto; float:left}
.nav.navbar-nav.navbar-right .icon_escuela img{ height:90px; position:absolute; top:-60px }


}
@media (min-width:768px){
/*.proyecto .navbar-collapse{ float:left}*/
.row-eq-height { display:inherit}
/*.proyecto .navbar-brand{  top:25px;}
.proyecto .navbar-brand img{ height:40px;}*/
.staff .row div .row-eq-height div.pic{ background-size:28%}
.job .row div .boton, .eventos .row div .boton{position:relative; top:auto; margin-top:0px ; text-align:center; margin:15px 0 0 }
.eventos .row div .pic{  height:200px; width:100%; position:relative; }

.proyecto .navbar-right li.icono a { padding:0px}



}
@media (min-width:1024px){
.row-eq-height{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.staff .row div .row-eq-height div.pic{ background-size:cover; }
.job .row div .boton, .eventos .row div .boton{position:absolute; top:50%; margin-top:-20px ; right:0px }
.eventos .row div .pic{  height:100%; width:92%; position:absolute; }


}
@media (min-width:1280px){
/*.proyecto .navbar-brand{  top:20px;}
.proyecto .navbar-brand img{ height:60px;}*/


}





/*////ESCUELA///*/
.escuela .navbar-default{border-bottom:1px solid #a5027d }
.escuela .navbar-right li.icono img{ position:relative; top:8px; height:60px}
.escuela .titulo_principal{ background:#a5027d;}
.escuela .eventos .row div h2{ color:#a5027d}
.escuela .btn{ font-size:20px; color:#a5027d; margin:0px;}
.escuela a .btn{ margin:0px 15px;}
.escuela .eventos .row div .fecha p, .escuela .fecha p{background:none; color:#a5027d; font-size:1em; padding:0px; text-transform:uppercase;  font-family: 'formata-bold'; margin-right:30px; float:left }
.escuela .eventos .row div .fecha p span, .escuela .fecha p span{ color:#777}
.escuela .fecha{ overflow:hidden}
.escuela .fecha p{ font-size:1.5em; font-family: 'formata-light';}

.escuela .tit_ryhl{ color:#a5027d}

.escuela .footer {
  height: 80px;
  background-color:#a5027d;
}
.escuela .foot{font-size:1.7em; color:#fff; line-height:1.2em}
.escuela .foot span{font-family: 'formata-regular'; }



@media screen and (max-width:767px){
.escuela{ padding-bottom:0px; margin-bottom:0px}
.escuela .footer { height:auto; min-height:inherit; position:relative; margin-top:30px; padding-bottom:25px}
.icon_escuela{ position:fixed; top:60px; }

}


/*////NUEVO//*/
@media (min-width: 768px) {
  .proyecto .container { width: 98%;}
	.navbar{ font-size: 80%}
}
@media (min-width: 1301px) {
  .proyecto .container {
    width: 90%;
  }
	.navbar{ font-size: 100%}
}


.frase{ margin: 0 0 20px}

@media screen and (max-width:767px){
.frase h1{  font-size: 22px}

}

.escuela .navbar-collapse li a:hover {
    color: #fff;
    background: #a5027d !important;
}

.escuela .staff .row div .row-eq-height div.info h2{ color:#a5027d; }

.escuela .eventos .col-md-4{ min-height:200px}

.escuela .btn-default{ color:#fff !important; background: #a5027d !important;}

.escuela .seccion_circulos img {
    background: #a5027d;
}
.escuela .seccion_circulos h2 {
    color:  #a5027d;
 
}