@charset "utf-8";

*{
	padding:0;
	margin:0;
	list-style:none;
	transition:all .5s ease;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	width:100%;
	text-align:center;
}

.smartdeve{
	cursor:pointer;
	}
.modal{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 10000000;
    animation-delay: 3S;
}
.modal2{
	 width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 10000000;
    animation-delay: 3S;
	display:none;
	}
.modal h2, .modal2 p, .modal2 h2, .modal2 a{
	color:#fff;}

.cerrar_modal, .cerrar_modal2{
    color: #fff;
    text-decoration: none;
    font-size: 2em;
    position: fixed;
    top: 10px;
    right: 10px;
}

.modal_change, .modal_change2{
    position: relative;
    margin: 50px auto;
    width: 853px;
    height: 480px;
}


a{
    text-decoration: none;
    
}
.no_disponible{
    width: 80%;
}
.links{
    cursor:pointer;
    letter-spacing: 5px;
    font-weight: 800;
    color: #253456;
    border-bottom: solid  #ff9000 2px;
}

.ir-arriba {
	display:none;
	padding:20px;
	background:#000;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
    z-index: 20000;

}
.menu_bar,#menu_of_768,.menu_768, #historia_425px {
	display:none;
}

/* INDEX */
	.foto_top{
		width:100%;
		background-image:url(../imagenes/foto_top.jpg);
		background-attachment:fixed;
		background-size:cover;		
		height:720px;
	}

		header{
            height: 90px;
			width:1200px;
			background:rgba(0,0,0,.5);
			padding:0 1em 1em 1em;
			margin:0 auto;			
		}
			.logo{
				width:15%;
                padding-top: 5px;
                height: 120px;
                backgroun:rgba(255,255,255,.5);
				display:inline-block;
				vertical-align:top;
			}
				.logo img{
					width:70%;
				}
			nav{
				color:#fff;
				display:inline-block;
				width:79.5%;
				vertical-align:top;
				overflow:hidden;
			}
            .slogan{
                width: 100%;
                height: 40px;
                margin: 10px auto -5px auto;
                padding: 0;
                text-align: left;
            }
				nav a{
					text-decoration:none;
					color:#fff;
				
				}
				nav li{
					display:inline-block;
					width:170px;
					padding-top:1em;
				    border: solid rgba(0,0,0,0) 1px;
					padding: 10px 5px;

				}
				nav li:hover{
					border:solid #fff 1px;
				}
				.hover{
					color:#fff;
					background:#000;
					}

	.sec_btns{
		width:100%;
		background:#eeeeee;
	}
		.wrapper{
			min-width:1200px;
				width:1200px;
				margin: 0 auto;
				height:210px;
			}
					.wrapper a{
					text-decoration: none;
					}
		.btns_vertical{
				width: 210px;
				margin: 4em 25px 0 36px;
				background: #b5b5b5;
				color::#fff;
				display: inline-block;
				margin-top:-100px;
				border-radius:2px;
		}
        
			.btns_vertical a{
				text-decoration:none;
				color:#5f5f5f;
            }
			.wrapper_btns_vert_top{
				height:100px;
				display:inline-block;
				vertical-align:top;				
			}
			.wrapper_btns_vert_top h3{
				font-weight:lighter;
			}
			.wrapper_btns_vert_top img{
    			margin-top: 12px;
			}
			
			.btns_vertical:hover > a .wrapper_btns_vert_top  img{
				margin-top: 5px;
				transition:all .1s ease;
				
							
			}
			.btns_vertical:hover > a .wrapper_btns_vert_top h3{
				font-weight:lighter;
				color:#fff;
				transition:all .1s ease;
			}
			
    			

			
			.wrapper_btns_vert_bttm{
				height:100px;
				display:inline-block;
				vertical-align:top;
				background:#253456;
				width:100%;
				color:#fff;
				background-image:url(../imagenes/mas_icono.svg);
				background-repeat:no-repeat;
				background-size:cover;
				border-radius:0 0 2px 2px;
			}
				.wrapper_btns_vert_bttm p{
					margin-top:1em;
				}
		.btns_horizontal{
				width: 200px;
            height: 80px;
				margin: 4em 25px 0 36px;
				background: #004080;
				display: inline-block;
				padding-left: 10px;
				cursor:pointer;
		}
			.cont_btn_hor{
					width: 77%;
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin: .8em 0;
			}
			.cont_btn_hor h2{
				color: #63c4fc;
				font-size: 1EM;
				TEXT-ALIGN: left;
				margin-top: 0px;
			}
			.cont_btn_hor p{
				color: #fff;
				font-size: .7em;
				TEXT-ALIGN: left;
				display:inline-block;
				vertical-align:top;
			}
			.arrow_btn_hor{
				width: 20%;
				background: #ff9000;
				height: 80px;
				display: inline-block;
				vertical-align: top;
				cursor:pointer;
				}			
				.arrow_btn_hor p{
					font-size: 3em;
					color: #fff;
					margin-top: 8px;
				}
              
				.btns_horizontal:hover > .arrow_btn_hor p{
				     margin-left: 38px;
					transition: all .2s ease;
					color: #FF9000;
					text-shadow: 2px 2px 2px #004080;
					cursor:pointer;
				}
		#linea{
			width: 60%;
			height: 1px;
			background: #999;
			margin: 7em auto 4em auto;
		}
		.contenidos{
			width:1200px;
			background:#eeeeee;
			height:500px;
			margin:4em auto 1em auto;
		}
			.articulos{
				width:54%;
				height:200px;
				display:inline-block;
				margin-left:4em;
				text-align:left;
				vertical-align:top;
			}
				.tit_main{
					    color: #7e0000;
						letter-spacing: -5px;
						font-size: 4.28em;
						font-weight: 500;

				}
				.subtit_main{
					    color: #7b7b7b;
						font-size: 1.8em;
						margin: -16px 0 10px 0;
						font-weight: 500;
						letter-spacing: 17px;
						border-bottom: solid 1px;
						padding-bottom: 5px;
				}
				.img_art_main{
					background: #fff;
					width: 45%;
					float: left;
					margin: 0px 21px 1px 0;
					padding: 5px;
					border: solid 1px #ccc;
				}
				.parraf_main{
					text-align:justify;
					color:#6f6f6f;
					line-height:1.7;
				}
				.lab{
					font-weight:bold;
					color:#7e0000;
				}
				.labazul{
					font-weight: bold;
					color: #FF9000;
				}
				.tit_sec{
					color: #253456;
					font-size: 1.6em;
					letter-spacing: -1px;
					line-height: 1.19em;
					font-weight: 800;
				}
				.subtit_sec{
					color: #ff9000;
					font-size: 1.1em;
					margin-bottom: 15px;
					font-weight: 400;
				}
			.tabla{
				width: 38%;
				height: 200px;
				display: inline-block;
				margin-right: 1.5em;
				vertical-align: top;
			}
				.head_tabla{
					    background: #9e2b2b;
						padding: 1em 0 1em 1.8em;
						text-align: left;
					}
					.head_tabla h2{
						color: #f87575;
						font-weight:500;
					}
					.head_tabla h3{
						color: #fff;
						font-weight:500;
						font-size:.9em;
					}
				.fecha_encabezado{
					color:#fff;
					background:#253456;
					width:27%;
					font-size:.58em;
					display:inline-block;
				}
				.descripcion_encabezado{
					color:#fff;
					background:#253456;
					width: 71%;
					font-size:.58em;
					display:inline-block;
				}
				.fecha_evento_b{
					width:25%;
					padding:10px 0;
					display:inline-block;
					vertical-align:top;
					font-size: .58em;
					font-weight:300;
				}
				.descripcion_evento_b{
					width: 69%;
					padding: 10px 0; 
					display: inline-block;
					vertical-align: top;
					font-size: .58em;
					font-weight:300;
				}
				
				.cal{
					background:#fff;
					color:#000;
					padding-bottom: 20px;
					}
				.cal:nth-child(2n+1){
					color:#fff;
					background:#fc4545;
    				padding-bottom: 20px;				
					}
/* S L I D E R */
		.certificaciones{
                width: 100%;
                box-sizing: border-box;
                margin: 50px auto;
                background-image: url(../imagenes/certificaciones.jpg);
                background-attachment: fixed;
                background-size: cover;
                background-repeat: no-repeat;
                height: 500px;
		}
		.cont_certificaciones{
			position:relative;
			width:1200px;
			margin:0 auto;
		}
			.arrows{
				width:15%;
				height:100%;
				display:inline-block;
				vertical-align:top;
				position:relative;
				text-align:center;
			}
				.b_a, .n_a{
					    font-size: 3em;
						color: #fff;
						top: 4em;
						position: absolute;
						text-align: center;
						font-weight: 400;
						width: 150px;
						cursor:pointer;
					}
					.s_element{
					display: none;
					overflow: hidden;
				}
				.s_visible{
					display: inline-block;
					overflow: hidden;
				}
				.presume1{
					width: 69%;
					display: inline-block;
					vertical-align: top;
					margin-top: 2.5em;;
			}
				.img_presume{
					width:30%;
					display:inline-block;
					vertical-align:top; 
				}
				
				.img_presume img{
					width:100%;
				}
				.texto_presume{
					width: 63%;
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin-left: 2.5em;
				}
				.texto_presume_tit{
					color:#e75524;
					font-weight: 400;
				}
#ingles{
    
}
				.texto_presume_subtit{
					color: #a2a2a2;
					font-weight: 400;
					line-height: 1;
					margin-bottom: 1em;
				}
				.texto_presume p{
					color:#fff;
					text-align:justify;
				}





/* CONÓCENOS */


.tec_img{
    display: inline-block;
    width: 25%;
    height: 170px;
    margin: 10px auto;
    background: #fff;
    padding: 3px;
    margin: 20px;
    border: 1px solid #5f5f5f;
}    
.tec_img:hover{
     -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}
.img_h3{
    display: block;
}

	           .foto_top_conocenos{
                    width:100%;
                    background-image:url(../imagenes/foto_top_conocenos.jpg);
                    background-attachment:fixed;
                    background-size:cover;		
                    height:720px;
            }

                    .sec_btns_conocenos{
                        width:100%;
                        height: 50px;
		                background:#eeeeee;
                    }
                      .btns_conocenos{
                    
                       	width: 200px;
				        margin: -50px 25px 0 0px;
				        background: #004080;
				        display: inline-block;
				        border-bottom: solid 10px #ff9000;

                       
                    }
                    .cont_btn_conocenos{
                        width: 80%;
                        padding: 15px;
                        vertical-align: top;
                        TEXT-ALIGN: center;
    
                    }
                    .cont_btn_conocenos h2{
                        color: #63c4fc;
                        font-size: 1EM;
                        TEXT-ALIGN: center;


                        }
                        
                        .linea2{
                            width: 60%;
                            height: 1px;
                            border-bottom: inset 1px #c0c0c0;
                            margin: 3em auto 3em auto;
                        }
                    .bg{
                        padding: 10PX 0 ;
                        width:auto;
                        background:#eeeeee;
                        margin: 0 auto;
                        }

                .titulos_conocenos{
                       background-image: url(../imagenes/LAB-PAGINA-WEB-TITULARES.jpg);
						background-size: 100% 100%;
						width: 1200px;
						padding: 2px 41PX;
						text-align: left;
						margin: 0 auto;
                    box-sizing: border-box;
                }
                .historia{
                   
                        width: 100%;
                        box-sizing: border-box;
                        margin: 50px auto;
                        background-image: url(../imagenes/1944.jpg);
                        background-attachment: fixed;
                        background-size: cover;
                        background-repeat: no-repeat;
                        height: 600px;
                        padding-bottom: 1em;

                }
#hist{
    background: #141414;
    background-image:url(../imagenes/loading2.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
}
                .cont_historia{
                    position:relative;
                    overflow: hidden;
                    width:1024px;
                    margin:0 auto;
                }
                   
                        .cont_hist{
                            width: 100%;
                            display: inline-block;
                            vertical-align: top;
                            overflow: hidden;
                            margin-top: 2.5em;;
                    }
                        .img_hist{
                            width:30%;
                            display:inline-block;
                            vertical-align:top; 
                            margin-top: 30px;
                            margin-left: 10px;
                        }

                        .img_hist img{
                            width:100%;
                            padding: 4px;
                            background: #fff;
                            border: solid #ccc 1px;
                        }
                        .img_hist video{
                            width:100%;
                            margin-left: 5px;
                            padding: 4px;
                            background: #fff;
                            border: solid #ccc 1px;
                        }
                        .texto_historia{
                            width: 60%;
                            max-height: 150px;
                            height: 150px;
                            max-height:  150px;
                            overflow: auto;
                            box-sizing: border-box;
                            padding: 20px 20px 20px 0px;
                            display: inline-block;
                            vertical-align: top;
                            margin-top: 20px;
                        }
                        

                        .historia_año{
                            vertical-align: top;
                            float: left;
                            width: 30%;
                            max-width: 30%;
                            height: 150px;
                            max-height: 150px;
                            display: inline-block;
                            color:#63c4fc;
                            font-size: 3em;
                            font-weight: 400;
                           
                        }
                        .texto_historia_subtit{
                            text-align: right;
                            vertical-align: top;
                            width: 50%;
                            display: inline-block;
                            color: #fc4545;
                            font-size: 40px;
                            font-weight: 400;
                            max-height: 150px;
                            height: 150px;
                            
                        }
                        .texto_historia p{
                            display: inline-block;
                            width: 95%;
                            color:#fff;
                            text-align:justify;
                            height: auto;
                            transition:all .3s ease;
                            
                        }
#timeline{
    margin-top: 50px;
}
                          #fechas{
                        width: 100%;
                                
                    }
                        
                         #fechas li {
                           
                            width: 30px;
                            text-decoration: none;
                            color: white;
                            font-size: 1em;
                             
                        

                        }
                        .centrales{
                            height: 30px;
                            max-height: 30px;
                            display:inline-block;
                            padding:1em 1em;
                            color: white;
                            border-top: solid #fc4545 5px;
                            border-bottom: solid #fc4545 5px;
                            cursor: pointer;

                        }
                          .centrales:hover, .hoverh{
                            text-decoration: none;
                            color: brown;
                            font-size: 1em;
                            background:  #fc4545 ;

                        }
                    
                            .primera{
                                    height: 30px;
                                    max-height: 30px;
                                    display:inline-block;
                                    padding:1em 1em;
                                    color: white;
                                    border-left: solid #fc4545 5px;
                                    border-top: solid #fc4545 5px;
                                    border-bottom: solid #fc4545 5px;
                                    cursor: pointer;
                            }
                                .primera:hover{
                                        text-decoration: none;
                                        color: brown;
                                        font-size: 1em;
                                        background:  #fc4545 ;

                                }
                            .ultima{
							    width: 0;
							    height: 0;
							    border-top: 36px solid transparent;
							    border-left: 50px solid #FC4545;
							    border-bottom: 36px solid transparent;
							    display: inline-block;
							    vertical-align: top;

                            }
                                
/* mision ,vision ,valores*/         
                        
                                  .mision_vision{
                                        width: 1200px;
                                        text-align: center;
                                        margin: 20px auto;

                                    }
                                    .cont_valores{
                                            height: 200px;
                                            background:#000;
                                            width: 100%;
                                            margin:20px auto;
                                            border-radius:2px;
                                            padding: 10px;
                                            overflow: hidden;
                                    }
                                       

                                            }
                                      
                                                .cbp-ig-grid {
                                                    width: 100%;
                                                    text-align: center;
                                                    list-style: none;
                                                    margin: 0 auto;
                                                    overflow: hidden;
                                                }


                                                .cbp-ig-grid:before, 
                                                .cbp-ig-grid:after { 
                                                    content: " "; 
                                                    display: table; 
                                                    overflow: hidden;
                                                }

                                                .cbp-ig-grid:after { 
                                                    clear: both; 
                                                    overflow: hidden;
                                                }

                                                #valores{
                                                    margin: 10PX;
                                                    vertical-align: top;
                                                    display: inline-block;
                                                    background: #4d65a2;
                                                    background-image: url(../imagenes/soylab.png);
                                                    background-size: 100%;
                                                    background-position: center;
                                                    width: 30%;
                                                    height: 400px;
                                                    text-align: center;
                                                    border-top: 1px solid #ddd;
                                                    overflow: hidden;
                                                }
                                                #mision{
                                                    margin: 10PX;
                                                    vertical-align: top;
                                                    display: inline-block;
                                                    background: #fc4545;
                                                    background-image: url(../imagenes/misionbg.png);
                                                    background-size: 100%;
                                                    background-position: center;
                                                    width: 30%;
                                                    height: 400px;
                                                    text-align: center;
                                                    border-top: 1px solid #ddd;
                                                    overflow: hidden;
                                                }
                                                #vision {
                                                    margin: 10PX;
                                                    vertical-align: top;
                                                    display: inline-block;
                                                    background:#ff9000 ;
                                                    background-image: url(../imagenes/vision.png);
                                                    background-size: 100%;
                                                    background-position: center;
                                                    width: 30%;
                                                    height: 400px;
                                                    text-align: center;
                                                    border-top: 1px solid #ddd;
                                                    overflow: hidden;
                                                }


                                                .cbp-ig-grid li:nth-child(-n+3){
                                                    border-top: none;
                                                    overflow: hidden;
                                                }

                                                .cbp-ig-grid li:nth-child(3n-1),
                                                .cbp-ig-grid li:nth-child(3n-2) {
                                                    
                                                    overflow: hidden;
                                                }
                                                .cbp-ig-grid li > a {
                                                     padding: 20px;
                                                    display: block;
                                                    height: 100%;
                                                    color: #fff;
                                                    -webkit-transition: background 0.2s;
                                                    -moz-transition: background 0.2s;
                                                    transition: background 0.2s;
                                                    overflow: hidden;
                                                }

                                                .cbp-ig-grid .cbp-ig-title {
                                                    margin: 20px 0 10px 0;
                                                    padding: 10px 0 0 0;
                                                    font-size: 2em;
                                                    position: relative;
                                                    -webkit-transition: -webkit-transform 0.2s;
                                                    -moz-transition: -moz-transform 0.2s;
                                                    transition: transform 0.2s;
                                                }

                                                .cbp-ig-grid .cbp-ig-title:before {
                                                    margin: 20px 0 10px 0;
                                                    content: '';
                                                    position: absolute;
                                                    background: #fff;
                                                    width: 160px;
                                                    height: 6px;
                                                    top: 0px;
                                                    left: 50%;
                                                    margin: -10px 0 0 -80px;
                                                    -webkit-transition: margin-top 0.2s; 
                                                    -moz-transition: margin-top 0.2s;
                                                    transition: margin-top 0.2s;
                                                    overflow: hidden;
                                                }

                                                .cbp-ig-grid .cbp-ig-category {
                                                    display: inline-block;
                                                    font-size: 1em;
                                                    padding: 10px;
                                                    text-align: justify;
                                                    color: #fff;
                                                    -webkit-transform: translateY(10px);
                                                    -moz-transform: -moz-translateY(10px);
                                                    -ms-transform: -ms-translateY(10px);
                                                    transform: translateY(10px);
                                                    opacity: 0;
                                                    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
                                                    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
                                                    -webkit-transition: transform 0.3s, opacity 0.2s;
                                                    overflow: hidden;
                                                }
                                                .valores{
                                                    font-size: 14px;
                                                }
                                                .cbp-ig-grid li:hover .cbp-ig-category,
                                                .touch .cbp-ig-grid li .cbp-ig-category {
                                                    opacity: 1;
                                                    -webkit-transform: translateY(0px);
                                                    -moz-transform: translateY(0px);
                                                    -ms-transform: translateY(0px);
                                                    transform: translateY(0px);
                                                    overflow: hidden;
                                                }



                                                .cbp-ig-grid li > a:hover {
                                                    background: #004080;
                                                    height: 360px;
                                                }

                                                .cbp-ig-grid li > a:hover .cbp-ig-icon {
                                                    -webkit-transform: translateY(10px);
                                                    -moz-transform: translateY(10px);
                                                    -ms-transform: translateY(10px);
                                                    transform: translateY(10px);
                                                }

                                                .cbp-ig-grid li > a:hover .cbp-ig-icon:before,
                                                .cbp-ig-grid li > a:hover .cbp-ig-title {
                                                    color: #FFF;
                                                }

                                                .cbp-ig-grid li > a:hover .cbp-ig-title {
                                                    -webkit-transform: translateY(-30px);
                                                    -moz-transform: translateY(-30px);
                                                    -ms-transform: translateY(-30px);
                                                    transform: translateY(-30px);
                                                }

                                                .cbp-ig-grid li > a:hover .cbp-ig-title:before {
                                                    background: #fFF;
                                                    margin-top: 60px;
                                                }


                                           
                                        .mensaje{
                                            padding:10px 0;
                                            width:1200px;
                                            display:inline-block;
                                            margin:4em auto;
                                            text-align:left;
                                            vertical-align:top;
                                            box-sizing: border-box;
                                        }
                                            
                                        .cont_mensaje{
                                            width:65%;
                                            margin-left: 10PX;
                                            display: inline-block;
                                            vertical-align: top;

                                        }
                                        .mensaje_img_art_main{
                                            background: #fff;
                                            border: solid #ccc 1px;
                                            width: 25%;
                                            padding: 10px;
                                            display: inline-block;
                                        }
                                               
                                        




/* OFERTA*/
.titulo_oferta{
                    background:#63c4fc;
                    width: 100%;
                    box-sizing: border-box;
                }

.titulos_oferta{
                    width: 1200px;
                    margin: 20px auto;
                    text-align: left;
                    box-sizing: border-box;
                }



.of_bg_rigth{
    background-color: #fc4545;
    height: 100px;
    width: 50%;
    padding:10px 0;
    float: right;
    
}
.of_bg_rigth h3{
    text-align: right;
    font-size: 2.5em;
    color: #fff;
   
}

.of_bg_left{
    background-color: #fc4545;
    height: 100px;
    width: 50%;
    padding:10px 0;
    float: left;
    
}
.of_bg_left_h3{
    text-align: left;
    font-size: 2.5em;
    color: #fff;
   
}


#secundaria{
    padding: 150px 0;
    display: inline-block;
    width: 1200px;
    margin: 20px auto 10px auto;
    background-image: url(../imagenes/secundaria.jpg);
    background-size: cover;
    
     border-bottom: solid #ff9000 10px;
}
#preparatoriagral{
    padding: 150px 0;
    display: inline-block;
    width: 1200px;
    height: 0%;
    margin: 10px auto;
    background-image: url(../imagenes/p_general.jpg);
    background-size: cover;
    background-position: right;
    border-bottom: solid #ff9000 10px;
}
#preparatoriatec{
    padding: 150px 0;
    display: inline-block;
    width: 1200px;
    margin: 10px auto;
    background-image: url(../imagenes/p_tecnica.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}

.opacity:hover{
    opacity: 0.8;  
    cursor: pointer;
}
/* modulos de oferta */
.oferta{
    width: 1200px;
    margin: 0 auto;
}
.modulos_oferta{
    width: 1200px;
    margin: 0 auto;
}
.titulo_mod_oferta{
    margin:0 auto;
    background-color: #fc4545;
    width: 100%;

}
.titulo_mod_oferta h3{
    margin:0px;
    padding-left: 20px;
    text-align: left;
    font-size: 2.5em;
    color: #fff;
}
.titulo_mod_oferta h4{
    padding: 10px 20px;
    background:  #253456;
    text-align: left;
    font-size: 1em;
    color: #fff;
}
.modulo_expl{
    text-align: left;
    width: 1200px;
    padding-top: 50px;
    margin: 10px auto;
}
.modulo_oferta_info{
    width: 100%;
    margin: 30px auto 0 auto;
    
}
.parraf{
    display: inline-block;
    width: auto;
    margin:10px  0 10px 50px ;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
}
.cuanto_vale{
    width: 100%;
}
.plan-estudios{
    overflow: hidden;
    width: 40%;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight:800;
    font-size: 1.2em;
    color: #fff;
    background-color: #BDBDBD;
    background-image:url(../imagenes/flecha2.png);
    background-position: right ;
    background-repeat: no-repeat;
    padding-right:0px ;
    border-bottom: solid #253456 7px;
     border-right: solid #253456 3px;
    border-radius: 15px;
    
}
.plan-estudios:hover{ 
    padding-right:100px ;
    
}

.plan-estudios_p{
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    background: #0080FF;
    width: 100%;
    border-radius: 10px;
}
.titilos_ofertas_sub{
    margin: 10px auto 20px auto;
    width: 100%;
    font-size: 2em;
    color: #5e99f3;
    text-align: left;
    border-bottom: solid 10px #fc4545;
}


#secundaria_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}
#prepat_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}
#prepag_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}


/* comunidad*/

.extracurricular{
    border: 1px solid #BDBDBD;
    width: 1200px;
    margin: 50px auto;
    background:#eeeeee;
    
    
}
.clubes{
    width: 90%;
    margin: 30px auto;
    display: inline-block;
    vertical-align: top;
}
.clubes_leon{
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 50px;
    box-sizing: border-box;
    
}
.img_border{
    background: #fff;
    padding: 3px;
    
}
.clubes_img{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.decalogo{
    width: 100%;
    background:#bbb;
    
}
.info{
    width: 66%;
    padding: 30px 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    
}

#gris{
    background: #253456;

}

.video_{
    width: 30%;
    margin: 10px;
    background: #fff;
    padding: 5px;
    float: left;
    height: 250px;
}



#video2{
    width:50%;
    background: #fff;
    padding: 5px;
    float: right;
}


.tit_sec_eventos{
    font-size: 2em;
    letter-spacing: 7px;
    color: #fff;
}
.subtit_sec_eventos{
    color: #fc4545;
    letter-spacing: 3px;
}
.info2{
    width: 90%;
    margin: 30px 0 0 ;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    
}

.eventos_cul{
    display: inline-block;
    width: 18%;
    height: 120px;
    background: #fff;
    padding: 3px;
    border: 1px solid #5f5f5f;
}    
.eventos_cul:hover{
     -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}
/* admisiones */

.admisiones{
    height: 980px;
    vertical-align: top;
    background: #eeeeee;
    padding: 20px;
    display: inline-block;
    width: 458px;
    margin: 0px auto;
    border-bottom: solid #01A9DB 10px;
    box-sizing: border-box;
}

.requisitos{
    width: 100%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
     color:#6f6f6f;
    line-height:1.7;
    
}

option{
    background: #999;
    color: #fff;
}
option:hover{
    background: #253456 ;
    color: #fff;
}


.tabla_costos{
    margin: 40px 0;

}

td{
    padding: 5px 5px;
}
.rgttd{
		text-align:right;
		}
.costos{
    text-align: right;
}


.encabezado{
    background: #ff4343;
    color: #fff;
}
.formulario_visita{
    height: 980px;
     color:#6f6f6f;
    text-align: left;
    vertical-align: top;
    background: #eeeeee;
    padding: 20px;
    width: 750px;
    display: inline-block;
    box-sizing: border-box;
     border-bottom: solid #253456 10px;
    
}
.form_visita_contacto{
    
    width: 100%;
    text-align: left;
     color:#6f6f6f;
}
.form_visita_contacto p{
    color: #253456;
}
.inputs,
.form_visita_contacto textarea,
.form_visita_contacto select {
	line-height: 1.5;
	font-size: .9em;
	color: #5e5e5e;
    vertical-align: top;
    padding: 15px;
	display: inline-block;;
    margin: 10px auto;
	width: 90%;
    box-sizing: border-box;
	background: transparent;
    border: 1px solid #63C4FC;
}
.inputs:focus,
.form_visita_contacto textarea:focus,
.form_visita_contacto select:focus{
    box-shadow: #ff9000 0px 0px 2px px;
    -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}


::-webkit-input-placeholder {
    color: #fff;
    font-style: italic;
}
.cbp-mc-submit-wrap {
    width: 1200px;
    margin: 20px  auto;
    text-align: center;
}

.cbp-mc-submit {
    border: 3px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4343), color-stop(100%,#FA5858));
	border: none;
	color: #fff;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	padding: 15px 30px;
	font-size: 1.1em;
	border-radius: 2px;
	letter-spacing: 1px;
}

.cbp-mc-submit:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FA5858), color-stop(100%,#ff4343));
}

.inscripciones_link{
    display: block;
    width: 1200px;
    letter-spacing: px;
    margin: 50px auto 5px auto;
    color: #fff;
    font-size: 2em;
    background: #0080FF;
    padding: 20px 30px;
    border-radius: 10px;
    box-sizing: border-box;
    
}
.inscripciones_link:hover{
    color: #BDBDBD;
    font-size: 2.5em;
    
}
.inscripciones_link p{
    display: inline-block;
    vertical-align: top;
    padding-top: 16px;
}
.img_inscipcion{
    display: inline-block;
    margin-top: 10PX;
    width: 50px;
    height: 50px;
    margin: 15px;
    tra
    
}
.img_inscipcion img{
    width: 100%;
}


.contacto_ae{
        background: #eeeeee;
border-bottom: solid #253456 10px;
    width: 1200px;
    margin: 20px auto;
    text-align: left;
    display: inline-block;
    vertical-align: top;
     color:#585858;
    line-height:1.7;
    box-sizing: border-box;
    padding: 30px;
    
}
.datos_ae{
    margin: 0 auto;
    vertical-align: top;
    width: 49%;;
    padding: 30px 0 ;
    display: inline-block;
    box-sizing: border-box;
}
/* admisiones */

.mapa{
    text-align: left;
    background: #eeeeee;
    height: 613px;
    vertical-align: top;
    padding: 20px;
    display: inline-block;
    width: 580px;
    margin: 0px auto;
    box-sizing: border-box;
    border-bottom: solid #01A9DB 10px;
}
.mapa iframe{
    margin: 0 auto;
    border: solid #fc4545 1px;
    margin: 10px;
    width: 90%;
    height: 90%;
}
.formulario_contacto{
    height: 613px;
    color:#6f6f6f;
    text-align: left;
    vertical-align: top;
    background: #eeeeee;
    padding: 20px;
    width: 650px;
    margin-bottom: 50px;
    display: inline-block;
    box-sizing: border-box;
     border-bottom: solid #253456 10px;
}
/* aviso */
.contain_aviso{
    width: 70%;
    margin: 0 auto;
    line-height: 50px;
}

/* instalaciones */

.instalaciones{
    width: 1200px;
    margin: 50px auto;
    box-sizing: border-box;
    background: #253456 ;
    height: auto;
    padding-bottom: 1em;
}


/* certificaciones */
#certif{
    display: none;
}

.certificaciones_expl{
    width: 1200px;
    margin: 0px auto;
    background:#eeeeee;
    text-align: left;
    box-sizing: border-box;
    padding: 20px;
    
}
.certi{
    width: 100%;
    margin: 0px auto;
    height: 400px;
    
}
.info_cert{
    width: 66%;
    padding: 0px 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 20px auto;
    
}
.parraf_main_certi{
    display: inline-block;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
    width:auto;
    box-sizing: border-box;
}
.certi_side{
    width: 30%;
    height: 200px;
    display: inline-block;
    vertical-align: top;
    margin:  20px 10px;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    
}

/*CUADRO HONOR*/


.cuadro_honor{

    width: 1200px;
    margin: 20px auto;
    text-align: center;
}
.titulos_comunidad{
    width: 100%;
    text-align: left;
    padding: 20px 0 0 30px;
}
.menu_cuadro_honor{
    width: 33%;
    display: inline-block;
    color: #eee;
    padding: 10px 10px 5px 10px ;
    background: #aaa;
    border: 5px solid #aaa;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
}
.menu_cuadro_honor:hover{
    background: #bbb;
    box-shadow: 0 5px 1px #0C0C0C;    
}
.bg_cuadro_honor{
    background: #253456;
    height:1000px;
    width: 1200px;
    margin: 50px auto;
}
.contain_lugares{
    overflow: hidden;
    height: 0px;
    margin: 0px auto;
    background: #253456;
}
.contain_lugares h2{
    margin: 10px;
    color: #fff;
    letter-spacing: 10px;
}
.lugar_foto{
    
    width: 20%;
    margin: 30px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}
.alumnos{
    padding: 10px;
    margin: 10px;
    width: 100%;
    height: 270px;
    display: inline-block;
    vertical-align: top;
    background: #fc4545;
    box-sizing: border-box;
    border-radius: 10px;
}
.alumnos p{
    padding: 5px;
    color: #fff;
    font-size: .8em;
    
}
.alumno_foto{
    width: 80%;
    border-radius: 50%;
    
}
#primer_lugar{
    width: 100%;
    height: auto;
}

/*CLUBES*/
.logo_clubes{
    margin: 0 auto;
    width: 150px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    
}
.titulos_clubes{
    text-align: left;
    margin: 0 auto;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.clubs{
    background-image: url(../imagenes/fondo_clubes_ins.png);
    background-attachment: fixed;
    background-size: cover;
}
.clubs h2{
    
    padding-left: 50px;
    font-size: 3em;
    color: #fff;
    width: 70%;
    margin: 0 auto;
}
.clubs h3{
  
    padding-left: 50px;
    font-size: 1.5em;
    letter-spacing: 10px;
    color: #eeeeee;  
    width: 70%;
    margin: 0 auto;
}
.form_clubes{
    
    width: 60%;
   margin: 50px auto 0 auto;
    color:#fff;
    font-weight: 600;
}
.form_clubes p{
    color: black;
}
.form_clubes label {
    margin: 0 auto;
	display:inline-block;
	padding-top: 20px;
    text-align: left;
    width: 30%;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.inputs2,
.form_clubes textarea,
.form_clubes select {
	line-height: 1.5;
	font-size: .9em;
	color: #E08282;
    vertical-align: top;
    padding: 10px;
	display: inline-block;;
    margin: 10px auto;
	width: 60%;
    box-sizing: border-box;
	background: transparent;
    border: 1px solid #63C4FC;
}



::-webkit-input-placeholder {
    color: #E08282;
    font-style: italic;
}
.cbp-mc-submit-wrap {
    width: 80%;
    margin: 20px  auto;
    text-align: center;
}

.cbp-mc-submit {
    border: 3px solid #fff;
	background: #FA5858;
	border: none;
	color: #fff;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	padding: 15px 30px;
	font-size: 1.1em;
	border-radius: 2px;
	letter-spacing: 1px;
}

.cbp-mc-submit:hover {
	background: #ff4343;
}

/* footer */


                footer{
                    padding:2em 0 0 0;
                    background-color:#f1f1f1;
                    text-align:center;
                }
                    .cont_footer{
                        width:1200px;
                        margin:0 auto;
                        }
                    .sec_ftr_logos{
                        display:inline-block;			
                        width:15%;
                        vertical-align:top;
                    }
                    .sec_ftr_logos img{
                        width:20%;
                    }
                    .sec_ftr{
                        display:inline-block;			
                        width:20%;
                        vertical-align:top;				
                    }
                    .sec_ftr li{
                        list-style: circle;
                        list-style-position: inside;
                        text-align: left;
                        font-size: 15px;
                        padding: 2px 0 2px 10px;
                        }
                        .sec_ftr h4, .sec_ftr_logos h4{
                            font-weight:400;
                            background:#9e2b2b;
                            color:#F4F4F4;
                        }
                    .logo_bttm{
                        height:auto;
                        background:#5f5f5f;
                        padding: 10px;
                        
                    }
					.logo1{
						display:inline-block;
						vertical-align:top;
						width:40%;
						}
						.logo1 img{
							    width: 20%;
    							margin-top: 5px;
    							vertical-align: top;
								display:inline-block;
								}
					.logo2{
						display:inline-block;
						vertical-align:top;
						width:58%;
						}
                        .logo2 img{
							display:inline-block;
							vertical-align:top;
							}
						.logo2 h6{
							display:inline-block;
							vertical-align:top;
							}
                        .logo_bttm h5{
                            color:#fff;
                            }
							.txtftr{
								display: inline-block;
								vertical-align: top;
								margin-top: 10px;
								box-sizing: border-box;
								}
                   

::-webkit-scrollbar{
  width: 15px;
arrow:#ff9000;
}
::-webkit-scrollbar-button{
display: none;
}
::-webkit-scrollbar-track{
  background:#3c454e;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
  background: -webkit-linear-gradient(top, #ff9000, #ff9000);
  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.3);
 
}
::-webkit-scrollbar-thumb:hover{
    background: -webkit-linear-gradient(top, #ff9000, #FFC577);
}

.menu-fixed {
    margin:0px auto;
	position:fixed;
	z-index:1000;
	top:0;
    background:rgba(0,0,0,.5);
    height:auto;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

/* 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/
@media screen and (max-width:1024px ){
body{
   
    width: 100%;

}
.foto_top{
    height: 500px;
}
header{
    width: 768px;
    height: 70px;
}
nav li{
    width: 18%;
    font-size:12px;
    margin: 0;
    padding: 0;
}
.wrapper{
    min-width:768px;
    width:768px;
    margin: 0 auto;
    height:210px;
			}
.btns_vertical{
    width: 144px;
    margin: 4em 15px 0 25px;
    background: #b5b5b5;
    color::#fff;
    font-size:.9em;
    display: inline-block;
    margin-top:-100px;
    border-radius:2px;
		}
.wrapper_btns_vert_bttm{
				height:70px;
				display:inline-block;
				vertical-align:top;
				background:#253456;
				width:100%;
				color:#fff;
				background-image:url(../imagenes/mas_icono.svg);
				background-repeat:no-repeat;
				background-size:contain;
				border-radius:0 0 2px 2px;
			}
				.wrapper_btns_vert_bttm p{
					margin:.2em;
                    font-size: .9em;
				}
		.btns_horizontal{
				width: 144px;
				margin: 4em 15px 0 25px;
				background: #004080;
                height: 70px;
				display: inline-block;
				padding-left: 0px;
				cursor:pointer;
                box-sizing: border-box;
		}
			.cont_btn_hor{
					width: 100px;
					display: inline-block;
					vertical-align: top;
					text-align: left;
					margin:0px;
                    padding-left: 10px;
                    box-sizing: border-box;
			}
			.cont_btn_hor h2{
                width: 100%;
				color: #63c4fc;
				font-size: .8em;
				TEXT-ALIGN: left;
				margin-top: 5px;
			}
			.cont_btn_hor p{
				color: #fff;
                width: 100%;
				font-size: .6em;
				TEXT-ALIGN: left;
				display:inline-block;
				vertical-align:top;
			}
			.arrow_btn_hor{
				width: 38px;
				background: #ff9000;
				height: 100%;
				display: inline-block;
				vertical-align: top;
				cursor:pointer;
                box-sizing: border-box;
				}			
				.arrow_btn_hor p{
					font-size: 2em;
					color: #fff;
					margin: 8px;
				}
.contenidos{
    width:768px;
    box-sizing: border-box;
    height:900px;
    background: #fff;
    margin:4em auto 1em auto;
    }
.articulos{
    width:100%;
    height:350px;
    background:#eeeeee;
    display:inline-block;
    margin: 50px auto;
    text-align:left;
    box-sizing: border-box;
    vertical-align:top;
        }
.tit_main{
    color: #7e0000;
    letter-spacing: -5px;
    font-size: 3em;
    font-weight: 500;

}
			.tabla{
				width: 100%;
				height: 200px;
                background:#eeeeee;
				display: inline-block;
				margin-right: 1.5em;
                box-sizing: border-box;
				vertical-align: top;
			}
				.head_tabla{
					    background: #9e2b2b;
						padding: 1em 0 1em 1.8em;
						text-align: left;
					}
					.head_tabla h2{
						color: #f87575;
						font-weight:500;
					}
					.head_tabla h3{
						color: #fff;
						font-weight:500;
						font-size:.9em;
					}
				.fecha_encabezado{
					color:#fff;
					background:#253456;
					width:27%;
					font-size:.58em;
					display:inline-block;
				}
				.descripcion_encabezado{
					color:#fff;
					background:#253456;
					width: 71%;
					font-size:.58em;
					display:inline-block;
				}
				.fecha_evento_b{
					width:27%;
					padding:10px 0;
					display:inline-block;
					vertical-align:top;
					background:#fff;
					font-size: .58em;
					font-weight:300;
				}
				.descripcion_evento_b{
					width: 71%;
					padding: 10px 0; 
					display: inline-block;
					vertical-align: top;
					background: #fff;
					font-size: .58em;
					font-weight:300;
				}
				
				.fecha_evento_r{
					width:27%;
					padding:10px 0;
					display:inline-block;
					vertical-align:top;
					color:#fff;
					background:#fc4545;
					font-size: .58em;
					font-weight:300;
				}
				.descripcion_evento_r{
					width: 71%;
					padding: 10px 0;
					color:#fff;
					display: inline-block;
					vertical-align: top;
					background: #fc4545;
					font-size: .58em;
					font-weight:300;
				}
.subtit_main{
    color: #7b7b7b;
    font-size: 1em;
    margin: -16px 0 10px 0;
    font-weight: 500;
    letter-spacing: 17px;
    border-bottom: solid 1px;
    padding-bottom: 5px;
}
.img_art_main{
    background: #fff;
    width: 45%;
    float: left;
    margin: 0px 21px 1px 0;
    padding: 5px;
    border: solid 1px #ccc;
}
.certificaciones{
            width:100%;

    }
footer{
    padding:2em 0 0 0;
    background-color:#f1f1f1;
    text-align:center;
}
.cont_footer{
    width:100%;
    margin:0 auto;
    }


 /* CONÓCENOS */
/* instalaciones */

.instalaciones{
    width: 768px;
}
.img_h3{
    display: block;
}

.foto_top_conocenos{	
    height:400px;
}
             
  .btns_conocenos{
    width: 150px;
}
                   
.titulos_conocenos{
    width: 768px;
}             
    
.img_hist{
    width:30%;
    display:inline-block;
    vertical-align:top; 
    margin-top: 30px;
    margin-left: 10px;
}

.img_hist img{
    width:78%;
    padding: 4px;
    background: #fff;
    border: solid #ccc 1px;
}
/* mision ,vision ,valores*/         
                        
.mision_vision{
    width: 768px;

}                                          
.mensaje{
    width:768px;
}          
    
 .mensaje_img_art_main{
        background: #fff;
        border: solid #ccc 1px;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        height: 400px;
        margin: 0 auto;
        display: inline-block;
    }
.cont_mensaje{
        width:100%;
        margin-left: 10PX;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;

        }
    
#valores{
    
    height: 300px;

}
#mision{

    height: 300px;

}
#vision {

    height: 300px;

}
.cbp-ig-grid .cbp-ig-category {
   
    font-size: .7em;
  
}
.valores{
    font-size: 10px;
}
.menu-fixed {
    margin:0px auto;
	position:fixed;
	z-index:1000;
	top:0;
    background:rgba(0,0,0,.5);
    height:auto;
	width:1024px;

}

.titulos_oferta{
                    width: 768px;
                    margin: 20px auto;
                    text-align: left;
                    box-sizing: border-box;
                }





#secundaria{
    padding: 150px 0;
    display: inline-block;
    width: 768px;
    margin: 20px auto 10px auto;
    background-image: url(../imagenes/secundaria.jpg);
    background-size: cover;
     border-bottom: solid #ff9000 10px;
}
#preparatoriagral{
    padding: 150px 0;
    display: inline-block;
    width: 768px;
    height: 0%;
    margin: 10px auto;
    background-image: url(../imagenes/p_general.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}
#preparatoriatec{
    padding: 150px 0;
    display: inline-block;
    width: 768px;
    margin: 10px auto;
    background-image: url(../imagenes/p_tecnica.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}

.opacity:hover{
    opacity: 0.8;  
    cursor: pointer;
}
/* modulos de oferta */
.oferta{
    width: 1024px;
    margin: 0 auto;
}
.modulos_oferta{
    width: 768px;
    margin: 0 auto;
}
.titulo_mod_oferta{
    margin:0 auto;
    background-color: #fc4545;
    width: 100%;

}
.titulo_mod_oferta h3{
    margin:0px;
    padding-left: 20px;
    text-align: left;
    font-size: 2.5em;
    color: #fff;
}
.titulo_mod_oferta h4{
    padding: 10px 20px;
    background:  #253456;
    text-align: left;
    font-size: 1em;
    color: #fff;
}

.modulo_expl{
    text-align: left;
    width: 768px;
    padding-top: 50px;
    margin: 10px auto;
}
.modulo_oferta_info{
    width: 100%;
    margin: 30px auto 0 auto;
    
}
.parraf{
    display: inline-block;
    width: auto;
    margin:10px  0 10px 10px ;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
}
.cuanto_vale{
    width: 100%;
}
.plan-estudios{
    overflow: hidden;
    width: 40%;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight:800;
    font-size: 1.2em;
    color: #fff;
    background-color: #BDBDBD;
    background-image:url(../imagenes/flecha2.png);
    background-position: right ;
    background-repeat: no-repeat;
    padding-right:0px ;
    border-bottom: solid #253456 7px;
     border-right: solid #253456 3px;
    border-radius: 15px;
    
}
.plan-estudios:hover{ 
    padding-right:100px ;
    
}

.plan-estudios_p{
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    background: #0080FF;
    width: 100%;
    border-radius: 10px;
}
.titilos_ofertas_sub{
    margin: 10px auto 20px auto;
    width: 100%;
    font-size: 1.5em;
    color: #5e99f3;
    text-align: left;
    border-bottom: solid 10px #fc4545;
}

    .contains{
        width: 768px;
        margin: 0 auto;
    }
.of_bg_rigth h3{
    text-align: right;
    font-size: 2.5em;
    color: #fff;
   
}
.of_bg_left_h3{
    text-align: left;
    font-size: 2.5em;
    color: #fff;
   
}
#secundaria_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}
#prepat_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}
#prepag_contain{
    width: 0%;
    height: 0px;
    overflow: hidden;
    
}

    .extracurricular{
        width: 768px;
    }
    
    .parraf_main{
					text-align:justify;
					color:#6f6f6f;
					line-height:1.7;
        font-size: 1em;
				}
    .parraf{
    display: inline-block;
    width: auto;
    margin:10px  0 10px 50px ;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
         font-size: .8em;
}
    
    .info{
        padding: 10px 30px;
    }

    .admisiones{
    height: 550px;
    width: 768px;
        margin-bottom: 50px;

}
.formulario_visita{

    width: 768px;

    
}
    .tabla_costos{
        width: 49%;
        display: inline-block;
        box-sizing: border-box;
    margin: 40px 0;
        font-size: .8em;
        vertical-align: top;
}
.inscripciones_link,.contacto_ae,.mapa,.formulario_contacto{
  
    width: 768px;
    margin-bottom: 50px;
}
    
.certificaciones_expl{
    width: 768px;
    margin: 2px auto;
    background:#eeeeee;
    
}
    
    

/*CUADRO HONOR*/


.cuadro_honor{

    width: 768px;
    margin: 20px auto;
    text-align: center;
}
.titulos_comunidad{
    width: 100%;
    text-align: left;
    padding: 20px 0 0 30px;
}
.menu_cuadro_honor{
    width: 30%;
    display: inline-block;
    color: #eee;
    padding: 5 ;
    background: #aaa;
    border: 5px solid #aaa;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
}
.menu_cuadro_honor:hover{
    background: #bbb;
    border-bottom: 5px solid #01A9DB;    
}
.bg_cuadro_honor{
    background: #253456;
    height:1000px;
    width: 768px;
    margin: 50px auto;
}
.contain_lugares{
    overflow: hidden;
    height: 0px;
    margin: 0px auto;
    background: #253456;
}
.contain_lugares h2{
    margin: 10px;
    color: #fff;
    letter-spacing: 10px;
}
.lugar_foto{
    
    width: 20%;
    margin: 30px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}
.alumnos{
    padding: 10px;
    margin: 10px;
    width: 100%;
    height: 270px;
    display: inline-block;
    vertical-align: top;
    background: #fc4545;
    box-sizing: border-box;
    border-radius: 10px;
}
.alumnos p{
    padding: 5px;
    color: #fff;
    font-size: .8em;
    
}
.alumno_foto{
    width: 80%;
    border-radius: 50%;
    
}
#primer_lugar{
    width: 100%;
    height: auto;
}


}

 /*22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222*/     

@media screen and (max-width:768px ){

body{
    width: 100%;
}  
    
    
.modal{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 10000000;
    animation-delay: 3S;
}
 modal2{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 10000000;
    animation-delay: 3S;
	display:none;
}
 .modal2 p, .modal2 a{
	 color:#fff;
 }
.cerrar_modal, .cerrar_modal2{
    color: #fff;
    text-decoration: none;
    font-size: 2em;
    position: fixed;
    top: 10px;
    right: 10px;
}



.ir-arriba {
	display:none;
	padding:20px;
	background:#000;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:-220px;
	right:20px;
    z-index: 20000;

}
    #menu_of{
        display: none;
    }
.menu_bar,#menu_of_768, .menu_768 {
		display:block;
		width:100%;
}
.menu_bar .bt-menu {
    width: 100%;
    top: 0;
    display:block;
    padding:20px;
    position: fixed;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#FC4545;
    overflow: hidden;
    font-size:1;
    font-weight:bold;
    color:#fff;
    z-index: 10000;
    cursor: pointer;
    text-decoration:none;
}
.menu_bar span {
    float:right;
    font-size:2em;
    width: 20%;
}
.slogan2{
    display:inline-block;
    vertical-align: top;
    width: 79%;
}
.foto_top,.foto_top_conocenos,.titulo_oferta{
    width:70%;
    background: #002040;
    height:100%;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: -100%;
    
}

header{
    text-align: center;
    height: 100%;
    width:100%;
    box-sizing: border-box;
    background:#002040;
    padding:0 1em 1em 1em;
    margin:0 auto;	
    overflow: scroll;
}
.logo{
    width:90%;
    padding-top: 5px;
    height: 120px;
    backgroun:rgba(255,255,255,.5);
    display:block;
    vertical-align:top;
}
.logo img{
    width:100px;
}
nav{
    color:#fff;
    display:block;
    width:79.5%;
    vertical-align:top;
    overflow:hidden;
    text-align: center;
}
.slogan{
    width: 100%;
    height: 100px;
    margin: 10px auto -5px auto;
    padding: 0;
    display: none;
    text-align: left;
}
nav a{
    text-decoration:none;
    color:#fff;
    text-align: left;

}
nav li{
    display:block;
    width:100%;
    margin: 2px auto;
    padding-top:1em;
    font-size: 1.5em;
    border-bottom: solid #fff 1px;
    padding: 10px 5px;
}
nav li:hover{
    border:solid rgba(255,255,255,0)  1px;
    background: rgba(255,255,255,.5);
}
.hover{
    color:#fff;
    background:#000;
    }
.sec_btns_conocenos,.sec_btns{
    width:100%;
    display: none;
    background:#eeeeee;
}
.certificaciones{
    margin: 20px auto;
    height: 700px;
    }
.tec_img{
    display: inline-block;
    width: 25%;
    height: auto;
    margin: 10px auto;
    background: #fff;
    padding: 3px;
    margin: 5px;
    border: 1px solid #5f5f5f;
}    
.tec_img:hover{
     -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}  
#linea{
    display: none;
}

.wrapper{
    min-width:100%;
    width:100%;
    margin: 30px auto 0 auto;
    height:100px;
}
.wrapper a{
text-decoration: none;
}
.btns_vertical{
    width: 95%;
    margin: 1em auto;
    background: #b5b5b5;
    color::#fff;
    display: inline-block;
    vertical-align: top;
    border-radius:2px;
}
        
.btns_vertical a{
    text-decoration:none;
    color:#bbb;
}
.wrapper_btns_vert_top{
    height:90px;
    background:#004080;
    width: 100%;
    float: left;
    text-align: center;
    display:inline-block;
    vertical-align:top;				
}
.wrapper_btns_vert_top h3{
    font-weight:lighter;
}
.wrapper_btns_vert_top img{
    margin-top: 5px;
    background: #b5b5b5;
    border-radius: 50%;
}		
.wrapper_btns_vert_bttm, #tec_no,#of_no,#inst_no,.arrow_btn_hor{
    display:none;
}
.wrapper_btns_vert_bttm p{
    margin-top:1em;
}
.btns_horizontal{
    width: 24%;
    margin: 1em auto;;
    background: #004080;
    display: inline-block;
    vertical-align: top;
    height: 90px;
    padding-left: 10px;
    cursor:pointer;
    border-bottom: solid #ff9000 10px;
    box-sizing: border-box;
}
.cont_btn_hor{
        width: 77%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: .8em 0;
}
.cont_btn_hor h2{
    color: #63c4fc;
    font-size: 1EM;
    TEXT-ALIGN: left;
    margin-top: 11px;
}
.cont_btn_hor p{
    color: #fff;
    font-size: .7em;
    TEXT-ALIGN: left;
    display:inline-block;
    vertical-align:top;
}
.contenidos{
    width:90%;
    height:1340px;
    background: #fff;
    margin:4em auto 1em auto;
    }
.articulos{
    width:100%;
    height:750px;
    background:#eeeeee;
    display:inline-block;
    margin: 50px auto;
    text-align:left;
    box-sizing: border-box;
    vertical-align:top;
    padding: 50px;
        }
.tit_main{
    color: #7e0000;
    letter-spacing: 0px;
    font-size: 2.5em;
    font-weight: 500;
    }
.subtit_main {
    color: #7b7b7b;
    font-size: 1em;
    margin: -6px 0 10px 0;
    font-weight: 500;
    letter-spacing: 4px;
    border-bottom: solid 1px;
    padding-bottom: 5px;
}


			
.img_art_main{
    background: #fff;
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #ccc;
}	
.tabla{
    width: 100%;
    height: 500px;
    background:#eeeeee;
    display:block;
    position: relative;
    margin-right: 0em;
    box-sizing: border-box;
    vertical-align: top;
}
.certificaciones{
    width:100%;
    position: relative;
    margin-top: 50px;
}
footer{
    padding:2em 0 0 0;
    background-color:#f1f1f1;
    text-align:center;
}
.cont_footer{
    width:100%;
    margin:0 auto;
    }
 /* CONÓCENOS */
/* instalaciones */
.instalaciones{
    width: 90%;
}
.img_h3{
    display: block;
}
           
.btns_conocenos{
    width: 150px;
}
                   
.titulos_conocenos{
    width: 90%;
}               
.historia{
    width: 100%;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url(../imagenes/1944.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    padding-bottom: 1em;
}
#hist{
    background: #000;
    height: 600px;
}
.cont_historia{
    position:relative;
    overflow: hidden;
    width:90%;
    margin:0 auto;
}
                   
.cont_hist{
    width: 425px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-top: 2.5em;;
}
.img_hist{
    width:62%;
    display:inline-block;
    vertical-align:top; 
    margin-top: -330px;
    margin-left: -20px;
}
.img_hist img{
    width:100%;
    height: 100px;
    padding: 4px;
    background: #fff;
    border: solid #ccc 1px;
}
.img_hist video{
    width:100%;
    margin-left: 5px;
    padding: 4px;
    background: #fff;
    border: solid #ccc 1px;
}
.texto_historia {
    width: 99%;
    max-height: 150px;
    height: 150px;
    max-height: 150px;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px 20px 20px 0px;
    display: inline-block;
    vertical-align: top;
    margin-top: 71px;
}
.historia_año {
    vertical-align: top;
    float: NONE;
    width: 100%;
    max-width: 100%;
    height: 150px;
    max-height: 150px;
    display: inline-block;
    color: #63c4fc;
    font-size: 2em;
    font-weight: 400;
    MARGIN-TOP: 52px;
}
.texto_historia_subtit {
    text-align: CENTER;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    color: #fc4545;
    font-size: 2em;
    font-weight: 400;
    max-height: none;
    height: auto;
    margin-top: -190PX;

}
.texto_historia p{
    display: inline-block;
    width: 95%;
    color:#fff;
    text-align:justify;
    height: auto;
    transition:all .3s ease;
} 
     
#timeline {
    margin-top: 20px;
}
    
   
#fechas li {
    width: 27px;
    text-decoration: none;
    color: white;
    font-size: .7em;
}
    
    

.centrales{
height: 20px;
max-height: 20px;
display:inline-block;
padding:.5em;
color: white;
border-top: solid #fc4545 5px;
border-bottom: solid #fc4545 5px;
cursor: pointer;

}
.centrales:hover, .hoverh{
text-decoration: none;
color: brown;
font-size: .7em;
background:  #fc4545 ;

}
.primera{
height: 20px;
max-height: 20px;
display:inline-block;
padding:.5em;
color: white;
border-left: solid #fc4545 5px;
border-top: solid #fc4545 5px;
border-bottom: solid #fc4545 5px;
cursor: pointer;
}
.primera:hover{
text-decoration: none;
color: brown;
font-size: .7em;
background:  #fc4545 ;
}
.ultima{
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 38px solid #FC4545;
border-bottom: 20px solid transparent;
display: inline-block;
vertical-align: top;
}
 #valores,#mision,#vision{
    margin:10px auto;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}
    
                             
/* mision ,vision ,valores*/         
                        
.mision_vision{
    width: 90%;
}                                          
.mensaje{
    width:90%;
}            
 .mensaje_img_art_main{
    background: #fff;
    border: solid #ccc 1px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 400px;
    margin: 0 auto;
    display: inline-block;
}
.cont_mensaje{
    width:100%;
    margin-left: 10PX;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}  

.cbp-ig-grid .cbp-ig-category {
    font-size: .7em; 
}
.valores{
    font-size: 10px;
}
.menu-fixed {
    margin:0px auto;
	position:fixed;
	z-index:1000;
	top:0;
    background:rgba(0,0,0,.5);
    height:auto;
	width:1024px;
}
.titulos_oferta{
    width: 90%;
    margin: 20px auto;
    text-align: left;
    box-sizing: border-box;
    display: none;
}
#secundaria2{
    display: none;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    margin: 20px auto 10px auto;
    background-image: url(../imagenes/secundaria.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}
#preparatoriagral2{
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    height: 0%;
    margin: 10px auto;
    background-image: url(../imagenes/p_general.jpg);
    background-size: cover;
    background-position: right;
    border-bottom: solid #ff9000 10px;
}
#preparatoriatec2{
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    background-image: url(../imagenes/p_tecnica.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}

.opacity:hover{
    opacity: 0.8;  
    cursor: pointer;
}
/* modulos de oferta */
.oferta{
    width: 768px;
    margin: 0 auto;
}
.modulos_oferta3{
    width: 90%;
    display: none;
    margin: 0 auto;
}
.titulo_mod_oferta{
    margin:0 auto;
    background-color: none;
    width: 100%;

}
.titulo_mod_oferta h3{
    margin:0px;
    padding-left: 20px;
    text-align: left;
    font-size: 2em;
    color: #fff;
}
.titulo_mod_oferta h4{
    padding: 10px 20px;
    background:  #253456;
    text-align: left;
    font-size: 1em;
    color: #fff;
}

.modulo_expl{
    text-align: left;
    width: 90%;
    padding-top: 50px;
    margin: 10px auto;
}
.modulo_oferta_info{
    width: 100%;
    margin: 30px auto 0 auto;
    
}

.cuanto_vale{
    width: 100%;
}
.plan-estudios{
    overflow: hidden;
    width: 40%;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight:800;
    font-size: 1.2em;
    color: #fff;
    background-color: #BDBDBD;
    background-image:url(../imagenes/flecha2.png);
    background-position: right ;
    background-repeat: no-repeat;
    padding-right:0px ;
    border-bottom: solid #253456 7px;
     border-right: solid #253456 3px;
    border-radius: 15px;
    
}
.plan-estudios:hover{ 
    padding-right:100px ;  
}
.plan-estudios_p{
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    background: #0080FF;
    width: 100%;
    border-radius: 10px;
}
.titilos_ofertas_sub{
    margin: 10px auto 20px auto;
    width: 100%;
    font-size: 1.5em;
    color: #5e99f3;
    text-align: left;
    border-bottom: solid 10px #fc4545;
}
#menu_of_768{
    padding-top: 100px;
}

.contains{
    width: 90%;
    margin: 0px auto;
}

.of_bg_rigth,.of_bg_left{
    width: 40%;
    height: 50px;
    padding: 10px;
}
.of_bg_rigth h3{
    text-align: right;
    font-size: 1.5em;
    color: #fff;
   
}
.of_bg_left_h3{
    text-align: left;
    font-size:1.5em;
    color: #fff;
   
}
#secundaria_contain2{
    width:100%;
    height: auto;
    overflow: hidden;
    
}
#prepat_contain2{
    width: 100%;
    height: auto;
    overflow: hidden;
    
}
#prepag_contain2{
    width: 100%;
    height: auto;
    overflow: hidden;  
}
.plan-estudios{  
    width: 100%;   
}
#primer_art{
    margin-top: 100px;
}
.extracurricular{
    width: 90%;
}

.parraf_main,.parraf.{
    text-align: justify;
    color: #6f6f6f;
    line-height: 1.7;
    font-size: 1em;
}
.clubes_leon{
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;   
}
.info{
    padding: 10px 30px;
}
.border_img{
    width: 50%;
}
.admisiones{
    height: 750px;
    width: 90%;
    margin-bottom: 50px;
}
.formulario_visita{
    width: 90%; 
    height:  1100px;
}

    
.form_visita_contacto label {
    margin: 0 auto;
	display:inline-block;
	padding-top: 15px;
    text-align: left;
    width: 30%;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.tabla_costos{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin: 10px 0;
    font-size: .8em;
    vertical-align: top;
}
.inscripciones_link,.contacto_ae,.mapa,.formulario_contacto{
    width: 90%;
    margin-bottom: 50px;
}
.formulario_contacto{
    height:  700px;
}
     
.inscripciones_link{
    font-size: 1em; 
}
.inscripciones_link:hover{
    font-size: 1em; 
}
.inscripciones_link p{
    display: inline-block;
    vertical-align: top;
    padding-top: 16px;
}
.img_inscipcion{
    display: inline-block;
    margin-top: 10PX;
    width: 30px;
    height: 30px;
    margin: 5px;
    tra
    
}


/* footer */

footer{
    padding:2em 0 0 0;
    background-color:#f1f1f1;
    text-align:center;
}
.cont_footer{
    width:80%;
    margin:0 auto;
}
.sec_ftr_logos{
    display:inline-block;			
    width:90%;
    vertical-align:top;
}
.sec_ftr_logos ul li{
    width: 20%;
    display: inline-block;
}
.sec_ftr_logos img{
    width:50%;
    display:inline-block;	
}
.sec_ftr{
    display:inline-block;			
    width:90%;
    vertical-align:top;	
    text-align: center;
}
.sec_ftr li{
    list-style: circle;
    list-style-position: inside;
    text-align:left;
    font-size: 15px;
    width: 50%;
    margin: 0 auto;
    padding: 2px 0 2px 10px;
}
.sec_ftr h4, .sec_ftr_logos h4{
    font-weight:400;
    background:#9e2b2b;
    color:#F4F4F4;
}
.logo_bttm{
    height:auto;
    background:#5f5f5f;
    text-align:center;
}
.logo_bttm img{
    width:50%;
    margin-top:5px;
}
.logo_bttm h5{
color:#fff;
}

/*CUADRO HONOR*/


.cuadro_honor{

    width: 320px;
    margin: 20px auto;
    text-align: center;
}
.titulos_comunidad{
    width: 100%;
    text-align: left;
    padding: 20px 0 0 30px;
}
.menu_cuadro_honor{
    width: 30%;
    display: inline-block;
    color: #eee;
    padding: 5 ;
    background: #aaa;
    border: 5px solid #aaa;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
}
.menu_cuadro_honor:hover{
    background: #bbb;
    border-bottom: 5px solid #01A9DB;    
}
.bg_cuadro_honor{
    background: #253456;
    height:1000px;
    width: 320px;
    margin: 50px auto;
}
.contain_lugares{
    overflow: hidden;
    height: 0px;
    margin: 0px auto;
    background: #253456;
}
.contain_lugares h2{
    margin: 10px;
    color: #fff;
    letter-spacing: 10px;
}
.lugar_foto{
    
    width: 20%;
    margin: 30px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}
.alumnos{
    padding: 10px;
    margin: 10px;
    width: 100%;
    height: 270px;
    display: inline-block;
    vertical-align: top;
    background: #fc4545;
    box-sizing: border-box;
    border-radius: 10px;
}
.alumnos p{
    padding: 5px;
    color: #fff;
    font-size: .8em;
    
}
.alumno_foto{
    width: 80%;
    border-radius: 50%;
    
}
#primer_lugar{
    width: 0px;
    height: 0px;
}
   
   .certi_side{
    width: 100%;
    height: 300px;;
    display: inline-block;
    vertical-align: top;
    margin:  20px 10px;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    
}
    .certificaciones_expl{
        text-align: center;
        width: 80%;
    }

    .info_cert{
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 20px auto;
    
}
.parraf_main_certi{
    display: inline-block;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
    width: 60%;
    box-sizing: border-box;
}

}





/*3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333*/     

@media screen and (max-width:450px ){

body{
    width: 100%;
}  
.modal2{
	display:none;
	}
.modal_change, modal_change2{
    position: relative;
    margin: 50px auto;
    width: 100%;
    height: auto;
}
.modal2 p, .modal2 a{
	color:#fff;
	}
.ir-arriba {
	display:none;
	padding:20px;
	background:#000;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:-220px;
	right:20px;
    z-index: 20000;

}
    #menu_of,  #historia_normal {
        display: none;
    }
.menu_bar,#menu_of_768, .menu_768, #historia_425px {
		display:block;
		width:100%;
}
.menu_bar .bt-menu {
    width: 100%;
    top: 0;
    display:block;
    padding:10px;
    position: fixed;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#FC4545;
    overflow: hidden;
    font-size:1;
    font-weight:bold;
    color:#fff;
    z-index: 1000;
    cursor: pointer;
    text-decoration:none;
}
.menu_bar span {
    float:right;
    font-size:1.5em;
    width: 20%;
}
.slogan2{
    display:inline-block;
    vertical-align: top;
    width: 79%;
}
.foto_top,.foto_top_conocenos,.titulo_oferta{
    width:70%;
    background: #002040;
    height:100%;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: -100%;
    
}

header{
    text-align: center;
    height: 100%;
    width:100%;
    box-sizing: border-box;
    background:#002040;
    padding:0 1em 1em 1em;
    margin:0 auto;	
    overflow: scroll;
}
.logo{
    width:90%;
    padding-top: 5px;
    height: 120px;
    backgroun:rgba(255,255,255,.5);
    display:block;
    vertical-align:top;
}
.logo img{
    width:100px;
}
nav{
    color:#fff;
    display:block;
    width:79.5%;
    vertical-align:top;
    overflow:hidden;
    text-align: center;
}
.slogan{
    width: 100%;
    height: 100px;
    margin: 10px auto -5px auto;
    padding: 0;
    display: none;
    text-align: left;
}
nav a{
    text-decoration:none;
    color:#fff;
    text-align: left;

}
nav li{
    display:block;
    width:100%;
    margin: 2px auto;
    padding-top:1em;
    font-size: 1em;
    border-bottom: solid #fff 1px;
    padding: 10px 5px;
}
nav li:hover{
    border:solid rgba(255,255,255,0)  1px;
    background: rgba(255,255,255,.5);
}
.hover{
    color:#fff;
    background:#000;
    }
.sec_btns_conocenos,.sec_btns{
    width:100%;
    display: none;
    background:#eeeeee;
}
.certificaciones{
    margin: 20px auto;
    height: 700px;
    }
.tec_img{
    display: inline-block;
    width: 25%;
    height: auto;
    margin: 10px auto;
    background: #fff;
    padding: 3px;
    margin: 5px;
    border: 1px solid #5f5f5f;
}    
.tec_img:hover{
     -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}  
#linea{
    display: none;
}

.wrapper{
    min-width:100%;
    width:100%;
    margin: 30px auto 0 auto;
    height:100px;
}
.contenidos{
    width:90%;
    height:1100px;
    background: #fff;
    margin:4em auto 1em auto;
    }
.articulos{
    width:100%;
    height:600px;
    background:#eeeeee;
    display:inline-block;
    margin: 50px auto;
    text-align:left;
    box-sizing: border-box;
    vertical-align:top;
    padding: 10px;
        }
.tit_main{
    color: #7e0000;
    letter-spacing: 0px;
    font-size: 1.7em;
    font-weight: 500;
    }
.subtit_main {
    color: #7b7b7b;
    font-size: 1em;
    margin: -6px 0 10px 0;
    font-weight: 500;
    letter-spacing: 6px;
    border-bottom: solid 1px;
    padding-bottom: 5px;
}

    
.tit_sec{
					color: #253456;
					font-size: 1.1em;
					letter-spacing: -1px;
					line-height: 1.19em;
					font-weight: 800;
				}
				.subtit_sec{
					color: #ff9000;
					font-size: 1em;
					margin-bottom: 15px;
					font-weight: 400;
				}
			
    
    

.img_art_main{
    background: #fff;
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #ccc;
}	
.tabla{
    width: 100%;
    height: 300px;
    background:#eeeeee;
    display:block;
    position: relative;
    margin-right: 0em;
    box-sizing: border-box;
    vertical-align: top;
}
    
    
.fecha_evento_b{
    font-weight:300;
}
.descripcion_evento_b{
    font-size: .4em;
}
.fecha_evento_r{
    font-size: .4em;
}
.descripcion_evento_r{
    font-size: .4em;
}
.certificaciones{
    width:100%;
    position: relative;
    margin-top: 50px;
}
footer{
    padding:2em 0 0 0;
    background-color:#f1f1f1;
    text-align:center;
}
.cont_footer{
    width:100%;
    margin:0 auto;
    }
 /* CONÓCENOS */
/* instalaciones */
.instalaciones{
    width: 90%;
}
.img_h3{
    display: block;
}
           
.btns_conocenos{
    width: 150px;
}
                   
.titulos_conocenos{
    width: 100%;
}               
.historia{
    width: 100%;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url(../imagenes/1944.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding-bottom: 1em;
}
#hist{
    background: #000;
    height: 600px;
    display: none;
}
.cont_historia{
    position:relative;
    overflow: auto;
    width:90%;
    margin:0 auto;
}
                   
.cont_hist{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    margin-top: 2.5em;
}
.img_hist{
    width:100%;
     box-sizing: border-box;
    display:inline-block;
    vertical-align:top; 
    margin: 20px auto;
}
.img_hist img{
    width:100%;
    height: auto;
    padding: 4px;
    background: #fff;
     box-sizing: border-box;
    border: solid #ccc 1px;
}
.img_hist video{
    width:100%;
    margin-left: 5px;
    padding: 4px;
    background: #fff;
    border: solid #ccc 1px;
}
.texto_historia {
    width: 99%;
    max-height: none;
    height: auto;
    overflow: auto;
    box-sizing: border-box;
    padding:0px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
.historia_año {
    vertical-align: top;
    float: NONE;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height:none;
    display: inline-block;
    color: #63c4fc;
    font-size: 2em;
    font-weight: 400;
    MARGIN-TOP: 0px;
}
.texto_historia_subtit {
    text-align: CENTER;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    color: #fc4545;
    font-size: 2em;
    font-weight: 400;
    max-height: none;
    height: auto;
    margin-top: 20px;

}
.texto_historia p{
    display: inline-block;
    width: 100%;
    color:#fff;
    box-sizing: border-box;
    text-align:justify;
    height: auto;
    transition:all .3s ease;
} 
     
#timeline {
    margin-top: 20px;
}
    
   
#fechas li {
    width: 20px;
    text-decoration: none;
    color: white;
    font-size: .5em;
}
    
    

 #valores,#mision,#vision{
    margin:10px auto;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}
    
                             
/* mision ,vision ,valores*/         
                        
.mision_vision{
    width: 90%;
}                                          
.mensaje{
    width:90%;
}            
 .mensaje_img_art_main{
    background: #fff;
    border: solid #ccc 1px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height:auto;
    margin: 0 auto;
    display: inline-block;
}
.cont_mensaje{
    width:100%;
    margin-left: 0PX;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}  

.cbp-ig-grid .cbp-ig-category {
    font-size: .7em; 
}
.valores{
    font-size: 10px;
}
.menu-fixed {
    margin:0px auto;
	position:fixed;
	z-index:1000;
	top:0;
    background:rgba(0,0,0,.5);
    height:auto;
	width:1024px;
}
.titulos_oferta{
    width: 90%;
    margin: 20px auto;
    text-align: left;
    box-sizing: border-box;
    display: none;
}
#secundaria2{
    display: none;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    margin: 20px auto 10px auto;
    background-image: url(../imagenes/secundaria.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}
#preparatoriagral2{
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    height: 0%;
    margin: 10px auto;
    background-image: url(../imagenes/p_general.jpg);
    background-size: cover;
    background-position: right;
    border-bottom: solid #ff9000 10px;
}
#preparatoriatec2{
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    background-image: url(../imagenes/p_tecnica.jpg);
    background-size: cover;
    border-bottom: solid #ff9000 10px;
}

.opacity:hover{
    opacity: 0.8;  
    cursor: pointer;
}
/* modulos de oferta */
.oferta{
    width: 768px;
    margin: 0 auto;
}
.modulos_oferta3{
    width: 90%;
    display: none;
    margin: 0px auto;
}
.titulo_mod_oferta{
    margin:0 auto;
    background-color: none;
    width: 100%;

}
.titulo_mod_oferta h3{
    margin:0px;
    padding-left: 5px;
    text-align: left;
    font-size: 1.2em;
    color: #fff;
}
.titulo_mod_oferta h4{
    padding: 5px ;
    background:  #253456;
    text-align: left;
    font-size: .79em;
    color: #fff;
}

.modulo_expl{
    text-align: left;
    width: 90%;
    padding-top: 50px;
    margin: 10px auto;
}
.modulo_oferta_info{
    width: 100%;
    margin: 30px auto 0 auto;
    
}

.cuanto_vale{
    width: 100%;
}
.plan-estudios{
    overflow: hidden;
    width: 40%;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight:800;
    font-size: 1.2em;
    color: #fff;
    background-color: #BDBDBD;
    background-image:url(../imagenes/flecha2.png);
    background-position: right ;
    background-repeat: no-repeat;
    padding-right:0px ;
    border-bottom: solid #253456 7px;
     border-right: solid #253456 3px;
    border-radius: 15px;
    
}
.plan-estudios:hover{ 
    padding-right:100px ;  
}
.plan-estudios_p{
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    background: #0080FF;
    width: 100%;
    border-radius: 10px;
}
.titilos_ofertas_sub{
    margin: 10px auto 20px auto;
    width: 100%;
    font-size: 1.5em;
    color: #5e99f3;
    text-align: left;
    border-bottom: solid 10px #fc4545;
}
#menu_of_768{
    padding-top: 100px;
}

.contains{
    width: 90%;
    margin: 0px auto;
}

.of_bg_rigth,.of_bg_left{
    width: 40%;
    height: 50px;
    padding: 10px;
}
.of_bg_rigth h3{
    text-align: right;
    font-size: 1.5em;
    color: #fff;
   
}
.of_bg_left_h3{
    text-align: left;
    font-size:1.5em;
    color: #fff;
   
}
#secundaria_contain2{
    margin: 10px auto;
    width:100%;
    height: auto;
    overflow: hidden;
    
}
#prepat_contain2{
    margin: 10px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    
}
#prepag_contain2{
    margin: 10px auto;
    width: 100%;
    height: auto;
    overflow: hidden;  
}
.plan-estudios{  
    width: 100%;  
    margin-bottom: 50px;
}
#primer_art{
    margin-top: 50px;
}
.extracurricular{
    width: 100%;
}
    .linea2{
        display: none;
    }
    

.parraf_main,.parraf{
    text-align: justify;
    color: #6f6f6f;
    line-height: 1.7;
    font-size: 1em;
    padding: 0px;
    margin: 10px 0;
}
.clubes_leon{
    width: 90%;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;   
}
    #julio_leon{
        width: 50%;
    }
    

    #big{
        width: 100%;
        height: 200px;
    }
    
    .video_{
        height: 200px;
        width: 90%;
        display: inline-block;
        box-sizing: border-box;
    }
.eventos_cul{
    display: inline-block;
    width: 49%;
    height: 120px;
    background: #fff;
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid #5f5f5f;
}    
.eventos_cul:hover{
     -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}
.info{
    width: 100%;
    padding: 10px 30px;
}
.border_img{
    width: 50%;
}
.admisiones{
    height: 750px;
    width: 90%;
    margin-bottom: 50px;
}
.formulario_visita{
    width: 90%;  
    height: 1600px;
}

    .tit_sec_eventos{
        font-size: 1.2em;
        text-align: center;
        
    }
    .subtit_sec_eventos{
        text-align: center;
        
    }
    
.form_visita_contacto label {
    margin: 0 auto;
	display:inline-block;
	padding-top: 15px;
    text-align: left;
    width: 30%;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.tabla_costos{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin: 10px 0;
    font-size: .65em;
    vertical-align: top;
}
td{
    padding:5px;
}
.encabezado{
    background: #ff4343;
    color: #fff;
}
.inscripciones_link,.contacto_ae,.mapa,.formulario_contacto{
    width: 90%;
    margin-bottom: 50px;
}
    
    .formulario_contacto{
        height: 900px;
    }
/* footer */

footer{
    padding:2em 0 0 0;
    background-color:#f1f1f1;
    text-align:center;
}
.cont_footer{
    width:100%;
    margin:0 auto;
}
.sec_ftr_logos{
    display:inline-block;			
    width:100%;
    vertical-align:top;
}
.sec_ftr_logos ul li{
    width: 20%;
    display: inline-block;
}
.sec_ftr_logos img{
    width:50%;
    display:inline-block;	
}
.sec_ftr{
    display:inline-block;			
    width:100%;
    vertical-align:top;	
    text-align: center;
}
.sec_ftr li{
    list-style: circle;
    list-style-position: inside;
    text-align:left;
    font-size: 10px;
    width: 50%;
    margin: 0 auto;
    padding: 2px 0 2px 10px;
}
.sec_ftr h4, .sec_ftr_logos h4{
    font-weight:400;
    background:#9e2b2b;
    color:#F4F4F4;
}
.logo_bttm{
    height:auto;
    background:#5f5f5f;
    text-align:center;
}
.logo_bttm img{
    width:80%;
    margin-top:5px;
}
.logo_bttm h5{
color:#fff;
}
/*CUADRO HONOR*/
.cuadro_honor{
    width: 320px;
    margin: 20px auto;
    text-align: center;
}
.titulos_comunidad{
    width: 100%;
    text-align: left;
    padding: 20px 0 0 30px;
}
.menu_cuadro_honor{
    width: 100%;
    display: inline-block;
    color: #eee;
    padding: 10px 10px 5px 10px ;
    background: #aaa;
    border: 5px solid #aaa;
    box-sizing: border-box;
    cursor: pointer;
    margin: 5px auto;
    border-radius: 10px;
}
.menu_cuadro_honor:hover{
    background: #bbb;
    border-bottom: 5px solid #01A9DB;    
}
.bg_cuadro_honor{
    background: #253456;
    height:auto;
    width: 320px;
    margin: 50px auto;
}
.contain_lugares{
    overflow: hidden;
    height: 0px;
    margin: 0px auto;
    background: #253456;
}
.contain_lugares h2{
    margin: 10px;
    color: #fff;
    letter-spacing: 10px;
}
.lugar_foto{
    width: 80%;
    margin: 30px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}
.alumnos{
    padding: 10px;
    margin: 10px;
    width: 100%;
    height: 270px;
    display: inline-block;
    vertical-align: top;
    background: #fc4545;
    box-sizing: border-box;
    border-radius: 10px;
}
.alumnos p{
    padding: 5px;
    color: #fff;
    font-size: .8em; 
}
.alumno_foto{
    width: 80%;
    border-radius: 50%; 
}
#primer_lugar{
    width: 100%;
    height: auto;
}
    
   .certi_side{
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin:  20px 10px;
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    
}
    .certificaciones_expl{
        text-align: center;
        width: 100%;
    }

    .info_cert{
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 20px auto;
    
}
.parraf_main_certi{
    display: inline-block;
    text-align:justify;
    color:#6f6f6f;
    line-height:1.7;
    width: 60%;
    box-sizing: border-box;
}
    
    .certi{
        height: auto;
        
    }
    
    

/*CLUBES*/
.logo_clubes{
    margin: 50px auto 0 auto;
    width: 100px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    
}
.titulos_clubes{
    text-align: left;
    margin: 0 auto;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.clubs{
    background-image: url(../imagenes/fondo_clubes_ins.png);
    background-attachment: fixed;
    background-position: left;
    background-size: cover;
}
.clubs h2{
    
    padding-left: 50px;
    font-size: 2em;
    color: #fff;
    width: 70%;
    margin: 50px auto 0 auto;
}
.clubs h3{
  
    padding-left: 50px;
    font-size:1em;
    letter-spacing: 2px;
    color: #eeeeee;  
    width: 70%;
    margin: 0 auto;
}
.form_clubes{
    
    width: 80%;
   margin: 50px auto 0 auto;
    color:#fff;
    font-weight: 600;
}
.form_clubes p{
    color: black;
}
.form_clubes label {
    margin: 0 auto;
	display:inline-block;
	padding-top: 20px;
    text-align: left;
    width: 100%;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.inputs2,
.form_clubes textarea,
.form_clubes select {
	line-height: 1.5;
	font-size: .9em;
	color: #FA5858;
    vertical-align: top;
    padding: 10px;
	display: inline-block;;
    margin: 10px auto;
	width: 100%;
    box-sizing: border-box;
	background: transparent;
    border: 1px solid #63C4FC;
}

.form_visita_contacto label {
    margin: 0 auto;
	display:inline-block;
	padding-top: 30px;
    text-align: left;
    width: 100%;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.inputs,
.form_visita_contacto textarea,
.form_visita_contacto select {
	line-height: 1.5;
	font-size: .9em;
	color: #5e5e5e;
    vertical-align: top;
    padding: 15px;
	display: inline-block;;
    margin: 10px auto;
	width: 100%;
    box-sizing: border-box;
	background: transparent;
    border: 1px solid #63C4FC;
}
    .video_lab{
        width: 290px;
        margin-left: -20px;
        
    }


}

.prepach,.tech{
	display: none;
}

.cuhon{
	width:100%;
	height:800px;
	background:url(../imagenes/load2.gif);
	background-repeat:no-repeat;
	background-position:center;}
.congrat{
	background:rgba(0,0,0,.5);
	width:80%;
	margin:2em auto;
	}
.congrat h2{
	color:#fff;
	font-size:1.5em;
	}
.congrat p, .congrat a{
	color:#F90;
	font-size:20px;
	}