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


	
.paneles {

	padding:0 18%;
}

.paneles .col-md-2 {
	
	width:600px;
	height:600px;
}


.contente{
  padding:0px 20px;
  margin:10px 10px 20px 40px;
}

.organigrama h2{
    font-family: 'Dosis', sans-serif;
	font-size:48px;
	color:#DCDCDC;
	font-weight:400;
	text-shadow: -1px 1px 1px GhostWhite, -3px 5px 8px GhostWhite;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding-top:10px;
	margin:40px 10px 0 10px;
	position:relative;
	text-align:center;
	margin:auto 10px 10px 10px;
	}

.organigrama h2:first-letter {
	font-family: 'rothenburg_decorativenormal';
    color:#DCDCDC;
	font-size:92px;
	font-weight:400;
	text-shadow: -1px .5px .7px GhostWhite, -3px 5px 8px GhostWhite;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}
	
	
#menu a {
	font-family:'Dosis', sans-serif;
	font-size: 1.4em;
	color:#000;
	text-align:left;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	text-transform:lowercase;
	display:block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border-top:4px rgba(255, 255, 255, 1) solid;
	border-right:6px rgba(255, 255, 255, 1) solid;
	border-left:2px rgba(255, 255, 255, 1) solid;
	border-bottom:9px rgba(255, 255, 255, 1) solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:10px;
	
}

#menu  a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.8em;
	color:#000;
	}
	
#menu   a:hover,
#menu   :focus{
	font-family:'Dosis', sans-serif;
	color:rgba(0, 0, 0, 1);
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	background-image: linear-gradient(to bottom right, #FFFAF0,#F0FFF0);
	text-shadow: -1px .5px .7px SkyBlue, -1px 1px 1px SlateGray;
	box-shadow: 0px 0px 0px #a5a5a5,
    -1px -1px 10px #e2e2e2, inset 5px 5px 10px #b5b5b5,
            inset -5px -5px 5px #ffffff;
    padding:4px 7px 4px 10px;
	margin:10px;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
	
		}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding:0px 20px;
  background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
  max-width:300px;
  margin:10px 10px 20px -20px;
} 
	

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

div.column h3 {
  font-family: 'Dosis', serif;
  font-size:27px;
  text-align:left;
  color:#F5F5F5;
  text-shadow: -1px .5px .7px LightSteelBlue, -1px 1px 1px LightSkyBlue;
  width:20%;
  padding:2px 3px;
  margin:20px;
}

div.column h3:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#F5F5F5;
	font-size:42px;
	font-weight:400;
	letter-spacing:5px;
	text-shadow: -1px 1px 1px LightSteelBlue, -2px 2px 2px LightSkyBlue;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}

.row h1{
    font-family: 'VT323', monospace;
	font-size:48px;
	color:#fff;
	font-weight:400;
	letter-spacing:10px;
	text-shadow: -2px 2px 3px black, -3px 5px 8px black;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding-top:10px;
	margin:40px 10px 0 10px;
	position:relative;
	text-align:center;
	}

.row h1:first-letter {
	font-family: 'rothenburg_decorativenormal';
    color:#fff;
	letter-spacing:10px;
	font-size:92px;
	font-weight:400;
	text-shadow: -2px 2px 3px black, -3px 5px 8px black;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}

.negro h2 {
	font-family: 'Dosis', sans-serif;
	text-align: center;
	color:#fff;
	text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	font-size:24px;
	padding:2px 2px;
	margin:auto;
}	

.caja img {
	width:100%;
	max-width:600px;
	margin:5px 10px 5px 20px;
}



.caja {
	display:inline-block;
}


.negro p {
	font-family: 'Dosis', sans-serif;
	color:#fff;
	text-shadow: -1px 1px 1px black, -3px 3px 5px black;
	font-size:24px;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
    border-top:3px rgba(255, 255, 255, 1) double;
	border-right:4px rgba(255, 255, 255, 1) double;
	border-left:2px rgba(255, 255, 255, 1) groove;
	border-bottom:6px rgba(255, 255, 255, 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:50px;
	text-align:center;
	padding:10px 2px;
	margin:20px auto;
	width:100%;
}

.negro h4 {
	font-family: 'Dosis', sans-serif;
	color:#fff;
	text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	font-size:48px;
	text-align:center;
	padding:10px 10px;
	margin:auto;
}
		
.negro {
	background:white;
	padding:30px 0;
}

.negro a {
/*	font-family: 'Dosis', sans-serif;
	font-weight:400;
	border-top: 4px rgba(245, 29, 0, 1) solid;  
	border-right: 3px rgba(245, 29, 0, 1) solid;
	border-left: 12px rgba(245, 29, 0, 1) solid;
	border-bottom: 8px rgba(245, 29, 0, 1) solid;  */   
	color:#99deff;
/*	text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5); */ 
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:100px 0px 0px 0px;
}
	
/*.negro a:hover,
.negro :focus{
	  	  font-family: 'Dosis', sans-serif;
	    font-weight:700; */
	   /* color:#fff;
		text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	    box-shadow: inset 605px 0 0 rgba(0, 0, 0, 1), inset -605px 0 0 rgba(0, 0, 0, 1);*/
	/*	border-top: 3px rgba(245, 29, 0, 1) solid;  
	    border-right: 2px rgba(245, 29, 0, 1)double;
	    border-left: 10px rgba(245, 29, 0, 1) groove;
	    border-bottom: 6px rgba(245, 29, 0, 1) ridge;  
	    background: #fff;
		list-style:none;
		text-decoration:none; 
		}*/
		

#segmentos a {
	font-family: 'VT323', monospace;
	font-weight:500;
	border-top: 1px rgba(230, 29, 43, 1) solid;  
	border-right: 1px rgba(230, 29, 43, 1) solid;
	border-left: 1px rgba(230, 29, 43, 1) solid;
	border-bottom: 1px rgba(230, 29, 43, 1) solid;     
	color:#e61d2b;
	text-shadow: -1px 1px 1px black, -2px 2px 5px orangered;
	box-shadow: 0px 5px 10px rgba(245, 214, 0, 1), 1px 6px 20px  rgba(245, 214, 0, 0.2); 
	padding: 10px;
	letter-spacing: 1px;
	font-size:48px;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:15px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:10px 360px;
}

#segmentos a:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#ff0012;
	font-size:92px;
	font-weight:900;
	text-shadow: -1px .5px .7px orangered, -3px 5px 8px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}

#segmentos a:hover,
#segmentos :focus{
	    box-shadow: inset 505px 0 0 rgba(72, 197, 255, 1), inset -505px 0 0 rgba(72, 197, 255, 1);
	    text-shadow: -1px 1px 1px red, -2px 2px 5px orangered;
		border-top: 3px rgba(230, 29, 43, 1) double;  
	    border-right: 3px rgba(230, 29, 43, 1) solid;
	    border-left: 3px rgba(230, 29, 43, 1) dotted;
	    border-bottom: 3px rgba(230, 29, 43, 1) dashed;
		color:#e61d2b; 
		list-style:none;
		text-decoration:none; 
		}
	

.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;

}
/*.metamorfosis:hover,
.metamorfosis:focus {
	background:url(../media/indexado/cucarachiste_600.gif)  !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 1px rgba(0, 0, 0, 1)  solid;  
    border-right: 3px rgba(0, 0, 0, 1)  solid; 
    border-left: 7px rgba(0, 0, 0, 1) solid; 
    border-bottom: 10px rgba(0, 0, 0, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	margin:-720px 20px 20px -300px;

}*/

.ojo {
	background:url(../media/indexado/ojo.png) !important;
	background-size: contain  !important;
	cursor: pointer;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid; 
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:10px 20px 10px 400px;

}

.ojo:hover,
.ojo:focus {
	background:url(../media/indexado/ojo.gif)  !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 1px rgb(0, 0, 0, 1) double;  
    border-right: 3px rgba(0, 0, 0, 1) double;
    border-left: 7px rgba(0, 0, 0, 1)groove;
    border-bottom: 10px rgba(0, 0, 0, 1) ridge;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5); ;  
	margin:10px 20px 10px 400px;

}

.adaptado {
	background:url("../images/969_com.png") no-repeat top center !important;
	background-size:cover  !important;
	border-radius:10px;
    border-top: 1px rgb(0, 0, 0, 1) double;  
    border-right: 3px rgba(0, 0, 0, 1) double;
    border-left: 7px rgba(0, 0, 0, 1)groove;
    border-bottom: 10px rgba(0, 0, 0, 1) ridge;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 100px;
	width:100%;	
    max-width:1024px;

}


.adaptado:hover,
.adaptado:focus {
	background:url("../images/969_net.jpg")  no-repeat top center !important;
	background-size:cover  !important;
	border-radius:10px;
    border-top: 1px rgb(0, 0, 0, 1) double;  
    border-right: 3px rgba(0, 0, 0, 1) double;
    border-left: 7px rgba(0, 0, 0, 1)groove;
    border-bottom: 10px rgba(0, 0, 0, 1) ridge;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5); ;  
	margin:20px 20px 10px 100px;
	width:100%;	
    max-width:1024px;
	

}


#cuca img {
margin:-1720px 0px -10px -40px;	
}

#decente img {
margin:20px 0px -10px 520px;	

}

#donen  {
	width:200px;
    border-top: 4px rgba(245, 29, 0, 1)  double;  
	border-right: 3px rgba(245, 29, 0, 1)  double;
	border-left: 6px rgba(245, 29, 0, 1)  groove;
	border-bottom: 7px rgba(245, 29, 0, 1)  ridge;     
	color:#51f9ff;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5);    
	padding:10px 5px;
	text-align:center;
    display:block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #bcf9ff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:50px 0px 0px 800px;
}

#donen:hover,
#donen:focus {
	     box-shadow: inset 605px 0 0 rgba(247, 221, 0, 1), inset -605px 0 0 rgba(247, 221, 0, 1),;
		border-top: 1px rgba(245, 29, 0, 1)  solid;  
	    border-right: 3px rgba(245, 29, 0, 1)  double;
	    border-left: 7px rgba(245, 29, 0, 1)  groove;
	    border-bottom: 10px rgba(245, 29, 0, 1)  ridge; 
		list-style:none;
		text-decoration:none;
}

#donar  {
    width:100%;
	padding:10px 50px;
    display:inline; /*es para que respeten su línea, los paddings se pegan a la línea*/
	margin:auto 700px;
}



#botoniux img {
border-radius:50%;
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;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);    
margin:auto 260px;		
}


#coronavirus audio {
	border-radius:20px;
    border-top: 3px rgba(255, 255, 255, 1)  solid;   
    border-right: 1px rgba(255, 255, 255, 1) solid; 
    border-left: 6px rgba(255, 255, 255, 1)   solid; 
    border-bottom: 7px rgba(255, 255, 255, 1)   solid; 
	margin:20px auto 10px 420px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}
	

#comprar a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom, #f5d600, #f7dd00);
	border-top:2px #eb1717 dashed;
	border-left:1px #eb1717 dashed; 
	border-right:3px #eb1717 dashed; 
	border-bottom:4px #eb1717 dashed;  
	color:#ff2850;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black;
	box-shadow: 0px 5px 10px 0px rgba(233, 0, 0, .8), 0 6px 20px 0 rgba(255, 26, 2,  0.5);
	padding: 0px 10px 10px 10px;
	letter-spacing:5px;
	font-size: 1.2em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	margin:20px 300px 20px 470px;
    transition: all 300ms ease;

}

#comprar > a:first-letter {
	font-family: 'Dosis', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.5em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px red, -2px 2px 2px orange;
	}
	


#comprar a:hover,
#comprar a:focus{
		color:#f5d600;
		font-weight:200;
		font-size: 1.2em;
		background-image: linear-gradient(to bottom, #c8002d,#FF0000);
		background-color:rgba(27,226, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #f5d600 solid;
		border-left:2px #f5d600 solid; 
		border-right:5px #f5d600 groove; 
		border-bottom:8px #f5d600 ridge;
		text-shadow: -1px 1px 1px golden, -1px 2px 2px goldenrod;
		box-shadow: 4px 8px 16px 4px rgba(247, 221, 0, 0.5), 5px 9px 20px 3px rgba(247, 221, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}

/*.raven {
	background:url(../images/gif-raven.jpg) !important;
	background-size: cover !important;
	cursor: pointer;
}
.raven:hover,
.raven:focus {
	background:url(../images/../images/gif-raven.gif) !important;
	background-size: cover !important;
}
.colibri {
	background:url(../images/gif-colibri.jpg) !important;
	background-size: cover !important;
	cursor: pointer;
}
.colibri:hover,
.colibri:focus {
	background:url(../images/../images/gif-colibri-fondo.gif) !important;
	background-size: cover !important;
}
.eagle {
	background:url(../images/gif-eagle.jpg) !important;
	background-size: cover !important;
	cursor: pointer;
}
.eagle:hover,
.eagle:focus {
	background:url(../images/../images/gif-eagle-fondo.gif) !important;
	background-size: cover !important;
}*/

@media (min-width:1025px) and (max-width:3000px){
	
.navbar{
	visibility:hidden;	
	}
	}

@media (min-width:300px) and (max-width:1024px){
	
.organigrama{
	display:none;	
	}
	}
	
@media (min-width:801px) and (max-width:1251px){
.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:5px rgba(140, 227, 256, 1) double;
	border-right:8px rgba(148, 255, 176, 1) ridge;
	border-left:3px rgba(97, 134, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -40px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

#navegacion .active a {
	background: rgba(255, 246, 0, 1) !important;
}

#navegacion > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:#10e900;
	text-align:center;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:lowercase;
	text-shadow: -.5px .5px .7px dodgerblue, -1px 1px 3px white;
	display:block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) groove;
	border-left:1px rgba(0, 0, 0, 1) groove;
	border-bottom:4px rgba(0, 0, 0, 1) ridge;
	border-radius:10px;
	padding:2px 5px;
	margin:2px 2px;
}

#navegacion > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a:focus{
	color:#00ccff;
	font-family: 'VT323', monospace;
	font-weight:500;
	text-transform:lowercase;
	font-size:1.4em;
	text-shadow: -.5px .5px .5px red, -1px 1px 1px orangered;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    border-top:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:1px rgba(255, 255, 255, 1) solid;
	border-bottom:4px rgba(255, 255, 255, 1) solid;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


#comprar a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom, #f5d600, #f7dd00);
	border-top:2px #eb1717 dashed;
	border-left:1px #eb1717 dashed; 
	border-right:3px #eb1717 dashed; 
	border-bottom:4px #eb1717 dashed;  
	color:#ff2850;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black;
	box-shadow: 0px 5px 10px 0px rgba(233, 0, 0, .8), 0 6px 20px 0 rgba(255, 26, 2,  0.5);
	padding: 0px 10px 10px 10px;
	letter-spacing:5px;
	font-size: 1.2em;
	text-align:center;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	margin:20px 200px 20px 380px;
    transition: all 300ms ease;

}

#comprar > a:first-letter {
	font-family: 'Dosis', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.5em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px red, -2px 2px 2px orange;
	}
	


#comprar a:hover,
#comprar a:focus{
		color:#f5d600;
		font-weight:200;
		font-size: 1.2em;
		background-image: linear-gradient(to bottom, #c8002d,#FF0000);
		background-color:rgba(27,226, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #f5d600 solid;
		border-left:2px #f5d600 solid; 
		border-right:5px #f5d600 groove; 
		border-bottom:8px #f5d600 ridge;
		text-shadow: -1px 1px 1px golden, -1px 2px 2px goldenrod;
		box-shadow: 4px 8px 16px 4px rgba(247, 221, 0, 0.5), 5px 9px 20px 3px rgba(247, 221, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}
		

.negro h2 {
	font-family: 'Dosis', sans-serif;
	text-align:center;
	color:#fff;
	text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	font-size:18px;
	padding:2px 2px;
	margin:auto;
}	

.negro p {
    font-family: 'Dosis', sans-serif;
	color:#fff;
	text-shadow: -1px 1px 1px black, -3px 3px 5px black;
	font-size:24px;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
    border-top:3px rgba(255, 255, 255, 1) double;
	border-right:4px rgba(255, 255, 255, 1) double;
	border-left:2px rgba(255, 255, 255, 1) groove;
	border-bottom:6px rgba(255, 255, 255, 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:50px;
	text-align:center;
	padding:10px 2px;
	margin:20px auto;
	width:100%;
}	
	
.paneles {
	padding:0 0;
}

.adaptado {
	background:url(../images/bolita_anime.600.128.001.gif) no-repeat top center !important;
	background-size:contain  !important;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid; 
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 100px;
	width:100%;	
	height:42vh;
    max-width:800px;

}


/*.adaptado {
    background:url(../images/bolita_anime.600.fija.jpg) !important;
	background-size: contain  !important;
	margin:auto 180px;
	width:100%;	
    max-width:600px;

}

.adaptado:hover,
.adaptado:focus {
	background:url(../images/bolita_anime.600.128.001.gif) !important;
	background-size: contain  !important;
	margin:auto 180px;
	width:100%;	
    max-width:600px;

}*/

.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;
}

/*.metamorfosis:hover,
.metamorfosis:focus {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin::20px 20px 10px 20px;
	width:50%;	
	max-width:420px;
}*/r

.negro a {
/*	font-family: 'Dosis', sans-serif;
	font-weight:400;
	border-top: 4px rgba(245, 29, 0, 1) solid;  
	border-right: 3px rgba(245, 29, 0, 1) solid;
	border-left: 12px rgba(245, 29, 0, 1) solid;
	border-bottom: 8px rgba(245, 29, 0, 1) solid;  */   
	color:#99deff;
/*	text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5); */ 
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:100px 0px 0px 0px;
}
	
  /*.negro a:hover,
.negro :focus{
		  font-family: 'Dosis', sans-serif;
	    font-weight:700;
	    color:#99deff;
		text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	    box-shadow: inset 605px 0 0 rgba(0, 0, 0, 1), inset -605px 0 0 rgba(0, 0, 0, 1);
		border-top: 3px rgba(245, 29, 0, 1) solid;  
	    border-right: 2px rgba(245, 29, 0, 1)double;
	    border-left: 10px rgba(245, 29, 0, 1) groove;
	    border-bottom: 6px rgba(245, 29, 0, 1) ridge;  
		list-style:none;
		text-decoration:none; 
		}*/
.ojo {
	background:url(../media/indexado/ojo.gif) !important;
	background-size: contain  !important;
	cursor: pointer;
	margin:auto 180px;
	width:100%;	
    max-width:600px;

}

.ojo:hover,
.ojo:focus {
	background:url(../media/indexado/ojo.gif)  !important;
	background-size: contain  !important;
	margin:auto 180px;
	width:100%;	
    max-width:600px;
}

#cuca img {
margin:auto 180px;
width:100%;	
max-width:400px;
}

#decente img {
margin:auto 180px;
width:100%;
max-width:400px;	
}

#donen  {
	width:150px;
    border-top: 4px rgba(245, 29, 0, 1)  double;  
	border-right: 3px rgba(245, 29, 0, 1)  double;
	border-left: 6px rgba(245, 29, 0, 1)  groove;
	border-bottom: 7px rgba(245, 29, 0, 1)  ridge;     
	color:#51f9ff;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5);    
	padding:10px 5px;
	text-align:center;
    display:block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #bcf9ff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:30px 0px 0px 400px;
	
}

.paneles .col-md-2 {
	float:none !important;
	padding:0px;
	margin:10px auto 0px auto;
	width:480px;
	height:480px;
	}
	


#botoniux img {
margin:auto 100px;	
mix-blend-mode: darken;
max-width:480px;
}

#botoniux a {
    border-radius:50%;
    border-top: 3px rgba(0, 0, 0, 1) double;  
    border-right: 1px rgba(0, 0, 0, 1) double;
    border-left: 6px rgba(0, 0, 0, 1)groove;
    border-bottom: 7px rgba(0, 0, 0, 1) ridge;
    box-shadow: 0px 5px 10px rgba(77, 93, 240, 1), 1px 6px 20px  rgba(1, 38, 54, 0.2);   
    margin:auto;
	max-width:480px;		
}

#segmentos a {
	font-family: 'VT323', monospace;
	font-weight:500;
	border-top: 1px rgba(230, 29, 43, 1) solid;  
	border-right: 1px rgba(230, 29, 43, 1) solid;
	border-left: 1px rgba(230, 29, 43, 1) solid;
	border-bottom: 1px rgba(230, 29, 43, 1) solid;     
	color:#e61d2b;
	text-shadow: -1px 1px 1px black, -2px 2px 5px orangered;
	box-shadow: 0px 5px 10px rgba(245, 214, 0, 1), 1px 6px 20px  rgba(245, 214, 0, 0.2); 
	padding: 10px;
	letter-spacing: 1px;
	font-size:36px;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:15px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:10px 320px;
}


#segmentos a:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#ff0012;
	font-size:48px;
	font-weight:900;
	text-shadow: -1px .5px .7px orangered, -3px 5px 8px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}


#segmentos a:hover,
#segmentos :focus{
	    box-shadow: inset 505px 0 0 rgba(72, 197, 255, 1), inset -505px 0 0 rgba(72, 197, 255, 1);
	    text-shadow: -1px 1px 1px red, -2px 2px 5px orangered;
		border-top: 3px rgba(230, 29, 43, 1) double;  
	    border-right: 3px rgba(230, 29, 43, 1) double;
	    border-left: 3px rgba(230, 29, 43, 1) dotted;
	    border-bottom: 3px rgba(230, 29, 43, 1) dotted;
		color:#e61d2b; 
		list-style:none;
		text-decoration:none; 
		}


#coronavirus audio {
	border-radius:20px;
    border-top: 3px rgba(255, 255, 255, 1)  solid;  
    border-right: 1px rgba(255, 255, 255, 1) solid; 
    border-left: 6px rgba(255, 255, 255, 1)   solid; 
    border-bottom: 7px rgba(255, 255, 255, 1)   solid; 
	margin:20px auto 10px 320px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}

}


@media (max-width:800px){
.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:5px rgba(140, 227, 256, 1) double;
	border-right:8px rgba(148, 255, 176, 1) ridge;
	border-left:3px rgba(97, 134, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -40px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

#navegacion .active a {
	background: rgba(255, 246, 0, 1) !important;
}

#navegacion > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:#10e900;
	text-align:center;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:lowercase;
	text-shadow: -.5px .5px .7px  dodgerblue, -1px 1px 3px white;
	display:block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) groove;
	border-left:1px rgba(0, 0, 0, 1) groove;
	border-bottom:4px rgba(0, 0, 0, 1) ridge;
	border-radius:10px;
	padding:2px 5px;
	margin:2px 2px;
}

#navegacion > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a:focus{
	color:#00ccff;
	font-family: 'VT323', monospace;
	font-weight:500;
	text-transform:lowercase;
	font-size:1.4em;
	text-shadow: -.5px .5px .5px red, -1px 1px 1px orangered;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
	border-top:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:1px rgba(255, 255, 255, 1) solid;
	border-bottom:4px rgba(255, 255, 255, 1) solid;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


.negro h2 {
	font-family: 'Dosis', sans-serif;
	text-align:center;
	color:#fff;
	text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	font-size:18px;
	padding:2px 2px;
	margin:10px auto;
}

.negro p {
	font-family: 'Dosis', sans-serif;
	color:#fff;
	text-shadow: -1px 1px 1px black, -3px 3px 5px black;
	font-size:24px;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
    border-top:3px rgba(255, 255, 255, 1) double;
	border-right:4px rgba(255, 255, 255, 1) double;
	border-left:2px rgba(255, 255, 255, 1) groove;
	border-bottom:6px rgba(255, 255, 255, 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:50px;
	text-align:center;
	padding:10px 2px;
	margin:20px auto;
	width:100%;
}

.negro a {
/*	font-family: 'Dosis', sans-serif;
	font-weight:400;
	border-top: 4px rgba(245, 29, 0, 1) solid;  
	border-right: 3px rgba(245, 29, 0, 1) solid;
	border-left: 12px rgba(245, 29, 0, 1) solid;
	border-bottom: 8px rgba(245, 29, 0, 1) solid;  */   
	color:#99deff;
/*	text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5); */ 
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:100px 0px 0px 0px;
}
	
 /*.negro a:hover,
.negro :focus{
	 	  font-family: 'Dosis', sans-serif;
	    font-weight:700;
	    color:#99deff;
		text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	    box-shadow: inset 605px 0 0 rgba(0, 0, 0, 1), inset -605px 0 0 rgba(0, 0, 0, 1);
	border-top: 3px rgba(245, 29, 0, 1) solid;  
	    border-right: 2px rgba(245, 29, 0, 1)double;
	    border-left: 10px rgba(245, 29, 0, 1) groove;
	    border-bottom: 6px rgba(245, 29, 0, 1) ridge;  
		list-style:none;
		text-decoration:none; 
		}*/

#segmentos a {
	font-family: 'VT323', monospace;
	font-weight:500;
	border-top: 1px rgba(230, 29, 43, 1) solid;  
	border-right: 1px rgba(230, 29, 43, 1) solid;
	border-left: 1px rgba(230, 29, 43, 1) solid;
	border-bottom: 1px rgba(230, 29, 43, 1) solid;     
	color:#e61d2b;
	text-shadow: -1px 1px 1px black, -2px 2px 5px orangered;
	box-shadow: 0px 5px 10px rgba(245, 214, 0, 1), 1px 6px 20px  rgba(245, 214, 0, 0.2); 
	padding: 10px;
	letter-spacing: 1px;
	font-size:24px;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:15px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:10px 200px;
}
	
#segmentos a:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#ff0012;
	font-size:36px;
	font-weight:900;
	text-shadow: -1px .5px .7px orangered, -3px 5px 8px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}
	

#segmentos a:hover,
#segmentos :focus{
	    box-shadow: inset 505px 0 0 rgba(72, 197, 255, 1), inset -505px 0 0 rgba(72, 197, 255, 1);
	    text-shadow: -1px 1px 1px red, -2px 2px 5px orangered;
		border-top: 3px rgba(230, 29, 43, 1) double;  
	    border-right: 3px rgba(230, 29, 43, 1) double;
	    border-left: 3px rgba(230, 29, 43, 1) dotted;
	    border-bottom: 3px rgba(230, 29, 43, 1) dotted;
		color:#e61d2b; 
		list-style:none;
		text-decoration:none; 
		}	
	
	.paneles {
	padding:0;
}

.paneles .col-md-2 {
	float:none !important;
	padding:0px;
	margin:10px auto 0px auto;
	width:480px;
	height:480px;
	}
	
.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;

}

.ojo {
	background:url(../media/indexado/ojo.gif) !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:auto;
	width:100%;	
    max-width:600px;

}

.adaptado {
	background:url(../images/bolita_anime.600.128.001.gif) no-repeat top center !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid; 
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:auto;
	width:100%;	
    max-width:600px;

}




#cuca img {
margin:20px auto 10px 150px;
width:100%;	
max-width:400px;
}

#decente img {
margin:20px auto 100px 150px;
width:100%;
max-width:400px;	
}

#botoniux img {
margin:auto 50px;		
mix-blend-mode: darken;
max-width:480px;
}

#botoniux a {
margin:auto 50px;	
max-width:480px;

}

#donen  {
	width:200px;
    border-top: 4px rgba(245, 29, 0, 1)  double;  
	border-right: 3px rgba(245, 29, 0, 1)  double;
	border-left: 6px rgba(245, 29, 0, 1)  groove;
	border-bottom: 7px rgba(245, 29, 0, 1)  ridge;     
	color:#51f9ff;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5);    
	padding:10px 5px;
	text-align:center;
    display:block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #bcf9ff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:50px 0px 0px 200px;
}
#coronavirus audio {
	border-radius:20px;
    border-top: 3px rgba(255, 255, 255, 1)  solid;   
    border-right: 1px rgba(255, 255, 255, 1) solid; 
    border-left: 6px rgba(255, 255, 255, 1)   solid; 
    border-bottom: 7px rgba(255, 255, 255, 1)   solid; 
	margin:20px auto 10px 220px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}

#comprar a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom, #f5d600, #f7dd00);
	border-top:2px #eb1717 dashed;
	border-left:1px #eb1717 dashed; 
	border-right:3px #eb1717 dashed; 
	border-bottom:4px #eb1717 dashed;  
	color:#ff2850;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black;
	box-shadow: 0px 5px 10px 0px rgba(233, 0, 0, .8), 0 6px 20px 0 rgba(255, 26, 2,  0.5);
	padding: 0px 10px 10px 10px;
	letter-spacing:5px;
	font-size: 1.2em;
	text-align:center;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	margin:20px 100px 20px 200px;
    transition: all 300ms ease;
}

#comprar > a:first-letter {
	font-family: 'Dosis', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.5em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px red, -2px 2px 2px orange;
	}
	


#comprar a:hover,
#comprar a:focus{
		color:#f5d600;
		font-weight:200;
		font-size: 1.2em;
		background-image: linear-gradient(to bottom, #c8002d,#FF0000);
		background-color:rgba(27,226, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #f5d600 solid;
		border-left:2px #f5d600 solid; 
		border-right:5px #f5d600 groove; 
		border-bottom:8px #f5d600 ridge;
		text-shadow: -1px 1px 1px golden, -1px 2px 2px goldenrod;
		box-shadow: 4px 8px 16px 4px rgba(247, 221, 0, 0.5), 5px 9px 20px 3px rgba(247, 221, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}
			
		}

@media (max-width:769px){
	
.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:5px rgba(140, 227, 256, 1) double;
	border-right:8px rgba(148, 255, 176, 1) ridge;
	border-left:3px rgba(97, 134, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -40px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

#navegacion .active a {
	background: rgba(255, 246, 0, 1) !important;
}

#navegacion > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:#10e900;
	text-align:center;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:lowercase;
	text-shadow: -.5px .5px .7px  dodgerblue, -1px 1px 3px white;
	display:block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) groove;
	border-left:1px rgba(0, 0, 0, 1) groove;
	border-bottom:4px rgba(0, 0, 0, 1) ridge;
	border-radius:10px;
	padding:2px 5px;
	margin:2px 2px;
}

#navegacion > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a:focus{
	color:#00ccff;
	font-family: 'VT323', monospace;
	font-weight:500;
	text-transform:lowercase;
	font-size:1.4em;
	text-shadow: -.5px .5px .5px red, -1px 1px 1px orangered;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    border-top:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:1px rgba(255, 255, 255, 1) solid;
	border-bottom:4px rgba(255, 255, 255, 1) solid;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


.paneles {
	padding:0 0;
}
	
.paneles .col-md-2 {
	float:left;
	}



.paneles .col-md-2 {
	float:none !important;
	padding:0px;
	margin:10px auto 0px auto;
	width:480px;
	height:480px;
	}
	

#botoniux img {
margin:auto;		
mix-blend-mode: darken;
max-width:480px;
}

#botoniux a {
margin:auto 10px;	
max-width:480px;

}
	
#cuca img {
margin:20px auto 10px 100px;
width:100%;	
max-width:400px;
}

#decente img {
margin:20px auto 10px 100px;
width:100%;
max-width:400px;	
}

.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;

}

.ojo {
	background:url(../media/indexado/ojo.gif) !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid;  
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:auto;
	width:100%;	
    max-width:600px;
}


.adaptado {
	background:url(../images/bolita_anime.600.128.001.gif) no-repeat top center !important;
	background-size: contain  !important;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:auto;
	width:100%;	
    max-width:600px;

}



#segmentos a {
	font-family: 'VT323', monospace;
	font-weight:500;
	border-top: 1px rgba(230, 29, 43, 1) solid;  
	border-right: 1px rgba(230, 29, 43, 1) solid;
	border-left: 1px rgba(230, 29, 43, 1) solid;
	border-bottom: 1px rgba(230, 29, 43, 1) solid;     
	color:#e61d2b;
	text-shadow: -1px 1px 1px black, -2px 2px 5px orangered;
	box-shadow: 0px 5px 10px rgba(245, 214, 0, 1), 1px 6px 20px  rgba(245, 214, 0, 0.2); 
	padding: 10px;
	letter-spacing: 1px;
	font-size:18px;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:15px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:10px 200px;
}
	
#segmentos a:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#ff0012;
	font-size:27px;
	font-weight:900;
	text-shadow: -1px .5px .7px orangered, -3px 5px 8px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}
	

#segmentos a:hover,
#segmentos :focus{
	    box-shadow: inset 505px 0 0 rgba(72, 197, 255, 1), inset -505px 0 0 rgba(72, 197, 255, 1);
	    text-shadow: -1px 1px 1px red, -2px 2px 5px orangered;
		border-top: 3px rgba(230, 29, 43, 1) double;  
	    border-right: 3px rgba(230, 29, 43, 1) double;
	    border-left: 3px rgba(230, 29, 43, 1) dotted;
	    border-bottom: 3px rgba(230, 29, 43, 1) dotted;
		color:#e61d2b; 
		list-style:none;
		text-decoration:none; 
		}	

.negro a {
/*	font-family: 'Dosis', sans-serif;
	font-weight:400;
	border-top: 4px rgba(245, 29, 0, 1) solid;  
	border-right: 3px rgba(245, 29, 0, 1) solid;
	border-left: 12px rgba(245, 29, 0, 1) solid;
	border-bottom: 8px rgba(245, 29, 0, 1) solid;  */   
	color:#99deff;
/*	text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5); */ 
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:100px 0px 0px 0px;
}
	
  /*.negro a:hover,
.negro :focus{
		  font-family: 'Dosis', sans-serif;
	    font-weight:700;
	    color:#99deff;
		text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	    box-shadow: inset 605px 0 0 rgba(0, 0, 0, 1), inset -605px 0 0 rgba(0, 0, 0, 1);
		border-top: 3px rgba(245, 29, 0, 1) solid;  
	    border-right: 2px rgba(245, 29, 0, 1)double;
	    border-left: 10px rgba(245, 29, 0, 1) groove;
	    border-bottom: 6px rgba(245, 29, 0, 1) ridge; 
		list-style:none;
		text-decoration:none; 
		} */

#coronavirus audio {
	border-radius:20px;
    border-top: 3px rgba(255, 255, 255, 1)  solid;   
    border-right: 1px rgba(255, 255, 255, 1) solid; 
    border-left: 6px rgba(255, 255, 255, 1)  solid; 
    border-bottom: 7px rgba(255, 255, 255, 1) solid; 
	margin:20px auto 10px 140px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}

#comprar a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom, #f5d600, #f7dd00);
	border-top:2px #eb1717 dashed;
	border-left:1px #eb1717 dashed; 
	border-right:3px #eb1717 dashed; 
	border-bottom:4px #eb1717 dashed;  
	color:#ff2850;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black;
	box-shadow: 0px 5px 10px 0px rgba(233, 0, 0, .8), 0 6px 20px 0 rgba(255, 26, 2,  0.5);
	padding: 0px 10px 10px 10px;
	letter-spacing:5px;
	font-size: 1em;
	text-align:center;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	margin:20px 200px 20px 200px;
    transition: all 300ms ease;
}

#comprar > a:first-letter {
	font-family: 'Dosis', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px red, -2px 2px 2px orange;
	}


#comprar a:hover,
#comprar a:focus{
		color:#f5d600;
		font-weight:200;
		font-size: 1.2em;
		background-image: linear-gradient(to bottom, #c8002d,#FF0000);
		background-color:rgba(27,226, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #f5d600 solid;
		border-left:2px #f5d600 solid; 
		border-right:5px #f5d600 groove; 
		border-bottom:8px #f5d600 ridge;
		text-shadow: -1px 1px 1px golden, -1px 2px 2px goldenrod;
		box-shadow: 4px 8px 16px 4px rgba(247, 221, 0, 0.5), 5px 9px 20px 3px rgba(247, 221, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}
		
#donen  {
	width:200px;
    border-top: 4px rgba(245, 29, 0, 1)  double;  
	border-right: 3px rgba(245, 29, 0, 1)  double;
	border-left: 6px rgba(245, 29, 0, 1)  groove;
	border-bottom: 7px rgba(245, 29, 0, 1)  ridge;     
	color:#51f9ff;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5);    
	padding:10px 5px;
	text-align:center;
    display:block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #bcf9ff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:20px 0px 20px 180px;
}
		
}

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

.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:5px rgba(140, 227, 256, 1) double;
	border-right:8px rgba(148, 255, 176, 1) ridge;
	border-left:3px rgba(97, 134, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -40px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

#navegacion .active a {
	background: rgba(255, 246, 0, 1) !important;
}

#navegacion > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:#10e900;
	text-align:center;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:lowercase;
	text-shadow: -.5px .5px .7px dodgerblue, -1px 1px 3px white;
	display:block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) groove;
	border-left:1px rgba(0, 0, 0, 1) groove;
	border-bottom:4px rgba(0, 0, 0, 1) ridge;
	border-radius:10px;
	padding:2px 5px;
	margin:2px 2px;
}

#navegacion > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a:focus{
	color:#00ccff;
	font-family: 'VT323', monospace;
	font-weight:500;
	text-transform:lowercase;
	font-size:1.4em;
	text-shadow: -.5px .5px .5px red, -1px 1px 1px orangered;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
    border-top:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:1px rgba(255, 255, 255, 1) solid;
	border-bottom:4px rgba(255, 255, 255, 1) solid;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


.negro h2 {
	font-family: 'Dosis', sans-serif;
	text-align: center;
	color:#fff;
	text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	font-size:18px;
	padding:2px 2px;
	margin:10px auto;
}	

.negro p {
	font-family: 'Dosis', sans-serif;
	color:#fff;
	text-shadow: -1px 1px 1px black, -3px 3px 5px black;
	font-size:24px;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
    border-top:3px rgba(255, 255, 255, 1) double;
	border-right:4px rgba(255, 255, 255, 1) double;
	border-left:2px rgba(255, 255, 255, 1) groove;
	border-bottom:6px rgba(255, 255, 255, 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:50px;
	text-align:center;
	padding:10px 2px;
	margin:10px auto;
	width:100%;
}		
	

.paneles {
	padding: 0px;
}

.paneles .col-md-2 {
	float:none !important;
	padding:0px;
	margin:10px auto 0px auto;
	width:380px;
	height:380px;
	}
	

#botoniux img {
margin:auto;		
mix-blend-mode: darken;
max-width:380px;
}

#botoniux a {
margin:auto 10px;	
max-width:380px;

}


.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:20px;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;

}

.adaptado {
	background:url(../images/bolita_anime.600.128.001.gif) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1)  solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:auto;

}



#segmentos a {
	font-family: 'VT323', monospace;
	font-weight:500;
	border-top: 1px rgba(230, 29, 43, 1) solid;  
	border-right: 1px rgba(230, 29, 43, 1) solid;
	border-left: 1px rgba(230, 29, 43, 1) solid;
	border-bottom: 1px rgba(230, 29, 43, 1) solid;     
	color:#e61d2b;
	text-shadow: -1px 1px 1px black, -2px 2px 5px orangered;
	box-shadow: 0px 5px 10px rgba(245, 214, 0, 1), 1px 6px 20px  rgba(245, 214, 0, 0.2); 
	padding: 10px;
	letter-spacing: 1px;
	font-size:18px;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:15px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:10px 150px;
}
	
	#segmentos a:first-letter {
	font-family: 'Sansita Swashed', cursive;
    color:#ff0012;
	font-size:27px;
	font-weight:900;
	text-shadow: -1px .5px .7px orangered, -3px 5px 8px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}
	

#segmentos a:hover,
#segmentos :focus{
	    box-shadow: inset 505px 0 0 rgba(72, 197, 255, 1), inset -505px 0 0 rgba(72, 197, 255, 1);
	    text-shadow: -1px 1px 1px red, -2px 2px 5px orangered;
		border-top: 3px rgba(230, 29, 43, 1) double;  
	    border-right: 3px rgba(230, 29, 43, 1) double;
	    border-left: 3px rgba(230, 29, 43, 1) dotted;
	    border-bottom: 3px rgba(230, 29, 43, 1) dotted;
		color:#e61d2b; 
		list-style:none;
		text-decoration:none; 
		}	

#donen  {
	width:200px;
    border-top: 4px rgba(245, 29, 0, 1)  double;  
	border-right: 3px rgba(245, 29, 0, 1)  double;
	border-left: 6px rgba(245, 29, 0, 1)  groove;
	border-bottom: 7px rgba(245, 29, 0, 1)  ridge;     
	color:#51f9ff;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5);    
	padding:10px 5px;
	text-align:center;
    display:block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #bcf9ff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:20px 0px 20px 100px;
}
	
.negro a {
/*	font-family: 'Dosis', sans-serif;
	font-weight:400;
	border-top: 4px rgba(245, 29, 0, 1) solid;  
	border-right: 3px rgba(245, 29, 0, 1) solid;
	border-left: 12px rgba(245, 29, 0, 1) solid;
	border-bottom: 8px rgba(245, 29, 0, 1) solid;  */   
	color:#99deff;
/*	text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	box-shadow: 0px 5px 10px rgba(255, 23, 23, 1), 1px 6px 20px  rgba(255, 23, 23, 0.5); */ 
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.5em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	background: #fff; /*éste es un color que se desplegará con hover*/
	transition: all 500ms ease-in;/*esta es la transiciçon*/
	margin:100px 0px 0px 0px;
}
	
  /*	.negro a:hover,
.negro :focus{
	  font-family: 'Dosis', sans-serif;
	    font-weight:700; 
	    color:#99deff;
		text-shadow: 0 0 1px orangered, -2px 2px 5px red;
	    box-shadow: inset 605px 0 0 rgba(0, 0, 0, 1), inset -605px 0 0 rgba(0, 0, 0, 1);
		border-top: 3px rgba(245, 29, 0, 1) solid;  
	    border-right: 2px rgba(245, 29, 0, 1)double;
	    border-left: 10px rgba(245, 29, 0, 1) groove;
	    border-bottom: 6px rgba(245, 29, 0, 1) ridge;  
		list-style:none;
		text-decoration:none; 
		}*/

#coronavirus audio {
	font-size:24px;
	border-radius:20px;
    border-top: 3px rgba(255, 255, 255, 1)  solid;   
    border-right: 1px rgba(255, 255, 255, 1) solid; 
    border-left: 6px rgba(255, 255, 255, 1)   solid; 
    border-bottom: 7px rgba(255, 255, 255, 1)   solid; 
	margin:20px auto 10px 35px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);  
	}
	
#comprar a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, .6)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom, #f5d600, #f7dd00);
	border-top:2px #eb1717 dashed;
	border-left:1px #eb1717 dashed; 
	border-right:3px #eb1717 dashed; 
	border-bottom:4px #eb1717 dashed;  
	color:#ff2850;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black;
	box-shadow: 0px 5px 10px 0px rgba(233, 0, 0, .8), 0 6px 20px 0 rgba(255, 26, 2,  0.5);
	padding: 0px 10px 10px 10px;
	letter-spacing:5px;
	font-size: 1em;
	text-align:center;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:50px;
	margin:20px 10px 20px 150px;
    transition: all 300ms ease;
}

#comprar > a:first-letter {
	font-family: 'Dosis', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px red, -2px 2px 2px orange;
	}


#comprar a:hover,
#comprar a:focus{
		color:#f5d600;
		font-weight:200;
		font-size: 1em;
		background-image: linear-gradient(to bottom, #c8002d,#FF0000);
		background-color:rgba(27,226, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #f5d600 solid;
		border-left:2px #f5d600 solid; 
		border-right:5px #f5d600 groove; 
		border-bottom:8px #f5d600 ridge;
		text-shadow: -1px 1px 1px golden, -1px 2px 2px goldenrod;
		box-shadow: 4px 8px 16px 4px rgba(247, 221, 0, 0.5), 5px 9px 20px 3px rgba(247, 221, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}
	
}
@media (max-width:370px){

.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:5px rgba(140, 227, 256, 1) double;
	border-right:8px rgba(148, 255, 176, 1) ridge;
	border-left:3px rgba(97, 134, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -40px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

#navegacion .active a {
	background: rgba(255, 246, 0, 1) !important;
}

#navegacion > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:#10e900;
	text-align:center;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:lowercase;
	text-shadow: -.5px .5px .7px dodgerblue, -1px 1px 3px white;
	display:block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	box-shadow: 0px 5px 10px 0px rgba(171, 255, 142, .8), 0 6px 20px 0 rgba(202, 255, 101, 0.5);
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:3px rgba(0, 0, 0, 1) groove;
	border-left:1px rgba(0, 0, 0, 1) groove;
	border-bottom:4px rgba(0, 0, 0, 1) ridge;
	border-radius:10px;
	padding:2px 5px;
	margin:2px 2px;
}

#navegacion > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a:focus{
	color:#00ccff;
	font-family: 'VT323', monospace;
	font-weight:500;
	text-transform:lowercase;
	font-size:1.4em;
	text-shadow: -.5px .5px .5px red, -1px 1px 1px orangered;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
	border-top:2px rgba(255, 255, 255, 1) solid;
	border-right:3px rgba(255, 255, 255, 1) solid;
	border-left:1px rgba(255, 255, 255, 1) solid;
	border-bottom:4px rgba(255, 255, 255, 1) solid;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#3188ff !important;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


.negro h12{
	font-family: 'Dosis', sans-serif;
	font-size:12px;
	color:#fff;
    text-shadow: -1px 1px 1px red, -3px 3px 5px orangered;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding:2px;
	text-align:left;
	margin:auto 2px;
	}	
	
	.paneles {
	padding:0 ;
}

.paneles .col-md-2 {
	float:none !important;
	padding:0;
	margin:0 auto 0 auto;
	width:300px;
	height:300px;
	}
	
.metamorfosis {
	background:url(../images/tantontino.jpg) no-repeat top center !important;
	background-size: contain !important;
	cursor: pointer;
	border-radius:50%;
    border-top: 4px rgba(255, 255, 255, 1) solid;  
	border-right: 3px rgba(255, 255, 255, 1)  solid; 
	border-left: 6px rgba(255, 255, 255, 1)  solid; 
	border-bottom: 7px rgba(255, 255, 255, 1)  solid; 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 1), 1px 6px 20px  rgba(0, 0, 0, 0.5);   
	margin:20px 20px 10px 20px;
	width:50%;	
	max-width:420px;
}

#botoniux img {
margin:auto;	
mix-blend-mode: darken;
max-width:300px;
}

#botoniux a {
margin:auto;
max-width:300px;
}	



}