@charset "utf-8";
/* CSS Document

*/


@font-face {
  font-family: 'juan_camacho';
  src: url("juancamacho-regular-webfont.woff") format("woff"),
	  url("juancamacho-regular-webfont.woff2") format("woff2");
	  	font-style: normal;
  font-weight: normal;
}
@font-face {	
	  font-family: 'stampete';
	src:  url("stampete-2www-webfont.woff") format("woff"),
	  url("stampete-2www-webfont.woff") format("woff2");
	
}

@font-face {
    font-family: 'monospacetypewriterregular';
    src: url('monospacetypewriter-webfont.woff2') format('woff2'),
         url('monospacetypewriter-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.slider-container {
  display: flex;
  width: 100%;
  height: 30vh;
  overflow-x: scroll

  /* Vamos a añadir esto 👇 */
  scroll-snap-type: x mandatory;
}

.slider-container img {
  flex: 0 0 100%;
  width: 100%;
  object-fit: cover;

  /* Vamos a añadir esto 👇 */
  scroll-snap-align: center;
}


.div_contenedor {
			
	position: relative;
	padding-bottom: 75%; /*panorámico*/
	padding-top: 25px;
	height: 0;
}
.div_contenedor iframe {
    position: absolute;
    top: 21px;
    left: -1px;
    width: 100%;
    height: 100%;
}

.div_contenedor_dibujos {

	position: relative;
	padding-bottom: 120%; /*panorámico*/
	padding-top: 25px;
	height: 0;
}
.div_contenedor_dibujos iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
}


.argolla{
	width:100%;
	background-image:url("../img/argollado.png");
	height:40px;
}
.cuadro_sstatements_negro,.cuadro_museo,.cuadro_convenciones_statements,.cuadro_sstatements,.cuadro_s_seflies,.cuadro_seflies{
background-color:#F5f3f1;	
	
}

.enblanco{
	width:90%;
background-color:#F5f3f1;
	border:2px solid #d55292;
}

.izquierda{
width:100%;
	display:flex;
	float:left;

	text-align:justify;

}

.derecha{
width:100%;
	display:flex;
	float:left;
	justify-content: center;
	

}
.izq-der{
	width:100%;
	display:block;
	float:left;

}

.izquierda p{
	font-size:1em;
}

.derecha img{
	width:180px;

	
}
.completo{
	width:100%;
	border: 0px solid #DE03E4;
	 display: flex;
  justify-content: center;
}

.cuerpo{
	width:100%;
	
}
.cuadro_inventario{
	width:100%;
background-color:#f5f3f1;
	
	
}


.header72{
	width:100%;
	display: block;
	height:40px;
		background-color:#F5F3F1;
	border-left: 2px solid #d55292;
		border-right: 2px solid #d55292;
}
.inventario{
	width:100%;
	font-family: 'STAMPETE';
	display: block;
	align-content: center;
	text-align: center;
	color:#026313;
border-left: 2px solid #d55292;
		border-right: 2px solid #d55292;
/*		border-top: 1px solid #d55292;*/
	border-bottom:1px solid #d55292;
		background-color:#F5F3F1;

}
.realizado_contacto {
width:100%;
	height:3px;
	display:flex;
	float:left;
	background-color: #ff6fb2;	
	}

.realizado{
	width:50%;
	display:flex;
	float:left;
	border-left: 2px solid #d55292;
	border-bottom: 1px solid #A2D9E4;
		border-right: 0px solid #d55292;
	border-top: 0px solid #d55292;
	background-color: #EEFCFF;
		/*background-image:url("../img/fondo_celdas_3.jpg");*/
	
	}
.realizado p{
	color:#42818e;
}

.juan{
width:50%;
	display:flex;
	float:left;
	border-right: 2px solid #d55292;

		border-bottom: 1px solid #A2D9E4;
		background-color: #EEFCFF;
		/*background-image:url("../img/fondo_celdas_3.jpg");*/
			
	
}
.juan p{
	color:#42818e;
	text-align: right;

}
.header{
	width:100%;
border:0px;
	display: block;

}



.id1,.id2{
	width: 27%;
	border-bottom: 1px solid #a2d9e4;
	border-left: 2px solid #d55292;
	display: flex;
	float:left;
/*	background-color: #f5f3f1;*/
/*	background-image:url("../img/fondo_celdas_2.jpg");*/

}
.id1 p{
	color:#d55292;
/*font-family: 'monospacetypewriterregular';*/
	font-style:bold;
}

.id2 p{
	color:#d55292;
/*font-family: 'monospacetypewriterregular';*/
	font-style:bold;
}

.nombre1 p,.nombre2 p{
	color:#000000;
/*font-family: 'monospacetypewriterregular';*/
	font-style:bold;
}

.cantidad1,.cantidad2,.cantidad3 p{
	color:#000000;

/*font-family: 'monospacetypewriterregular';*/
	font-style:bold;
	align-content: center;

}

.fecha1,.fecha2{
	width: 13%;
	border-bottom: 1px solid #a2d9e4;
	border-left: 1px solid #d55292;
	display: flex;
	float:left;
/*background-image:url("../img/fondo_celdas_2.jpg");*/

}

.ubicacion1,.ubicacion2,.realizado,.juan,.inventario p{
	color:#42818E;
/*	font-family:'monospacetypewriterregular';*/
}
.fecha1,.fecha2{
	color:#000000;
}

.subtotal1,.subtotal2,.subtotal3 p{
color:#42818E;	
	
}



.nombre1,.nombre2{
	width: 40%;
border-bottom: 1px solid #a2d9e4;
	border-left: 1px solid #d55292;
	display: flex;
	float:left;	
/*	background-color: #dceed6;*/
/*	background-image:url("../img/fondo_celdas_2.jpg");*/

}




.cantidad1{
	width: 10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;
	display: flex;
	float:left;
	justify-content: center;


	background-image:url("../img/fondo_celdas.jpg");
}


.cantidad2{
	width: 10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;
	display: flex;
	float:left;
	justify-content: center;	
		background-image:url("../img/fondo_oscuro.jpg");
}



.cantidad3{
	width: 10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;

	display: flex;
	float:left;
	justify-content: center;

	
}


.ubicacion3{
width: 10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;
			border-right: 2px solid #d55292;
	display: flex;
	float:left;
	justify-content: center;

	
}

.cantidad1,.cantidad2 p{
/*font-family:'juan_camacho';*/
	
}

.ubicacion2{
	width:10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;
	border-right:2px solid #d55292;
	display: flex;
	float:left;
		background-color: #dceed6;
	justify-content: center;
	background-image:url("../img/fondo_oscuro.jpg");
}

.ubicacion1{
	width:10%;
	border-bottom: 1px solid #a2d9e4;
		border-left: 1px solid #d55292;
	border-right:2px solid #d55292;
	display: flex;
	float:left;
		background-color: #dceed6;
	justify-content: center;
	background-image:url("../img/fondo_celdas.jpg");
	
}


.id1,.nombre1,.fecha1,.cantidad1,.ubicacion1,.firmado,.sello{
	background-color: #F5f3f1;

}


.id2,.nombre2,.fecha2,.cantidad2,.cantidad3,.ubicacion2,.ubicacion3{
	background-color: #F1EBDD;
	
}

.footer{
	width:100%;
	display:block;
	position:relative;
	border-top: 0px solid #d55292;

}

.subtotal1{
	width:80%;
	display:flex;
	float:left;
	background-color: #f5f3f1;
	border-left: 2px solid #d55292;
	justify-content: center;
	 color:#d55292;	
/*	border-top: 1px solid #d55292;*/
	border-bottom: 1px solid #d55292;
		background-image:url("../img/fondo_celdas_2.jpg");
}

.subtotal1 p{
	color:#d55292;
}


.subtotal2{
	width:10%;
		display:flex;
	float:left;
	background-color: #f5f3f1;
		background-image:url("../img/fondo_celdas_2.jpg");
;
border-left: 1px solid #d55292;
	position:relative;
	justify-content: center;
	/* border-top: 1px solid #d55292;*/
		border-bottom: 1px solid #d55292;
}

.subtotal3{
	width:10%;
		display:flex;
	float:left;
	background-color: #f5f3f1;
	border-right: 2px solid #d55292;

	position:relative;
	justify-content: center;
	/* border-top: 1px solid #DC5292; */
		border-bottom: 1px solid #d55292;
	border-left: 1px solid #d55292;
		background-image:url("../img/fondo_celdas_2.jpg");

}

.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.ubicacion3 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.subtotal1 p,.subtotal2 p,.subtotal3 p{
/*font-family:'stampete';*/
	font-size: 0.35em;
	
}

.firmado{
	width:80%;
	height:30px;
	display:flex;
	float:left;
	border-top: 1px solid #A2D9E4;
	border-left: 2px solid #d55292;
	border-bottom: 2px solid #d55292;
}

.firmado img{
 width:40px;
}

.sello{
	width:20%;
	height:30px;
	display:flex;
	float:left;
	border-top: 1px solid #A2D9E4;
	border-left: 1px solid #d55292;
	border-right: 2px solid #d55292;
	border-bottom: 2px solid #d55292;
	align-items: center;
	justify-content: center;
	}


.sello img{
 width:40px;
height:40px;
}


.firma{
		width:100%;
	border:0px solid #ffffff;
	 display: flex;
  justify-content: center;
	 font-size:0.6em;
	
}

.firma img{width:45%;}
		

	


.h4quenoes{
	font-size: 1.5em;
	color:#373A3E;
	font-weight:bold;
}

.div_video {
			
	position: relative;
	padding-bottom: 75%; /*panorámico*/
	padding-top: 25px;
	height: 0;
	border:solid #B1CBF3px 0px;
}
.div_video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: solid #B1CBF3px 0px;
}



/*este es el que funcionapara centar elementos dentro del div*/
.centrado{
	width:100%;
	border:0px solid #000000;
	 display: flex;
  justify-content: center;
}
.centrado2{

	border:0px solid #000000;
	 display: flex;
  justify-content: center;
}
.todo{
	width:100%;
	border:0px #FF9600 solid;
	justify-content: center;
	margin: 0 auto;

}

.todo p{
font-size:0.8em;

}

.imagen_centro {
width:100%;
	height:290px;
	border: 0px solid #E31B1E;
	float:left;
	display:flex;
	align-items: center;
	
}
.imagen_centro p{
font-size:0.8em;
	text-align: center;
	
}


.ancho_imagen{
width:100%;	

}

.ancho_imagen_conv_statements{
		width:100%;	
	}

.tablero{

	position:relative;
	float: left;
	display:block;
	width:150px;
	height:400px;
	border: #F88402 solid 0px;
	 justify-content: center;

	text-align:center;
	
 
	/*margin-right: 5px;
	margin-left: 5px;
	martin-top: 5px;
	margin-bottom: 5px;*/
	
	
	
}

.tablero_dibujos{
	
	position:relative;
	float: left;
	display:block;
	width:178px;
	height:450px;
	border: #a94a56 solid 0px;
	 justify-content: center;
margin: auto 0;
	
 
	/*margin-right: 5px;
	margin-left: 5px;
	martin-top: 5px;
	margin-bottom: 5px;*/
}

.cuadro_instagram{
	position:relative;
	bottom:0px;
	float: left;
	display: block;
	width:178px;
	height:300px;
	color:#1ca5dc;
	overflow:visible;
	text-decoration-color: #026821;
	/* justify-content: center;
	align-content: center;*/
	border:0px  #F90004 solid;
}






.tablero_abajo{
	position:relative;
	float: left;
	display:block;
	width:150px;
	height:170px;
	border: 0px solid;
	text-align: center;
	font-size: 0.8em;
}

.tablero_abajo p{
	color:#828282;
}



.cuadro {
		border: 0px solid #0AF800;
		float: left;
	
		/*margin-bottom: 2vh;*/
	height:250px;
	display: flex;
  align-items: center;
  justify-content: center;
	

}

.cuadro p{
	color:#828282;
	margin:10px;
}

.cuadro_s_pedagogia{
	position:relative;
	float: left;
	display: block;
	width:150px;
	height:150px;
	color:#1ca5dc;
	overflow:visible;
	text-decoration-color: #026821;
	background-image:url("../pedagogia/tablero_150.png");
	 /* justify-content: center;
	align-content: center;*/
	border: 0px solid #0064FF;
	font-family:'juan_camacho';
	font-size: 0.5em;
	line-height: 150px;
	text-align: center;
}

.cuadro_s_pedagogia  p{
font-family:'stampete';
	color:#0179F7;
}

.texto_selfies p{
font-family:'juan_camacho';
	font-size: 1.2em;
}

.texto_selfies_H4 p{
font-family:'juan_camacho';
	font-size: 2em;
}


.cuadro_sstatements_negro {
	
	width:160px;
	height:300px;
/*	BORDER:1px solid #000000;*/
	/*background-color:#ffffff;*/
	
	
}


.cuadro_sstatements_negro p,.cuadro_sstatements p,.cuadro_museo p,.imagen_centro p,.todo p,.cuadro_s_seflies p, .horizontal p{
	
color:#828282;
text-align:center;
	
	
}
.cuadro_video {
	
	width:180px;
	BORDER:0px solid #000000;
	/*background-color:#ffffff;*/
	
	
}

.cuadro_sstatements {
		border: 0px solid #0AF800;
		float: left;

		/*margin-bottom: 2vh;*/
	height:300px;
	display:flex;
  align-items: center;
  justify-content: center
		

}


.horizontal{
	border: 0px solid #0AF800;
		float: left;

		/*margin-bottom: 2vh;*/
	height:300px;
	display:flex;
  align-items: center;
  justify-content: center;
	
}


.cuadro_s_seflies {
		border: 0px solid #0AF800;
		float: left;
		/*margin-bottom: 2vh;*/
	height:490px;
	display: flex;
  align-items: center;
  justify-content: center
}

.cuadro_s_palabras {
		border: 0px solid #0AF800;
		float: left;

		/*margin-bottom: 2vh;*/
	height:450px;
	 display: flex;
  justify-content: center;
}



.cuadro_s_palabras p{
text-align:center;

color:#828282;
}

.cuadro_convenciones {
		border: 0px solid #8A02FF;
		float:left;
width:100%;
		/*margin-bottom: 2vh;*/
	height:600px;
	display: flex;
 /* align-items: center;
  justify-content:center;*/
	text-align:left;
	font-size:0.85em;
}


.cuadro_convenciones_statements {
		border: 0px solid #8A02FF;
		float: left;

		/*margin-bottom: 2vh;*/
	height:650px;
	display: flex;
	  margin: 0 auto;
 /* align-items: center;
  justify-content:center;*/
	text-align:left;
	font-size:0.85em;
}

.cuadro_formulario {
		border: 0px solid #8A02FF;
		float: left;
/*	background-color: #ffffff;*/
		/*margin-bottom: 2vh;*/
	height:100vh;
	display: flex;
 /* align-items: center;
  justify-content:center;*/
	text-align:left;
	font-size:1em;
}


.cuadro_seflies {
		border: 0px solid #0AF800;
		float: left;
	background-color: #DB2B2B;
		/*margin-bottom: 2vh;*/
	height:450px;
	display: flex;
  align-items: center;
  justify-content: center
		

}

.cuadro_palabras {
		border: 0px solid #0A4800;
		float: left;
	/*background-color: #f5f5f5;*/
		/*margin-bottom: 2vh;*/
	height:370px;
	 display: flex;
  justify-content: center;
		

}

.cuadro_museo {
		border: 0px solid #0AF800;
		float: left;
	/*background-color: #f5f5f5;*/
		/*margin-bottom: 2vh;*/
	height:400px;
	display: flex;
  align-items: center;
  justify-content: center
		

}


.cuadro_clases {
		border: 0px solid #0AF800;
		float: left;
	/*background-color: #f5f5f5;*/
		/*margin-bottom: 2vh;*/
	height:430px;
	display: flex;
  align-items: center;
  justify-content: center
		

}


.cuadro_statements {
		border: 0px solid #0AF800;
		float: left;
	/*background-color: #f5f5f5;*/
		/*margin-bottom: 2vh;*/
	height:370px;
	display: flex;
  align-items: center;
  justify-content: center
		

}


.click {
		border: 0px solid #0AF800;
		float: left;
	background-color: #000000;
		/*margin-bottom: 2vh;*/
	width:100%;
	display:block;
  align-items: center;
  justify-content: center
		

}
.cuadro_maleta {
	background: #BD4244;
}


.cuadro_palabras{
	/*background: #0F5392;*/
	
}


.cuadro_standup {
	background: #BD4244;
}

.cuadro_dibujos {
	background:#2504F5;
}

.cuadro_otros{
	background: #0F5392;
	
}

.cuadro_statements {
	background: #ffffff;
}

.cuadro_seflies {
	background:#ffffff;
}

.cuadro_peticiones{
	background: #0F5392;
	
}

.cuadro_chat {
	background: #BD4244;
}

.cuadro_postales {
	background:#2504F5;
}

.cuadro_textos{
	background: #0F5392;
	
}



@media all and (min-width:315px) {
	
				.horizontal{
		width:100%;
	height:300px;
	}
	
	/*mio y htv*/
.cuadro_sstatements{
float:left;
width:100%;
	height:380px;

}
	
	
	.todo p{
font-size:1em;

}
	
	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:270px;
	
}
	
.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p{
font-size: 0.5em;
}
	
.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.5em;
	}
	
	.ubicacion3 p{
		font-size:0.5em;
		
	}
.firmado img{
 width:60px;
}

.sello img{
 width:50px;
height:50px;
}
	

		.firma img{width:45%;}
	
		.cuadro{
display:flex;
float:left;
width:100%;
	height:400px;

}
	
	.cuadro_museo{
float:left;
width:100%;
height:500px;
}
	
	
	.imagen_centro {
width:100%;
height:420px;
}
.imagen_centro p{
font-size:1em;
	
}
	
	
	.cuadro_sstatements_negro {
	float:left;
width:100%;
	height:400px;	
	}
	
		.cuadro_video {
	float:left;
width:100%;
	height:65vh;	
	}
	
	.cuadro_convenciones{
float:left;
width:100%;
height:500px;
}
	
		.cuadro_convenciones_statements{
float:left;
width:100%;
height:550px;
}
	
		.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}	
	
		.cuadro_s_pedagogia{
float:left;
	width:250px;
height:250px;
line-height:250px;
background-image: url("../pedagogia/tablero_250.png");
			font-size: 0.7em;
}
	
.tablero {
		float:left;
			width:250px;
		height:550px;
	}
	
	.tablero_dibujos{	
		float:left;
		width:100%;
		height:550px;
		}
	
	.cuadro_instagram {
		float:left;
			width:100%;
		height:400px;
		border:0px solid;
	
	}
	
.tablero_abajo{	
		float:left;
		width:100%;
		height:150px;

				
	}
	
	
}

@media all and (min-width:350px) {
	/*mio y htv*/
	
			.horizontal{
		width:100%;
	height:300px;
	}
	
	
	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:300px;
	
}
	
.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.6em;
}
	
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.6em;
	}
	
	
.firmado{
height:50px;
}

.sello{
height:50px;
}
	
	.firmado img{
 width:70px;
}

.sello img{
 width:60px;
height:60px;
}

	
		.firma img{width:45%;}
	
.cuadro_museo{
float:left;
width:100%;
height:500px;
}
	
	
.imagen_centro {
width:100%;
height:450px;

}	
	.imagen_centro p{
font-size:1em;
	
}

	.cuadro_sstatements_negro {
	float:left;
width:100%;
		height:440px;	
	}
	
	
		.cuadro_video {
	float:left;
width:100%;
		height:70vh;	
	}
.cuadro_sstatements{
float:left;
width:100%;
	height:450px;

}	
	
.cuadro_seflies{
float:left;
width:100%;
height:80vh;
}

.cuadro_s_seflies{
float:left;
width:100%;
height:90vh;
}	
	
	.cuadro_s_palabras{
float:left;
width:100%;
height:600px;
}
	
.cuadro_convenciones{
float:left;
width:100%;
height:550px;
}
	
.cuadro_convenciones_statements{
float:left;
width:100%;
height:450px;
}
	
			.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}
	
.cuadro_statements{
float:left;
width:100%;
height:60vh;
}
	

	
	.cuadro_clases{
float:left;
width:100%;
height:75vh;
}

	.cuadro_s_pedagogia{
float:left;
width:300px;
height:300px;
line-height: 300px;
background-image: url("../pedagogia/tablero_300.png");
		font-size: 0.8em;
}
	
.tablero {
		float:left;
		width:300px;
		height:500px;
	}
	
	
	
.tablero_abajo{	
		float:left;
		width:100%;
		height:150px;
	font-size: 0.9em;
	}
	
	
	
	
	
	
	.cuadro_instagram {
		float:left;
		width:100%;
		height:500px;

	}
	

	
	.tablero_dibujos{	
		float:left;
		width:100%;
		height:650px;
		}
}

@media all and (min-width:400px) {
.cuadro_sstatements_negro {
	float:left;
width:100%;
		height:480px;	
	}
}

@media all and (min-width:420px) {
			.horizontal{
		width:100%;
	height:400px;
	}
	
	
	.firma img{width:45%;}
	/*nokia*/
	
		.izquierda p{
	font-size:1em;
}

.derecha img{
	width:350px;
	
}
	
.cuadro_inventario{
width:100%;
}
	
.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.6em;
}
	
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.6em;
	}
	

.firmado img{
 width:100px;
}

.sello img{
 width:80px;
height:80px;
}
	
.firmado{
height:50px;
}

.sello{
height:50px;
}
	
	
.cuadro_museo{
float:left;
width:100%;
height:650px;
}
	
.imagen_centro {
width:400px;
height:500px;
}
	
	
	.imagen_centro p{
font-size:1em;
	
}
	
	.cuadro_sstatements_negro {
	float:left;
width:100%;
	height:600px;	
	}
	
	
		.cuadro_video{
	float:left;
width:100%;
	height:70vh;	
	}
	
.cuadro_seflies{
float:left;
width:100%;
height:90vh;
}
	
.cuadro_s_seflies{
float:left;
width:100%;
height:800px;
}
	
.cuadro_s_palabras{
float:left;
width:100%;
height:750px;
}
		
.cuadro_convenciones{
float:left;
width:100%;
height:450px;
}
	
	.cuadro_convenciones_statements{
float:left;
width:100%;
height:700px;
}
	
	
			.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}
	.cuadro{
float:left;
width:100%;
	height:450px;

}
.cuadro_statements{
float:left;
width:100%;
height:60vh;
}
	
	.cuadro_sstatements{
float:left;
width:100%;
	height:600px;

}	
	.cuadro_clases{
float:left;
width:100%;
height:80vh;
}
	
	.cuadro_palabras{
float:left;
width:100%;
height:60vh;
}	
	
				.cuadro_s_pedagogia{
float:left;
width:400px;
height:400px;
line-height: 400px;
background-image: url("../pedagogia/tablero_400.png");
					font-size: 0.9em;
}					

	
		.tablero {
		float:left;
			width:400px;
		height:600px;
	}
	
	
		.cuadro_instagram {
		float:left;
			width:100%;
		height:600px;
			border: 0px solid;
			
	}
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:150px;
		font-size: 1em;
		}

	.tablero_dibujos{	
		float:left;
		width:100%;
		height:750px;
		}
	
	
}

@media all and (min-width:576px) {
/*google nexus*/
	
			.horizontal{
		width:50%;
	height:300px;
	}
	
	
		.firma img{width:40%;}
		
	
	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:350px;
	
}
	
	
	.cuadro_inventario{
width:100%;
}


.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.7em;
}
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.7em;
	}
	

.firmado img{
 width:90px;
}

.sello img{
 width:80px;
height:80px;
}
	
	
	
.cuadro{
float:left;
width:50%;
height:400px;

}

		.imagen_centro {
width:50%;
height:400px;
}

	
.cuadro_sstatements{
float:left;
width:50%;
	height:400px;

}	
	
		.cuadro_sstatements_negro {
	float:left;
width:50%;
	height:400px;	
	}
	
		.cuadro_video {
	float:left;
width:100%;
	height:70vh;	
	}
	
	.cuadro_palabras{
float:left;
width:100%;
height:70vh;
}
	
			.cuadro_clases{
float:left;
width:100%;
height:80vh;
}
	
		.cuadro_museo{
float:left;
width:100%;
height:650px;
}
	
.cuadro_seflies{
float:left;
width:100%;
height:90vh;
}
	
	.cuadro_s_seflies{
float:left;
width:50%;
height:450px;
}
	.cuadro_s_palabras{
float:left;
width:100%;
height:750px;
}	
	
		.cuadro_convenciones{
float:left;
width:100%;
height:450px;
}
	
	.cuadro_statements{
float:left;
width:100%;
height:60vh;
}
	
.cuadro_s_pedagogia{
float:left;
	width:200px;
height:200px;
	line-height: 200px;
background-image: url("../pedagogia/tablero_200.png");
	font-size: 0.6em;

}	
	
.tablero {
		float:left;
			width:200px;
		height:400px;
	}
	
	
		.cuadro_instagram {
		float:left;
			width:100%;
		height:400px;
			border: 0px solid;
			
	}
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:100px;
		font-size: 0.8em;
			}	
	
	.tablero_dibujos{	
		float:left;
		width:50%;
		height:500px;
		}
	
}

@media all and (min-width:768px) {
	
			.horizontal{
		width:50%;
	height:300px;
	}
	
	
			.izquierda{
		width:100%;
	}
		.derecha{
		width:100%;
	}

	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:500px;
	
}
	
	.cuadro_inventario{
width:100%;
}


.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.9em;
}
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.9em;
	}
	
	
	.firmado{
height:80px;
}

.sello{
height:80px;
}

.firmado img{
 width:150px;
}

.sello img{
 width:120px;
height:120px;
}
	
	
	
	.firma img{width:40%;}	
	
	.imagen_centro {
width:50%;
height:400px;
}
	
.ancho_imagen{
width:80%;	
}
	.ancho_imagen_conv_statements{
		width:100%;	
	}
	
.cuadro{
float:left;
width:33%;
	height:400px;

}
	
	.cuadro_sstatements{
float:left;
width:50%;
	height:400px;

}
	
		.cuadro_sstatements_negro {
	float:left;
width:50%;
	height:400px;	

	}
	
			.cuadro_video {
	float:left;
width:50%;
	height:45vh;	
			border: 0px  #063CE5 solid;
	}
	
	
			.cuadro_formulario {
	float:left;
width:75%;
	height:100vh;	
	}
	
.cuadro_palabras{
float:left;
width:100%;
height:50vh;

}
	
	.cuadro_statements{
float:left;
width:33%;
height:20vh;
}
	
.cuadro_museo{
float:left;
width:100%;
height:700px;
}
	
	
	.cuadro_clases{
float:left;
width:100%;
height:80vh;
}
	
.cuadro_seflies{
float:left;
width:100%;
height:90vh;
}

.cuadro_s_seflies{
float:left;
width:33%;
height:350px;
}
	.cuadro_s_palabras{
float:left;
width:100%;
height:750px;
}

		.cuadro_convenciones{
float:left;
width:50%;
height:400px;
}
			.cuadro_convenciones_statements{
float:left;
width:50%;
height:550px;
}
	
	
	
	
					.cuadro_s_pedagogia{
float:left;
	width:250px;
height:250px;
line-height: 250px;
background-image: url("../pedagogia/tablero_250.png");
font-size: 0.5em;
}	
	
	
	
	.tablero {
		float:left;
			width:200px;
		height:410px;
	}
	
		.cuadro_instagram {
		float:left;
			width:100%;
		height:400px;
			border:0px solid;
	
	}
	.tablero_abajo{	
		float:left;
		width:100%;
		height:160px;
			font-size: 1em;
		}
	
	.tablero_dibujos{	
		float:left;
		width:50%;
		height:500px;
		}
	
}

@media all and (min-width:992px) {
	
			.horizontal{
		width:50%;
	height:400px;
	}
	

		.izquierda{
		width:70%;
	}
		.derecha{
		width:30%;
	}


	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:300px;
	
}
	
			.firma img{width:50%;}
		
.cuadro_inventario{
width:100%;
}


.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.8em;
}
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.8em;
	}
	
	
	.firmado{
height:100px;
}

.sello{
height:100px;
}

.firmado img{
 width:150px;
}

.sello img{
 width:150px;
height:150px;
}
	
.imagen_centro {
width:50%;
height:550px;
}
	
.ancho_imagen{
width:90%;	
}
	.ancho_imagen_conv_statements{
		width:100%;	
	}
	
.cuadro{
float:left;
width:50%;
height:400px;

}	
	
	.cuadro_sstatements{
float:left;
width:50%;
	height:550px;

}
	
		.cuadro_sstatements_negro {
	float:left;
width:50%;
	height:550px;	
	}
	
			.cuadro_video {
	float:left;
width:50%;
	height:40vh;	
	}
	
	
	
.cuadro_museo{
float:left;
width:100%;
	height:1050px;
}
	
	.cuadro_clases{
float:left;
width:100%;
	height:80vh;
}

.cuadro_seflies{
float:left;
width:100%;
	height:85vh;
}

	.cuadro_s_seflies{
float:left;
width:50%;
	height:750px;
}
	
	.cuadro_s_palabras{
float:left;
width:100%;
	height:750px;
}	
	
		.cuadro_convenciones{
float:left;
width:100%;
height:400px;
}
	
			.cuadro_convenciones_statements{
float:left;
width:50%;
height:600px;
}
	
			.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}
	
.cuadro_palabras{
float:left;
width:100%;
height:65vh;
}

	.cuadro_statements{
float:left;
width:100%;
height:70vh;
}
					.cuadro_s_pedagogia{
float:left;background-image: url("../pedagogia/tablero_500.png");
width:500px;
height:500px;
line-height: 500px;
font-size: 1.1em;
}	

	
	.tablero {
		float:left;
		width:50%;
		height:750px;
	}
	
		.cuadro_instagram {
		float:left;
		width:100%;
		height:600px;
			border:0px solid;
			
	}
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:100px;
			font-size: 1em;

			}
	
	.tablero_dibujos{	
		float:left;
		width:50%;
		height:800px;
		}
	
}

@media all and (min-width:1100px) {
	
		.horizontal{
		width:50%;
	height:400px;
	}
	
	
		.izquierda,.derecha{
		width:50%;
	}

	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:500px;
	
}
	
.cuadro_inventario{
width:100%;
}


.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 0.8em;
}
	
	
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:0.8em;
	}
	
	.firmado{
height:120px;
}

.sello{
height:120px;
}
	
.firmado img{
 width:150px;
}

.sello img{
 width:120px;
height:120px;
}
	
	
	.firma img{width:50%;}
	
			.imagen_centro {
width:50%;
height:550px;

}
	.cuadro_sstatements{
float:left;
width:50%;
	height:550px;
		font-size: 1em;

}	
	
				.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}
	
				.cuadro_convenciones_statements{
float:left;
width:50%;
height:600px;
}
	
	
					.cuadro_convenciones{
float:left;
width:50%;
height:450px;
}
	
			.cuadro_sstatements_negro {
	float:left;
width:50%;
	height:550px;	
	}
	
			.cuadro_video{
	float:left;
width:50%;
	height:55vh;	
	}
	
	.cuadro_s_pedagogia{
float:left;background-image: url("../pedagogia/tablero_400.png");
width:400px;
height:400px;
line-height: 400px;
font-size: 1em;
		border:1px;
				margin:0px auto;
		
}	

	
	.tablero {
		float:left;
		width:50%;
		height:650px;


align-items: center;

justify-content: center;
	}
	
		.cuadro_instagram {
		float:left;
		width:100%;
		height:650px;
			border: 0px solid;
		
	}
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:100px;
			font-size: 1em;
	
		}
	
		.tablero_dibujos{	
		float:left;
		width:50%;
		height:750px;
		}
	
	
		
.cuadro_museo{
float:left;
width:100%;
	height:1000px;
}
	
}
	
@media all and (min-width:1200px) {
	
		.horizontal{
		width:33%;
	height:350px;
	}
	
		.izquierda,.derecha{
		width:50%;
	}

	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:500px;
	
}
	.cuadro_inventario{
width:100%;
}

.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 1.6em;
}
	
	.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:1.6em;
	}
	

.firmado img{
 width:150px;
}

.sello img{
 width:150px;
height:150px;
}

	.firma img{width:30%;}
	
		.imagen_centro {
width:50%;
height:700px;
}

	.ancho_imagen{
width:60%;	
}

	.ancho_imagen_conv_statements{
		width:100%;	
		
	}
.cuadro{
float:left;
width:33%;
	height:450px;

}	
	
.cuadro_sstatements{
float:left;
width:33%;
	height:500px;
	font-size: 1em;
	

}	
	
		.cuadro_sstatements_negro {
	float:left;
width:33%;
	height:400px;	
	}
	
			.cuadro_video{
	float:left;
width:50%;
	height:65vh;	
	}
	
	.cuadro_palabras{
float:left;
width:100%;
height:110vh;
}
	
.cuadro_museo{
float:left;
width:100%;
height:1000px;
}
	
	
.cuadro_clases{
float:left;
width:100%;
height:170vh;
}
	.cuadro_seflies{
float:left;
width:100%;
height:180vh;
}
	
	.cuadro_s_seflies{
float:left;
width:33%;
height:600px;
}	
	
		.cuadro_s_palabras{
float:left;
width:50%;
height:800px;
}
	
			.cuadro_convenciones{
float:left;
width:50%;
height:500px;
font-size: 1em;
}
	
			.cuadro_convenciones_statements{
float:left;
width:50%;
height:750px;
				
}
			.cuadro_formulario{
float:left;
width:100%;
height:100vh;
}
	.cuadro_statements{
float:left;
width:100%;
height:140vh;
}
	
.cuadro_s_pedagogia{
float:left;
width:100%;
height:250px;
line-height: 250px;
font-size: 0.75em;
background-image: url("../pedagogia/tablero_250.png");
margin:0px auto;
align-items: center;
display: flex;
justify-content: center;
}	
	
	.tablero {
		float:left;
		width:25%;
		height:500px;

	}
	
		.cuadro_instagram {
		float:left;
		width:100%;
		height:400px;
			border: 0px solid;
		
	}
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:100px;
			font-size: 0.9em;
		
		}
		.tablero_dibujos{	
		float:left;
		width:25%;
		height:500px;
		}
	
	
}

@media all and (min-width:1400px) {
	
			.izquierda,.derecha{
		width:50%;
	}

	.izquierda p{
	font-size:1em;
}

.derecha img{
	width:500px;
	
}
	
	.cuadro_inventario{
		width:100%;
}

.inventario p{ 
		font-size:2.4em;
	}

.header p,.id1 p,.id2 p,.nombre1 p,.nombre2 p,.ubicacion1 p,.ubicacion2 p,.firmado p,.sello p,.fecha1 p,.fecha2 p,.cantidad1 p,.cantidad2 p,.cantidad3 p,.ubicacion3 p{
font-size: 1.2em;
}
.subtotal1 p,.subtotal2 p,.subtotal3 p{
		
		font-size:1.2em;
	}
	
	
.firmado img{
 width:150px;
}

.sello img{
 width:150px;
height:150px;
}

.imagen_centro {
width:50%;
height:700px;
}
	

.ancho_imagen{
width:80%;	
}
	
	.ancho_imagen_conv_statements{
		width:100%;	
	}
	
.cuadro{
float:left;
width:25%;
	height:500px;
	border:1px #EB272B;

}	
	.cuadro_sstatements{
float:left;
width:33%;
	height:500px;

}
	
	.horizontal{
		width:33%;
	height:350px;
	}
	
		
		.cuadro_sstatements_negro {
	float:left;
width:33%;
	height:500px;	
	}
			.cuadro_video {
	float:left;
width:50%;
	height:55vh;	
	}
	
	
	.cuadro_palabras{
float:left;
width:100%;
height:140vh;
}
	
			.cuadro_museo{
float:left;
width:100%;
height:1000px;
}
	
	
				.cuadro_clases{
float:left;
width:100%;
height:170vh;
}
	
	
	
				.cuadro_seflies{
float:left;
width:100%;
height:190vh;
}
	
	.cuadro_statements{
float:left;
width:100%;
height:140vh;
}

	
	
					.cuadro_s_seflies{
float:left;
width:25%;
height:500px;
}
	
					.cuadro_s_palabras{
float:left;
width:50%;
height:800px;
}	
	
	
.cuadro_convenciones{
float:left;
width:50%;
height:500px;
	font-size: 1em;
}	
	
	.cuadro_convenciones_statements{
float:left;
width:50%;
height:750px;
}	
	
			.cuadro_formulario{
float:left;
width:100%;
height:100vmin;
}
	
	
.cuadro_s_pedagogia{
float:left;
width:100%;
height:250px;
line-height: 250px;
font-size: 0.75em;

margin:0px auto;
align-items: center;
display: flex;
justify-content: center;

background-image: url("../pedagogia/tablero_250.png");
					
}		
	
	.tablero {
		
		width:25%;
		height:500px;


	}
	
	.cuadro_instagram {
		float:left;
		width:100%;
		height:400px;
		border: 0px solid;
		margin:10px 0px 10px 0px;
		
	}
	
	
	.tablero_abajo{	
		float:left;
		width:100%;
		height:100px;
			font-size: 0.9em;


		
			}
	.tablero_dibujos{
		float:left;
		width:25%;
		height:500px;
			
		
	}
	
	
	
	.firma img{width:30%;}
	

	}