body,html
	{
		font-size:10pt;
		font-weight:normal;
		font-family:arial,verdana;
		margin:0;
		padding:0;
		width:100% !important;
		background-color:#fff;
		color:#333;
		position:relative;
		float:left;

	}


.clear{clear:both;}


#mensaje
	{
		position:fixed;
		display:table;
		left:0;
		right:0;
		top:0;
		margin:5% auto 0 auto;
		width:80%;
		max-width:300px;
		z-index:30;
		border:1px solid #000;
		overflow:hidden;
		padding-bottom:15px;
		background-color:#fff;
		-webkit-border-radius: 10px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius: 10px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-radius: 10px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 4px;
		box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
	}

#mensaje	#titulo_mensaje
	{
		background-color:#EBEBEB;
		color:#000;
		padding:2px 10px;
		font-size:9pt;
		width:100%;
	}

#mensaje	#titulo_mensaje	#titulo_pantalla
	{float:left;font-size:11pt;}
#mensaje	#titulo_mensaje	#cerrar_pantalla
	{float:right;margin-right:15px;}

#mensaje	#cont_mensaje
	{
		padding-top:15px;
		text-align:center;
		font-size:11pt;
	}

#mensaje	#boton_mesaje
	{
		margin-top:1em;
		text-align:center;
	}

#fondo_negro
	{
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background-color:rgba(0,0,0,0.5);
		z-index:99999999999999999999999;
	}


#flotante_mensaje
	{
		position:fixed;
		display:table;
		left:0;
		right:0;
		top:0;
		margin:5% auto 0 auto;
		width:90%;
		max-width:450px;
		z-index:999999999999999999999999;
		border:1px solid #000;
		padding-bottom:15px;
		background-color:#fff;
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
}


#flotante_mensaje	#barra_pantalla
	{
		background-color:#298ec4;
		color:#fff;
	}

#flotante_mensaje	#barra_pantalla	#titulo_pantalla
	{float:left;padding:3px 0 3px 10px;}

#flotante_mensaje	#barra_pantalla	#cerrar_pantalla
	{float:right;margin:-10px -10px 0 0;}

#flotante_mensaje	#contenido_pantalla
	{
		margin-top:20px;
		border:0px solid red;
		margin:20px 10px 0 10px;
		text-align:center;
		color:#ff0000;
		font-weight:bold;
	}
#flotante_mensaje	#contenido_pantalla2
	{
		margin-top:5px;
		border:0px solid red;
		text-align:center;
		color:#ff0000;
		font-weight:bold;
	}

#flotante_mensaje	#cerrar_pantalla2
	{
		margin-top:40px;
		text-align:center;
	}


@media screen and (min-width: 750px) {
#exterior_menu{
 display:none !important;
}
}
/*Boton de contactar*/
.boton1
{/*background-color:#8C8C8C;*/ background-color:#888;font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff;}
.boton1:hover
{/*background-color:#931a0a;*/ background-color:#333; font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff !important;}
.boton1:active
{/*background-color:#931a0a;*/background-color:#333;font-weight:bold;border:0px;height:22px;padding:0 10px; color:#fff;}

.fuente_gris_10	{font-family:arial,verdana;font-size:10pt;font-weight:normal;color:#9D9D9D; text-decoration:none; color:#000;}
.fuente_10	{font-family:arial,verdana;font-size:10pt;font-weight:normal; text-decoration:none; color:#000;}

h1,h2,h3{
font-family: 'Pacifico', cursive;
font-weight:normal;
}
.fancybox-skin{
 background-color:#0092C6 !important;
}
.fancybox-title{
 color:#fff;
 font-size:1.2em !important;
}
/* ///////////////////////////////////////////////////////// MENSAJE FLOTANTE ///////////////////////////////////////// */

#fondo_negro
	{
		display:none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:115;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
		background-repeat:repeat-x;
	}
#mensaje_flotante
	{
		position:absolute;
		width:450px;
		min-height:200px;
		left:50%;
		top:175px;
		margin-left:-225px;
		/*margin-top:-100px;*/
		z-index:11;
		background-color:#ffffff;
		border:3px solid #888;
		z-index:312;

	}

#mensaje_flotante .linea_roja{
 position:relative;
 float:left;
 width:100%;
 height:50px;
 background-color:#888;
 margin-bottom:20px;

}

#mensaje_flotante .mensaje_int{
	position:relative;
	float:left;
	width:100%;
}
#mensaje_flotante .mensaje_int .cerrar_mensaje{
	position:absolute;
	top:1px;
	right:-4px;
	width:36px;
	height:30px;
	overflow:hidden;
	z-index:9999;

}
#mensaje_flotante .mensaje_int #mensaje{
	position:relative;
	float:left;
	width:90%;
	padding:5%;
	background-color:#fff;
}
#mensaje_flotante .mensaje_int #mensaje p{
 font-size:1.2em;
 text-align:center;
 padding-top:20px;
}

/* ///////////////////////////////////////////// CABECERA Y MENU ////////////////////////////////// */
.cabecera{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
 padding-top:0;
 background-image:url('/graf/cabecera/cabecera-colegio-fernan.png');
 background-size:2560px auto;
 background-position:50% bottom;
 background-repeat:no-repeat;
 height:253px;
 z-index:10;
}
.cabecera .imagen_cabecera{
 width:1663px;
}
.cabecera .logo_cabecera{
 position:absolute;
 width:227px;
 top:50px;
 left:50%;
 margin-left:-112.5px;
}
.cabecera .logo_cabecera img{
 width:100%;
}
.menu{
 position:relative;
 float:left;
 width:100%;
  z-index:9;
  background-color:#0092C6;
  margin-top:-16px;
  height:45px;
  overflow:hidden;
}
.menu .menu_int{
 position:relative;
 float:left;
 width:1400px;
 left:50%;
 margin-left:-700px;
}

.menu .menu_int ul.barra_menu{
 float:left;
 position:relative;
 width:100%;
 list-style:none;
 margin:0;
 padding:0;
 text-align:center;
}
.menu .menu_int ul.barra_menu li{
 float:left;
 width:12.5%;
 text-align:center;
}

.menu .menu_int ul.barra_menu li a{
 text-decoration:none;
 color:#fff;
 font-size:1.5em;
 font-weight:normal;
 font-family: 'Pacifico', cursive;
}
.menu .menu_int ul.barra_menu li a:hover{
 text-decoration:underline;
}
.menu .menu_int ul.barra_menu  a.seleccionado{
  text-decoration:underline;
}





/* ////////////////////////////////////////////// CONTENIDO ////////////////////////////////////// */
.main{
 position:relative;
 float:left;
 width:100%;
 z-index:5;
 background-image:url('/graf/fondo/background-colegio-fernan.png');
 overflow-x:hidden;
}
.main .contenido{
 position:relative;
 float:left;
 width:1200px;
 left:50%;
 margin-left:-600px;
}
.main .bloque_interior{
 position:relative;
 float:left;
 width:100%;
 text-align:justify;
 margin:50px 0;
 background-image:url('/graf/fondo/libreta-colegio-fernan-1.png');
 background-position:left top;
 background-repeat:repeat-x;
 box-shadow:1px 5px 5px #888;
 -moz-box-shadow:1px 5px 5px #888;
 -webkit-box-shadow:1px 5px 5px #888;
}
.main .bloque_interior .contenido_blanco{
 position:relative;
 float:left;
 width:100%;
 margin-top:43px;
 background-color:#fff;
}

.main .contenido .titulo{
 position:relative;
 float:left;
 width:100%;
 margin:50px 0;
 text-align:center;
 /*border-bottom:1px solid #fff;*/
}
.main .contenido .titulo h1{
 margin-bottom:0;
}
.main .contenido .texto{
 position:relative;
 float:left;
 width:80%;
 left:50%;
 margin-left:-40%;
}
.main .contenido .texto p{
 text-align:justify;
}
.copy{
 position:relative;
 float:left;
 width:100%;
}
.copy .copy_int{
 position:relative;
 float:left;
 width:1368px;
 left:50%;
 margin-left:-684px;
 /*height:288px;
 background-image:url('/graf/fondo/copy-fernan-caballero-1.jpg');
 background-position:50% top;
 background-size:cover;*/
 background-color:#573314;
}

.copy .copy_int .copy_item{
 position:relative;
 float:left;
 width:49%;
 margin:0.5% 0.5% 0;
 box-sizing:border-box;
 background-color:#936340;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.copy .copy_int #copy_izquierda{
  font-family: 'Pacifico', cursive;
  text-align:right;
}
.copy .copy_int a[href^="tel:"]{
 text-decoration:none;
 color:#000;
 font-weight:bold;
 font-size:1.2em;
}
.copy .copy_int a[href^="mailto:"]{
 text-decoration:none;
 color:#000;
 font-weight:bold;
 font-size:1.2em;
}
.copy .copy_int a{
 text-decoration:none;
 color:#000;
}
.copy_item_i{
  position:relative;
  float:left;
  width:90%;
  margin:5% 2% 0 8%;
  padding:2% 5% 2% 1%;
  font-size:1.5em;
  height:165px;
  background-color:#fff;
  box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.copy_item_i:before{
content:"";
position:absolute;
top:0;
left:0;
border-width:62px 55px 0 0;
border-style:solid;
border-color:#936340 #aaa #aaa;/* color borde y pestaña */
background:658E15;
/* sombra pestaña opcional*/
-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.3), 4px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 0 rgba(0,0,0,0.3), 4px 3px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 0 rgba(0,0,0,0.3), 4px 2px 3px rgba(0,0,0,0.2);
}
.copy_item_i p{
 margin-top:0;
}
.copy_item_d{
position:relative;
  float:left;
  width:90%;
  margin:5% 8% 0 2%;
  padding:2% 1% 2% 5%;
  height:165px;
  background-color:#fff;
  box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.sobre_email{
  vertical-align:middle;
  padding-right:12px;
  width:12%;
  max-width:99px;
}
.anillas{
 position:absolute;
 width:6%;
 left:50%;
 margin-left:-3%;
 top:30%;
 height:70%;
 background-image:url('/graf/fondo/anilla.png');
 background-size:100% auto;

}
.logo_junta{
	position:relative;
	float:left;
	width:50%;
 padding:0 0 0 25%;
  box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;

}
.logo_junta img{
 width:100%;
}
.datos_copy{
 position:relative;
 float:left;
 width:50%;
}
/* //////////////////// INDEX ////////////////////// */
.noticias_index{
 position:relative;
 float:left;
 width:100%;
}


.suscripcion
	{
		border:0px solid red;
		display:table;
		margin:0 auto;
		padding-bottom:80px;
	}

#suscripciones
	{
		display:table;
		margin:0 auto;
		border:0px solid red;
	}

#suscripciones	a
	{text-decoration:none;color:#000;}

@media (min-width: 530px)
	{
		#suscripciones	#sub_1
			{float:left;font-weight:bold;font-size:11pt;margin-top:2px;}

		#suscripciones	#sub_2
			{float:left;margin-left:10px;}

		#suscripciones	#sub_3
			{float:left;margin-left:10px;}
	}

@media (max-width: 530px)
	{
		#suscripciones	#sub_1
			{float:none;text-align:center;font-weight:bold;font-size:11pt;margin-top:2px;}

		#suscripciones	#sub_2
			{float:none;text-align:center;margin-left:10px;margin-top:10px;}

		#suscripciones	#sub_3
			{float:none;text-align:center;margin-left:10px;margin-top:10px;}
	}

.boton_subcripcion
	{
		background-color:#EBEBEB;
		border:1px solid #D8D8D8;
		padding:2px 10px;
		border-outline:0;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

.boton_subcripcion:hover
	{
		transition: all .6s;
		border:1px solid #046184;
		background-color:#000;
		color:#fff;
	}

#suscripciones	#sub_2	input
	{
		font-size:11pt;
	}



.subtitulo{
 position:relative;
 float:left;
 width:100%;
 margin:20px 0;
 text-align:center;
}
.subtitulo a{
 text-decoration:none;
 color:#000;
 font-family: 'Pacifico', cursive;
 font-size:1.8em;
 padding:5px 20px;
 border:2px solid #000;
}
.subtitulo a:hover{
 background-color:#0092c6;
 color:#fff;
}
.subtitulo .clip_amarillo{
 position:absolute;
 width:73px;
 left:50%;
 margin-left:-131px;
 top:-30px;
}
.subtitulo .clip_amarillo img{
 width:100%;
}
.lapiz_rojo_index{
 position:absolute;
 width:290px;
 right:-140px;
 top:117px;
 right:-110px;
 z-index:9;
}
.lapiz_rojo_index img{
 width:100%;
}
.goma_index{
 position:absolute;
 width:160px;
 top:-9px;
 left:-53px;
}
.goma_index img{
 width:100%;
}
.gafas_index{
 position:absolute;
 width:350px;
 left:-305px;
 top:50%;
}
.gafas_index img{
 width:100%;
}
.clip_index{
 position:absolute;
 width:100px;
 right:-66px;
 top:80%;
}
.clip_index img{
 width:100%;
}
.mosaico_noticas_index{
 position:relative;
 float:left;
 width:100%;
 padding:0 3%;
 margin:40px 0;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.mosaico_noticas_index .mosaico_noticas_item{
 position:relative;
 float:left;
 width:33.3%;
 padding:0 3%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.mosaico_noticas_index .mosaico_noticas_item .imagen_principal{
 position:relative;
 float:left;
 width:100%;
 height:250px;
 background-size:cover;
 background-position:50% 50%;
}
.mosaico_noticas_index .mosaico_noticas_item  .titulo_entrada{
 position:relative;
 float:left;
 width:100%;
 text-align:center;

 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin:10px 0 0;
}
.mosaico_noticas_index .mosaico_noticas_item  .titulo_entrada h2{
 margin:0;
}
.mosaico_noticas_index .mosaico_noticas_item .entradilla_noticia{
 position:relative;
 float:left;
 width:100%;
 height:140px;
 overflow:hidden;
}
.alineado_dcha{
 text-align:right;
}
.leer_mas{
	font-family: 'Pacifico', cursive;
	text-decoration:none;
	color:#000;
	font-size:1.2em;
}
.mitad_bloque{
 position:relative;
 float:left;
 width:50%;
 padding:5%;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.sabias{
 text-align:center;
}
.sabias p{
 font-size:1.5em;
 text-align:center;
}
.sabias a{
 text-decoration:none;
 color:#000;
}
.sabias a:hover{
 color:#DC6666;
}
.sabias img{
 width:50%;
}
.mitad_bloque .bocadillo1{
 position:absolute;
 width:60%;
 background-image:url('/graf/fondo/sabias-que-colegio.png');
 background-size:100% auto;
 left:50%;
 margin-left:-30%;
 top:-200px;
 background-repeat:no-repeat;
}
.mitad_bloque .bocadillo1 img{
 width:100%;
 visibility:hidden;
}
.mitad_bloque .bocadillo1 .texto_bocadillo1{
 position:absolute;
 width:100%;
 top:29%;
 text-align:center;
 font-size:2.2em;
}
.mitad_bloque .bocadillo2{
 position:absolute;
 width:60%;
 background-image:url('/graf/fondo/material-didactico-colegio.png');
 background-size:100% auto;
 left:50%;
 margin-left:-30%;
 top:-180px;
 background-repeat:no-repeat;
}
.mitad_bloque .bocadillo2 img{
 width:100%;
 visibility:hidden;
}
.mitad_bloque .bocadillo2 .texto_bocadillo2{
 position:absolute;
 width:100%;
 top:8%;
 text-align:center;
 font-size:2em;
}
.texto_material_index{
 position:relative;
 float:left;
 width:100%;
/* font-family: 'Pacifico', cursive;*/
font-weight:normal;
 font-size:1.5em;
 padding:0 11%;
 text-align:left;
 margin-bottom:75px;
   box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.machango_index{
 position:absolute;
 bottom:-93%;
 width:150%;
 right:-50%;
}
.machango_index img{
 width:100%;
}
.iconitos_index{
 position:relative;
 width:100%;
 text-align:center;
 float:left;
 margin-top:15%;
}
.iconitos_index img{
 width:30.3%;
 padding:0 2%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.flecha_index{
 position:absolute;
 width:93px;
 background-image:url('/graf/fondo/flecha-fernan-caballero.png');
 bottom:-72%;
 right:14%;
 background-size:100% auto;
 background-repeat:no-repeat;
 }
.flecha_index img{
 width:100%;
 visibility:hidden;
}
.flecha_index .texto_flecha_index{
 position:absolute;
 top:0;
 width:100%;
 top:-11%;
 text-align:center;
}
.flecha_index .texto_flecha_index a{
 text-decoration:none;
 color:#000;
}
.flecha_index:hover{
 transform:scale(1.5, 1.5);
 -ms-transform:scale(1.5, 1.5);
 -moz-transform:scale(1.5, 1.5);
 -o-transform:scale(1.5, 1.5);
 -webkit-transform:scale(1.5, 1.5);
}
.transportador{
 position:absolute;
 top:40%;
 left:-260px;
 width:300px;
}
.transportador img{
 width:100%;
}
.imagen_historia{
 float:left;
 width:200px;
 padding-right:2%;
 padding-bottom:2%;
}
.fuente{
 text-align:right;
 font-size:0.9em;
}
.fuente a{
 text-decoration:none;
 color:#000;
}
/* //////////////////////////////////// BLOG //////////////////////////////// */
.gafas_noticias{
 position:absolute;
 left:-310px;
 width:350px;
 top:50%;
 z-index:9;
}
.gafas_noticias img{
 width:100%;
}
.goma_noticias{
 position:absolute;
 width:160px;
 top:40px;
 right:-85px;
}
.goma_noticias img{
 width:100%;
}
.contenido_blog{
 position:relative;
 float:left;
 width:100%;
}
.columna_categorias_blog{
 position:relative;
 float:left;
 width:100%;

}
.columna_categorias_blog  a{
 text-decoration:none;
 color:#000;
}
.columna_categorias_blog .bloque_cat{
 position:relative;
 float:left;
 /*width:60%;
 left:50%;
 margin-left:-30%;*/
 width:250px;
 /* background-color:#fff;
  padding:2% 5%;*/
  left:50%;
  margin-left:-125px;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 text-align:center;
}
.columna_categorias_blog select{
 padding:4px 8px;
 color:#333;
 border:none;
 font-size:1.3em;
 width:250px;
 height:30px;
 background:#fff;

}
.columna_categorias_blog select:focus{
 outline:none;
}
.columna_categorias_blog .caja_select{
margin:9px auto;
     border:1px solid #d9d9d9;
     height:30px;
     width: 240px;
     overflow: hidden;
     position:relative;
}
.columna_categorias_blog .caja_select:after{
content:"\025be";
     display:table-cell;
     text-align:center;
     padding-top:7px;
     width:30px;
     height:30px;
     background-color:#d9d9d9;
     position:absolute;
     top:0;
     right:0px;
     pointer-events: none;
}


/* /////////////////////////// PAGINADOR  /////////////////////////////// */
#barra_portafolio{
 position:relative;
 float:left;
 width:88%;
padding:0 6%;
margin-bottom:50px;
}
#barra_portafolio a{
 text-decoration:none;
 color:#000;
}
#barra_portafolio #boton_izquierda_post,
#barra_portafolio #boton_derecha_post,
#barra_portafolio #boton_izquierda,
#barra_portafolio #boton_derecha
{
 position:relative;
 float:left;
 width:20%;
 text-align:center;
 color:#000;
 padding:5px 0;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
#barra_portafolio #boton_izquierda_post img,
#barra_portafolio #boton_derecha_post img,
#barra_portafolio #boton_izquierda img,
#barra_portafolio #boton_derecha img{
  width:50px;
}
#barra_portafolio #boton_izquierda:hover,
#barra_portafolio #boton_derecha:hover{

}
#barra_portafolio #boton_izquierda a,
#barra_portafolio #boton_derecha a{
 color:#000;
}
#barra_portafolio #boton_izquierda:hover span,
#barra_portafolio #boton_derecha:hover span,
#barra_portafolio #boton_izquierda:hover a,
#barra_portafolio #boton_derecha:hover a{
 color:#fff !important;
}
#barra_portafolio #numeracion_centro_post,
#barra_portafolio #numeracion_centro{
 text-align:center;
 position:relative;
 float:left;
 width:60%;
  padding:5px 0;
}
 #numeracion_centro_post_movil{
  display:none;
 }
#barra_portafolio #numeracion_centro_portafolio{
 position:relative;
 float:left;
 width:100%;
 text-align:right;
}
/* //////////////// LEER ENTRADA /////////////////////////////////////// */
.contenido_blog_entrada{
 position:relative;
 float:left;
 width:80%;
 left:50%;
 margin-left:-40%;
 background-color:#fff;
 padding:5%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
.contenido_blog_entrada .entrada_item{
 position:relative;
 float:left;
 width:100%;
 margin-bottom:40px;
}
.contenido_blog_entrada .entrada_item .entrada_cabecera{
 position:relative;
 float:left;
 width:100%;
}
.contenido_blog_entrada .entrada_item .entrada_cabecera img{
 width:45%;
 margin-right:5%;
 float:left;
}
.contenido_blog_entrada .entrada_item  .entrada_contenido{
 position:relative;
 float:left;
 width:100%;
 text-align:justify;
}

.contenido_blog_entrada .entrada_item  .entrada_contenido	img
	{max-width:100%;height:auto !important;}
/* /////////// COMENTARIOS //////////////////////////////// */
#ins_comentario{
 position:relative;
 float:left;
 width:78%;
 margin:50px 0;
}
#ins_comentario #con_ins_coment{
 position:relative;
 float:left;
 width:100%;
}
#ins_comentario #con_ins_coment .ins_con_der{
 position:relative;
 float:left;
 width:100%;
}
#ins_comentario #con_ins_coment .ins_con_der input{
 width:98%;
 font-size:1.2em;
}
#ins_comentario #con_ins_coment .ins_con_der textarea{
width:98%;
height:70px;
font-family:arial;
margin-top:15px;
font-size:1.2em;
}
#ins_comentario #con_ins_coment #blog_captcha{
 position:relative;
 float:left;
 width:100%;
 margin-top:1em;
}

#ins_comentario #con_ins_coment #blog_captcha	#el_captcha
	{float:left;}
#ins_comentario #con_ins_coment #blog_captcha	#el_submit
	{float:right;}


#ins_comentario #con_ins_coment #blog_captcha #boton_form_coment{
 width:100px;
 height:30px;
 float:right;
 margin-top:15px;
 background-color:#e9e9e9;
 border:1px solid #000;
}
#ins_comentario #con_ins_coment #blog_captcha #boton_form_coment:hover{
 background-color:#3A3936;
 color:#fff;
}


#ins_comentario .mensaje_coment{
 position:relative;
 float:left;
 width:100%;
 font-weight:bold;
 color:red;
 font-size:1.2em;
}
.comentarios{
 position:relative;
 float:left;
 width:78%;
 margin:0;
}
.comentarios .respuesta_blog{
 position:relative;
 float:left;
 width:100%;
}
.comentarios .respuesta_blog .nombre_respuesta_blog{
 position:relative;
 float:left;
 width:95%;
 padding-left:5%;
 padding-top:20px;
 border-bottom:1px solid #ccc;
}
.comentarios .respuesta_blog .contenido_respuesta_blog{
 position:relative;
 float:left;
 width:90%;
 padding:5%;
}
.redes_compatir{
 position:relative;
 float:left;
 width:174px;
 left:50%;
 margin-left:-87px;
}
.redes_compatir #proy_boton2,#proy_boton4{
 position:relative;
 float:left;
 margin-right:10px;
}

/* ////////////////////////////////// EQUIPO //////////////////////////////////// */
.no_margen_inferior{
 margin:50px 0 0 !important;
}
.mosaico_equipo{
 position:relative;
 float:left;
 width:100%;
 margin:0 0 50px;
 padding:0 3%;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
.mosaico_equipo .titulo_categoria{
 position:relaitive;
 float:left;
 width:100%;
 text-align:center;
 margin:30px 0;
}
.mosaico_equipo .titulo_categoria h2{
 border-bottom:1px solid #ccc;
 font-size:2em;
}
.contenido_equipo_item{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
}
.mosaico_equipo .equipo_item{
 width:33.3%;
 margin:0 auto;
 padding:0 5%;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 display:inline-block;
}
.mosaico_equipo  .foto_equipo {
 /*width:100%;*/
 width:200px;
 height:200px;
  border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 border:1px solid #0092C6;
 background-size:cover;
 background-position:50% 50%;
 display:inline-block;

}
.mosaico_equipo  .foto_equipo img{
 width:80%;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 border:1px solid #0092C6;
}
.mosaico_equipo .texto_equipo{
width:100%;
height:100px;
line-height:1;
overflow:hidden;
}
.mosaico_equipo .texto_equipo h3{
 font-size:1.5em;
 margin-bottom:0;
}
.lapiz_equipo{
 position:absolute;
 width:290px;
 left:-170px;
 top:165px;
 z-index:9;
}
.lapiz_equipo img{
 width:100%;
}
.rotu_equipo{
 position:absolute;
 width:700px;
 bottom:0;
 right:-135px;

}
.rotu_equipo img{
 width:100%;
}

/* ///////////////////////////////////// MATERIAL ///////////////////////////////////// */
.texto_intro_material{
 text-align:center;
 font-size:1.2em;
 margin:0 0 50px;
}
.ciclo_item{
 position:relative;
 float:left;
 width:100%;
 padding:2% 5%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
.ciclo_item h2{
 text-align:center;
 font-size:2em;
}
.curso_item{
 position:relative;
 float:left;
 width:100%;
 padding:1% ;
 cursor:pointer;
 text-align:center;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
/* background-color:#D0D1D3;*/
 margin:20px 0;
}
/*.curso_item h3*/
.curso_item .nombre_curso_material
{
 font-size:1.5em;
 margin:0;
 font-weight:normal;
 font-family: 'Pacifico', cursive;
 background-color:rgba(0,0,0,0.18);
 padding:8px 10px;
 color:#fff;
}
.material_item{
 position:relative;
 float:left;
 width:60%;
 left:50%;
 margin-left:-30%;
 background-color:#fff;
 padding:2%;
 display:none;
  box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 }
 .material_item h3{
  text-align:center;
  font-size:1.5em;
 }
 .clip1_material{
 position:absolute;
 top:96px;
 right:69px;
 width:100px;
}
.clip2_material{
 position:absolute;
 top:54px;
 right:115px;
 width:100px;
}
.clip3_material{
 position:absolute;
 top:96px;
 right:69px;
 width:100px;
}
.clip1_material img,
.clip2_material img,
.clip3_material img{
 width:100%;
}
.cera_material{
 position:absolute;
 bottom:95px;
 left:-130px;
 width:150px;
}
.cera_material img{
 width:100%;
}
 /* ///////////////////////// CONTACTO //////////////////////////////////// */
 .contacto{
  position:relative;
   float:left;
   width:100%;
 }
 .mapa{
  position:relative;
  float:left;
  width:100%;
  border:3px solid #E9AE4A;
  margin-top:10px;
 }
 .bloque_contactar{
  position:relative;
  float:left;
  width:50%;
  margin-bottom:50px;
  padding:0 5%;
    box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
  }
   .bloque_contactar h3{
    font-size:2em;
	margin-top:0;
   }
 .bloque_contactar a[href^="tel:"]{
 text-decoration:none;
 color:#4b90af;
 font-weight:bold;
 font-size:1.8em;
}
.bloque_contactar a[href^="mailto:"]{
 text-decoration:none;
 color:#000;
 font-weight:bold;
 font-size:1.2em;
}
.formulario_contacto{
 position:relative;
 float:left;
 width:50%;
 margin-bottom:50px;
}
.formulario_contacto a{
 text-decoration:none;
 color:#000;
}
.formulario_contacto .caja_nombre{
 position:relative;
 float:left;
 width:48%;
 margin-right:2%;
 margin-bottom:10px;
}
.formulario_contacto .caja_telefono{
 position:relative;
 float:left;
 width:48%;
 margin-left:2%;
 margin-bottom:10px;
}

.formulario_contacto .caja_email,
.formulario_contacto .caja_consulta,
.formulario_contacto .caja_enviar{
 position:relative;
 float:left;
 width:100%;
 margin-bottom:10px;
}

.formulario_contacto .caja_nombre input,
.formulario_contacto .caja_telefono input,
.formulario_contacto .caja_email input,
.formulario_contacto .caja_consulta textarea {
 width:100%;
}
.mesaje_error_form{
 position:relative;
 float:left;
 width:100%;
 color:red;
 margin-top:40px;
}
.gafas_contacto{
 position:absolute;
 bottom:30%;
 left:-140px;
 width:330px;
 z-index:9;
 transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
}
.gafas_contacto img{
 width:100%;
}
/* /////////////////////////////// COLEGIO ///////////////////////// */
.contenido_colegio{
 position:relative;
 float:left;
 width:90%;
 margin:0 5% 50px;
 /*padding:0 5%;*/
 text-align:justify;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
}
.foto_principal_colegio{
 width:100%;
 visibility:hidden;
}
.nina_colegio{
 position:absolute;
 bottom:53px;
 left:-126px;
 width:300px;
 z-index:9999;
}
.nina_colegio img{
 width:100%;
}
.enlace_instalaciones{
 position:relative;
 float:left;
 width:100%;
 text-align:center;
 margin:0 0 50px;
}
.enlace_instalaciones a{
 text-decoration:none;
 color:#000;
 padding:5px 20px;
 border:3px solid #000;
 font-family: "Pacifico",cursive;
 font-size:1.5em;
}
.enlace_instalaciones a:hover{
 background-color:#0092C6;
 color:#fff;
}

/* ///////////////////////////// INSTALACIONES /////////////////////// */
#texto_pinchos{
 position:relative;
 float:left;
 width:100%;

}
.pincho_item{
  position:relative;
  float:left;
  width:23%;
  /*height:150px;*/
  background-position:50% 50%;
  background-size:cover;
  margin-bottom:20px;
  overflow:hidden;
  margin-left:1%;
  margin-right:1%;
}
.pincho_item:hover{
 transform:rotate(5deg);
 -ms-transform:rotate(5deg);
 -webkit-transform:rotate(5deg);
 -o-transform:rotate(5deg);
 -moz-transform:rotate(5deg);
}
.pincho_item a{
 width:100%;
 height:100%;
 float:left;
}
.pincho_item .mascara_pincho{
    position:absolute;
	background-color:rgba(233,233,231,0.8);
	width:100%;
	height:100%;
	opacity:1;
	text-align:center;
	/*transform: translate(50%, 82%) rotate(60deg);*/ /*Rotamos para dar efecto de diagonal y lo movemos por donde queremos que entre.*/
	/*-webkit-transform: translate(50%, 82%) rotate(60deg);
	-ms-transform: translate(50%, 82%) rotate(60deg);
	-moz-transform: translate(50%, 82%) rotate(60deg);
	-o-transform: translate(50%, 82%) rotate(60deg); */
	transform: scale(0,0) rotate(0deg);
	-webkit-transform: scale(0,0)  rotate(0deg);
	-ms-transform: scale(0,0)  rotate(0deg);
	-moz-transform: scale(0,0)  rotate(0deg);
	-o-transform: scale(0,0)  rotate(0deg);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	z-index:9;
}
.pincho_item:hover .mascara_pincho{
  opacity:1;
  /*
	transform: translate(0,0) rotate(0deg);
	-webkit-transform: translate(0,0) rotate(0deg);
	-moz-transform: translate(0,0) rotate(0deg);
	-o-transform: translate(0,0) rotate(0deg);
	-ms-transform: translate(0,0) rotate(0deg);*/
	transform: scale(1,1) rotate(360deg);
	-webkit-transform: scale(1,1)  rotate(360deg);
	-ms-transform: scale(1,1)  rotate(360deg);
	-moz-transform: scale(1,1)  rotate(360deg);
	-o-transform: scale(1,1)  rotate(360deg);
}
.pincho_item .mascara_pincho img{
 width:0;
}
.pincho_item:hover .mascara_pincho img{
  padding-top:10%;
  width:80%;
}
#barra_instalaciones{
 position:relative;
 float:left;
 width:98%;
padding:0 1%;
margin-bottom:50px;
}
#barra_instalaciones a{
 text-decoration:none;
 color:#000;
}
#barra_instalaciones #boton_izquierda_post,
#barra_instalaciones #boton_derecha_post,
#barra_instalaciones #boton_izquierda,
#barra_instalaciones #boton_derecha
{
 position:relative;
 float:left;
 width:20%;
 text-align:center;
 background-color:#0092C6;
 color:#fff;
 padding:5px 0;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
#barra_instalaciones #boton_izquierda_post:hover,
#barra_instalaciones #boton_derecha_post:hover,
#barra_instalaciones #boton_izquierda:hover,
#barra_instalaciones #boton_derecha:hover
{
 background-color:#5A287F;
}
#barra_instalaciones #boton_izquierda_post a,
#barra_instalaciones #boton_derecha_post a,
#barra_instalaciones #boton_izquierda a,
#barra_instalaciones #boton_derecha a{
 color:#fff !important;
}
#barra_instalaciones #boton_izquierda_post img,
#barra_instalaciones #boton_derecha_post img,
#barra_instalaciones #boton_izquierda img,
#barra_instalaciones #boton_derecha img{
  width:65px;
}
#barra_instalaciones #boton_izquierda:hover,
#barra_instalaciones #boton_derecha:hover{

}
#barra_instalaciones #boton_izquierda a,
#barra_instalaciones #boton_derecha a{
 color:#000;
}
#barra_instalaciones #boton_izquierda:hover span,
#barra_instalaciones #boton_derecha:hover span,
#barra_instalaciones #boton_izquierda:hover a,
#barra_instalaciones #boton_derecha:hover a{
 color:#fff !important;

}
#barra_instalaciones #numeracion_centro_post,
#barra_instalaciones #numeracion_centro{
 text-align:center;
 position:relative;
 float:left;
 width:60%;
  padding:5px 0;
}
 #barra_instalaciones #numeracion_centro_post_movil{
  display:none;
 }
#barra_instalaciones #numeracion_centro_portafolio{
 position:relative;
 float:left;
 width:100%;
 text-align:right;
}


.div_pdf
	{
		display:grid;
		grid-template-columns:repeat(9,90px);
		grid-gap:20px;
		margin:20px auto;
	}

.div_pdf>div
	{border:1px solid #ccc;padding:10px 0;}

.img-pdf-div	{width:100%;}
.txt-pdf-div	{text-align:center;font-size:8pt;border-top:1px solid #ccc;height:15px;overflow:hidden;padding:0 3px;}
.del-pdf-div	{text-align:right;padding-right:5px;margin-top:4px;}



/* Edit 05/11/2020 */

.grid-doc
	{
		display:grid;
		grid-gap:20px;
		margin:0 auto;
		width:98%;
		max-width:800px;
		padding-bottom:100px;
	}

@media (min-width: 860px){
.template-doc	{grid-template-columns:repeat(4,1fr);}
}

@media (max-width: 860px) and (min-width:500px){
.template-doc	{grid-template-columns:repeat(2,1fr);}
}


@media (max-width: 500px){
.template-doc	{grid-template-columns:repeat(1,1fr);}
}




.doc-img
	{
		width:100%;
		height:auto;
		object-fit:cover;
		text-align:center;
		padding:5px;
	}
.doc-tit
	{
		text-align:center;
		font-family:Pacifico;
		font-size:16pt;
	}

.grid-doc>div
	{
		border:1px solid transparent;
		transition: all .6s;
	}


.grid-doc>div:hover
	{
		border:1px solid #ccc;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);

	}