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



*{
	margin: 0;
	padding: 0;
  -webkit-transition: all 0.2s ease-in; 
     -moz-transition: all 0.2s ease-in; 
      -ms-transition: all 0.2s ease-in; 
       -o-transition: all 0.2s ease-in; 
          transition: all 0.2s ease-in; 
}

body {
  font-family: 'Calibri', Arial;
  font-size: 16px;
  color: #4d4d4d;
}

	@media (max-width: 768px) {
		body {
		  font-size: 14px;
		}
	}

	@media (max-width: 480px) {
		body {
		  font-size: 12px;
		}
	}





h1,h2,h3,h4,h5,h6
.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: 'BrelaRegular';
  /*margin-bottom: 20px;*/
}

h1, .h1{
  /*font-size: 48px;*/
  font-size: 3em;
}

h2, .h2{
  /*font-size: 42px;*/
  font-size: 2.625em;
}
h3, .h3{
  /*font-size: 36px;*/
  font-size: 2.250em;
}
h4, .h4{
  /*font-size: 30px;*/
  font-size: 1.875em;
}
h5, .h5{
  /*font-size: 24px;*/
  font-size: 1.5em;
}
h6, .h6{
  /*font-size: 18px;*/
  font-size: 1.125em;
}


p{
	font-family: 'Calibri', Arial;
	/*font-size: 20px;*/
	font-size: 1.250em;
  /*line-height: 1.35;*/
  text-align: justify;
  margin: 0 0 25px
}


ul, ol{
  /*font-size: 1.3em;
  line-height: 1.35;*/
  padding-left: 20px;
  margin-bottom: 25px;
}

	ul.list-interlineado li{
		margin-bottom: 20px;
    line-height: 1.2;
	}


	ul.list-publi {
	  padding-left: 0;
	}

	ul.list-publi li{
	  list-style-type:  none;
		/*list-style-image: url("../img/ico-hoja.png");*/
		background-image: url("../img/ico-hoja.png");
		background-repeat: no-repeat;
		padding-left: 50px;
	}


li{

}

a{

}

a:hover,
a:visited,
a:focus{
  text-decoration: none;
  /*color: inherit;*/
}

.link,
.link:visited,
.link:focus {
	text-decoration: none;
}
.link:hover,
.link:active{
  text-decoration: underline;
}



.container-fluid{
	padding:0px
}


.btn {
	padding:5px
}
.btn.verde {
	border:1px #BCCB94 solid;
	color:#BCCB94;
}


.btn-ico-azul {
  font-family: 'BrelaRegular';
  /*font-size: 20px;*/
  font-size: 1.250em;
  color: #fff;
  padding: 15px 20px 15px 65px;  
  /*background-image: url(../img/ico-malla.png);*/
  background-repeat: no-repeat;
  background-color: #42607f;
  background-position: 15px;
}

	.btn-ico-azul:visited,
	.btn-ico-azul:focus {
	  color: #fff;
	  background-color: #42607f;
	}

	.btn-ico-azul:hover {
	  color: #fff;
	  background-color: #7c982e;
	}

	.btn-ico-azul.malla {
		background-image: url(../img/ico-malla.png);
	}

	.btn-ico-azul.lapiz {
		background-image: url(../img/ico-lapiz.png);
		padding: 15px 20px 15px 55px;
	}







.navbar-default {
	/*cambio*/
	background-color: transparent;
	border-color: transparent;
	/*agregado*/
	background: none;
	border: none;
	position: absolute;
}
		.navbar-brand {
			/*cambio bootstrap*/
	    height: auto;
	    padding: 35px 15px;
		}

			@media (max-width: 991px) {
			  .navbar-brand {
			    padding: 0;
			    margin-top: 8px;
			    margin-left: 15px;
			    margin-bottom: 8px;
				}
			}

		#navbar{
			/*padding-top: 50px;*/
		}

		#navbar .nav > li {
	    margin-left: 5px;
	    padding: 50px 5px 5px;
		}
		#navbar .nav > li:hover,
		#navbar .nav > li.active {
	    background-color: #7c982e;
		}
			/*#navbar .nav > li:hover a {

				border: 1px solid #fff;

			}*/
			#navbar .nav > li a.resalte {
				border: 1px solid #fff;
			}
			#navbar .nav > li:hover a.resalte,
			#navbar .nav > li.active a.resalte {
				border: 1px solid transparent;
			}


		#navbar .nav > li > a {
			/*cambio bootstrap*/
			/*font-size: 16px;*/
			font-size: 1em;
			padding: 10px;
			color: #fff;
			line-height: 10px;
    	background-color: transparent;
    	background: none;
    	border: 1px solid transparent;
		}

		#navbar .nav > li.active > a:hover {
			cursor: default;
		}

			@media (max-width: 991px) {
				.navbar-default .navbar-toggle {
				  border-color: #fff;
				  background-color: transparent !important;
				}

				.navbar-default .navbar-toggle .icon-bar {
				  background-color: #fff;
				}

/*42607f

7c982e*/

				#navbar {
				  background: #42607f;
				}

			  #navbar .nav > li {
			    margin-left: 0;
			    padding: 0;
			    text-align: center;
			    border-bottom: 1px dotted #fff;
				}

				#navbar .nav > li a.resalte {
					border: 1px solid transparent;
				}

				#navbar .nav > li > a {
					font-size: 16px;
					padding: 15px 10px;
				}

				#navbar .nav > li > a:hover {
					color: #fff;
				}
			}



/*.navbar-inverse {
	background:none;
	border-bottom:none;
}
.navbar-nav {
	float:right
}
.navbar-wrapper{
	margin-top:20px;
	position:absolute; 
	right:0px;
	left:0px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{

}*/





.carousel-inner {
	max-height: 550px;
}
.carousel-inner .item img{
	width: 100%;
}








footer{
	font-family: 'Calibri', Arial;
	font-size: 14px;
	/*font-size: 0.875em;*/
	background: #42607f;
	color: #FFF;
	padding: 50px 0
}

	footer ul{
		list-style: none;
	  margin-bottom: 0;
	  margin-left: 0;
		padding-left: 0;
	}

	footer ul li {
	  line-height: 18px;
	}

	footer a{
		color: #FFF
	}

	footer a:hover{
		color: #7c982e
	}

	footer address{
		line-height: 18px;
		margin-bottom: 0;
		border-left: 2px dotted #ccc;
		padding: 10px 0 10px 30px;
		text-align: left;
	}

	footer #nav-footer{
		text-align: right;
	}

		

@media (max-width: 767px) {
	footer address{
		border-left: 0;
		border-top: 2px dotted #ccc;
		padding: 30px 0 0;
		width: 50%;
    margin: 0 auto;
    text-align: center;
	}

	footer #nav-footer{
		text-align: center;
	}

}

@media (max-width: 480px) {
	footer address{
		width: 70%;
	}
}







section.cuerpo{
	padding: 80px 0;
}

	@media (max-width: 480px){
	  section.cuerpo{
			padding: 50px 0;
		}
	}







.produccion{
	text-align: center;
	/*padding: 0 50px;*/
}

	.produccion img{
/*		margin-bottom: 15px;   luis */ 
	}

	.produccion h4{
		/*font-size: 22px;*/
		font-size: 1.375em;
	}

	.produccion p{
		font-family: 'Calibri', Arial;
		/*font-size: 16px;*/
		font-size: 1em;
		text-align: center;
		margin-bottom: 0px;
	}



.actividades-home{
	padding-left: 50px;
}



.actividad{
  border-bottom: 1px dotted #42607f;
  padding-left: 10px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.actividad.ult{
  padding-bottom: 0px;
  margin-bottom: 0px;
/*  border:none*/
}

	.actividad p{
		font-family: 'Calibri', Arial;
		line-height: 1.15;
		margin: 0; 
	}

@media (max-width: 992px) {
	.actividades-home{
		padding-right: 15px;
    padding-left: 15px;
	}

	.actividad{
		padding-left: 0;
	}

}



.horario{
	font-family: 'BrelaRegular';
	/*font-size: 20px;*/
	font-size: 1.250em;
	line-height: 1.2em;
}

	.horario span{
		/*font-size: 48px;*/
		/*font-size: 2em;*/
		font-size: 1.7em;
		display: block;
		line-height: 1;
    margin-top: -7px;
	}





#seminarios p{
	text-align: left;
}

#seminarios p .verde{
	font-size: 1.2em;
}











.valign {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}



.vtop{
  vertical-align: top;
}
.vmiddle{
  vertical-align: middle;
}
.vbottom{
  vertical-align: bottom;
}






.margin-top-30{
	margin-top: 30px;

}
.margin-top-50{
	margin-top: 50px;
}



@media (max-width: 992px) {
	.margin-top-30-sm{
		margin-top: 30px;
	}
	.margin-top-50-sm{
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
	.margin-top-30-xs{
		margin-top: 30px;
	}

	.margin-top-50-xs{
		margin-top: 50px;
	}


	.text-center-xs{
		text-align: center;
	}
	.img-no-responsive-xs{
		display: inline-block;
	  /*max-width: 100%;
	  height: auto;*/
	}
}

@media (max-width: 480px) {
	.margin-top-30-xxs{
		margin-top: 30px;
	}

	.text-center-xxs{
		text-align: center;
	}

	.img-no-responsive-xxs{
		display: inline-block;
	  /*max-width: 100%;
	  height: auto;*/
	}

}





.azul{
	color: #42607f !important;
}
.verde{
	color: #7c982e !important;
}
.celeste{
	color: #69b9ec !important;
}






.form-control {
  padding: 6px 12px;
  /*font-size: 14px;*/
  font-size: 0.875em;
  background-color: #fff;
  border: 1px solid #7c982e;
  border-radius: 0;
}



#formulario{
	padding: 10px 30px 30px;
}

#formulario.FormBecaLEAD{
	background-color: #42607f;
	color: #fff;
}

#formulario .form-control{
  color: #888;
}


.btn-blanco,
.btn-blanco:focus{	
	display: table-cell;
	padding: 8px 13px;
	font-family: 'BrelaRegular';
	border: 1px solid #fff;
	color: #fff;
}

.btn-blanco:hover{
	background-color: #fff;
	color: #7c982e;
}



.btn-verde{	
	/*display: table-cell;*/
	display: inline-block;
	padding: 8px 13px;
	font-family: 'BrelaRegular';
	border: 1px solid #7c982e;
	color: #7c982e;
}
.btn-verde:hover{
	border: 1px solid #42607f;
	color: #42607f;
}








@media (min-width: 480px){
  .displayBlock-xs{
    display: block;
  }
}
@media (min-width: 768px){
  .displayBlock-sm{
    display: block;
  }
}
@media (min-width: 992px){
  .displayBlock-md{
    display: block;
  }
}
@media (min-width: 1200px){
  .displayBlock-lg{
    display: block;
  }
}







.header-interno{
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  height: 300px;
	/*-webkit-box-shadow: inset 0 -120px 0px 0px rgba(124,152,46,0.7);
					box-shadow: inset 0 -120px 0px 0px rgba(124,152,46,0.7);*/
}

.header-interno h1{
	/*background-color: rgba(124, 152, 46, 0.7);*/
	color: #fff;
	line-height: 120px;
	margin-top: 180px;
	margin-bottom: 0;
}

#qs{
	background-image: url(../img/cab-qs.jpg);
}

#investigacion{
	background-image: url(../img/cab-investigacion.jpg);
}

#estudios{
	background-image: url(../img/cab-estudios.jpg);
}

#pregrado{
	background-image: url(../img/cab-pregrado.jpg);
}

#contacto{
	background-image: url(../img/cab-contacto.jpg);
}

#terminos{
	background-image: url(../img/cab-terminos.jpg);
}

#mapa{
	background-image: url(../img/cab-mapa.jpg);
}



#pagina{
	background-image: url(../img/cab-pagina.jpg);
}



















.consejo{
	/*margin: 0 30px;*/
	text-align: center;
	/*font-size: 18px;*/
	font-size: 1.125em;
}

.consejo img{
	margin: 0 auto 20px;
}





.nav-tabs{
	margin-left: 0;
	padding: 0 20px !important;
	border-bottom: 1px solid #7c982e;
}

.nav-tabs > li > a {
  color: #7c982e;
  border: 1px solid #7c982e;
  margin-right: 9px;
  border-radius: 0;
	padding: 15px 15px;
	/*font-size: 24px;*/
	font-size: 1.5em;
}

	.nav-tabs > li > a:hover {
	  border-color: #7c982e;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover {
	  color: #fff;
	  background-color: #7c982e;
	  border: 1px solid #7c982e;
	}

#a_becalead {
	background-color: #42607f;
	color: #fff;
	display: block;
}
	/*.nav-tabs > li > #a_becalead:hover {
	  background-color: #ddd;
	}*/
/*.nav > li > a:hover, .nav > li > a:focus*/



.nav-tabs a .tab{
	font-size: inherit;
}

.nav-tabs > li > a h2{
  margin: 0; 
}



.tab-content{
	padding-top: 50px;
}

.tab-content .tab-pane p{
	/*font-size: 16px;*/
	font-size: 1em;
}

@media (max-width: 1200px){
	.nav-tabs > li > a {
	 font-size: 1.1em;
	} 
}

@media (max-width: 992px){
	.nav-tabs > li > a {
	  margin-right: 2px;
	  /*padding: 10px 12px;*/
	  padding: 10px 9px;
	  /*font-size: 24px;*/
	  /*font-size: 1.35em;*/
	 font-size: 1em;
	}



	.nav-tabs{
	 padding: 0 5px !important;
	}
}

@media (max-width: 768px){
	.nav-tabs > li > a {
		font-size: 1.1em;
	}

	.panel-heading {
    background-color: #7c982e !important;
    color: #fff !important;
    border-bottom: 1px solid transparent;
    padding: 0;
		/*border-top-left-radius: 0 !important; 
		border-top-right-radius: 0 !important; */
	}

	  .panel-heading .panel-title a .tab {
	  	font-size: inherit;
	    margin: 0;
	    padding: 15px 15px;
		}


		.panel-collapse .panel-body{
			/*padding: 50px 0 0;*/
		}

}


@media (max-width: 480px){
  .nav-tabs{
		padding: 0 !important;
		padding-left: 5px !important;
	}

	.nav-tabs > li {
	  width: 50%;
	}

	.nav-tabs > li > a {
	  margin-right: 5px;
		padding: 10px 15px;
	}
}











.actividades{
	margin-bottom: 2em;
	/*margin-right: 0;
	margin-left: 0;*/
}

	.actividades p{
		margin-bottom: 0;
	}









.separador-seccion{
	margin-top: 50px;
}









.margin-0{
	margin: 0;
}























.btns-home{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.cajas{
	width: 245px;
  float: right;
  margin-top: 130px;
}

.caja {
	width: inherit;
}

.caja .txt {
	font-family: 'BrelaRegular';
	color: #fff;
  background-color: #7c982e;
  text-align: right;
  padding: 7px 17px;
}













.carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: rgba(255,255,255,0.5);
  border: 0;
  border-radius: 20px;
	margin: 0 3px;
}

.carousel-indicators .active {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 3px;
}



.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: initial;
  z-index: 15;
  width: 200px;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
  list-style: none;
}











.margin-bottom-20{
	margin-bottom: 20px;
}

@media (max-width: 480px){
	.margin-bottom-0-xxs{
	  margin-bottom: 0;
	}
}



@media (max-width: 480px){
	.col-xxs-12{
	  width: 100%;
	}
	.col-xxs-10{
	  width: 83.33333333%;
	}
	.col-xxs-6{
	  width: 50%;
	}



	.col-xxs-offset-1{
	  margin-left: 8.33333333%;
	}

	.col-xxs-offset-0{
	  margin-left: 0%;
	}

}









@media (max-width: 480px) {
  .visible-xxs {
    display: block !important;
  }
  .hidden-xxs {
    display: none !important;
  }
}









@media (max-width: 1200px) {
  .cajas {
    width: 205px;
    /*margin-top: 120px;*/
	}
}















.ir-arriba {
	padding: 10px 15px;
	display: inline-block;
	background: #32485f;
	color: #fff;
	position:  fixed;
	font-size: 20px;
	bottom: 10px;
	right: 10px;
	display: none;
	cursor: pointer;

	z-index: 9999;
	-webkit-transition: normal; 
     -moz-transition: normal; 
      -ms-transition: normal; 
       -o-transition: normal; 
          transition: normal; 
}



.ir-arriba:hover{
	background: #233951;
	-webkit-transition: all 0.3s ease; 
     -moz-transition: all 0.3s ease; 
      -ms-transition: all 0.3s ease; 
       -o-transition: all 0.3s ease; 
          transition: all 0.3s ease; 
}













/*  - - - -  - - */

.noticias div.verde{
	height:50px;
	font-size: 1.250em;
	text-align: left;
	margin: 0 0 0 0;
}



.noticias span#texto{
	display:block;
/*	background:#ccc;*/
	height:50px;
/*	font-size: 1.250em;*/
	text-align: justify;
	margin: 0 0 0 0;
}

.noticias img{
	width:360px;
	height:202px
}



#workshop hr{ border: 1px solid #7c982e; }

#workshop ol li{ margin-bottom:10px}












hr.workshop{ border: 1px solid #7c982e; }














/*calentadio*/

.calendario .fecha{
  background-color: rgba(66, 96, 127, 0.85);
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  margin: 0 10px 0 0;
  display: table-cell;
  /*line-height: 85px;*/
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}

.calendario .fecha strong{
  font-size: 28px;
  display: inline-block;
  padding-top: 12px;
}

.calendario span{
  display: inline-block;
}

ul.list-interlineado-10px li {
  margin-bottom: 10px;
}





/*tabla*/

.tabla{
  display: table-row;
}

.tabla .cel{
  display: table-cell;
}

.tabla .cel img{
  min-width: 55px;
  margin-right: 15px;
}
.tabla .cel p,
.tabla .cel img{
  margin-bottom: 15px;
}









/* video con PLAY --------------------------------------- */
.video_content{
	position: relative;
	display: inline-block;
	/*overflow: hidden;*/
}
.video_content .video_velo{
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.video_content .video_play {
    background-color: rgba(255,255,255,0.25);
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 50%;

    cursor: pointer;
}
.video_content .video_play:before {
	content: "";
	background-color: #fff;
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	border-radius: 50%;
}
.video_content .video_play:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -15px;
	border-left: 42px solid #42607f;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
}
.video_content .video_play:hover:after {
	border-left: 42px solid #7c982e;
}
/* ------------------------------------------------------ */





/* video youtube responsive ----------------------------- */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ------------------------------------------------------ */
