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

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

#trampaparaosos h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:24px;
	font-style:bold;
	text-transform:inherit;
	color:#cd0e00;
	text-align:center;
	text-shadow: -1px 1px 1px orangered, -3px 5px 5px orangered;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	border:3px rgba(42, 203, 0, 1) dashed;
	border-radius:10px;
	border-left:3px #F39 dotted;
	padding:10px 10px;
	margin:auto;
}	

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

#trampaparaosos h4{
	font-family: 'dampfplatz_solidblack';
	font-size:32px;
	color:#f30000;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.2);
	text-shadow: -1px .7px .7px black, -1px 5px 5px violet;
	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(0, 0, 0, .6) dotted;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:80px;
}


#trampaparaosos 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 0px 30px;
	padding:10px;
	max-width:20%;
}

#trampaparaosos 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;
	}
	
#trampaparaosos h7 {
	color:#ffd200;
	text-shadow: -1px .8px .7px black, -2px 5px 5px Darkblue;
	font-size:72px;
	font-weight:800;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	margin:auto 400px;
	}

#trampaparaosos 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:2px rgba(24, 126, 141, .6) dotted;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:100px;
}
	
#trampaparaosos p {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	color:#000;
	font-size:32px;
	text-shadow: -1px .5px .7px silver, -2px 1px 1px silver;
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 1px 5px 10px 1px rgba(77, 93, 240, 1), 3px 6px 20px 3px rgba(1, 38, 54, 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;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px auto;
	width:80%;
	}
	


#trampaparaosos p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:72px;
	color:#000;
	text-shadow: -1px 1px 1px silver, -3px 3px 3px silver;
	}

hr.new1 {
  border-top: 1px dashed red;
}
	
#trampaparaosos img {
	display:block;
	padding:15px 15px;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom left, #fcff00,#ffba00);
	box-shadow: 0px 35px 35px 0px rgba(255, 240, 0, 1), 0 6px 20px 0 rgba(22, 0, 188, 0.5);
	border-top:7px #ff2727 dotted;
	border-left:5px #d60000 groove;
	border-right:4px #b60038 double;
	border-bottom:2px #e72b00 dashed;
	border-radius:20px;
	width:40vh;
	margin:20px auto 20px;
	}
	
#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:600;
	color:#19df7b;
	font-size:18px;
	text-align:center;
	background-color:rgba(170, 255, 193, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px darkblue, -3px 3px 5px orangered;
	text-transform:lowercase;
	border:3px rgba(0, 174, 255, 1) double;
	border-radius:6px;
	display:block;
	padding:2px 2px;
	margin:2px;
	

	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(255, 162, 0, 1);
	background-color:#70009e!important;
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border:3px rgba(255, 24, 0, 1) solid; 
	
}
 ul.nav-pills {
    margin-top:530px;
	margin-left:-100px;
	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 a {
	background-color:transparent;
	padding:10px 10px;
	margin:20px 10px;
	color:#f63400;
	font-size:32px;

}

#trampaparaosos 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;
	}

#trampaparaosos 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;
	}
	
#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 h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:18px;
	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: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	border:2px rgba(42, 203, 0, 1) dashed;
	border-left:2px #F39 dotted;
	padding:5px 15px;
	margin:5px 0px 0px 20px;
	width:10%;
	height:10%;

}	
	
#continuar a {
	font-family: 'VT323', monospace;
	text-align:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(132, 213, 255, 1), 0 9px 20px 0 rgba(0, 20,106, 0.5);
	text-shadow: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:upercase;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 10px;
	margin:10px 0px 0px 50px;
	height:20%;
}



#continuar li a {
	background-color:transparent;
	color:#f62323;
	font-size:32px;
	border:2px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 20px;
	margin:10px 0px 0px 50px;
	height:20%;

}

#continuar > ul li a:hover,
#continuar > ul li a:focus{
	margin:10px 0px 0px 50px;
	padding:5px 20px;
	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:2px rgba(255, 89, 24, 1) solid; 
	
}



.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: #ffba00;
  border-radius:10px;
  border:2px #fe1919 dashed;
}

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


#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(../media/banners/fosil.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block;
	height:60vh;
	width:100%;
	z-index:-3;
	margin: -480px auto;
	}

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

	
#trampaparaosos p {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	color:#000;
	font-size:32px;
	text-shadow: -1px .5px .7px silver, -2px 1px 1px silver;
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 1px 5px 10px 1px rgba(77, 93, 240, 1), 3px 6px 20px 3px rgba(1, 38, 54, 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;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px auto;
	width:80%;
	}
	


#trampaparaosos p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:48px;
	color:#000;
	text-shadow: -1px 1px 1px silver, -3px 3px 3px silver;
	}
	
#trampaparaosos h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:24px;
	font-style:bold;
	text-transform:inherit;
	color:#cd0e00;
	text-align:center;
	text-shadow: -1px 1px 1px orangered, -3px 5px 5px orangered;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	border:3px rgba(42, 203, 0, 1) dashed;
	border-radius:10px;
	border-left:4px #F39 dotted;
	padding:10px 10px;
	margin:auto;
}	
	
	#trampaparaosos h4{
	font-family: 'dampfplatz_solidblack';
	font-size:22px;
	color:#f30000;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.2);
	text-shadow: -1px .7px .7px black, -1px 5px 5px violet;
	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(0, 0, 0, .6) dotted;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:80px;
}

#trampaparaosos 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:600;
	color:#19df7b;
	font-size:18px;
	text-align:center;
	background-color:rgba(170, 255, 193, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-shadow: -1px .5px .7px darkblue, -3px 3px 5px orangered;
	text-transform:lowercase;
	border:3px rgba(0, 174, 255, 1) double;
	border-radius:6px;
	display:block;
	padding:2px 2px;
	margin:2px;
	

	}

#myNavbar > ul li a:hover,
#myNavbar > ul li a:focus{
	margin:auto;
	padding:2px 2px;
	color:rgba(255, 162, 0, 1);
	background-color:#70009e!important;
	box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);
	border:3px rgba(255, 24, 0, 1) solid; 
	}
 

 ul.nav-pills {
    margin-top:530px;
	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-bottom: 56.25%;
	padding-top: 30px;
	margin-top:30px;
	height: 0; 
	overflow: hidden;
}
.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}

#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:18px;
	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: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	border:2px rgba(42, 203, 0, 1) dashed;
	border-left:2px #F39 dotted;
	padding:5px 10px 5px 5px;
	margin:5px 0px 0px 100px;
	width:15%;
	height:10%;

}	
	
#continuar a {
	font-family: 'VT323', monospace;
	text-align:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(132, 213, 255, 1), 0 9px 20px 0 rgba(0, 20,106, 0.5);
	text-shadow: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:upercase;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 10px;
	margin:10px 0px 0px 100px;
	height:20%;
}


#continuar li a {
	background-color:transparent;
	color:#f62323;
	font-size:32px;
	border:2px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 20px;
	margin:10px 0px 0px 100px;
	height:20%;

}

#continuar > ul li a:hover,
#continuar > ul li a:focus{
	margin:10px 0px 0px 100px;
	padding:5px 20px;
	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:2px rgba(255, 89, 24, 1) solid; 
	
}

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

@media screen and (max-width:800px){
#share  {
	display:none;
	
}

#redes  {
	display:none;
	
}
	
	#ubicaciones {
		display:none;
	}
	
	#trampaparaosos img {
	display:block;
	padding:15px 15px;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom left, #fcff00,#ffba00);
	box-shadow: 0px 35px 35px 0px rgba(255, 240, 0, 1), 0 6px 20px 0 rgba(22, 0, 188, 0.5);
	border-top:7px #ff2727 dotted;
	border-left:5px #d60000 groove;
	border-right:4px #b60038 double;
	border-bottom:2px #e72b00 dashed;
	border-radius:20px;
	width:40vh;
	margin:20px auto 20px;
	}
	
#trampaparaosos p {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	color:#000;
	font-size:24px;
	text-shadow: -1px .5px .7px silver, -2px 1px 1px silver;
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 1px 5px 10px 1px rgba(77, 93, 240, 1), 3px 6px 20px 3px rgba(1, 38, 54, 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;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px auto;
	width:80%;
	}
	


#trampaparaosos p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:48px;
	color:#000;
	text-shadow: -1px 1px 1px silver, -3px 3px 3px silver;
	}

#trampaparaosos h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:16px;
	font-style:bold;
	text-transform:inherit;
	color:#cd0e00;
	text-align:center;
	text-shadow: -1px 1px 1px orangered, -3px 5px 5px orangered;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	border:2px rgba(42, 203, 0, 1) dashed;
	border-radius:10px;
	border-left:4px #F39 dotted;
	padding:10px 10px;
	margin:auto;
}
	
#trampaparaosos h4{
	font-family: 'dampfplatz_solidblack';
	font-size:21px;
	color:#f30000;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.2);
	text-shadow: -1px .7px .7px black, -1px 5px 5px violet;
	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(0, 0, 0, .6) dotted;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:80px;
}

#trampaparaosos 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;
}
	
#trampaparaosos 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;
	}
	
#trampaparaosos 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:50px 10px 0px 30px;
	padding:10px;
	max-width:20%;
}

#trampaparaosos 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;
	}



#trampaparaosos h7 {
	color:#ffd200;
	text-shadow: -1px .8px .7px black, -2px 5px 5px Darkblue;
	font-size:48px;
	font-weight:800;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	margin:auto 400px;
	}
	
#trampaparaosos 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;
	}
	
#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:18px;
	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: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	border:2px rgba(42, 203, 0, 1) dashed;
	border-left:2px #F39 dotted;
	padding:5px 10px 5px 5px;
	margin:5px 0px 0px 80px;
	width:10%;
	height:10%;

}	
	
#continuar a {
	font-family: 'VT323', monospace;
	text-align:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(132, 213, 255, 1), 0 9px 20px 0 rgba(0, 20,106, 0.5);
	text-shadow: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:upercase;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 10px;
	margin:10px 0px 0px 50px;
	height:20%;
}


#continuar li a {
	background-color:transparent;
	color:#f62323;
	font-size:32px;
	border:2px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 20px;
	margin:10px 0px 0px 50px;
	height:20%;

}

#continuar > ul li a:hover,
#continuar > ul li a:focus{
	margin:10px 0px 0px 50px;
	padding:5px 20px;
	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:2px rgba(255, 89, 24, 1) solid; 
	
}

#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;

}
	
	}
	


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

#share  {
	display:none;
	
}

#redes  {
	display:none;
	
}

.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: #ffba00;
  border-radius:10px;
  border:2px #fe1919 dashed;
}

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

	#trampaparaosos img {
	display:block;
	padding:15px 15px;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom left, #fcff00,#ffba00);
	box-shadow: 0px 35px 35px 0px rgba(255, 240, 0, 1), 0 6px 20px 0 rgba(22, 0, 188, 0.5);
	border-top:7px #ff2727 dotted;
	border-left:5px #d60000 groove;
	border-right:4px #b60038 double;
	border-bottom:2px #e72b00 dashed;
	border-radius:20px;
	width:30vh;
	margin:20px auto 20px;
	}


#trampaparaosos p {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	color:#000;
	font-size:24px;
	text-shadow: -1px .5px .7px silver, -2px 1px 1px silver;
	background-color:rgba(255, 255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 1px 5px 10px 1px rgba(77, 93, 240, 1), 3px 6px 20px 3px rgba(1, 38, 54, 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;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px auto;
	width:80%;
	}
	


#trampaparaosos p:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:42px;
	color:#000;
	text-shadow: -1px 1px 1px silver, -3px 3px 3px silver;
	}


#trampaparaosos h1 {
	font-family: 'Cabin Sketch', cursive;
	font-size:14px;
	font-style:bold;
	text-transform:inherit;
	color:#cd0e00;
	text-align:center;
	text-shadow: -1px 1px 1px orangered, -3px 5px 5px orangered;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	border:2px rgba(42, 203, 0, 1) dashed;
	border-radius:10px;
	border-left:3px #F39 dotted;
	padding:10px 10px;
	margin:auto;
}

#trampaparaosos h2 {
	font-size:12px;
	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;
}

#trampaparaosos h3 {
	color:#c8002d;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:12px;
	letter-spacing: 5px;
	padding:10px 10px;
	text-align:center;
	}

#trampaparaosos h4{
	font-family: 'dampfplatz_solidblack';
	font-size:18px;
	color:#f30000;
	text-align:center;
	box-shadow: 0px 8px 16px 0px rgba(75, 0, 130, 1), 0 6px 20px 0 rgba(0, 44, 209, 0.2);
	text-shadow: -1px .7px .7px black, -1px 5px 5px violet;
	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(0, 0, 0, .6) dotted;
	border-radius:20px;
	padding:10px 10px;
	margin:auto 200px;
	width:80px;
}
	
#trampaparaosos h5{
	font-family: 'VT323', monospace;
	font-size:21px;
	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 0px 30px;
	padding:10px;
	max-width:20%;
}

#trampaparaosos h6 {
	color:#21a310;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	font-size:12px;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	}
	
#trampaparaosos h7 {
	color:#ffd200;
	text-shadow: -1px .8px .7px black, -2px 5px 5px Darkblue;
	font-size:32px;
	font-weight:800;
	letter-spacing: 15px;
	padding:10px 10px;
	text-align:center;
	margin:auto 400px;
	}

	
	#trampaparaosos 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;
	}
	
	#continuar p {
	font-family: 'VT323', monospace;
	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:4px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:25px;
	border-left:6px #F39 dotted;
	padding: 10px 10px 10px 10px;
	margin:40px 10px 40px 10px;
	height:50px;
}


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

}

#continuar h2 {
	font-family: 'VT323', monospace;
	color:#f62323;
	font-size:14px;
	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: -1px 1px 1px darkblue, -3px 3px 3px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-radius:10px;
	border:2px rgba(42, 203, 0, 1) dashed;
	border-left:2px #F39 dotted;
	padding:5px 10px 5px 5px;
	margin:5px 0px 0px 30px;
	width:20%;
	height:10%;

}	
	
#continuar a {
	font-family: 'VT323', monospace;
	text-align:center;
	display:block;
	box-shadow: 0px 8px 16px 0px rgba(132, 213, 255, 1), 0 9px 20px 0 rgba(0, 20,106, 0.5);
	text-shadow: -1px 2px 1px darkblue, -3px 3px 5px orangered;
	background-color:rgba(189, 241, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:upercase;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 15px;
	margin:10px 0px 0px 20px;
	height:20%;
}


#continuar li a {
	background-color:transparent;
	color:#f62323;
	font-size:18px;
	border:2px rgba(42, 203, 0, 1) dashed;
	display:inline;
	border-radius:10px;
	border-left:2px #F39 dotted;
	padding:5px 15px;
	margin:10px 0px 0px 20px;
	height:20%;

}

#continuar > ul li a:hover,
#continuar > ul li a:focus{
	margin:10px 0px 0px 20px;
	padding:5px 15px;
	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:2px rgba(255, 89, 24, 1) solid; 
	
}
#hueco{
	background-color:transparent;
	display:block;
	padding: 20px 20px;
	margin:10px 10px;
	height:250px;
}

#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;

}
	
		}