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





body{
	font-family: 'AvenirLTStd-Book';
	font-size: 16px;
	color: #666;
}
@media (max-width: 1199px) {
	body{
		font-size: 15px;
	}
}
@media (max-width: 991px) {
	body{
		font-size: 14px;
	}
}
/*@media (max-width: 767px) {
	header {
		min-height: 278px;
		overflow: hidden;
	}
}*/

h1,h2,h3{
	margin: 0;
	font-family: 'AvenirLTStd-Black';
}
p{
	font-size: 1.1em;
}
strong{
	font-family: 'AvenirLTStd-Black';
}
a:hover,
a:focus{
	text-decoration: none;
}




header .titulo{
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	#seccion-uno .text-right{
		text-align: left;
	}
}



.faja__texto{
   font-size: 2rem;
   color:#fff;
}

.cajaTitulo{
	background-color: #06153a;
    justify-content: center;
    align-items: center;
    height: 250px;
    font-family: 'AvenirLTStd-Black';
    color: #00B1EB;
    font-size: 2em;
    display: flex;
}

@media (min-width: 768px) {	
	.cajaTitulo{
	    display: flex;
	    height: 100%;
	}

	.d-flex{
		display: flex;
	}

	.d-flex>div{
		width:50%;
	}

	.faja__texto {
	    font-size: 3rem;
        text-align: left;
	}



}





.h-100{
	height: 100%;
}

.w-100{
	width: 100%;
}



.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

#bg-titulo{
	background-color: #00b4ff;
	padding: 2em 2em 3em;
	max-width: 410px;

	position: absolute;
	top: -300px;
}
#bg-titulo:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -55px;
	left: 50%;
	margin-left: -205px;
	border-top: 55px solid #00b4ff;
	border-left: 205px solid transparent;
	border-right: 205px solid transparent;
}
@media (max-width: 1199px) {
	#bg-titulo:after {
		margin-left: -195px;
		border-left: 195px solid transparent;
		border-right: 195px solid transparent;
	}
}
@media (max-width: 991px) {
	#bg-titulo:after {
		margin-left: -150px;
		border-left: 150px solid transparent;
		border-right: 150px solid transparent;
	}
}
@media (max-width: 767px) {
	#bg-titulo:after {
		margin-left: -270px;
		border-left: 270px solid transparent;
		border-right: 270px solid transparent;
	}

	#bg-titulo{
		max-width: 540px;
		margin: 0 auto;
		/*position: fixed;*/
		top: 0;
		left: 15px;
		right: 15px;
	}
	.row > div{
		position: initial;
	}
}
@media (max-width: 590px) {

}



#logo{
	margin-bottom: 25px;
}
.txt-fecha,
.txt-premio,
.txt-seminario{
	font-family: 'AvenirLTStd-Black';
	font-size: 2em;
	color: #fff;
}
.hr-txt-titulo{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	border-top: 5px solid #eee;
	width: 100px;
	text-align: left;
}





#seccion-formulario{
	background-color: #10191D;
	padding: 2em 0 2.5em;
	color: #fff;
}

@media (min-width: 768px) {
	.row-table{
		display: table;
	}
	.row-table > div{
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
}

.txt-confirma{
	font-family: 'AvenirLTStd-Black';
	font-size: 2em;
	line-height: 1em;
	color: #00b4ff;
	margin: 40px 0 20px;
}
.txt-label {
    font-family: 'AvenirLTStd-Black';
    font-size: 1.1em;
    line-height: 1em;
    color: #00b4ff;
    margin: 10px 0;
    text-align: right;
}
@media (max-width: 992px) {
	.txt-confirma{
		margin: 20px 0 20px;
	}
	.txt-label {
		font-size: 1.3em;
	}
}

.form-group {
	margin-bottom: 15px;
}
.form-control,
form .btn,
form .dropdown-menu{
	border-radius: 0;
}

form .row{
	margin-right: -4px;
	margin-left: -4px; 
}
form .row > div{
	padding-right: 4px;
	padding-left: 4px;
}

form .row > .col-padding{
	padding-right: 15px;
	padding-left: 15px;
}

.btn-enviar {
    background: #00b4ff;
    color: #10191d;
    padding: 0.7em 1.3em;
    display: inline-block;
    border-radius: 25px;
    font-family: 'AvenirLTStd-Black';
    font-size: 2rem;
}
.btn-enviar:hover,
.btn-enviar:focus {
    background: #02a0e2;
    color: #fff;
    text-decoration: none;
}

.form-control,.btn{
	border-radius: 25px;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 25px;
}

#seccion-tres{
	
}

#accordion .panel{
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
}
#accordion .titulo-accordion{
	font-family: 'AvenirLTStd-Black';
	font-size: 2em;
	color: #005076;
	display: block;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#accordion .titulo-accordion .pull-right{
	font-size: 1em;
}
#panel-1{
	background-color: #00b4ff;
}
#panel-2{
	background-color: #0071bc;
}
#panel-3{
	background-color: #009FE3;
}
#accordion .panel-cuerpo{
	padding: 1em 0 3em;
}





.table{
	margin-bottom: 0;
}
.table th{
	font-family: 'AvenirLTStd-Black';
	font-size: 1.4em;
	color: #cccccc;
}
.table td{
	color: #fff;
}
.table a{
	color: #fff;
	text-decoration: underline;
}
.table a:hover{
	color: #cde9fb;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.table tbody tr td:first-child{
		width: 15%;
	}
}
@media (max-width: 767px) {
	.table thead{
		display: none;
	}
	.table tbody tr{
		display: block;
	}
	.table tbody tr:last-child{
		border-bottom: 1px solid #ddd;
	}
	.table tbody tr td{
		padding: 0 8px;
		border-top: 0;
		display: block;
	}
}




.container-autoridades{
	max-width: 360px;
	margin: 0 auto 30px;
	text-align: center;
}
.autoridades{
	overflow: hidden;
	position: relative;
}
.autoridades__titulo{
    position: absolute;
    z-index: 1;
    bottom: 0;
    color: #fff;
    padding: 1rem 2rem;
    font-family: 'AvenirLTStd-Black';
}
.autoridades .over{   
    width: auto;
    height: 100%;
    padding: 4% 4%;
    color: transparent;

    position: absolute;
    top: 0;
    z-index: 2;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    display: inherit;
    font-size: 0.8em;
    line-height: 113%;
    text-align: center;
}
.autoridades__subtitulo{
    font-size: 1em;
    font-family: 'AvenirLTStd-Book';
    margin-bottom: 0;
}
.autoridades:hover .over{
    color:#1a1a1a;
    background: rgba(0, 180, 255, 0.9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;    
}
.nombre,
.cargo{
	color: #fff;
}
.nombre{
	font-size: 1.5em;
}
.cargo{
    font-size: 1.2em;
}

.over-padre{
    display: table;
    height: 100%;
}
.over-celda{
    display: table-cell;
    vertical-align: middle;
}







footer{
	background-color: #000000;
	padding: 3em 0;
	color: #fff;
}
@media (max-width: 991px) {
	footer{
		padding: 2.5em 0 2em;
	}
}




.celeste{
	color: #00b4ff; 
}


/*agregado por eli*/

@media (max-width: 767px) {
	#bg-titulo{
		width:435px;
	}
	/*body {
    	margin-top: 415px;
	}*/
	#bg-titulo:after {
    	margin-left: -220px;
    	border-left: 220px solid transparent;
    	border-right: 220px solid transparent;
	}

}	


.txt-seminario span{
	display: inline-block;
}

@media (max-width: 479px) {
	#bg-titulo{
		width:300px;
	}
	#bg-titulo:after {
    	margin-left: -150px;
    	border-left: 150px solid transparent;
    	border-right: 150px solid transparent;
	}

	.txt-seminario span{
		display: inline-block;
	}
}	

@media (max-width: 359px) {
	#bg-titulo{
		width: 270px;
		font-size: 0.7em;
	}
	#bg-titulo:after {
    	margin-left: -135px;
    	border-left: 135px solid transparent;
    	border-right: 135px solid transparent;
	}

	#accordion .titulo-accordion{
		font-size: 1.6em;
	}
}	


/* */
.txt-prin p{
	font-size: 1em;
}

.txt-resaltado{
	background-color: #0071bc;
}



#fondo{
  background: url(../img/banner-pc-educom.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:60vh;
  position: relative
}

 header .titulo{
	width: 90vh;
 }

@media (max-width: 767px) {
    #fondo{
    	background: url(../img/banner-movil-educom.jpg) no-repeat center center;
	    height: 75vh;
	    /* width: 100%; */
	    /* max-width: 100%; */
	    background-size: cover;
   }
}

@media (max-width: 575px) {
    #fondo{
	    height: 80vh;
   }

   header .titulo {
    width: 40vh;
   }
}

@media (max-width: 480px) {
     #fondo{
	    height: 80vh;
   }

   body #seccion-uno{
	font-size:10px !important;
  }
}

@media (max-width: 360px) {
    #fondo{
	    height: 65vh;
    }
}


.relative{
	position: relative;
	height:100%;
}
.titulo{
	position: absolute;
    bottom: 20%;
}

.titulo1--big{
	font-size: 9rem !important;
    line-height: 7rem;
}

.d-block{
	display: block;
}

@media (max-width: 991px) {
	.titulo1--big {
	    font-size: 5rem !important;
	    line-height: 4rem;
	}

}	
@media (max-width: 767px) {
	.titulo1--big{
	   font-size: 3rem !important;
    }
	.d-block{
		display: inline-block;
	}

  header .titulo{
	width: 39vh;
	/*height: auto;*/
 }

 .titulo {
    bottom: 9%;
   
  }
}	

@media (max-width: 575px) {
  header .titulo{
	width:40vh;
	/*height: auto;*/
 }

 .titulo {
    bottom: 7%;
   
  }
}	

@media (max-width: 480px) {
  header .titulo{
	width: 40vh;
	/*height: auto;*/
 }

 .titulo {
    bottom: 9%;
   
  }
}	

@media (max-width: 360px) {
  header .titulo{
	width: 35vh;
	height: auto;
 }

 .titulo {
    bottom: 8%;
   
  }
}	


.faja{
	background-color: #03A9F4;
	padding:3rem 0; 
	text-align: center;
}

.context{
	text-align: center;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.titulo1,.titulo3{
	font-family: 'AvenirLTStd-Black';
	color:#00B1EB;
	font-size: 3rem;
}


.titulo2{
	font-family: 'AvenirLTStd-Heavy';
	color:#00B1EB;
	font-size: 3em;
}

.titulo3{
	color:#005076;
	font-size: 3em;
}

.hr-custom{
	margin-top: 22px;
    margin-bottom: 20px;
    border: 0;
    border-top: 5px solid #00B1EB;
    width: 35%;
}


.bold{
	 font-family: 'AvenirLTStd-Black';
	 color:#00B1EB;
}




.tr_td_no_border_top td{
	border-top: 1px solid transparent !important;
}

.color-white{
	color:#fff !important;
}

.info__custom{ 
  border-top: 2px solid #62ceff;
  border-bottom: 2px solid #62ceff;
  padding: 0 5px;
  background-color: #eef7fb;
}	

.tablaPrograma td {
    color: #4a4949;
    padding:1rem 1rem !important;
}

.py{
   padding: 9rem 0;
}



.btnBlanco{
    background-color: #fff;
    color: #00AFEA;
    padding: 2rem 3rem;
    border-radius: 4rem;
    font-family: 'AvenirLTStd-Black';
    /* margin-top: 1rem; */
    font-size: 3rem;
    display:inline-block;
}




.logoFooter{
	border-right: 1px solid #fff;
    padding-right: 3rem;
}

@media (max-width: 768px) {
 .btnBlanco{
    font-size: 2rem;
    margin-top: 1rem;
 }

 .logoFooter{
    padding-right: 3rem;
    border-right: 1px solid transparent;
 }

}	

.btn-default, .form-control{
    color: #fff;
    background-color: #10191d;
    border-color: #ccc;
    border: 2px solid #fff;
    padding: 20px 20px;
    font-style: italic;
}

.btn-default{
    padding: 10px 20px;
}

.caret{
	color: #2196f3;
}