@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/birula/birula_anime_3.gif");
	background-repeat:no-repeat;
	background-size:cover;
	font-size:72px;
	font-family: 'VT323', monospace;
	color:#2f6e00;
	text-align:center;
	text-shadow: -1px 2px 2px Lime, -2px 2px 3px MediumSpringGreen;
	box-shadow: 1px 8px 16px 1px rgba(0, 69, 118, .8), 1px 6px 20px 1px rgba(0, 92, 206, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:6px #cdff7e groove;
	border-bottom:7px #cdff7e ridge;
	border-right:4px #cdff7e dashed;
	border-left:5px #cdff7e dashed;
	border-radius:50px;
	padding:16px;
	margin:30px auto;
	width:400px;
	height: 400px;
}

#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-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -.5px .5px .5px Chartreuse, -1px 1px 1px GreenYellow;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 84, 163, 1), 0 6px 20px 0 rgba(0, 169, 211, 0.2);
	border-top:10px #87c800 groove;
	border-right:8px #87c800 ridge;
	border-left:3px #87c800 solid;
	border-bottom:10px #87c800 double;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	width:100%;
	}

#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:120px;
	color:#54ca05;
	text-shadow: -4px 3px 8px LawnGreen, -1px 1px 1px LimeGreen;
	
	}
	
	
			
#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:#3aff35;
	font-size:22px;
	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(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) solid;
	border-radius:10px;
	display:block;
	padding:2px 2px;
	margin:auto;
	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(90, 179, 255, 1);
	background-color:#ffd324!important;
	box-shadow: 4px 8px 16px 4px rgba(182, 255, 77, 1), 4px 6px 20px 4px rgba(210, 255, 29, 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: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:6px #62c700 dotted;
    border-top:3px #62c700 ridge;
    border-left:4px #62c700 groove;
    border-right:5px #62c700 dashed;
	border-radius:30px;
	width:55vh;
	margin:auto;
	}

div.polaroid {
  width:65vh;
  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:6px #b4ff22 dotted;
  border-top:3px #b4ff22 ridge;
  border-left:4px #b4ff22 groove;
  border-right:5px #b4ff22 dashed;
  border-radius:40px;
  padding:10px 20px;
  margin:auto;

}

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

}



div.container h8 {
  font-family: 'VT323', monospace;
  font-size:21px;
  color:#00cb18;
  text-shadow: 0 0 .3px DeepSkyBlue, -1px 1px 0 dodgerblue;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}

div.videocont {
  width:65vh;
  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:6px #f40009 dotted;
  border-top:3px #f40009 ridge;
  border-left:4px #f40009 groove;
  border-right:5px #f40009 dashed;
  border-radius:40px;
  padding:10px 20px;
  margin:auto;

}

div.iframme {
 width:100%;
  text-align:center;
  padding: 5px 10px;
  margin: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 100px;
}

#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:-150px 300px 200px -50px;
	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("../images/birula/bicicletita_1024.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:inline-block;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	height:80vh;
	max-width:100%;
	width: 100%;
	z-index:-3;
	padding: 20px;
	margin:auto;
	}

@media (min-width:801px) and (max-width:1251px){

#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:6px #62c700 dotted;
    border-top:3px #62c700 ridge;
    border-left:4px #62c700 groove;
    border-right:5px #62c700 dashed;
	border-radius:30px;
	width:50vh;
	margin:auto;
	}

div.polaroid {
  width:50vh;
  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:6px #b4ff22 dotted;
  border-top:3px #b4ff22 ridge;
  border-left:4px #b4ff22 groove;
  border-right:5px #b4ff22 dashed;
  border-radius:40px;
  padding:10px 20px;
  margin:auto;

}

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

}

div.container h8 {
  font-family: 'VT323', monospace;
  font-size:21px;
  color:#00cb18;
  text-shadow: 0 0 .3px DeepSkyBlue, -1px 1px 0 dodgerblue;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}
	
#colecciondeapuntes p {
	font-family: 'EB Garamond', serif;
	background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -.5px .5px .5px Chartreuse, -1px 1px 1px GreenYellow;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 84, 163, 1), 0 6px 20px 0 rgba(0, 169, 211, 0.2);
	border-top:10px #87c800 groove;
	border-right:8px #87c800 ridge;
	border-left:3px #87c800 solid;
	border-bottom:10px #87c800 double;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	width:100%;
	}

#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:120px;
	color:#54ca05;
	text-shadow: -4px 3px 8px LawnGreen, -1px 1px 1px LimeGreen;
	
	}
	
	

#colecciondeapuntes h4{
   background-image:url("../media/birula/birula_anime_3.gif");
	background-repeat:no-repeat;
	background-size:cover;
	font-size:56px;
	font-family: 'VT323', monospace;
	color:#2f6e00;
	text-align:center;
	text-shadow: -1px 2px 2px Lime, -2px 2px 3px MediumSpringGreen;
	box-shadow: 1px 8px 16px 1px rgba(0, 69, 118, .8), 1px 6px 20px 1px rgba(0, 92, 206, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:6px #cdff7e groove;
	border-bottom:7px #cdff7e ridge;
	border-right:4px #cdff7e dashed;
	border-left:5px #cdff7e dashed;
	border-radius:50px;
	padding:16px;
	margin:20px auto;
	width:400px;
	height:400px;
}

	
#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:#3aff35;
	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(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) solid;
	border-radius:10px;
	display:block;
	padding:2px 2px;
	margin:auto;
	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(90, 179, 255, 1);
	background-color:#ffd324!important;
	box-shadow: 4px 8px 16px 4px rgba(182, 255, 77, 1), 4px 6px 20px 4px rgba(210, 255, 29, 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:-10px;
	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;
	}
	
#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:6px #62c700 dotted;
    border-top:3px #62c700 ridge;
    border-left:4px #62c700 groove;
    border-right:5px #62c700 dashed;
	width:45vh;
	margin:auto;
	}

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:6px #b4ff22 dotted;
  border-top:3px #b4ff22 ridge;
  border-left:4px #b4ff22 groove;
  border-right:5px #b4ff22 dashed;
  padding:5px 5px;
  margin:auto;

}

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

}

div.container h8 {
  font-family: 'VT323', monospace;
  font-size:21px;
  color:#00cb18;
  text-shadow: 0 0 .3px DeepSkyBlue, -1px 1px 0 dodgerblue;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}
	
#colecciondeapuntes p {
	font-family: 'EB Garamond', serif;
	background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -.5px .5px .5px Chartreuse, -1px 1px 1px GreenYellow;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 84, 163, 1), 0 6px 20px 0 rgba(0, 169, 211, 0.2);
	border-top:10px #87c800 groove;
	border-right:8px #87c800 ridge;
	border-left:3px #87c800 solid;
	border-bottom:10px #87c800 double;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	width:100%;
	}

#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:120px;
	color:#54ca05;
	text-shadow: -4px 3px 8px LawnGreen, -1px 1px 1px LimeGreen;
	
	}
	
	
#colecciondeapuntes h4{
	background-image:url("../media/birula/birula_anime_3.gif");
	background-repeat:no-repeat;
	background-size:cover;
	font-size:48px;
	font-family: 'VT323', monospace;
	color:#2f6e00;
	text-align:center;
	text-shadow: -1px 2px 2px Lime, -2px 2px 3px MediumSpringGreen;
	box-shadow: 1px 8px 16px 1px rgba(0, 69, 118, .8), 1px 6px 20px 1px rgba(0, 92, 206, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:6px #cdff7e groove;
	border-bottom:7px #cdff7e ridge;
	border-right:4px #cdff7e dashed;
	border-left:5px #cdff7e dashed;
	border-radius:50px;
	padding:16px;
	margin:20px auto;
	width:400px;
	height:400px;
}



#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:6px #62c700 dotted;
    border-top:3px #62c700 ridge;
    border-left:4px #62c700 groove;
    border-right:5px #62c700 dashed;
	border-radius:30px;
	width:45vh;
	margin:auto;
	}

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:6px #b4ff22 dotted;
  border-top:3px #b4ff22 ridge;
  border-left:4px #b4ff22 groove;
  border-right:5px #b4ff22 dashed;
  border-radius:40px;
  padding:3px 5px;
  margin:auto;

}

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

}

div.container h8 {
  font-family: 'VT323', monospace;
  font-size:21px;
  color:#00cb18;
  text-shadow: 0 0 .3px DeepSkyBlue, -1px 1px 0 dodgerblue;
  width:100%;
  text-align:right;
  padding: 2px 3px;
  margin:auto;
}

#colecciondeapuntes h4{
	background-image:url("../media/birula/birula_anime_3.gif");
	background-repeat:no-repeat;
	background-size:cover;
	font-size:36px;
	font-family: 'VT323', monospace;
	color:#2f6e00;
	text-align:center;
	text-shadow: -1px 2px 2px Lime, -2px 2px 3px MediumSpringGreen;
	box-shadow: 1px 8px 16px 1px rgba(0, 69, 118, .8), 1px 6px 20px 1px rgba(0, 92, 206, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:6px #cdff7e groove;
	border-bottom:7px #cdff7e ridge;
	border-right:4px #cdff7e dashed;
	border-left:5px #cdff7e dashed;
	border-radius:50px;
	padding:16px;
	margin:20px auto;
	width:300px;
	height:300px;
}

#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/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -.5px .5px .5px Chartreuse, -1px 1px 1px GreenYellow;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 84, 163, 1), 0 6px 20px 0 rgba(0, 169, 211, 0.2);
	border-top:10px #87c800 groove;
	border-right:8px #87c800 ridge;
	border-left:3px #87c800 solid;
	border-bottom:10px #87c800 double;
	border-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:20px auto;
	width:100%;
	}

#colecciondeapuntes p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:120px;
	color:#54ca05;
	text-shadow: -4px 3px 8px LawnGreen, -1px 1px 1px LimeGreen;
	
	}
	



#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 80px;
	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;
	
}
	
		}