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

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

body {
	background-color:#000;
	background-size:contain;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
	}	
#colecciondeapuntes h1 {
	font-family: 'VT323', monospace;
	font-size:18px;
	font-style:bold;
	color:#da8500;
	text-shadow: -1px .5px .7px gold, -3px 3px 5px orange;
	text-align:center;
	background-color:#d0faff/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	padding:15px;
	margin:5px 100px;
}	

#colecciondeapuntes h2 {
	font-size:24px;
	font-style:bold;
	color:#cd0e00;
	text-align:left;
	box-shadow: 0px 2px 2px 2px rgba(153, 255, 177, 1), 2px 6px 20px 2px rgba(203, 255, 242, 1);
	background-color:rgba(214, 249, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -5px 5px 7px red, -5px 5px 10px orangered;
	letter-spacing:10px;
	padding: 5px;
	margin:10px 10px;
	z-index:1;
}

#colecciondeapuntes h2:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:#a90000;
	text-shadow: -1px 1px 1px red, -3px 3px 3px Orangered;
	}
	
#colecciondeapuntes h3 {
	color:#ffd9d9;
	text-shadow:-1px .5px .7px red, -3px 3px 5px orangered;
	font-size:32px;
	box-shadow: 0px 8px 16px 0px rgba(236,51, 15, 1), 0 6px 20px 0 rgba(254, 36, 36, 0.2);
	background-color:rgba(211, 255, 253, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(234, 0, 0, 1) solid;
	border-top:13px rgba(234, 0, 0, 1)  groove;
	border-left:12px rgba(234, 0, 0, 1)  solid;
	border-right:15px rgba(234, 0, 0, 1)  ridge;
	text-shadow: -2px .5px .7px darkblue, -1px 2px 2px blue;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	margin: 20px;
	}

#colecciondeapuntes h3:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:72px;
	color:#a90000;
	text-shadow: -1px 1px 1px darkblue, -3px 3px 3px Orangered;
	}



#colecciondeapuntes h4{
	background-image:url(../media/eye.gif);
	background-size:contain;
	font-family: 'dampfplatz_solidblack';
	font-size:56px;
	color:#f5d600;
	text-align:center;
	text-shadow: -1px .5px .7px orangered, -3px 3px 5px red;
	box-shadow: 3px 8px 16px 3px rgba(255, 255, 255, .5), 4px 9px 20px 4px rgba(255, 255, 255, 0.8);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:3px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:7px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) double;
	border-radius:50%;
	padding:16px;
	margin:auto;
	width:100px;
}
	

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

#colecciondeapuntes h6 {
	font-family: 'Alice', serif;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px .5px .7px blue, -3px 3px 5px aqua;
	font-size:18px;
	box-shadow: 0px 2px 2px 2px rgba(222, 255, 193, 1), 2px 6px 20px 2px rgba(234, 255, 160, 1);
	background-color:rgba(212, 255, 242, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(108, 239, 255, 1) double;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) double;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -2px .5px .7px red, -1px 2px 2px orangered;
	letter-spacing: 10px;
	padding:10px 10px;
	text-align:center;
	margin:20px auto;
	}

#colecciondeapuntes h6:first-letter {
	 font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px 1px 1px goldenrod, -3px 3px 3px Orangered;
	}

	
#colecciondeapuntes h7 {
 font-family: 'dosis', serif;
  font-size:24px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
	margin:100px 2px 0px 2px;
	height:50%;
	text-align:center;
	}
	

#colecciondeapuntes h9{
	font-size:32px;
	color:#f62323;
	text-align:left;
	box-shadow: 3px 8px 16px 3px rgba(255, 255, 255, .5), 4px 9px 20px 4px rgba(255, 255, 255, 0.8);
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:3px rgba(255, 255, 255, 1) solid;
	border-bottom:1px rgba(255, 255, 255, 1) solid;
	border-right:7px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) double;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:100px;
}


#colecciondeapuntes h12{
	font-family: 'Alice', serif;
	font-size:18px;
	color:#c8002d;
	text-shadow: -1px .5px .7px red, -3px 3px 5px orangered;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(236,51, 15, 1), 0 6px 20px 0 rgba(254, 36, 36, 0.2);
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	padding:10px 10px;
	margin:auto 200px;
	width:70px;
}


#colecciondeapuntes p {
	font-family: 'Dosis', sans-serif;
    background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -4px 3px 8px AliceBlue, -1px 1px 1px Azure;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(0, 0, 0, 1) solid;
	border-right:8px rgba(0, 0, 0, 1) double;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:10px rgba(0, 0, 0, 1) ridge;
	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:#fff;
	text-shadow: -4px 3px 8px LightGoldenRodYellow , -1px 1px 1px LightGoldenRodYellow;
	
	}

hr.new1 {
  border-top: 2px dotted red;
}


#alta img {
	display:block;
	padding:3px 3px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	border-bottom:2px rgba(255, 255, 255, 1) ridge;
	border-top:3px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) groove;
	border-right:2px rgba(255, 255, 255, 1) double;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:25px;
	width:75vh;
	margin:20px auto 20px;
	}

#alta div.container {
  width:80%;
  text-align:center;
  padding: 3px 3px;
  margin:10px 5px 5px 60px;
}

div.container h8 {
  font-family: 'dosis', serif;
  font-size:24px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
  width:100%;
  text-align:right;
  margin:auto;
}

#baja img {
	display:none;
	}

#baja div.container {
  display:none;
}

#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-size: 1.4em;
	color:rgba(24, 160, 255, 1);
	text-align:right;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	box-shadow: 1px 1px 1px 1px rgba(255, 197, 22, 1), 1px 1px 20px 1px rgba(255, 197, 22, 1);
	border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px rgba(45, 208, 255, 1) dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px red;
	display:block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border-radius:15px;
	padding:2px 2px;
	margin:1px;
	
	}

#myNavbar li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	}

#myNavbar ul li a:hover,
#myNavbar ul li a:focus{
	color:rgba(24, 160, 255, 1);
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border-top:4px rgba(255, 89, 24, 1) solid;
	border-right:6px rgba(255, 89, 24, 1) groove;
	border-left:3px rgba(255, 89, 24, 1) groove;
	border-bottom:8px rgba(255, 89, 24, 1) ridge;
	}
	
#myNavbar {
		border-top:none;
		width:100%;
		margin:1px;
		padding-left:2px;
		padding-right:2px;
	}
	
	
ul.dropdown-menu li a {
	margin:2px 2px;
	padding:2px 2px;
	display:inline-block;
	background-color:transparent!important;
	color:#b0ffed !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px;
	padding:2px 2px;
	border-top:none;
	}

.dropdown-toggle:focus {
	background:#b0ffed !important;
}


	
#colecciondeapuntes a {
	text-align:center;
	color:#f10a0a;
	font-weight:300;
	font-size:1.4em;
	padding:15px 15px;
	text-shadow: -1px .5px 1px darkblue, -3px 3px 5px orangered;
	margin:10px 10px;
	text-decoration:none;
	}
	

#comprar a {
	font-family: 'VT323', monospace;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #dbfffb, #d4fffe);
	border-top:3px rgba(255, 24, 24, 1) solid;
	border-left:2px rgba(255, 24, 24, 1) ridge; 
	border-right:5px rgba(255, 24, 24, 1) groove; 
	border-bottom:8px rgba(255, 24, 24, 1) ridge;  
	color:#f10a0a;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	padding: 1px 2px;
	letter-spacing:5px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:20px;
	margin:30px 10px 30px 10px;
    transition: all 300ms ease;
	float:right;
}

#comprar > a:first-letter {
	font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.8em;
	color:#ffde00;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	}


#comprar a:hover,
#comprar a:focus{
		color:#fff000;
		text-shadow: -1px 2px 2px red, -1px 3px 3px orangered;
		border-top:3px rgba(255, 125, 0, 1) dashed;
		border-left:2px rgba(255, 90, 0, 1) dotted; 
		border-right:5px rgba(255, 60, 0, 1) groove; 
		border-bottom:8px rgba(216, 30, 0, 1) solid;
		box-shadow: inset 150px 0 0 rgba(255, 231, 71, 1), inset -150px 0 0 rgba(255, 231, 71, 1);
		list-style:none;
		text-decoration:blink;
		}


#siguiente p {
	font-family: 'VT323', monospace;
	color:#7bfaff;
	font-size:24px;
	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-top:3px rgba(245, 214, 0, 1) solid;
	border-bottom:1px #f5d600 solid;
	border-right:5px #f5d600 solid;
	border-left:4px rgba(245, 214, 0, 1) double;
	display:inline;
	border-radius:25px;
	padding: 10px 10px 10px 10px;
	margin:20px 50px;
	height:50px;
}


#siguiente p a {
	background-color:transparent;
	padding:10px 10px;
	margin:30px auto 10px 0px;
	color:#f63400;
	font-size:20px;

}

#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:24px;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(160, 255, 75, 1), 0 6px 20px 0 rgba(255, 202, 75, 0.5);
	text-shadow: -.7px .7px .7px darkblue, -1px 1px 1px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:40px;
	border:4px rgba(42, 203, 0, 1) double;
	border-left:4px #F39 dotted;
	padding:5px 10px;
	margin:10px;
	width:40%;
	height:20%;

}	
	
#continuar a {
	font-family: 'VT323', monospace;
	text-align:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(45, 154, 255, 1), 0 9px 20px 0 rgba(255, 45,188, 0.5);
	text-shadow: -1px 1px 1px red, -3px 3px 3px orangered;
	background-color:rgba(221, 251, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:upercase;
	padding:5px 10px;
	margin:10px;
	height:20%;
}


#continuar li a {
	background-color:#b3eeff;
	color:#ff0018;
	font-size:18px;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-bottom:1px rgba(0, 0, 0, 1) solid;
	border-right:5px rgba(0, 0, 0, 1) solid;
	border-left:4px rgba(210, 0, 20, 1) double;
	display:inline;
	border-radius:50%;
	padding:15px 10px;
	margin:10px;
	height:100%;

}

#continuar > ul li a:hover,
#continuar > ul li a:focus{
	margin:10px;
	padding:5px 10px;
	color:#b0ffed;
	text-shadow: -.7px .7px .7px blue, -1px 1px 1px aqua;
	background-color:rgba(172, 255, 252, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border-top:3px rgba(234, 24, 24, 1) ridge;
	border-bottom:1px rgba(234, 24, 24, 1) groove;
	border-right:5px rgba(234, 24, 24, 1) groove;
	border-left:4px rgba(0, 0, 0, 1) double;
	border-radius:50%;
	padding:15px 10px;
}



.container {
    position: relative;
    width:100%;
}

.image {
  display: block;
  width:100%;
  height:auto;
}

.overlay {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255, 255, 0, .5);
  border-radius:10px;
  border:3px rgba(255, 142, 142, 1) dashed;
  border-top:3px #b9d401 dashed;
  border-left:3px #b9d401 dashed;
  padding:auto 300px;
  margin:auto;
}

.container:hover .overlay {
  opacity: 1;
}

#danate {
	display:none;
}

#donate {
	display:block;
	padding:0px 0px 0px 0px;
	margin:auto;
}

.anime
	{
		position:relative;
		z-index: -1;
		height: 40px;
	}
.botron
	{
		position:absolute;
		z-index: 1;
}

#sapote
	{
		position:relative;
		z-index: -1;
		max-width:100%;
  		height:100%;
		border-radius:25px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	    border-top:3px rgba(9, 142, 255, 1) double;
	    border-left:6px rgba(9, 142, 255, 1) dashed; 
	    border-right:8px rgba(9, 142, 255, 1) solid; 
	    border-bottom:10px rgba(9, 142, 255, 1) solid;
		padding:0px;
		margin:20px 5px auto;
	}

#donatelo
	{
		position:absolute;
		z-index: 1;
		padding:0px 0px 0px 0px;
		margin:auto;
}

#share img {
	width:100%;
	max-width:100px;
	
}

#share a {
width: 50px;
border: 2px rgba(255,255, 255, 1) solid; 
border-bottom: 3px rgba(255,255, 255, 1) solid; 
border-right: 5px rgba(255,255, 255, 1) solid; 
text-shadow: 0 0 1px black, -2px 2px 5px black;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
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:50%;
background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);/*éste es un color que se desplegará con hover*/
margin:20px 10px 0px 80px;
transform: scale(1,1) rotate(0deg);
transition: all 300ms ease;
}


#share a:hover,
#share a:active {
	background: rgba(105,207, 255, .6);
	background-image: linear-gradient(to bottom right, #00e4ff,#d6fbff);/*éste es un color que se desplegará con hover*/
	list-style:none;
	text-decoration:none;
	border-radius: 50%;
	border-bottom: 3px rgba(0, 0, 0, 1) dashed;
	border-left: 2px rgba(0, 0, 0, 1)  dashed;
	border-right: 5px rgba(0, 0, 0, 1)  groove;
	border-top: 2px rgba(0, 0, 0, 1)  dotted;
	box-shadow: 3px 4px 7px 3px rgba(172, 246, 255, 1), 2px 5px 7px 2px rgba(172, 246, 255, 0.5);
	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:20px 100px 0px 100px;
}

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

#redes 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:center;
	margin:0px 0px 10px 400px;
}

#redes {
	text-align:center;
	margin:auto;
	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:0px;
	border-radius:50%;
	width:60px;
	height:60px;
	line-height:40px;
	}

#redes ul li a {
	color:#000;
	background: white;
	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);/*éste es un color que se desplegará con hover*/
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:5px rgba(0, 0, 0, 1) groove;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:5px rgba(0, 0, 0, 1) ridge;
	width:48px;
	height: 48px;
	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,255,255,1);
	background-image: linear-gradient(to bottom right, #00e4ff,#d6fbff);/*éste es un color que se desplegará con hover*/
	list-style:none;
	text-decoration:none;
	box-shadow: 3px 4px 7px 3px rgba(172, 246, 255, 1), 2px 5px 7px 2px rgba(172, 246, 255, 0.5);
	transform: scale(1.5,1.5) rotate(360deg);
}

.banner3 {
	background-image:url(../media/banners/oje_w.gif);
	mix-blend-mode:multiply;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:50%;
	border-left: 7px rgba(0, 0, 0, 1) double;
	border-right: 14px rgba(0, 0, 0, 1) solid;
	border-top: 8px rgba(0, 0, 0, 1) solid;
	border-bottom: 20px rgba(0, 0, 0, 1) double;
	height:50vh;
	width:52vh;
	z-index:-3;
	margin: -480px auto;
	}
	
.sonido figure {
		max-width:60%;
		width:40%;
		margin:10px auto;
		position:fixed;
		display:block;
		mix-blend-mode: multiply;
			}

.sonido img {
		mix-blend-mode:color-burn;
			}
		
.sonido audio {
	border-radius:30px;
    border-top: 3px rgba(255, 255, 255, 1) double;  
    border-right: 1px rgba(255, 255, 255, 1)double;
    border-left: 6px rgba(255, 255, 255, 1)  groove;
    border-bottom: 7px rgba(255, 255, 255, 1)  ridge;
	margin:10px auto 10px 10px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}
		
			
#soundcredit h3 {
	font-family: 'VT323', monospace;
	font-size:12px;
	color:#fff!important;
	text-shadow: -1px 1px 2px red, -1px 1px 2px orangered!important;
	text-align:left;
	margin:auto 50px;
}

.videocont{
  background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  border-radius:20px;	
  padding: 3px 3px;
  margin:10px 10px 10px 60px;
  max-width:100%;
  height:50vh;
  }

.videocont iframe{	
  max-width:600px;
  height:45vh;
}


@media (min-width:768px) and (max-width:2920px){
.topnav {
  display:none;
}
}

@media (min-width:200px) and (max-width:767px){
#myNavbar {
  display:none;
}
}
@media (min-width:768px) and (max-width:1251px){


#baja img {
	display:block;
	padding:3px 3px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	border-bottom:2px rgba(255, 255, 255, 1) ridge;
    border-top:3px rgba(255, 255, 255, 1) solid;
    border-left:4px rgba(255, 255, 255, 1) groove;
    border-right:2px rgba(255, 255, 255, 1) double;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:25px;
	width:70vh;
	margin:20px auto 20px;
	}


#baja div.container {
  width:100%;
  text-align:center;
  padding: 3px 3px;
  margin:10px auto;
}

div.container h8 {
   font-family: 'dosis', serif;
  font-size:18px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
  width:100%;
  text-align:right;
  margin:auto;
}

#alta img {
	display:none;
	}

#alta div.container {
  display:none;
}
	
#colecciondeapuntes p {
	font-family: 'Dosis', sans-serif;
    background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -4px 3px 8px AliceBlue, -1px 1px 1px Azure;
	font-size:32px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(0, 0, 0, 1) solid;
	border-right:8px rgba(0, 0, 0, 1) double;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:10px rgba(0, 0, 0, 1) ridge;
	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:96px;
	color:#fff;
	text-shadow: -4px 3px 8px LightGoldenRodYellow , -1px 1px 1px LightGoldenRodYellow;
	
	}

.container {
    position: relative;
    width:100%;
}

.image {
  display: block;
  width:100%;
  height:auto;
}

.overlay {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255, 255, 0, .5);
  border-radius:10px;
  border:3px rgba(255, 142, 142, 1) dashed;
  border-top:3px #b9d401 dashed;
  border-left:3px #b9d401 dashed;
  padding:0px;
  margin:0px 100px 0px 0px;
}

.container:hover .overlay {
  opacity: 1;
}
	
#colecciondeapuntes h1 {
	font-family: 'VT323', monospace;
	font-size:18px;
	font-style:bold;
	color:#da8500;
	text-shadow: -1px .5px .7px gold, -3px 3px 5px orange;
	text-align:center;
	background-color:#d0faff/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	padding:15px;
	margin:5px 50px;
}	
	
#colecciondeapuntes h2 {
	font-size:24px;
	font-style:bold;
	color:#cd0e00;
	text-align:left;
	box-shadow: 0px 2px 2px 2px rgba(153, 255, 177, 1), 2px 6px 20px 2px rgba(203, 255, 242, 1);
	background-color:rgba(214, 249, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -5px 5px 7px red, -5px 5px 10px orangered;
	letter-spacing:10px;
	padding: 5px;
	margin:10px 40px;
	z-index:1;
}

#colecciondeapuntes h2:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:#a90000;
	text-shadow: -1px 1px 1px red, -3px 3px 3px Orangered;
	}

#colecciondeapuntes h4{
background-image:url(../media/eye.gif);
	background-size:contain;
	font-family: 'dampfplatz_solidblack';
	font-size:42px;
	color:#f5d600;
	text-align:center;
	text-shadow: -1px .5px .7px orangered, -3px 3px 5px red;
	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:3px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:7px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) double;
	border-radius:50%;
	padding:16px;
	margin:50px auto 0px;
	width:90px;
}
	

#colecciondeapuntes h6 {
	font-family: 'Alice', serif;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px .5px .7px blue, -3px 3px 5px aqua;
	font-size:18px;
	box-shadow: 0px 2px 2px 2px rgba(222, 255, 193, 1), 2px 6px 20px 2px rgba(234, 255, 160, 1);
	background-color:rgba(212, 255, 242, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(108, 239, 255, 1) double;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) double;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -2px .5px .7px red, -1px 2px 2px orangered;
	letter-spacing: 10px;
	padding:10px 10px;
	text-align:center;
	margin:20px;
	}

#colecciondeapuntes h6:first-letter {
	 font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px 1px 1px goldenrod, -3px 3px 3px Orangered;
	}
	
#colecciondeapuntes h7 {
	 font-family: 'dosis', serif;
  font-size:21px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
	margin:100px 2px 0px 2px;
	height:50%;
	text-align:center;
	}
	
#colecciondeapuntes h12{
	font-family: 'Alice', serif;
	font-size:18px;
	color:#c8002d;
	text-shadow: -1px .5px .7px red, -3px 3px 5px orangered;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(236,51, 15, 1), 0 6px 20px 0 rgba(254, 36, 36, 0.2);
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	padding:10px 10px;
	margin:auto 10px;
	width:100px;
}

#siguiente p {
	font-family: 'VT323', monospace;
	background-image:url(../images/la_dispersion/ventaniux.jpg);
	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-top:3px rgba(245, 214, 0, 1) solid;
	border-bottom:1px #f5d600 solid;
	border-right:5px #f5d600 solid;
	border-left:4px rgba(245, 214, 0, 1) double;
	display:inline;
	border-radius:25px;
	padding: 10px 10px 10px 10px;
	margin:20px 50px;
	height:50px;
}


#siguiente p a {
	background-color:transparent;
	padding:10px 10px;
	margin:30px auto 10px 0px;
	color:#f63400;
	font-size:20px;

}

#comprar a {
	font-family: 'VT323', monospace;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #dbfffb, #d4fffe);
	border-top:3px rgba(255, 24, 24, 1) solid;
	border-left:2px rgba(255, 24, 24, 1) ridge; 
	border-right:5px rgba(255, 24, 24, 1) groove; 
	border-bottom:8px rgba(255, 24, 24, 1) ridge;  
	color:#f10a0a;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	padding: 1px 2px;
	letter-spacing:5px;
	font-size: 1.3em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:20px;
	margin:30px 10px 30px 10px;
    transition: all 300ms ease;
	float:right;
}

#comprar > a:first-letter {
	font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.5em;
	color:#ffde00;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	}


#comprar a:hover,
#comprar a:focus{
		color:#fff000;
		text-shadow: -1px 2px 2px red, -1px 3px 3px orangered;
		border-top:3px rgba(255, 125, 0, 1) dashed;
		border-left:2px rgba(255, 90, 0, 1) dotted; 
		border-right:5px rgba(255, 60, 0, 1) groove; 
		border-bottom:8px rgba(216, 30, 0, 1) solid;
		box-shadow: inset 150px 0 0 rgba(255, 231, 71, 1), inset -150px 0 0 rgba(255, 231, 71, 1);
		list-style:none;
		text-decoration:blink;
		}


#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-size: 1.4em;
	color:rgba(24, 160, 255, 1);
	text-align:right;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	box-shadow: 1px 1px 1px 1px rgba(255, 197, 22, 1), 1px 1px 20px 1px rgba(255, 197, 22, 1);
	border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px rgba(45, 208, 255, 1) dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px red;
	display:block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border-radius:15px;
	padding:2px 2px;
	margin:1px;
	
	}

#myNavbar li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	}

#myNavbar ul li a:hover,
#myNavbar ul li a:focus{
	color:rgba(24, 160, 255, 1);
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border-top:4px rgba(255, 89, 24, 1) solid;
	border-right:6px rgba(255, 89, 24, 1) groove;
	border-left:3px rgba(255, 89, 24, 1) groove;
	border-bottom:8px rgba(255, 89, 24, 1) ridge;
	}
	
#myNavbar {
		border-top:none;
		width:100%;
		margin:1px;
		padding-left:2px;
		padding-right:2px;
	}
	
	
ul.dropdown-menu li a {
	margin:2px 2px;
	padding:2px 2px;
	display:inline-block;
	background-color:transparent!important;
	color:#b0ffed !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px;
	padding:2px 2px;
	border-top:none;
	}

.dropdown-toggle:focus {
	background:#b0ffed !important;
}



#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:24px;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(160, 255, 75, 1), 0 6px 20px 0 rgba(255, 202, 75, 0.5);
	text-shadow: -.7px .7px .7px darkblue, -1px 1px 1px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:40px;
	border:4px rgba(42, 203, 0, 1) double;
	border-left:4px #F39 dotted;
	padding:5px 10px;
	margin:10px;
	width:40%;
	height:20%;

}

.videocont{
  background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;	
  padding: 3px 3px;
  margin:10px 10px 10px 60px;
  max-width:80%;
  height:60vh;
  }

.videocont iframe{	
  max-width:550px;
  height:40vh;
}

}

@media screen and (max-width: 767px) {
.topnav {
  font-family: 'VT323', monospace;
  color: rgba(24, 160, 255, 1);
  overflow: hidden;
  background-color: transparent;
  text-transform:capitalize;
  text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
  letter-spacing:5px;
  padding: 6px 10px;
  margin:10px 40px 20px 40px;
}

.topnav a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size:24px;
	color:#f7dd00;
	}
    
.topnav a {
  float:left;
  display: block;
  background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
  color: rgba(24, 160, 255, 1);
  text-align: center;
  padding: 6px 10px;
  text-decoration: none;
  font-size: 24px;
}

.active {
	background-color: transparent;
    color: rgba(24, 160, 255, 1);
    border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px #ff0202 dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
	padding: 6px 10px;
	border-radius:15px;
	}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-family: 'VT323', monospace;
  font-size: 18px;    
  outline: none;
  color: rgba(24, 160, 255, 1);
  background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
  border-top:4px rgba(45, 208, 255, 1)solid;
  border-right:6px rgba(45, 208, 255, 1) solid;
  border-left:3px #ff0202 dashed;
  border-bottom:8px rgba(45, 208, 255, 1) solid;
  border-radius:15px;
  text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
  letter-spacing:5px;
  padding: 10px 10px;
  background-color: inherit;
  font-family: inherit;
  margin: auto;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(255,246, 0, 1);
  background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
  border-top:4px rgba(45, 208, 255, 1)solid;
  border-right:6px rgba(45, 208, 255, 1) solid;
  border-left:3px #ff0202 dashed;
  border-bottom:8px rgba(45, 208, 255, 1) solid;
  border-radius:15px;
  min-width: 160px;
  z-index: 1;
}

.dropdown-content a {
  font-family: 'VT323', monospace;
  float:right;
  color: rgba(24, 160, 255, 1);
  text-shadow: -.5px .5px .7px red, -1px 1px 3px red;
  border-top:4px rgba(45, 208, 255, 1) solid;
  border-right:6px rgba(45, 208, 255, 1) solid;
  border-left:3px #ff0202 dashed;
  border-bottom:8px rgba(45, 208, 255, 1) solid;
  border-radius:15px;
  letter-spacing:5px;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin: auto;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  font-family: 'VT323', monospace;
  background-color: rgba(255,246, 0, 1);
  background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
  border-top:4px rgba(45, 208, 255, 1) solid;
  border-right:6px rgba(45, 208, 255, 1) solid;
  border-left:3px #ff0202 dashed;
  border-bottom:8px rgba(45, 208, 255, 1)solid;
  border-radius:15px;
  color:red;
}

.dropdown-content a:hover {
  background-color: transparent;
  color: red;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.topnav a:not(:first-child), .dropdown .dropbtn {
  color: rgba(24, 160, 255, 1);
  background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
  border-top:4px rgba(45, 208, 255, 1) solid;
  border-right:6px rgba(45, 208, 255, 1) solid;
  border-left:3px #ff0202 dashed;
  border-bottom:8px rgba(45, 208, 255, 1)solid;
  border-radius:15px;
  display: none;
  }
  
.topnav a.icon {
	color: rgba(24, 160, 255, 1);
    background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
    border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px #ff0202 dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
    border-radius:15px;
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
 

}

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

#danate {
	display:none;
}

#donate {
	display:block;
	margin:auto;
}

.anime
	{
		position:relative;
		z-index: -1;
		height: 40px;
	}
.botron
	{
		position:absolute;
		z-index: 1;
}

#sapote
	{
		position:relative;
		z-index: -1;
		max-width:100%;
  		height:100%;
		border-radius:25px;
	    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	    border-top:3px rgba(9, 142, 255, 1) double;
	    border-left:6px rgba(9, 142, 255, 1) dashed; 
	    border-right:8px rgba(9, 142, 255, 1) solid; 
	    border-bottom:10px rgba(9, 142, 255, 1) solid;
		padding:0px;
		margin:20px 5px auto;
	}

#donatelo
	{
		position:absolute;
		z-index: 1;
		padding:0px 0px 0px 0px;
		margin:auto;
}

#ubicaciones {
	  display:none;
  }

.container-fluid {margin:5px; padding:0px 15px;height:80%; background-color: transparent; }
  
#myNavbar li a{
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:rgba(24, 160, 255, 1);
	text-align:right;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px red;
	display:block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	box-shadow: 1px 1px 1px 1px rgba(255, 197, 22, 1), 1px 1px 20px 1px rgba(255, 197, 22, 1);
	border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px rgba(45, 208, 255, 1) dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
	border-radius:15px;
	padding:2px 2px;
	margin:auto 50px auto 400px;
	
	}

#myNavbar li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#f7dd00;
	}

#myNavbar ul li a:hover,
#myNavbar ul li a:focus{
	color:rgba(24, 160, 255, 1);
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border-top:4px rgba(255, 89, 24, 1) solid;
	border-right:6px rgba(255, 89, 24, 1) groove;
	border-left:3px rgba(255, 89, 24, 1) groove;
	border-bottom:8px rgba(255, 89, 24, 1) ridge;
	}
	
#myNavbar {
		border-top:none;
		width:100%;
		margin:1px;
		padding-left:2px;
		padding-right:2px;
	}
	
	
ul.dropdown-menu li a {
	margin:2px 2px;
	padding:2px 2px;
	display:inline-block;
	background-color:transparent!important;
	color:#b0ffed !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px;
	padding:2px 2px;
	border-top:none;
	}

.dropdown-toggle:focus {
	background:#b0ffed !important;
}


.container {
    position: relative;
    width:100%;
}

.image {
  display: block;
  width:100%;
  height:auto;
}

.overlay {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 90%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255, 255, 0, .5);
  border-radius:10px;
  border:3px rgba(255, 142, 142, 1) dashed;
  border-top:3px #b9d401 dashed;
  border-left:3px #b9d401 dashed;
  padding:0px;
  margin:auto;
}

.container:hover .overlay {
  opacity: 1;
}

#baja img {
	display:block;
	padding:3px 3px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	border-bottom:2px rgba(255, 255, 255, 1) ridge;
	border-top:3px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) groove;
	border-right:2px rgba(255, 255, 255, 1) double;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:25px;
	width:50vh;
	margin:10px auto 10px;
	}



#baja div.container {
  width:100%;
  text-align:center;
  padding: 3px 3px;
  margin:10px auto;
}

div.container h8 {
   font-family: 'dosis', serif;
  font-size:14px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
  width:100%;
  text-align:right;
  margin:auto;
}

#alta img {
	display:none;
	}



#alta div.container {
  display:none;
}

#colecciondeapuntes h12{
	font-family: 'Alice', serif;
	font-size:10px;
	color:#c8002d;
	text-shadow: -1px .5px .7px red, -3px 3px 5px orangered;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(236,51, 15, 1), 0 6px 20px 0 rgba(254, 36, 36, 0.2);
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	padding:10px 10px;
	margin:auto 100px;
	width:70px;
}
	
#colecciondeapuntes p {
	font-family: 'Dosis', sans-serif;
    background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -4px 3px 8px AliceBlue, -1px 1px 1px Azure;
	font-size:24px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(0, 0, 0, 1) solid;
	border-right:8px rgba(0, 0, 0, 1) double;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:10px rgba(0, 0, 0, 1) ridge;
	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:72px;
	color:#fff;
	text-shadow: -4px 3px 8px LightGoldenRodYellow , -1px 1px 1px LightGoldenRodYellow;
	
	}

#colecciondeapuntes h1 {
	font-family: 'VT323', monospace;
	font-size:14px;
	font-style:bold;
	color:#da8500;
	text-shadow: -1px .5px .7px gold, -3px 3px 5px orange;
	text-align:center;
	background-color:#d0faff/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	padding:15px;
	margin:5px 50px;
}	
	
#colecciondeapuntes h4{
	background-image:url(../media/eye.gif);
	background-size:contain;
	font-family: 'dampfplatz_solidblack';
	font-size:42px;
	color:#f5d600;
	text-align:center;
	text-shadow: -1px .5px .7px orangered, -3px 3px 5px red;
	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:3px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:7px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) double;
	border-radius:50%;
	padding:16px;
	margin:auto;
	width:90px;
}
	

#colecciondeapuntes h2 {
	font-size:18px;
	font-style:bold;
	color:#cd0e00;
	text-align:left;
	box-shadow: 0px 2px 2px 2px rgba(153, 255, 177, 1), 2px 6px 20px 2px rgba(203, 255, 242, 1);
	background-color:rgba(214, 249, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -5px 5px 7px red, -5px 5px 10px orangered;
	letter-spacing:7px;
	padding:5px;
	margin:10px 200px;
	z-index:1;
}

#colecciondeapuntes h2:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:#a90000;
	text-shadow: -1px 1px 1px red, -3px 3px 3px Orangered;
	}
	
#colecciondeapuntes h3 {
	color:#ffd9d9;
	text-shadow:-1px .5px .7px red, -3px 3px 5px orangered;
	font-size:24px;
	box-shadow: 0px 8px 16px 0px rgba(236,51, 15, 1), 0 6px 20px 0 rgba(254, 36, 36, 0.2);
	background-color:rgba(211, 255, 253, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(234, 0, 0, 1) solid;
	border-top:13px rgba(234, 0, 0, 1)  groove;
	border-left:12px rgba(234, 0, 0, 1)  solid;
	border-right:15px rgba(234, 0, 0, 1)  ridge;
	text-shadow: -2px .5px .7px darkblue, -1px 2px 2px blue;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	margin:20px;
	}

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

#colecciondeapuntes h6 {
	font-family: 'Alice', serif;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px .5px .7px blue, -3px 3px 5px aqua;
	font-size:18px;
	box-shadow: 0px 2px 2px 2px rgba(222, 255, 193, 1), 2px 6px 20px 2px rgba(234, 255, 160, 1);
	background-color:rgba(212, 255, 242, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(108, 239, 255, 1) double;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) double;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -2px .5px .7px red, -1px 2px 2px orangered;
	letter-spacing: 10px;
	padding:10px 10px;
	text-align:center;
	margin:20px;
	}

#colecciondeapuntes h6:first-letter {
	 font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px 1px 1px goldenrod, -3px 3px 3px Orangered;
	}

#colecciondeapuntes h7 {
	 font-family: 'dosis', serif;
  font-size:18px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
	margin:100px 2px 0px 2px;
	height:100%;
	text-align:center;
	}
	
#colecciondeapuntes a {
	text-align:center;
	color:#f10a0a;
	font-weight:100;
	font-size:14px;
	padding:15px 0px;
	text-shadow: -1px .5px 1px darkblue, -3px 3px 5px orangered;
	margin:30px 50px;
	text-decoration:none;
	}
	
#comprar a {
	font-family: 'VT323', monospace;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #dbfffb, #d4fffe);
	border-top:3px rgba(255, 24, 24, 1) solid;
	border-left:2px rgba(255, 24, 24, 1) ridge; 
	border-right:5px rgba(255, 24, 24, 1) groove; 
	border-bottom:8px rgba(255, 24, 24, 1) ridge;  
	color:#f10a0a;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	padding: 1px 2px;
	letter-spacing:5px;
	font-size: 1.3em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:20px;
	margin:30px 10px 30px 10px;
    transition: all 300ms ease;
	float:right;
}

#comprar > a:first-letter {
	font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.5em;
	color:#ffde00;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	}


#comprar a:hover,
#comprar a:focus{
		color:#fff000;
		text-shadow: -1px 2px 2px red, -1px 3px 3px orangered;
		border-top:3px rgba(255, 125, 0, 1) dashed;
		border-left:2px rgba(255, 90, 0, 1) dotted; 
		border-right:5px rgba(255, 60, 0, 1) groove; 
		border-bottom:8px rgba(216, 30, 0, 1) solid;
		box-shadow: inset 150px 0 0 rgba(255, 231, 71, 1), inset -150px 0 0 rgba(255, 231, 71, 1);
		list-style:none;
		text-decoration:blink;
		}
	
#siguiente p {
	font-family: 'VT323', monospace;
	background-image:url(../images/la_dispersion/ventaniux.jpg);
	color:#7bfaff;
	font-size:14px;
	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-top:3px rgba(245, 214, 0, 1) solid;
	border-bottom:1px #f5d600 solid;
	border-right:5px #f5d600 solid;
	border-left:4px rgba(245, 214, 0, 1) double;
	display:inline;
	border-radius:25px;
	padding: 10px 10px 10px 10px;
	margin:20px 50px;
	height:50px;
}


#siguiente p a {
	background-color:transparent;
	padding:10px 10px;
	margin:30px auto 10px 0px;
	color:#f63400;
	font-size:20px;

}

#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:24px;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(160, 255, 75, 1), 0 6px 20px 0 rgba(255, 202, 75, 0.5);
	text-shadow: -.7px .7px .7px darkblue, -1px 1px 1px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:40px;
	border:4px rgba(42, 203, 0, 1) double;
	border-left:4px #F39 dotted;
	padding:5px 10px;
	margin:10px;
	width:40%;
	height:20%;

}	
	

#share  {
	display:none;
	
}

#redes  {
	display:none;
	
}


.banner3 {
	background-image:url(../media/banners/oje_w.gif);
	box-shadow: 3px 8px 16px 3px rgba(255, 255, 255, .5), 4px 9px 20px 4px rgba(255, 255, 255, 0.8);
	border-radius:50%;
	border-left: 7px rgba(0, 0, 0, 1) double;
	border-right: 14px rgba(0, 0, 0, 1) solid;
	border-top: 8px rgba(0, 0, 0, 1)  solid;
	border-bottom: 20px rgba(0, 0, 0, 1) double;
	height:40vh;
	width:42vh;
	z-index:-3;
	margin: -480px auto;
	}
	
.videocont{
  background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;	
  padding: 3px 3px;
  margin:10px 10px 10px 60px;
  max-width:80%;
  height:45vh;
  }

.videocont iframe{	
max-width:500px;
  height:35vh;
}

	}

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

#danate {
	display:block;
	margin:50px 0px -200px auto;
}

#donate {
	display:none;
}

.anime
	{
		position:relative;
		z-index: -1;
		height: 43px;
		

	}
.botron
	{
		position:absolute;
		z-index: 1;

}

#sapote
	{
		position:relative;
		z-index: -1;
		max-width: 100%;
  		height: 100%;
		border-radius:25px;
	    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	    border-top:3px rgba(9, 142, 255, 1) double;
	    border-left:6px rgba(9, 142, 255, 1) dashed; 
	    border-right:8px rgba(9, 142, 255, 1) solid; 
	    border-bottom:10px rgba(9, 142, 255, 1) solid;
		padding:0px;
		margin:18px 3px;
	}

#donatelo
	{
		position:absolute;
		z-index: 1;
		padding:0px 0px;
		margin:auto;
}

	
.container {
    position: relative;
    width:100%;
}

.image {
  display:block;
  width:100%;
  height:auto;
}

.overlay {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255, 255, 0, .5);
  border-radius:10px;
  border:3px rgba(255, 142, 142, 1) dashed;
  border-top:3px #b9d401 dashed;
  border-left:3px #b9d401 dashed;
  padding:0px;
  margin:auto 50px 0px 0px;
}

.container:hover .overlay {
  opacity: 1;
}

#baja img {
	display:block;
	padding:3px 3px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #fff,#fff);
	border-bottom:2px rgba(255, 255, 255, 1) ridge;
    border-top:3px rgba(255, 255, 255, 1) solid;
    border-left:4px rgba(255, 255, 255, 1) groove;
    border-right:2px rgba(255, 255, 255, 1) double;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:25px;
	width:40vh;
	margin:5px auto 5px;
	}



#baja div.container {
  width:100%;
  text-align:center;
  padding: 3px 3px;
  margin:10px auto;
}

div.container h8 {
  font-family: 'dosis', serif;
  font-size:12px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
  width:100%;
  text-align:right;
  margin:auto;
}

#alta img {
	display:none;
	}



#alta div.container {
  display:none;
}


	
#colecciondeapuntes p {
	font-family: 'Dosis', sans-serif;
    background-image:url(../images/la_dispersion/avionazo.jpg);
	background-size:cover;
	color:#fff;
	text-shadow: -4px 3px 8px AliceBlue, -1px 1px 1px Azure;
	font-size:24px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px rgba(0, 0, 0, 1) solid;
	border-right:8px rgba(0, 0, 0, 1) double;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:10px rgba(0, 0, 0, 1) ridge;
	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:56px;
	color:#fff;
	text-shadow: -4px 3px 8px LightGoldenRodYellow , -1px 1px 1px LightGoldenRodYellow;
	
	}


#colecciondeapuntes h1 {
	font-family: 'VT323', monospace;
	font-size:14px;
	font-style:bold;
	color:#da8500;
	text-shadow: -1px .5px .7px gold, -3px 3px 5px orange;
	text-align:center;
	background-color:#d0faff/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	padding:15px;
	margin:5px 10px;
}		

#colecciondeapuntes h2 {
	font-size:18px;
	font-style:bold;
	color:#cd0e00;
	text-align:left;
	letter-spacing:5px;
	box-shadow: 0px 2px 2px 2px rgba(153, 255, 177, 1), 2px 6px 20px 2px rgba(203, 255, 242, 1);
	background-color:rgba(214, 249, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:20px;
	border-bottom:10px rgba(108, 239, 255, 1) ridge;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) ridge;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -5px 5px 7px red, -5px 5px 10px orangered;
	padding:5px 10px;
	margin:20px 100px;
	z-index:1;
}

#colecciondeapuntes h2:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:#a90000;
	text-shadow: -1px 1px 1px red, -3px 3px 3px Orangered;
	}

#colecciondeapuntes h3 {
	color:#ffd9d9;
	text-shadow:-1px .5px .7px red, -3px 3px 5px orangered;
	font-size:18px;
	box-shadow: 10px 3px 2px 5px rgba(255, 255, 255, .5), 2px 6px 16px 8px rgba(255, 255, 255, .5);
	background-color:rgba(211, 255, 253, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(234, 0, 0, 1) solid;
	border-top:13px rgba(234, 0, 0, 1)  groove;
	border-left:12px rgba(234, 0, 0, 1)  solid;
	border-right:15px rgba(234, 0, 0, 1)  ridge;
	text-shadow: -2px .5px .7px darkblue, -1px 2px 2px blue;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	margin:20px;
	}

#colecciondeapuntes h3:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:24px;
	color:#a90000;
	text-shadow: -1px 1px 1px darkblue, -3px 3px 3px Orangered;
	}



#colecciondeapuntes h4{
	background-image:url(../media/eye.gif);
	background-size:contain;
	font-family: 'dampfplatz_solidblack';
	font-size:32px;
	color:#f5d600;
	text-align:center;
	text-shadow: -1px .5px .7px orangered, -3px 3px 5px red;
	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:3px rgba(255, 255, 255, 1) solid;
	border-bottom:2px rgba(255, 255, 255, 1) solid;
	border-right:7px rgba(255, 255, 255, 1) solid;
	border-left:4px rgba(255, 255, 255, 1) double;
	border-radius:50%;
	padding:10px 10px;
	margin:auto;
	width:62px;
}
	
#colecciondeapuntes h5{
	font-family: 'VT323', monospace;
	font-size:21px;
	color:#ff3e3e;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 255, 130, 1), 0 6px 20px 0 rgba(76, 44, 209, 1);
	background-color:rgba(181, 245, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered;
	border:2px rgba(24, 126, 141, .6) dotted;
	border-radius:40px;
	margin:0px 0px 10px 10px;
	padding:10px 20px;
	max-width:40%;
}

#colecciondeapuntes h6 {
	font-family: 'Alice', serif;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px .5px .7px blue, -3px 3px 5px aqua;
	font-size:18px;
	box-shadow: 0px 2px 2px 2px rgba(222, 255, 193, 1), 2px 6px 20px 2px rgba(234, 255, 160, 1);
	background-color:rgba(212, 255, 242, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:30px;
	border-bottom:10px rgba(108, 239, 255, 1) double;
	border-top:3px rgba(108, 239, 255, 1) groove;
	border-left:2px rgba(108, 239, 255, 1) double;
	border-right:5px rgba(108, 239, 255, 1) ridge;
	text-shadow: -2px .5px .7px red, -1px 2px 2px orangered;
	letter-spacing: 10px;
	padding:10px 10px;
	text-align:center;
	margin:20px;
	}

#colecciondeapuntes h6:first-letter {
	font-family: 'dampfplatzdemibold';
	font-size:48px;
	color:rgba(108, 239, 255, 1);
	text-shadow: -1px 1px 1px goldenrod, -3px 3px 3px Orangered;
	}
	
#colecciondeapuntes h7 {
	 font-family: 'dosis', serif;
  font-size:16px;
  color:#f7dd00;
  background-color:#3da1ff/*rgba(210, 210, 210, .0)*/ !important;
  border-bottom:2px rgba(200, 0, 45, 1) ridge;
  border-top:3px rgba(200, 0, 45, 1)  solid;
  border-left:4px rgba(200, 0, 45, 1)  groove;
  border-right:2px rgba(200, 0, 45, 1)  double;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius:10px;
  text-shadow: -1px .7px .5px black, -1px 1px 2px black;
  padding:5px 8px;
	margin:100px 2px 0px 2px;
	height:100%;
	text-align:center;
	}
	
#colecciondeapuntes h12{
	display:none;
}

	
#colecciondeapuntes a {
	text-align:center;
	color:#f10a0a;
	font-weight:100;
	font-size:14px;
	padding:15px 0px;
	text-shadow: -1px .5px 1px darkblue, -3px 3px 5px orangered;
	margin:30px 50px;
	text-decoration:none;
	}

#comprar a {
	font-family: 'VT323', monospace;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #dbfffb, #d4fffe);
	border-top:3px rgba(255, 24, 24, 1) solid;
	border-left:2px rgba(255, 24, 24, 1) ridge; 
	border-right:5px rgba(255, 24, 24, 1) groove; 
	border-bottom:8px rgba(255, 24, 24, 1) ridge;  
	color:#f10a0a;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	padding: 1px 2px;
	letter-spacing:5px;
	font-size: 1.3em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:20px;
	margin:30px 10px 30px 10px;
    transition: all 300ms ease;
	float:right;
}

#comprar > a:first-letter {
	font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.5em;
	color:#ffde00;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	}


#comprar a:hover,
#comprar a:focus{
		color:#fff000;
		text-shadow: -1px 2px 2px red, -1px 3px 3px orangered;
		border-top:3px rgba(255, 125, 0, 1) dashed;
		border-left:2px rgba(255, 90, 0, 1) dotted; 
		border-right:5px rgba(255, 60, 0, 1) groove; 
		border-bottom:8px rgba(216, 30, 0, 1) solid;
		box-shadow: inset 150px 0 0 rgba(255, 231, 71, 1), inset -150px 0 0 rgba(255, 231, 71, 1);
		list-style:none;
		text-decoration:blink;
		}
	
#siguiente p {
	font-family: 'VT323', monospace;
	background-image:url(../images/la_dispersion/ventaniux.jpg);
	color:#7bfaff;
	font-size:14px;
	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-top:3px rgba(245, 214, 0, 1) solid;
	border-bottom:1px #f5d600 solid;
	border-right:5px #f5d600 solid;
	border-left:4px rgba(245, 214, 0, 1) double;
	display:inline;
	border-radius:25px;
	padding: 10px 10px 10px 10px;
	margin:20px 5px;
	height:50px;
}


#siguiente p a {
	background-color:transparent;
	padding:10px 10px;
	margin:30px auto 10px 0px;
	color:#f63400;
	font-size:16px;

}

#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:24px;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(160, 255, 75, 1), 0 6px 20px 0 rgba(255, 202, 75, 0.5);
	text-shadow: -.7px .7px .7px darkblue, -1px 1px 1px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:40px;
	border:4px rgba(42, 203, 0, 1) double;
	border-left:4px #F39 dotted;
	padding:5px 10px;
	margin:10px;
	width:40%;
	height:20%;

}	
	
#hueco{
	background-color:transparent;
	display:block;
	padding: 20px 20px;
	margin:10px 10px;
	height:20px;
}


#ubicaciones {
	  display:none;
  }

.container-fluid {margin:5px; padding:0px 15px;height:80%; background-color: transparent; }
  
#myNavbar li a{
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:rgba(24, 160, 255, 1);
	text-align:right;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px red;
	display:block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	box-shadow: 1px 1px 1px 1px rgba(255, 197, 22, 1), 1px 1px 20px 1px rgba(255, 197, 22, 1);
	border-top:4px rgba(45, 208, 255, 1) solid;
	border-right:6px rgba(45, 208, 255, 1) solid;
	border-left:3px rgba(45, 208, 255, 1) dashed;
	border-bottom:8px rgba(45, 208, 255, 1) solid;
	border-radius:15px;
	padding:2px 2px;
	margin:auto 20px auto 200px;
	
	}

#myNavbar li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#f7dd00;
	}

#myNavbar ul li a:hover,
#myNavbar ul li a:focus{
	color:rgba(24, 160, 255, 1);
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border-top:4px rgba(255, 89, 24, 1) solid;
	border-right:6px rgba(255, 89, 24, 1) groove;
	border-left:3px rgba(255, 89, 24, 1) groove;
	border-bottom:8px rgba(255, 89, 24, 1) ridge;
	}
	
#myNavbar {
		border-top:none;
		width:100%;
		margin:1px;
		padding-left:2px;
		padding-right:2px;
	}
	
	
ul.dropdown-menu li a {
	margin:2px 2px;
	padding:2px 2px;
	display:inline-block;
	background-color:transparent!important;
	color:#b0ffed !important;
	}
	
ul.dropdown-menu li:first-child a {
	margin:2px;
	padding:2px 2px;
	border-top:none;
	}

.dropdown-toggle:focus {
	background:#b0ffed !important;
}

.banner3 {
	background-image:url(../media/banners/oje_w.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block;
	height:30vh;
	width:30vh;
	z-index:-3;
	margin: -280px auto;
	}
	
.videocont{
  background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;	
  padding: 3px 3px;
  margin:10px 10px 10px 60px;
  max-width:80%;
  height:40vh;
  }

.videocont iframe{	
max-width:350px;
  height:25vh;
}
		}