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

/*-------------------COLECCIÓN DE APUNtes---------------------*/



#colecciondeapuntes h2 {
	font-size:18px;
	font-style:oblique;
	color:#cd0e00;
	text-align:left;
	text-shadow: -1px .5px .7px red, -3px 3px 5px orangered;
	padding: 10px 10px 10px 10px;
	margin:0px 100px;
}
	
#colecciondeapuntes h3 {
	color:#c8002d;
	text-shadow: -1px .5px .7px red, -3px 3px 5px orangered;
	font-size:24px;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	}

#colecciondeapuntes h3:first-letter {
	font-family: 'Alice', serif;
	font-size:48px;
	color:#ff1e00;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	}

#colecciondeapuntes h4{
	background-image:url(../media/horas/tumblr_o3xgp8pKNo1s8gtxto1_500.gif);
	background-size:contain;
	font-size:56px;
	font-family: 'Dosis', sans-serif;
	color:black;
	mix-blend-mode:multiply;
	text-align:center;
	text-shadow: -1px .5px .7px silver, -3px 3px 5px silver;
	box-shadow: 1px 8px 16px 1px rgba(0, 0, 0, .8), 1px 6px 20px 1px rgba(0, 0, 0, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:1px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:5px rgba(255, 255, 255, 1) double;
	border-radius:10px;
	width:100px;
	height:100px;
	padding:24px;
	margin:20px auto;
}

#colecciondeapuntes h5{
	font-family: 'VT323', monospace;
	font-size:32px;
	color:#ff3e3e;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.5);
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered;
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border:2px rgba(24, 126, 141, .6) dotted;
	border-radius:40px;
	margin:50px 10px 30px 30px;
	padding:10px;
	max-width:20%;
}

#colecciondeapuntes h6 {
	color:#21a310;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:20px;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	}
	
#colecciondeapuntes h7 {
	color:#dd7ff8;
	text-shadow: -1px .5px .7px black, -3px 5px 5px GoldenRod;
	font-size:32px;
	font-weight:800;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	margin:auto 400px;
	}
	
#colecciondeapuntes h9{
	font-size:32px;
	color:#f62323;
	text-align:left;
	box-shadow: 0px 8px 16px 0px rgba(222, 44, 63, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.2);
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-bottom:1px rgba(0, 0, 0, 1) solid;
	border-right:7px rgba(0, 0, 0, 1) solid;
	border-left:4px rgba(210, 0, 0, 1) double;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:100px;
}
	
#colecciondeapuntes p {
	font-family:'EB Garamond', serif;
	background-size:contain;
	color:black;
	text-shadow: 1px 1px 1px silver, -1px 2px 2px silver;
	font-size:32px;
	background-color:rgba(255, 255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(255, 255,255, 1) solid;
	border-right:8px rgba(255, 255,255, 1) double;
	border-left:3px rgba(255, 255,255, 1) groove;
	border-bottom:10px rgba(255, 255,255, 1) ridge;
	border-radius:30px;
	text-align:left;
	padding:10px 5px 20px 30px;
	margin:5px auto;
	max-width:1000px;
	width:100%;
	}

#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:120px;
	color:black;
	text-shadow: -4px 3px 8px silver , -1px 1px 1px silver;
	
	
	}
	
			
#ubicaciones {
	  background-color: transparent;
      position:relative;
	  height:100%;
	  padding:10px 10px;
	  margin:0px auto 0px auto;
  }

.container-fluid {margin:5px; padding:0px 15px;height:80%; background-color: transparent; }
  
#myNavbar li a{
	font-family: 'VT323', monospace;
	font-weight:300;
	color:#4bdbff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	background-color:rgba(203, 252, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 1), 4px 6px 20px 4px rgba(0, 0, 0, 0.2);
	text-shadow: -1px .5px .7px red, -3px 3px 5px red;
	text-transform:lowercase;
	border:6px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-radius:15px;
	display:block;
	padding:2px 2px;
	margin:auto;
	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(255, 201, 35, 1);
	background-color:#7eabb6!important;
	box-shadow: 4px 8px 16px 4px rgba(255, 231, 159, 1), 4px 6px 20px 4px rgba(255, 231, 159, 0.5);
	border:6px rgba(236, 0, 0, 1) solid;
	border-right:3px rgba(236, 0, 0, 1) solid;
	}
	
 ul.nav-pills {
    margin-top:100px;
	margin-left:-150px;
	top:20px;
    position:fixed;
  }
  
ul.dropdown-menu li a {
	margin:2px auto;
	padding:2px 2px;
	display:block;
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px auto;
	padding:2px 2px;
	border-top:none;
	
}

.dropdown-toggle:focus {
	background: rgba(254, 0, 0, 1) !important;
}
	
#arriba-abajo p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	border-radius:25px;
	border-left:6px #F39 dotted;
	display:inline;
	padding: 20px 10px 10px 10px;
	margin:10px 400px 10px 400px;
	height:70px;
}


#arriba-abajo p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}


#colecciondeapuntes a {
	color:#f10a0a;
	font-weight: 100;
	font-size:18px;
	padding:10px 0px 10px 0px;
	text-shadow: -1px .5px .7px darkblue, -3px 3px 5px orangered;
	margin:300px;
	text-decoration:none;
	}
	
#top a {
	display:compact;
	font-family: 'VT323', monospace;
	color:#4bcb74;
	font-size:45px;
	text-align:justify;
	background-color:rgba(170, 255, 193, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: 0 0 .3px black, -1px 1px 0 black;
	text-transform:lowercase;
	border:3px rgba(156, 255, 130, 1) solid;
	border-radius:6px;
	padding:2px 5px;
	margin:2px 2px;
	width:40%;
	}
	
	
#continuar p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	border-radius:25px;
	border-left:6px #F39 dotted;
	display:inline;
	padding: 20px 10px 10px 10px;
	margin:10px 400px 10px 400px;
	height:70px;
}


#continuar p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#colecciondeapuntes img {
	display:block;
	padding:5px 5px;
	background-color:rgba(255,255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-bottom:8px rgba(0, 0, 0, 1) double;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-left:6px rgba(0, 0, 0, 1) double;
	border-right:5px rgba(0, 0, 0, 1) double;
	border-radius:20px;
	width:55vh;
	margin:20px auto 20px;
	}
	
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding:0px 20px;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:10px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) groove;
  border-left:7px rgba(0, 0, 0, 1) double;
  border-right:8px rgba(0, 0, 0, 1) double;
  border-radius:20px;
  max-width:450px;
	
} 
	

div.contain {
  padding: 5px 5px;
  margin:auto 5px 5px 5px;
 
}

div.contain h21 {
  font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:20%;
  padding:2px 3px;
  margin:auto;
}

div.polaroid {
	display:none;
	}

/*div.polaroid {
  width:55vh;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
 /* background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:10px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) groove;
  border-left:7px rgba(0, 0, 0, 1) double;
  border-right:8px rgba(0, 0, 0, 1) double;
  border-radius:20px;
  padding:0px 20px;
  margin-left:270px;
  margin-bottom:25px;
  margin-top: 25px;
}

div.container {
  width:80%;
  text-align:center;
  padding: 5px 10px;
  margin:auto 2px 0px 60px;
}

div.container h8 {
  font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:80%;
  padding:2px 3px;
  margin:auto;
}*/

div.container h12 {
  font-family: 'Dosis', sans-serif;
  font-size:16px;
  color:#fff;
  text-shadow: -1px .5px .7px black, -3px 3px 5px black;
  width:80%;
  text-align:right;
  padding: 2px 3px;
  margin:20px auto 30px auto;
}

#share img {
	width:100%;
	max-width:100px;
	
	
}
#share a {
width: 50px;
border: 2px rgba(52, 205, 210, 1) solid; 
border-bottom: 3px rgba(52, 205, 210, 1) solid;
border-right: 5px rgba(52, 205, 210, 1)  solid; 
text-shadow: 0 0 1px darkblue, -2px 2px 5px orangered;
padding: 5px 5px;
letter-spacing: 2px;
font-size: 1.4em;
display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
border-radius: 10px;
background: rgba(81,249, 255, .2);; /*éste es un color que se desplegará con hover*/
margin:-300px 10px 0px 40px;
transform: scale(1,1) rotate(0deg);
transition: all 300ms ease;
}


#share a:hover,
#share a:active {
	background: rgba(81,249, 255, .6);
	list-style:none;
	text-decoration:none;
	border-radius: 50%;
	border-bottom: 3px rgba(52, 205, 210, 1) dashed;
	border-left: 2px rgba(52, 205, 210, 1)  dashed;
	border-right: 5px rgba(52, 205, 210, 1)  groove;
	border-top: 2px rgba(52, 205, 210, 1)  dotted;
	transform: scale(1.5,1.5) rotate(360deg);
	
}
		
#share p {
font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#ff2850!important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered!important;
	text-align:left;
	margin:-200px 100px 50px 300px;
}

#share {
	text-align:center;
	margin:-20px 10px 100px 150px;
	height:auto;
	padding:12px 12px;
	box-sizing: border-box;
	}

#redes a {
	font-family:'FontAwesome';
	color:white;
	font-size:30px;
	height:auto;
	box-sizing:border-box;
	}

#redes p {
font-family: 'VT323', monospace;
	font-size:24px;
	color:#ff2850!important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered!important;
	margin:20px 100px 20px 100px;
}

#redes {
	text-align:center;
	margin:0px 10px 100px 450px;
	height:auto;
	padding:12px 12px;
	box-sizing: border-box;
	}

#redes ul {
	margin:auto;
	height:auto;
	box-sizing: border-box;	}
	
#redes ul li {
	display:inline-block;
	margin-left:20px;
	border:1px white solid;
	border-radius:50%;
	width:40px;
	height:40px;
	line-height:40px;
	}

#redes ul li a {
	color:#4bcb74;
	background: white;
	width:38px;
	height: 38px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	transform: scale(1,1) rotate(0deg);
	transition: all 300ms ease;
}

#redes ul li a:hover,
#redes ul li a:active {
	background: rgba(255,0, 0,1);
	list-style:none;
	text-decoration:none;
	transform: scale(1.5,1.5) rotate(360deg);
}

.banner3 {
	background-image:url("../media/final-stars_color_800_c_4.gif");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-bottom:10px rgba(0, 0, 0, 1) solid;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-left:8px rgba(0, 0, 0, 1) dashed;
	border-right:7px rgba(0, 0, 0, 1) solid;
	border-radius:20px;
	height:60vh;
	width:100%;
	max-width:100%;
	z-index:-3;
	padding: 20px;
	margin: 10px auto 50px auto;
	}
	

#videosalmacen {
      background-position:center;
	  padding-top:5px;
	  padding-bottom:5px;
	  padding-left:0px;
	}
	
.videoContainer {
	position:relative;
	padding-bottom:5px;
	padding-top: 5px;
	margin-top:5px;
	height: 0; 
	overflow: hidden;
}
.videoContainer iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}


@media (min-width:801px) and (max-width:1251px){
	
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding:0px 20px;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:10px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) groove;
  border-left:7px rgba(0, 0, 0, 1) double;
  border-right:8px rgba(0, 0, 0, 1) double;
  border-radius:20px;
  max-width:450px;
} 
	

div.contain {
  padding: 5px 5px;
  margin:auto 5px 5px 5px;
 
}

div.contain h21 {
  font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:20%;
  padding:2px 3px;
  margin:auto;
}


#colecciondeapuntes img {
	display:block;
	padding:15px 15px;
	background-color:rgba(255,255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-bottom:20px rgba(0, 0, 0, 1) solid;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-left:8px rgba(0, 0, 0, 1) solid;
	border-right:7px rgba(0, 0, 0, 1) double;
	border-radius:10px;
	width:45vh;
	margin:20px auto 20px;
	}

/*div.polaroid {
  width:45vh;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
 /* background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:12px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) dashed;
  border-left:8px rgba(0, 0, 0, 1) double;
  border-right:10px rgba(0, 0, 0, 1) dotted;
  border-radius:20px;
  padding:0px 20px;
  margin:20px auto;

}*/


/*div.container {
  width:100%;
  text-align:center;
  padding: 5px 10px;
  margin:20px auto;

}*/




/*div.container h8 {
 font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}*/

#colecciondeapuntes p {
	font-family: 'EB Garamond', serif;
	background-size:contain;
	color:black;
	text-shadow: 1px 1px 1px silver, -1px 2px 2px silver;
	font-size:32px;
	background-color:rgba(255, 255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(255, 255,255, 1) solid;
	border-right:8px rgba(255, 255,255, 1) double;
	border-left:3px rgba(255, 255,255, 1) groove;
	border-bottom:10px rgba(255, 255,255, 1) ridge;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	max-width:1000px;
	width:100%;
	}

	
#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:96px;
    color:black;
	text-shadow: -4px 3px 8px silver , -1px 1px 1px silver;
	
	
	}
	
	
#colecciondeapuntes h4{
    background-image:url(../media/horas/tumblr_o3xgp8pKNo1s8gtxto1_500.gif);
	background-size:contain;
	font-size:42px;
	font-family: 'Dosis', sans-serif;
	color:black;
	mix-blend-mode:multiply;
	text-align:center;
	text-shadow: -1px .5px .7px silver, -3px 3px 5px silver;
	box-shadow: 1px 8px 16px 1px rgba(0, 0, 0, .8), 1px 6px 20px 1px rgba(0, 0, 0, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:1px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:5px rgba(255, 255, 255, 1) double;
	border-radius:10px;
	width:90px;
	height:90px;
	padding:18px;
	margin:auto;
}

#colecciondeapuntes h6 {
	color:#21a310;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:16px;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	}

#ubicaciones {
	  background-color: transparent;
      position:relative;
	  height:60%;
	  padding:10px 10px;
	  margin:0px auto 0px auto;
  }

.container-fluid {margin:5px; padding:0px 15px;height:80%; background-color: transparent; }
  
#myNavbar li a{
	font-family: 'VT323', monospace;
	font-weight:300;
	color:#4bdbff;
	font-size:18px;
	letter-spacing:2px;
	text-align:center;
	background-color:rgba(203, 252, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 1), 4px 6px 20px 4px rgba(0, 0, 0, 0.2);
	text-shadow: -1px .5px .7px red, -3px 3px 5px red;
	text-transform:lowercase;
	border:6px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-radius:15px;
	display:block;
	padding:2px 2px;
	margin:auto;
	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(255, 201, 35, 1);
	background-color:#7eabb6!important;
	box-shadow: 4px 8px 16px 4px rgba(255, 231, 159, 1), 4px 6px 20px 4px rgba(255, 231, 159, 0.5);
	border:6px rgba(236, 0, 0, 1) solid;
	border-right:3px rgba(236, 0, 0, 1) solid;
	}
	
 ul.nav-pills {
    margin-top:300px;
	margin-left:-50px;
	top:20px;
    position:fixed;
  }
  
ul.dropdown-menu li a {
	margin:2px auto;
	padding:2px 2px;
	display:block;
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px auto;
	padding:2px 2px;
	border-top:none;
	
}

.dropdown-toggle:focus {
	background: rgba(254, 0, 0, 1) !important;
}

	}
	
.videoContainer {
	position:relative;
	padding:56%;
	padding-top: 5px;
	margin: 5px 20px;
	height:100%; 
	overflow: hidden;
}
.videoContainer iframe {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	height: 60%;
	margin: 0px 60px;
}

#continuar p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:25px;
	border-left:6px #F39 dotted;
	padding: 20px 10px 10px 10px;
	margin:10px 40px 10px 40px;
	height:70px;
}


#continuar p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}



		
@media screen and (max-width:768px) {
	#ubicaciones {
		display:none;
	}
}
	
@media screen and (min-width:769px) {
	#arriba-abajo {
		display:none;
	}
	#arriba-abajo {
		display:none;
	}
	}

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

	
	#ubicaciones {
		display:none;
	}
.row {
    display:none;
}

.column {
   display:none;
} 
	

div.contain {
   display:none;
 
}

div.contain h21 {
  display:none;
}

#colecciondeapuntes img {
	display:block;
	padding:15px 15px;
    background-color:rgba(255,255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-bottom:20px rgba(0, 0, 0, 1) solid;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-left:8px rgba(0, 0, 0, 1) solid;
	border-right:7px rgba(0, 0, 0, 1) double;
	border-radius:10px;
	padding:0px 20px;
	width:45vh;
	margin:20px auto 20px;
	}

div.polaroid {
  display:block;
  width:45vh;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:12px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) solid;
  border-left:8px rgba(0, 0, 0, 1) double;
  border-right:10px rgba(0, 0, 0, 1) solid;
  border-radius:20px;
  padding:0px 20px;
  margin:15px auto;

}

div.container {
  display:block;
  width:100%;
  text-align:center;
  padding: 5px 10px;
  margin:15px auto;

}

div.container h8 {
  display:block;
  font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}
	
#colecciondeapuntes p {
	font-family: 'EB Garamond', serif;
	background-size:contain;
    color:black;
	text-shadow: 1px 1px 1px silver, -1px 2px 2px silver;
	font-size:24px;
	background-color:rgba(255, 255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(255, 255,255, 1) solid;
	border-right:8px rgba(255, 255,255, 1) double;
	border-left:3px rgba(255, 255,255, 1) groove;
	border-bottom:10px rgba(255, 255,255, 1) ridge;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	max-width:780px;
	width:100%;
	}
	
#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:72px;
	color:black;
	text-shadow: -4px 3px 8px silver , -1px 1px 1px silver;
	
	
	}
	
#colecciondeapuntes h4{
	background-image:url(../media/horas/tumblr_o3xgp8pKNo1s8gtxto1_500.gif);
	background-size:contain;
	font-size:42px;
	font-family: 'Dosis', sans-serif;
	color:black;
	mix-blend-mode:multiply;
	text-align:center;
	text-shadow: -1px .5px .7px silver, -3px 3px 5px silver;
	box-shadow: 1px 8px 16px 1px rgba(0, 0, 0, .8), 1px 6px 20px 1px rgba(0, 0, 0, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:1px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:5px rgba(255, 255, 255, 1) double;
	border-radius:10px;
	width:80px;
	height:80px;
	padding:16px;
	margin:auto;
}



#colecciondeapuntes h2 {
	font-size:18px;
	font-style:oblique;
	color:#cd0e00;
	text-align:left;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	padding: 10px 0px 10px 10px;
	margin:auto;
}
	
#colecciondeapuntes h3 {
	color:#c8002d;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:18px;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	}
	
#colecciondeapuntes h5{
	font-family: 'VT323', monospace;
	font-size:24px;
	color:#ff3e3e;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.5);
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered;
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border:2px rgba(24, 126, 141, .6) dotted;
	border-radius:40px;
	margin:60px 10px 0px 30px;
	padding:10px;
	max-width:20%;
}

#colecciondeapuntes h6 {
	color:#21a310;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:16px;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	}

#colecciondeapuntes a {
	color:#F00;
	font-weight:70;
	font-size:18px;
	text-align:left;
	padding:10px 0px 10px 0px;
	margin:200px;
	text-decoration:none;
	}
	
#continuar p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:25px;
	border-left:6px #F39 dotted;
	padding: 20px 10px 10px 10px;
	margin:10px 40px 10px 40px;
	height:70px;
}


#continuar p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#arriba-abajo p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	border-radius:25px;
	border-left:6px #F39 dotted;
	display:inline;
	padding: 20px 10px 10px 10px;
	margin:10px 100px;
	height:50px;
}


#arriba-abajo p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#share  {
	display:none;
	
}

#redes  {
	display:none;
	
}
	
	}


@media screen and (max-width:560px){
	
	#colecciondeapuntes img {
	display:block;
	padding:15px 15px;
	background-color:rgba(255,255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-bottom:20px rgba(0, 0, 0, 1) solid;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-left:8px rgba(0, 0, 0, 1) solid;
	border-right:7px rgba(0, 0, 0, 1) double;
	border-radius:10px;
	width:40vh;
	margin:20px auto 20px;
	}

div.polaroid {
  width:40vh;
  background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  background-image: linear-gradient(to top right, #fff,#fff);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom:12px rgba(196, 196, 196, 1) ridge;
  border-top:5px rgba(0, 0, 0, 1) solid;
  border-left:8px rgba(0, 0, 0, 1) double;
  border-right:10px rgba(0, 0, 0, 1) solid;
  border-radius:20px;
  padding:0px 20px;
  margin:15px auto;

}

div.container {
  width:100%;
  text-align:center;
  padding: 5px 10px;
  margin:10px auto;

}

div.container h8 {
  font-family: 'Dosis', serif;
  font-size:14px;
  color:#000;
  text-shadow: -1px .5px .7px black, -3px 3px 5px silver;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}


#colecciondeapuntes h4{
	background-image:url(../media/horas/tumblr_o3xgp8pKNo1s8gtxto1_500.gif);
	background-size:contain;
	font-size:32px;
	font-family: 'Dosis', sans-serif;
	color:black;
	mix-blend-mode:multiply;
	text-align:center;
	text-shadow: -1px .5px .7px silver, -3px 3px 5px silver;
	box-shadow: 1px 8px 16px 1px rgba(0, 0, 0, .8), 1px 6px 20px 1px rgba(0, 0, 0, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:1px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:5px rgba(255, 255, 255, 1) double;
	border-radius:10px;
	width:70px;
	height:70px;
	padding:12px;
	margin:auto;
}

#colecciondeapuntes h5{
	font-family: 'VT323', monospace;
	font-size:24px;
	color:#ff3e3e;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.5);
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered;
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border:2px rgba(24, 126, 141, .6) dotted;
	border-radius:40px;
	margin:60px 10px 0px 30px;
	padding:10px;
	max-width:20%;
}


#colecciondeapuntes p {
	font-family: 'EB Garamond', serif;
    background-image:url(../images/horas/intramuros_2.jpg);
	background-size:contain;
	color:black;
	text-shadow: 1px 1px 1px silver, -1px 2px 2px silver;
	font-size:21px;
	background-color:rgba(255, 255,255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(255, 255,255, 1) solid;
	border-right:8px rgba(255, 255,255, 1) double;
	border-left:3px rgba(255, 255,255, 1) groove;
	border-bottom:10px rgba(255, 255,255, 1) ridge;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	max-width:500px;
	width:100%;
	}
	
#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:56px;
	color:black;
	text-shadow: -4px 3px 8px silver , -1px 1px 1px silver;
	
	}



#colecciondeapuntes h6 {
	color:#21a310;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:16px;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	}
	
	
	#colecciondeapuntes a {
	color:#F00;
	font-weight:50;
	text-align:center;
	font-size:14px;
	padding:10px 0px 10px 0px;
	margin:80px;
	text-decoration:none;
	}
	
#continuar p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:25px;
	border-left:6px #F39 dotted;
	padding: 20px 10px 10px 10px;
	margin:10px 40px 10px 40px;
	height:70px;
}


#continuar p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#arriba-abajo p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:18px;
	text-align:center;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px black, -3px 3px 5px GoldenRod;
	text-transform:upercase;
	border:4px rgba(42, 203, 0, 1) dashed;
	border-radius:25px;
	border-left:6px #F39 dotted;
	display:inline;
	padding: 20px 10px 10px 10px;
	margin:10px 100px;
	height:50px;
}


#arriba-abajo p a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#share  {
	display:none;
	
}

#redes  {
	display:none;
	
}
	

	
		}