/* Caja ENTRADILLAS */
.entradilla {
	align-content: left;
 	position: relative;
  margin-left: 30px;
	margin-right:20px;
	width: auto;
	height:auto;
	background-color: #C9FFBF;
	border-left: 15px solid #6200C2;
 
	box-shadow: 8px 6px 8px #808080;
  font-family: roboto slab;
	letter-spacing: -0.4px;
	word-spacing: 2px;
	color: #000000;
	font-weight: 600;
		font-style: normal;
	font-size: 18px;
  padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
  text-align: left;
	line-height: 1.3;
	}
/* Caja ENTRADILLA */

/* Familia Passion One */
/*Cita con Passion One*/
.passione{
  padding-left: 30px; 
	padding-right: 30px;
	position: relative;
    display: block;
    text-align: center;
		font-style: normal;
		font-weight: 600;
		font-family: PassionOne;
		font-size: 32px;
	line-height: 1.2;
		color:  #89003a;
		
}
/* Din de cit con Passion One */

/* Centrar texto */
.centratxt
{text-align: center}
/* FIN de Centrar texto */
/* Caja básica 1 centrada */
.caja1 {
	align-content: center;
 	position: relative;
  margin-left: 20px;
	margin-right:20px;
	width: auto;
	height:auto;
	height: auto;
	width: auto;
	background-color: #ffffcc;
	border: 5px solid #800080;
  border-radius: 15px; 
	box-shadow: 8px 6px 8px #808080;
  font-family: Roboto Slab;
	letter-spacing: -0.4px;
	word-spacing: 2px;
	color: #000000;
	font-weight: 600;
		font-style: normal;
	font-size: 18px;
  padding: 15px;
  text-align: center;
	line-height: 1.2;
	} 
/* FIN de Caja básica 1 centrada */
/* Caja básica 2 */
.caja2 {
	align-content: center;
 	position: relative;
  margin-left: 20px;
	margin-right:20px;
	width: auto;
	height:auto;
	height: auto;
	width: auto;
	background-color: #ffffcc;
	border: 5px solid #B00000;
  border-radius: 15px; 
	box-shadow: 8px 6px 8px #808080;
  font-family: roboto slab;
	letter-spacing: -0.4px;
	word-spacing: 2px;
	color: #000000;
	font-weight: 600;
		font-style: normal;
	font-size: 18px;
  padding: 15px;
  text-align: center;
	line-height: 1.2;
	}
/* Caja básica 2 izquierda */

/* Familia de texto CAMBRIA min */
.cambriamin
{
		width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 30px;
		text-align: center;
		font-family: cambria; 
	  font-weight: 600;
	color:  #1b007c;
	font-size: 20px;
  	line-height: 1,1}
/* FIN del div CAMBRIA min*/

/* Familia de texto ROBOTO SLAB */
.robotoslab
{
	
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 30px;
		text-align: center;
		font-family: Roboto Slab;
	  font-weight: 700;
	color:  #1b007c;
	font-size: 24px;
  	line-height: 110%;}
/* FIN del div ROBOTO SLAB*/


/* Familia de texto CAMBRIA */
.cambria
{
	
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 30px;
		text-align: center;
		font-family: cambria; 
	  font-weight: 900;
	color:  #1b007c;
	font-size: 36px;
  text-shadow: 2px 2px 2px #656565;
	line-height: 130%;}
/* FIN del div CAMBRIA*/

/* Familia Georgia Púrpura */
/*Cita con Georgia*/
.georgiapur{
  padding-left: 30px; 
	padding-right: 30px;
	position: relative;
    display: block;
    text-align: center;
		font-style: italic;
		font-weight: 600;
		font-family: Georgia;
		font-size: 18px;
		color:  #89003a;
		text-shadow: 1px 1px 1px #929292;
}

/* Familia de texto IMPACT */
.impact
{
	
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 25px;
		text-align: center;
		font-family: Impact; 
	  font-weight: 500;
	color:  #46008E;
	font-size: 28px;
	line-height: 130%;}
/* FIN del div IMPACT*/

/*Cita con Georgia*/
.georgia{
  padding-left: 30px; 
	padding-right: 30px;
	position: relative;
    display: block;
    text-align: center;
		font-style: italic;
		font-weight: 600;
		font-family: Georgia;
		font-size: 18px;
		text-shadow: 1px 1px 1px #ababab;
}
/* Fin de Cita con Georgia */

/* Familia Times púrpura */
.timespur
{width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 25px;
		text-align: center;
		font-family: Georgia; 
	  font-weight: bold;
	  font-style: italic;
	color:  #92004f;
	font-size: 18px;
	line-height: 130%;}
	
}
/* Fin de familia Times púrpura */



/* Sangría de 1ª línea */
.sangría1
{ text-indent: 30px;}
/* Fin de sangría de 1ª línea */

/*sangría párrafo*/
.sangríap
{
padding-left: 50px;
text-align: left;
}
/* Fin de sangría párrafo*/
/*Caja color amarillo*/
.cajamarilla
{width: auto;
height: auto;
	background-color: #FDFFBA;
	margin: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
box-shadow: 8px 6px 8px #808080;
	padding: 20px;}
/*FIN caja color amarillo */
/*Caja color violeta*/
.cajavioleta
{width: auto;
height: auto;
	background-color:#4c00bb;
	margin: 20px;
	text-align: center;
	font-size: 18px;
	font-family: Roboto Slab;
	color: #ffffff;
	line-height: 1.2;
box-shadow: 8px 6px 8px #808080;
	padding: 20px;}
/*FIN caja color violeta */
/* Sombra de contorno */
.somcon
{
	filter:drop-shadow (10px 10px 20px #000000);
}
/*Fin de sombra de contorno
*/
/* Reflejo de imagen */
.reflex
{
-webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
}
/* Caja CITA kalam PRINCIPAL*/
.cita01 {
	align-content: center;
 	position: relative;
  margin-left: 20px;
	margin-right:20px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right:15px;
	padding-left: 30px;
	background-color:#ffffcc;
	border-left: 10px solid #ca0000;
	box-shadow: 8px 6px 8px #808080;
font-style: normal;
font-family: kalam;
		text-align: left;
	font-weight: 600;
		font-size: 18px;
	line-height:24px;
	color:black;
 }
/* FIN Caja CITA kalam PRINCIPAL */

/* Caja KRISIS-1b*/
.cajaK1b {
width: auto;
height: auto;
	background-color:#ffffcc;
	margin: 20px;
	line-height: 1.6;
box-shadow: 8px 6px 8px #808080;
	padding: 20px;
text-align: left;
font-family: Caveat;
	text-align:center;
	font-weight: 800;
	font-style: normal;
	font-size: 30px;
	line-height:26px;
	color:black;}	
/* Fin caja KRISIS-1b */

/* Familia de texto KALAM */
.kalam
{
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 25px;
		text-align: center;
		font-family: kalam; 
	  font-weight: 900;
	color:  #900C3F;
	font-size: 20px;
	line-height: 140%;}
/* FIN del div KALAM */

/* Familia de texto KALAM negro */
.kalamne
{
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	align-content:center;
	alignment-adjust: center;
		padding: 25px;
		text-align: center;
		font-family: kalam; 
	  font-weight: 500;
	color:  #000000;
	font-size: 20px;
	line-height: 132%;}
/* FIN del div KALAM negro*/

/* Sombra texto */
.somtxt {
 text-shadow: 1px 1px 1px #262626;
 }
/* FIN Sombra texto */

/* Imagen con texto encima */
.deposito {
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* FIN Imagen con texto encima */

/* Títulos H1 color*/
h1{font-size:22px;font-weight: 800; color:#300097;text-align:left;}
/* Fin de H1 color */
/* Títulos H2 color*/
h2{ font-size:24px;font-weight: 800;
	color: #013dde;
	text-align:center;
}
/* Fin de H2 color */
/* Títulos H3 color*/
h3{font-size:20px;font-weight: 800;
	color:  #007714;
	text-align:center;}
/* Fin de H3 color */
/* Títulos H4 color*/
h4{font-size:15px;font-weight: 400;
	color:  #006600;text-align:center;}
/* Fin de H4 color */
/* Títulos H5 color*/
h5font-size:12px;{
	color:  #b32d00;text-align:center;}
/* Fin de H5 color */

/* Sangría 1ª Línea */
.tab1 { text-indent: 40px; }
/* FIN de Sangría 1ª Línea */

/* Sangría Francesa 1 */
.fran1 {
	margin-left: 20px;
}
/* FIN Sangría Francesa 1 */

/* Sangría Francesa 2 */
.fran2 {
	margin-left: 50px;
}
/* FIN de Sangría Francesa 2 */

/* Sombra de imagen centrada */
.sombra
{box-shadow: 8px 8px 6px #6b6b6b;
	display: flex;
	align-items: flex-start;
	 justify-content: space-evenly;
}
/* FIN de sombra de imagen */

/* Volteo horizontal de imagen */
.voltehori {
    transform: scaleX(-1);
}
/* FIN de Volteoe imagen */
/* Estilo figcaption */
figcaption {
  background-color: #ffff99;
  color: #000000;
  font-family: Roboto;
	font-size: 85%;
	font-style: italic;
  padding: 3px;
  text-align: center;
}
/* Cita Simple */
.citasimple
{
	box-shadow: 5px 5px 7px #4B088A;
	background-color: #ffffcc;
	width: auto;
	height: auto;
	margin-left: 70px;
	margin-right: 70px;
	align-content:center;
	alignment-adjust: center;
		border: 3px solid #4B088A;	
		border-radius: 20px;	
		padding: 25px;
		text-align: center;
		font-family: Roboto Slab, serif;
		font-weight: 700;
	color:  #000000;
	font-size: 18px;
	line-height: 140%;
	 }
/* FIN de Cita Simple */

/*caja3 para CITAS */
.caja3 
{ background:#FFFAF0;
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	width: auto;
	align-content:center;
	alignment-adjust: center;
	padding: 20px;
	border-radius: 16px;
	border: 4px solid #0000cc;

box-shadow: 0 0px 15px 0 rgba(153, 0, 153, 0.8), 0 0px 15px 0 rgba(153, 0, 153, 0.4);
	
	text-align: center;
	font-family: Kalam;
	color: #b30059;
	font-size: 18px;
	line-height: 130%;
	font-style: normal;
	font-weight: 600;
}
/* Fin de caja3 para CITAS */

/* Borde citas iniciales centradas de autor*/
.citaini3 {

  width: auto;
	align-content:center;
	alignment-adjust: center;
height: auto;
	background-color: #CEF6D8;
		border-radius: 16px;
		border: 4px solid #380B61;	
		padding: 20px;
		text-align: center;
		font-family: Roboto Slab, serif;
		font-weight: 500;
	color: #000000;
	font-size: 18px;
 }
/* Fin de borde citas iniciales centradas de autor */
/* Borde citas iniciales centradas */
.citaini2 {

  width: auto;
	align-content:center;
	alignment-adjust: center;
height: auto;
	background-color: #ffffcc;
		padding: 10px;
		text-align: center;
		font-family: Roboto Slab, serif;
		font-weight: 500;
	color: #000000;
	font-size: 16px;
 }
/* Fin de borde citas iniciales centradas */

/* Borde simple de color rojo */
.borderojo {
	position: rrelative;	
	align-content:center;
	alignment-adjust: center;
height: auto;
	border-radius: 16px;	
		border: 7px solid #cc0000;
		padding: 5px;
		text-align: center;
		box-shadow: 8px 6px 8px #808080;
 }
/* Fin de borde simple de color rojo */
/* Borde citas iniciales violeta*/

.citavioleta {
 	position: relative;
  margin-left: auto;
	margin-right:auto;
	width: auto;
	height:auto;
	align-content:left;
	alignment-adjust: left;
	background-color:#6900A1;
	border-left: 10px solid #FFEC00;
		padding-top: 10px;
	  padding-bottom: 10px;
		padding-right:20px;
		padding-left: 15px;
	text-align: left;
	font-family: Times;  
		color: #FFFFFF;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
	line-height: 120%;
 }
/* Fin de borde citas iniciales violewta */

/* Borde citas iniciales */

.citaini {
 	position: relative;
  margin-left: 200px;
	margin-right:auto;
	width: auto;
	height:auto;
	align-content:center;
	alignment-adjust: center;
		border-top: 4px solid #cc0000;
	border-bottom: 4px solid #cc0000;
		padding-top: 10px;
	  padding-bottom: 10px;
		padding-right:15px;
		padding-left: 13px;
	text-align: right;
	font-family: Times; 
	font-weight: normal;
	color: #000000;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: normal;
 }
/* Fin de borde citas iniciales rojo */
/* Caja KRISIS-1*/
.cajaK1 {
	align-content: center;
 	position: relative;
  margin-left: 5px;
	margin-right:5px;
	padding: 20px;
	background-color:#ffffcc;
	box-shadow: 8px 6px 8px #808080;
font-family: Roboto Slab;
	text-align:center;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height:1,1;
	color:black;

 }	
/* Fin caja KRISIS-1 */

/* Caja KRISIS-2*/
.cajaK2 {
	align-content:center;
	alignment-adjust: center;
	width: auto;
	height: auto;
	line-height: 130%;
box-shadow: 6px 6px 6px #808080;
	background-color:#ffffcc;
	display: block;
  margin-left: auto;
  margin-right: auto;
padding: 15px;
	border: 7px solid  #641492;
border-radius: 16px;
text-align: center;
font-family: Roboto Slab;
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #000000;
 }	
/* Fin caja KRISIS-2 */


/* Caja cabecera2 */
.cabecera2 {
  align-content:center;
width: auto;
height: auto;
border: 6px solid#8600b3;
background-color: #ffffcc;
		text-align: center;
		line-height: 1.2;
border-radius: 12px; 
  -webkit-box-shadow: 0px 0px 8px 0px #FF0000, 0px 0px 8px 0px #FF0000; 
box-shadow: 0px 0px 8px 0px #FF0000, 0px 0px 18px 0px #FF0000;
	padding: 10px;
font-family: Roboto Slab,Arial, serif;
font-size: 18px;
letter-spacing: -0.4px;
word-spacing: 2px;
color: #000000;
font-weight: 500;
text-decoration: none solid rgb(68, 68, 68);
font-style: normal;
font-variant: normal;
text-transform: none;
}
/* Fin cabecera 2 */
/* Una caja verde */
.cajab1 {
	align-content:center;
	alignment-adjust: center;

	border-top: 6px solid #cc0000;
  border-bottom:6px solid #cc0000;
background-color:#99ffcc;
	margin-left: 5px;
	margin-right: 5px;
padding-left: 10px;
padding-right: 20px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
font-family: Roboto;
	font-weight: 500;
		font-size: 15px;
	line-height: 1.4;
	color:black;}	
/* Fin de caja verde y bordes rojos.*/

/*Contenedor*/
.contenedor{
  padding-left: 30px; 
	padding-right: 30px;
	position: relative;
    display: block;
    text-align: center;
		font-style: normal;
		font-weight: 600;
		font-family: Roboto Slab;
		font-size: 18px;
		text-shadow: 1px 1px 2px #ababab;
}
/* Fin de Contenedor */

/* Centrado IMÁGENES */
.centraimg
{
      display: flex;
	align-items: center;
	 justify-content: center;
	}
	/* Fin de Centrado2 */

/*SUMARIO*/
.sumario{
margin: auto;
	width:auto;
	height: auto;
border: 8px solid#8600b3;
background-color: #ffffcc;
border-radius: 12px; 
  -webkit-box-shadow: 0px 0px 15px 0px #FF0000, 0px 0px 15px 0px #FF0000; 
box-shadow: 0px 0px 15px 0px #FF0000, 0px 0px 15px 0px #FF0000;
margin: 10px,10px,10px, 10px;
 padding: 3px;
	font-family: Impact;
font-weight: bold;
font-size: 30px;
letter-spacing: 0.3px;
word-spacing: 3px;
color: #800080;
font-weight: 400;
text-align: center;
line-height: 1.2;
}


/* CITAS EN BLOQUE */
.notepaper {
  position: relative;
  margin: 30px auto;
  padding: 15px 20px 20px 35px;
  width: 95%;
 	line-height: 26px;
  color: #000000;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-family: georgia;
  font-size: 18px;
  text-shadow: 2px 2px 3px #ababab;
  
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 2px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper:after {
  z-index: -1;
  left: 0;
  right: 0;
 background-color: solid rgba(255,255,0,0.3);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.quote {
  font-family: Georgia, serif;
  font-size: 14px;
}

.curly-quotes:before, .curly-quotes:after {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 48px;
  font-size: 50px;
  opacity: .2;
}

.curly-quotes:before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
}

.curly-quotes:after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
}

.quote-by {
  display: block;
  padding-right: 10px;
  text-align: right;
  font-size: 13px;
  font-style: italic;
  color: #84775c;
}

.lt-ie8 .notepaper {
  padding: 15px 25px;
}
/* FIN del CSS para citas blockquote notepaper */