@font-face {
	font-family: 'rougier';
	src:url(fuentes/antonio.ttf);
}
@font-face {
	font-family: 'din_rougier';
	src:url(fuentes/din.otf);
}
body, html{width:100%;float:left;}
body {
	text-align: center;
	margin: 0px
}
.texto{font: 16px/20px "din_rougier", sans-serif;}
.texto ul{ padding-left:20px}
.top{
	background: #CE122A;
	text-align: center;
	float: left;
	height: 112px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.central{
	margin: 0px auto;
	padding: 0px;
	width: 1160px;
	display: inline-block;
	clear: left;
}
.top_logo{
	float: left;
	height: 72px;
	width: 290px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.top_menu{
	float: right;
	height: auto;
	width: auto;
	max-width: 930px;
	text-align: right;
}
.top_tel{
	float: right;
	text-align: right;
	height: auto;
	width: auto;
	margin: 15px 0px;
	font: 20px/20px "Rougier", sans-serif;
	letter-spacing: 1px;
	color: #FFF;
}
.top_wa{color:#fff;text-decoration:none;padding-left:30px;background: url(imagenes/top_wa.png) no-repeat center left;}
.top_social{
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	float: none;
}
.top_menu_btn{
	float: left;
	height: 20px;
	width: auto;
	max-width: 14%;
	font: 15px/15px "Rougier", sans-serif;
	letter-spacing: 2px;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	padding: 20px 10px;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
	white-space: normal;
	margin: 0px;
	position:relative;
}
.top_menu_btn:hover,.top_menu_btn.activo{
	background:#072d6e;
}
.drop_menu{ display:none;}
.pie_menu{
	float: left;
	width: 100%;
	height: auto;
	background: #dfdfdf;
	padding-top: 30px;
}
.pie{
	float: left;
	width: 100%;
	height: auto;
	padding: 30px 0px;
}
.pie div{ text-align:left;}
.previo_inicio{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1493px;
	background:url(imagenes/_inicio.jpg) no-repeat top center;	
}
.previo_nosotros{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1770px;
	background:url(imagenes/_nosotros.jpg) no-repeat top center;	
}
.previo_contacto{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:797px;
	background:url(imagenes/_contacto.jpg) no-repeat top center;	
}
.previo_preescolar{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1486px;
	background:url(imagenes/_niveles_01.jpg?v1) no-repeat top center;	
}
.previo_primaria{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1462px;
	background:url(imagenes/_niveles_02.jpg) no-repeat top center;	
}
.previo_secundaria{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1503px;
	background:url(imagenes/_niveles_03.jpg) no-repeat top center;	
}
.previo_bachillerato{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1408px;
	background:url(imagenes/_niveles_04.jpg) no-repeat top center;	
}
.previo_modelo{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1711px;
	background:url(imagenes/_modelo.jpg?v1) no-repeat top center;	
}
.previo_servicios{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:642px;
	background:url(imagenes/_servicios.jpg) no-repeat top center;	
}
.previo_multimedia{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:1380px;
	background:url(imagenes/_multimedia.jpg?v1) no-repeat top center;	
}
.previo_asociacion{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:642px;
	background:url(imagenes/_asociacion.jpg) no-repeat top center;	
}
.previo_intranet{
	cursor:text; 
	mouse-events:none;
	float:left;
	width:100%;
	height:682px;
	background:url(imagenes/_intranet.jpg) no-repeat top center;	
}
.top_submenu{
	display:none;
	float:left;
	width:auto;
	height:auto;
	padding: 30px;
	background:#072d6e;
	position:absolute;
	top: 60px;
	left: -20px;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
}
.niveles:hover .niveles_menu{ display:block;}
.top_submenu_btn{
	float:left;
	width:auto;
	font: 15px/30px "Rougier", sans-serif;
	letter-spacing: 0px;
	color: #FFF;
	text-decoration: none;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
}
.top_submenu_btn:hover{ color:#fefa16;}
.pie_app{
	float: left;
	height: auto;
	width: 220px;
}
.subtitulo{
	font: 20px/30px "Rougier", sans-serif;
	color: #CE142A;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.pie_app_img{
	background: url(imagenes/pie_app_img.jpg);
	float: left;
	height: 120px;
	width: 100px;
}
.pie_app_menu{
	font: bold 12px/20px "Rougier", sans-serif;
	color: #333;
	text-align: center;
	float: left;
	height: auto;
	width: 100px;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-left: 20px;
}
.pie_app_menu a{
	text-align: center;
	float: left;
	height: 50px;
	width: 50px;
	margin: 0px;
	padding: 5px 0px;
	border-bottom:solid 3px #dfdfdf;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
}
.pie_app_mac{
	background: url(imagenes/pie_app_mac.jpg) no-repeat center center;
}
.pie_app_play{
	background: url(imagenes/pie_app_play.jpg) no-repeat center center;
}
.pie_app_menu a:hover{ border-bottom:solid 3px #bfbfbf;}
.pie_sep{
	margin: 40px 10px 0px;
	padding: 0px;
	float: left;
	height: 80px;
	width: 1px;
	border-left: 1px solid #999;
}
.pie_plataformas{
	float: left;
	width: 220px;
}
.pie_plataformas_ico{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 90px;
	width: 90px;
	padding: 0px 10px;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
}
.plat_01{
	background: url(imagenes/intranet_logo_01.png) no-repeat center center;
	background-size:90px 90px;
}
.plat_02{
	background: url(imagenes/intranet_logo_02.png) no-repeat center center;
	background-size:90px 90px;
}
.pie_plataformas_ico:hover{background-size: 85px auto;}
.pie_submenu{
	float: left;
	height: auto;
	width: 660px;
	margin-top: 30px;
	text-align: center;
}
.pie_submenu_btn{
	font: 20px/20px "Rougier", sans-serif;
	color: #666;
	text-decoration: none;
	padding: 5px 15px;
	float: none;
	height: 20px;
	width: auto;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
	display: inline-block;
}
.pie_submenu_btn:hover{
    background: #ce2429;
    color: #fff;
}
.pie_logos{
	background: url(imagenes/pie_logos.jpg) no-repeat left top;
	float: none;
	height: 50px;
	width: 660px;
	margin-top: 20px;
}
.banner{
	float: left;
	height: auto;
	width: 100%;
}
.banner img{ float:left;}
.inicio_menu{
	background: #013781;
	padding: 40px 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 40px;
}
.titulo{
	font: 30px/40px "Rougier", sans-serif;
	color: #FDDD00;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
.inicio_menu_btn{
	text-align: center;
	display: inline-block;
	height: auto;
	width: 14%;
	margin:0px 5%;
	vertical-align: top;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
	font: 20px/20px "Rougier", sans-serif;
	color: #fff;
	text-decoration: none;
	padding-bottom:20px;
	border-bottom:solid 1px #013781;
}
.inicio_menu_btn img{padding-bottom:20px;}
.inicio_menu_btn:hover { border-bottom:solid 1px #fddd02;}
.inicio_menu_sep{
	display: inline-block;
	height: 50px;
	width: 2px;
	margin-top: 40px;
	background:#fff;
	vertical-align: top;
}
.inicio_actividades{
	float: left;
	height: auto;
	width: 330px;
}
.inicio_actividades .titulo{
	color: #000;
}
.inicio_act_gpo{
	float: left;
	height: auto;
	width: 310px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.inicio_act_fecha{
	color: #FFF;
	background: #003781;
	text-align: center;
	padding: 10px;
	float: left;
	height: 80px;
	width: 60px;
	font: 60px/60px "Rougier", sans-serif;
}
.inicio_act_fecha div{
	font-size: 20px;
	line-height: 20px;
	width: 100%;
}
.inicio_act_col{
	float: left;
	width: 210px;
	margin-left: 20px;
	height: 100px;
}
.inicio_act_col .subtitulo{
	color: #003781;
	text-align: left;
	padding: 0px;
	font-size: 22px;
	margin-bottom: 5px;
}
.inicio_act_col .texto{
	font: 14px/16px "din_rougier", sans-serif;
	color: #000;
	text-align: justify;
	float: left;
	width: 100%;
	height: 64px;
	overflow: hidden;
}
.inicio_act_cont{
	float: left;
	height: 425px;
	width: 330px;
	overflow: auto;
}
.inicio_act_cont::-webkit-scrollbar{
  width: 2px;
  height: 2px;
  background:rgba(0,0,0,0.1);
}
.inicio_act_cont::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #003781;
}
.inicio_video{
	float: left;
	height: auto;
	width: 350px;
	margin-left: 40px;
}
.inicio_video .titulo{
	color: #000;
}
.inicio_video_rep{
	float: left;
	height: 230px;
	width: 350px;
}
.inicio_blog{
	float: left;
	height: auto;
	width: 330px;
	margin-left: 40px;
}
.inicio_blog .titulo{
	color: #000;
}
.inicio_blog_gpo{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.inicio_blog_img{
	float: left;
	height:auto;
	max-height: 80px;
	width: 80px;
	overflow: hidden;
}
.inicio_blog_col{
	float: left;
	height: auto;
	width: 230px;
	margin-left: 20px;
}
.inicio_blog_fecha{
	font: 10px/15px "Rougier", sans-serif;
	color: #003781;
	text-align: left;
	float: left;
	height: auto;
	width: 100%;
}
.inicio_blog_tit{
	font: 16px/20px "Rougier", sans-serif;
	color: #D4142A;
	text-align: left;
	float: left;
	height: auto;
	width: 100%;
}
.inicio_blog_txt{
	font: 14px/20px "din_rougier", sans-serif;
	color: #000;
	text-align: justify;
	float: left;
	height: 60px;
	width: 100%;
	overflow: hidden;
}
.inicio_blog_btn{
	margin: 0px;
	padding: 5px;
	float: right;
	height: 20px;
	width: auto;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	background: #003781;
	text-decoration: none;
	margin-top: 0px;
	font: 14px/20px "rougier", sans-serif;
}
.inicio_facebook{
	float: left;
	height: 260px;
	width: 330px;
}
.inicio_nosotros{
	background: #039 url(imagenes/inicio_mision_bg.jpg) no-repeat fixed center center;
	background-size:cover !important;
	float:left;
	width:100%;
	height:auto;
	padding: 40px 0px 20PX;
}
.fila_azul{
	width: 100%;
	background: #003782;
	text-align: center;
	float: left;
	clear: left;
}
.fila_gris{width:100%; background:#dfdfdf; text-align:center; float:left;}
.fila_roja{
	width: 100%;
	background: #D4142A;
	text-align: center;
	float: left;
	min-height: 30px;
	font: 30px/40px "Rougier", sans-serif;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.fila_roja:hover{ text-decoration:underline;}
.preescolar_gal{ background: url(imagenes/preescolar_gal.jpg) repeat-x center center; height:130px; width:100%; float:left;cursor:text; pointer-events:none;} 
.primaria_gal{ background: url(imagenes/primaria_gal.jpg) repeat-x center center; height:140px; width:100%; float:left;cursor:text; pointer-events:none;} 
.secundaria_gal{ background: url(imagenes/secundaria_gal.jpg) repeat-x center center; height:130px; width:100%; float:left;cursor:text; pointer-events:none;} 
.bachillerato_gal{ background: url(imagenes/bachillerato_gal.jpg) repeat-x center center; height:130px; width:100%; float:left;cursor:text; pointer-events:none;} 
.intranet_sep{
	display: inline-block;
	height: 50px;
	width: 2px;
	margin-top: 70px;
	background:#003781;
	vertical-align: top;
}
.contacto_datos{
	float: left;
	width: 490px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.contacto_datos .subtitulo{
	color: #FFEB3B;
	text-align: left;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
}
.contacto_dir{
	color: #FFF;
	float: left;
	height: auto;
	width: 190px;
}
.contacto_dir .contacto_txt{line-height:20px;margin-top:2px;width: 160px;}
.contacto_ico{
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 5px;
}
.contacto_txt{
	font: 14px/25px "din_rougier", sans-serif;
	color: #FFF;
	text-align: left;
	float: left;
	height: auto;
	width: auto;
}
.contacto_col{
	float: left;
	width: 280px;
	margin-left: 20px;
}
.contacto_mapa{
	float: left;
	width: 100%;
	margin-top: 30px;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
	height: 290px;
	background:#fff;
}
.contacto_input{

	font: 14px/20px "din_rougier", sans-serif;
	background: #FFF;
	text-align: left;
	margin: 0px 0px 10px;
	padding: 5px 10px;
	float: left;
	height: 20px;
	width: 470px;
	border-width: 0px;
	border-style: none;
	color: #000;
}
.contacto_textarea{
	background: #FFF;
	text-align: left;
	margin: 0px 0px 10px;
	padding: 5px 10px;
	float: left;
	height: 100px;
	width: 470px;
	border-width: 0px;
	border-style: none;
	font: 14px/20px "din_rougier", sans-serif;
	color: #000;
}
.contacto_btn{
	font: 16px/20px "Rougier", sans-serif;
	background: #D4142A;
	text-align: center;
	margin: 0px;
	padding:0px;
	float: right;
	height: 40px;
	width: 100px;
	border-width: 0px;
	border-style: none;
	color: #fff;
	cursor:pointer;
	-webkit-transition:all ease-out 0.2s;
	transition:all ease-out 0.2s;
}
.contacto_btn:hover{background: #E57373;}
.inicio_nosotros_mision{
    float: left;
    width: 380px;
    padding-right: 30px;
    margin-right: 29px;
    border-right: solid 1px #000;
}
.inicio_nosotros_mision .texto{
    color: #fff;
}
.inicio_nosotros_mision .link{
    float: left;
    width: 100%;
    text-align: center;
    font: 16px/40px "Rougier", sans-serif;
    color: #ce192a;
    text-decoration: none;
}
.inicio_nosotros_ventajas{
    float: left;
    width: 720px;
}
.inicio_nosotros_ventajas .titulo{ text-align:left;}
.colizq{
    float: left;
    width: 300px;
    margin-right: 20px;
}
.colder{
    float: left;
    width: 400px;
}
.inicio_nosotros_ventajas_txt{font:14px/16px "din_rougier", sans-serif;float: left;width: 95%;text-align: justify;color: #fff;margin-bottom: 20px;padding-left: 5%;}
.inicio_nosotros_ventajas_txt .num{
    color: #ce192a;
    float: left;
    margin-left: -5%;
    font-size: 20px;
    text-align: left;
}
.nosotros{padding:40px 0px;}
.nosotros .titulo{
	text-align: left;
	float: none;
}
.nosotros .texto{
	text-align: justify;
	color: #FFF;
	margin-bottom: 20px;
}
.nosotros .texto a{color:#fbdb00;}
.nosotros_img{float:left;width:320px;height:auto;margin-right: 20px;margin-bottom: 20px;} 
.filosofia{
    padding: 40px 0px;
}
.filosofia .titulo{
    text-align: left;
    color: #d41a29;
}
.filosofia .subtitulo{
    color: #003781;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
}
.nosotros_col{
    float: left;
    width: 23%;
    margin-right: 2%;
    text-align: justify;
}
.nosotros_col ol{
    padding-left: 10px;
}
.niveles_titulo{
	font: 40px/50px "Rougier", sans-serif;
	color: #d41a29;
	text-align: justify;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
.niveles_texto{
	font: 16px/20px "din_rougier", sans-serif;
	color: #000;
	text-align: justify;
	float: left;
	height: auto;
	width: 100%;
}
.niveles_texto a{color: #FBDB00;}
.fila_azul .niveles_titulo{
	color: #FBDB00;
}
.fila_azul .niveles_texto{color:#fff;margin-bottom: 30px;}
.niveles_texto .nosotros_col{
    text-align: justify;
    width: 19%;
    position: relative;
    padding-left: 2%;
    margin-right: 4%;
}
.fila_azul .nosotros_col div{color:red;display:inline;left: 0%;position: absolute;width: auto;float: left;}
.descarga_btn{
	font: 20px/20px "Rougier", sans-serif;
	color: #FFF !important;
	text-decoration: none;
	text-align: left;
	height: 20px;
	width: auto;
	margin-bottom: 10px;
	margin-right: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 40px;
	background: url(imagenes/descargas_ico.png) no-repeat 0px 0px;
	-webkit-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
	border-bottom: solid 2px rgba(250, 217, 0, 0%);
	display: inline-block;
}
.descarga_btn:hover{ 
	border-bottom:solid 2px #fbdb00;color:#fbdb00;}
.cinco_col .nosotros_col{
    width: 16%;
    margin-right: 2%;
}
.modelo_col{
	width: 48%;
	display: inline-block;
	float: left;
}
.modelo_img{float:left;width:230px;height:auto;margin-right: 20px;margin-bottom: 20px;} 
.modelo_col_ch{
	width: auto;
	display: inline-block;
	float: left;
	margin-right: 40px;
}
.serv_btn{
	font: 20px/30px "Rougier", sans-serif;
	color: #FDDD00;
	text-align: center;
	margin: 10px;
	float: left;
	width: 14%;
	cursor:pointer;
}
.multimedia_col{
	float: left;
	height: auto;
	width: 600px;
	margin-right: 40px;
	margin-left: 0px;
}
.multimedia_gal{
	float: left;
	height: 800px;
	width: 600px;
	margin-right: 40px;
	overflow: auto;
}
.multimedia_gal::-webkit-scrollbar{
  width: 5px;
  height: 8px;
  background:rgba(0,0,0,0.2);
}
.multimedia_gal::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #ce192a;
}
.multimedia_gal_img{
	margin: 20px;
	float: left;
	height: 120px;
	width: 160px;
	overflow: hidden;
	-webkit-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
	
}
.multimedia_gal_img:hover{
	box-shadow: 0px 0px 0px 2px #fddc00;
}
.multimedia_gal_img img{
	-webkit-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}
.multimedia_gal_img:hover img{
	transform:scale(1.3);
	-webkit-transition: all ease-out 5s;
	transition: all ease-out:5s;
}
.multimedia_colder{
	float: right;
	width: 500px;
}
.multimedia_calendario{
	background: #FFF url(imagenes/multimedia_calendario.png) no-repeat 10px center;
	float: left;
	height: 40px;
	width: 420px;
	font: 30px/40px "Rougier", sans-serif;
	color: #003781;
	text-decoration: none;
	text-align: left;
	padding: 10px 10px 10px 70px;
	margin-bottom: 20px;
}
.multimedia_blog_gpo{
	float:left;
	background:#fff;
	margin-bottom: 20px;
	padding: 10px;
	width: 480px;
}
.multimedia_blog_gpo .inicio_blog_txt{
    height: auto;
}
.multimedia_blog_gpo .inicio_blog_col {
    width: 380px;
}
.niveles_gal{
	float: left;
	width: 100%;
	height: 141px;
	overflow: auto;
	text-align: center;
	background: #003781;
}
.niveles_gal::-webkit-scrollbar{
  width: 1px;
  height: 10px;
  background:rgba(0,0,0,0.5);
  cursor: pointer;
  border:solid 1px #000;
}
.niveles_gal::-webkit-scrollbar-thumb {
  background: #fbdb00;
}
.niveles_gal_cont{
	float: left;
	width: 100%;
	height: 130px;
	text-align: center;
	overflow: hidden;
}
.niveles_gal_img{
	width: auto;
	height: 130px;
	margin: 0px;
	padding: 0px;
	display:inline-block;
}
.niveles_gal_img img{ float:left;}
.ser_cont{
	position: fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.9);
	display: none;
}
.ser_det{
	font: 16px/20px "din_rougier", sans-serif;
	color: #fff;
	background: #003781;
	text-align: justify;
	padding: 2% 3%;
	float: left;
	height: 70%;
	width: 70%;
	margin-top: 5%;
	margin-left: 10%;
	position: relative;
}
.ser_det_tit{
	font: 30px/100px "Rougier", sans-serif;
	color: #FDDD00;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}

.ser_det_tit img{ display:inline-block; margin-right10px; vertical-align:bottom;}
.ser_det_cerrar{
	font: 20px/30px "Rougier", sans-serif;
	text-align:left;
	color: #FFF;
	background: #900;
	float: left;
	height: 30px;
	width: 80px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 10px;
	cursor:pointer;
}
.ser_det_cerrar div{ float:right;}
.intranet_gpo{
	display: inline-block;
	vertical-align:top;
	margin: 10px;
	height: auto;
	width: 180px;
}
.intranet_logo{
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
}
.intranet_tit{
	font: 20px/30px "Rougier", sans-serif;
	color: #003781;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.intranet_txt{
	font: 16px/20px "Rougier", sans-serif;
	color: #000;
	text-align: center;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
.intranet_btn{
	font: 16px/30px "din_rougier", sans-serif;
	color: #C00;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
}
.intranet_form .contacto_btn{ width:100%}
.intranet_input{
	float: left;
	height: 20px;
	width: 96%;
	margin-bottom: 10px;
	padding: 5px 2%;
	font: 16px/20px "Rougier", sans-serif;
	color: #000;
	background: #FFF;
	border-width: 0px;
	border-style: none;
	text-align: center;
}
.pie_dir01{
	float: none;
	display:inline-block; 
	vertical-align:middle;
	height: auto;
	width: 30%;
	font: 16px/20px "Rougier", sans-serif;
	color: #000;
	margin: 1%;
	}
.pie_dir02{
	float: none;
	display:inline-block; 
	vertical-align:middle;
	height: auto;
	width: 30%;
	font: 16px/20px "Rougier", sans-serif;
	color: #000;
	margin: 1%;
	border-left: solid 1px #000;
	padding-left: 30px;
	border-right: solid 1px #000;
	padding-right: 30px;
	}