/*font-family: 'Lobster', cursive;
font-family: 'Ubuntu', sans-serif;*/


/*-------------------------Estilos generales---------------------------*/
body {
	font-family: 'Amiri', serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: graysclae; /*Éste es un filtro para que los navegadores igualen la tipografía*/
	
}


body, div, h1, h2, h3, h4, h5, h6, p, ul, li, ol, span, figure, figcaption, img, iframe {
	padding:0;
	margin:0;}


h4, h5, h6, {
font-family: 'VT323', monospace;


}

h7, h8, h9, {
font-family: 'Dosis', sans-serif;
}


ul, li, ol  {
font-family: 'Cabin Sketch', cursive;
}


h1, h2, h3 {
font-family: 'Alice', serif;

}

@font-face {
    font-family: 'rothenburg_decorativenormal';

    src: url('../fonts/rothenbg-webfont.eot');
    src: url('../fonts/rothenbg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rothenbg-webfont.woff2') format('woff2'),
         url('../fonts/rothenbg-webfont.woff') format('woff'),
         url('../fonts/rothenbg-webfont.ttf') format('truetype'),
         url('../fonts/rothenbg-webfont.svg#rothenburg_decorativenormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dampfplatzdemibold';
    src: url('dampfplatz-webfont.woff2') format('woff2'),
         url('dampfplatz-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dampfplatz_solidblack';
    src: url('../fonts/dampfplatzs-webfont.woff2') format('woff2'),
         url('../fonts/dampfplatzs-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'dampfplatz_shadowblack';
    src: url('../fonts/dampfplatzsh-webfont.woff2') format('woff2'),
         url('../fonts/dampfplatzsh-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h10 {
  font-family: 'rothenburg_decorativenormal';
}

h11 {
  font-family: 'dampfplatzdemibold';
}

h12 {
  font-family: 'dampfplatz_solidblack';
}

h13 {
   font-family: 'dampfplatz_shadowblack';
}


h14 {
font-family: 'Sansita Swashed', cursive;


}

p {
font-family: 'EB Garamond', serif;

}

ul, li, ol {
	list-style:none;
	}
	
a {
	text-decoration:none;}
	
.contenedor {
	width:100%;
	max-width:1110px;
	margin:auto;
	padding: 20px 0px;
	box-sizing: border-box;
}

.columna2 {
	width:48%;
	box-sizing: border-box;
	height:auto;
	}

.columna3 {
	width:31%;
	box-sizing:border-box;
	height:auto;
	}
	
.banner {
	background-image:url(../images/larocadeltiempo-banner-03.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display:block;
	height:15vh;
	width:25%;
	z-index:-3;
	margin:-200px 0px 10px 500px;
	}

.banner2 {
	background-image:url(../media/banners/fosil.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block;
	height:40vh;
	width:100%;
	z-index:-3;
	margin: -200px auto;
	}

:focus {
	outline-color: none;
	color:#000;
	}


 

 	
/*-----------------------------HEADER 2------------------------------------------------*/


.navbar {
	margin:30px 20px;
}
.navbar-inverse {
	background:transparent !important;
	border:none !important;
}
.navbar-brand img {
	width:150px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .8), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
	border-top:5px rgba(255, 255, 255, 1) solid;
	border-right:8px rgba(255, 255, 255, 1) solid;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:10px rgba(255, 255, 255, 1) solid;
	border-radius:30px; 
	display: inline-block; 
	margin-top: -20px;
	margin-left:20px;
	padding: 0 0 0 0;
	
}

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

#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.4em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}
	
ul.dropdown-menu li:first-child a {
	border-top:none;
	
}

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


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

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 3.2em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 800px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 3.2em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}





			
#donar  {
	width:60%;
	max-width:100px;
	margin:auto 0px 0px 45px;
	
}

#donate  {
	
	padding:100px 0px 0px 30px;
	margin:100px -100px -250px 100px;
	
}


.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0)*/ !important;
		color:#f5d600;
		border-radius:50px;
		position:relative;
		top: -154px;
		left: -87px;
		z-index: -1;
		height:200px;
		animation: mymove 5s infinite;
}



		
	
@keyframes mymove {
  50% {box-shadow: 10px 20px 30px black;}
}
	
.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}




@media (min-width:990px) and (max-width:1215px){
#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}

ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}


		
#donar  {
	width:60%;
	max-width:100px;
	margin:20px 0px 10px 20px;
}

#donate  {
	padding:100px 0px 0px 30px;
	margin:100px -10px -20px 10px;
}

.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0)*/ !important;
		color:#f5d600;
		border-radius:50px;
		position:relative;
		top: -154px;
		left: -87px;
		z-index: -1;
		height:200px;

		
	}

.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}

#publis {
		border-top:none;
		margin:10px 0px 10px 100px;
		padding-left:5px;
		padding-right:5px;
	}
			
#publis .active a {
	background: rgba(255,246, 0, 1) !important;
}

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 3.2em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 800px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 3.2em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}





	
	}

@media screen and (max-width:967px){
#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}
	
.navbar-brand img {
	width:120px;
	border-radius:20px; 
	display: inline-block; 
	margin-top: -20px;
	margin-left:-0px;
	padding: 0 0 0 0;
	
}
	
#ham {
		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;	
		background-image: linear-gradient(to bottom right, #ddffa1,#beffd5)!important;
		border-radius:10px;
		box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	}
	
#ham:hover,
#ham:focus {
		background-color:#000 !important;
		transition: all 500ms ease-in;
        border-color:#fff!important;
	}

	
#navegacion {
		border-top:none;
		width:60%;
		margin:auto;
		padding-left:15px;
		padding-right:15px;
	}
	
ul .dropdown-menu li a {
		color:#fff!important;
		border-top:none;
	}
	
	ul .dropdown-menu li a:hover,
	ul .dropdown-menu li a:focus{
	/*background: white!important;*/
	box-shadow: inset 450px 0 0 rgba(221, 255, 255, 1), inset -450px 0 0 rgba(221, 255, 255, 1)!important;
		}

#publis {
		border-top:none;
		margin:10px 0px 10px 100px;
		padding-left:5px;
		padding-right:5px;
	}
			
#publis .active a {
	background: rgba(255,246, 0, 1) !important;
}

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 3.2em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 800px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1.5em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 3.2em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}

	


#donar  {
	
	margin:auto 0px 10px 700px;
}
#donate  {
	padding:100px 0px 0px 30px;
	margin:100px -50px -250px 100px;
}
.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0)*/ !important;
		color:#f5d600;
		border-radius:50px;
		position:relative;
		top: -154px;
		left: -87px;
		z-index: -1;
		height:200px;

		
	}
	.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}


		
}
	
@media (min-width:769px) and (max-width:1024px){
#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}

ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}

	

		
		
#donar  {
	width:50%;
	margin:250px 0px 10px 400px;
}
#donate  {
	padding:100px 0px 0px 30px;
	margin:250px -100px -250px 100px;
}
.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0)*/ !important;
		color:#f5d600;
		border-radius:50px;
		position:relative;
		top: -154px;
		left: -87px;
		z-index: -1;
		height:200px;

		
	}
	.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}

#publis {
		border-top:none;
		margin:10px 0px 10px 20px;
		padding-left:5px;
		padding-right:5px;
	}
	

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

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 2.8em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 500px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 3.2em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}



		
		
		}
	
	
@media screen and (max-width:768px){
#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}


		
#donar  {
	width:40%;
	max-width:80px;
	margin:120px 0px 10px 400px;
}
#donate  {
	padding:70px 0px 0px 200px;
	margin:100px -100px -200px 100px;}
	
	
.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0)*/ !important;
		color:#f5d600;
		border-radius:50px;
		position:relative;
		top: -254px;
		left: -87px;
		z-index: -1;
		height:70px;

		
	}
	.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}

#publis {
		border-top:none;
		margin:10px 0px 10px 60px;
		padding-left:5px;
		padding-right:5px;
	}
	
#publis .active a {
	background: rgba(255,246, 0, 1) !important;
}

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 2.5em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 350px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 2.8em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


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


		

#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}


		
#donar  {
	display:none;
}

#donate  {
	display:none;}
	
	
/*.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0) !important;
		color:#f5d600;
		border-top:3px #46ebff solid;
		border-left:3px #46ebff solid; 
		border-right:5px #46ebff groove; 
		border-bottom:8px #46ebff ridge;
		border-radius:50px;
		position:relative;
		top: -254px;
		left: -87px;
		z-index: -1;
		height:70px;

		}*/
		
	
.anime
	{
		display:none;

		}
		
		
.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}
	

#publis {
		border-top:none;
		margin:10px 0px 10px 100px;
		padding-left:5px;
		padding-right:5px;
	}
			
#publis .active a {
	background: rgba(255,246, 0, 1) !important;
}

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 2.5em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 200px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 2px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 2px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 2.5em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 2px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}

		
		}

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



#navegacion > ul li a {
	font-family:'Dosis', sans-serif;
	font-size: 1.2em;
	color:#000;
	text-align:center;
	background-color:rgba(255,255, 255, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #fbfff0,#f0fff7);
	text-transform:lowercase;
	display:block;
	letter-spacing:1px;
	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;
	box-shadow: 2px 5px 10px 1px rgba(0, 0, 0, 1), 1px 6px 20px 2px rgba(0, 0, 0, 1);
	border-radius:10px;
    padding:2px;
	margin:3px;
}

#navegacion > ul li a:first-letter {
	font-family:'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:500;
	font-size: 1.6em;
	letter-spacing:4px;
	color:#fff;
	text-shadow: 2px 2px 4px #000000;
	}

  

#navegacion > ul li a:hover,
#navegacion > ul li a: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:2px;
	margin:3px;
	
}


ul.dropdown-menu li a {
	background-color:transparent!important;
	color:#000 !important;
	font-weight:500;
	}


		
#donar  {
	display:none;
}

#donate  {
	display:none;}
	
	
/*.anime
	{
		background-color:rgba(27,226, 255, .0)/*rgba(210, 210, 210, .0) !important;
		color:#f5d600;
		border-top:3px #46ebff solid;
		border-left:3px #46ebff solid; 
		border-right:5px #46ebff groove; 
		border-bottom:8px #46ebff ridge;
		border-radius:50px;
		position:relative;
		top: -254px;
		left: -87px;
		z-index: -1;
		height:70px;

		}*/
		
	
.anime
	{
		display:none;

		}
		
		
.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}
	

#publis {
		border-top:none;
		margin:10px 0px 10px 40px;
		padding-left:5px;
		padding-right:5px;
	}
			
#publis .active a {
	background: rgba(255,246, 0, 1) !important;
}

#publis > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:transparent;
	text-align:right;
	background-color:#fff/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:auto;
}

#publis > button {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#000;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(0, 0, 0, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:120px auto 0px auto;
}

#publis > button:first-letter {
	font-family: 'rothenburg_decorativenormal';
	font-size: 2.5em;
	color:#f5d600;
	text-align:right;
	background-color:rgba(255,255, 255, 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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:2px rgba(0, 0, 0, 1) solid; 
	border-radius:5px;
	padding:23px 5px 20px 23px;
	margin:auto 5px;
}


#publis > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#00e952;
	
	}

#publis > ul li a:hover,
#publis > ul li a:focus{
	color:rgba(209, 0, 0, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(249, 255, 210, 1), inset -250px 0 0 rgba(220, 255, 210, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#publis .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#publis .dropdown-submenu {
  position: relative;
}

#publis .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}


#extras {
		border-top:none;
		margin:10px 0px 10px 100px;
		padding-left:5px;
		padding-right:5px;
	}
	
#extras .active a {
	background: rgba(255,246, 0, 1) !important;
}

#extras > ul li a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1)solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#fff;
	text-align:right;
	background-color:#d3ffef/*rgba(210, 210, 210, .0)*/ !important;
  	background-image: linear-gradient(to bottom right, #ddffa1,#beffd5);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px black, -1px 1px 3px black;
	display:inline-block;
	letter-spacing:2px;
	transition: all 500ms ease-in;
	border:3px rgba(255, 255, 255, 1) solid; 
	border-radius:10px;
	padding:1px 2px;
	margin:2px 2px 2px 20px;
}

#extras > button:first-letter {
	font-family: 'Sansita Swashed', cursive;
	font-size: 2.5em;
	color:#f5d600;
	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:inline-block;
	letter-spacing:5px;
	transition: all 500ms ease-in;
	border:6px rgba(255, 255, 255, 1) solid; 
	border-radius:5px;
	padding:16px 5px 18px 5px;
	margin:20px 20px 20px 20px;
}


#extras > ul li a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#6effa5;
	
	}

#extras > ul li a:hover,
#extras> ul li a:focus{
	color:rgba(24, 160, 255, 1)!important;
	/*background-color:rgba(253, 142, 199, 1)!important;*/
	box-shadow: inset 250px 0 0 rgba(210, 255, 248, 1), inset -250px 0 0 rgba(210, 230, 255, 1);
	border:3px rgba(255, 255, 255, 1) solid;
	text-decoration:none; 
	
}

#extras .dropdown-menu  {
	background-color:transparent!important;
	color:#3188ff !important;
	position: relative;
	text-decoration:none;
	top: 0;
    right: 100%;
	}
	
#extras .dropdown-submenu {
  position: relative;
}

#extras .dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  text-decoration:none;
  margin-top: -1px;
}

		
		}
	
/*/*-------------------------Aqui empieza header---------------------------*/
/*header {
	background: white;
	}
header .contenedor {
	padding: 0 15px;
}
	
header ul {
	padding: 0px;
	margin: 0px;
	}

header ul li {
	list-style: none;
}

header ul li a {
	background: rgba( 37, 171, 198, .5);
	display: block;
	padding:8px 0;
	border: 1px solid #F00;
	border-radius:10px;
	color:#F00;
	font-weight:300;
	text-transform:lowercase;
	text-align:center;
	

}

header ul li a:hover, /*para poner el color para pasar sobre*/
/*header ul li a:active {
	background:rgba(250, 218, 4, .9);
}

	
header a {
	color:black;
	}	
	
header input[type="checkbox"] { /*éste checkbox DESAPARECE LA hamburguesa*/
	/*display:none;
}*/ 
	/*/
	/*-------------------------Section---------------------------
	
#hero {
	background-image:url(../images/calzonudo_001.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100vh; }/*--80% del el dispositivo al que llegue, view port*/
/*--------------LA ROCA DEL TIEMPO-------------
#hero h2 {
	color:rgba(255, 255, 255,.8);
	font-size:70px;
	font-weight:100;
	text-shadow: 0 0 4px black, -1px 1px 0 black;/*outline y sombra
	padding:30px 10px 5px 30px;
	}
	
#hero h2:first-letter {
	font-weight:100;
	 /*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra
	font-size:80px;
	}*/	
/*--------------tiempos sin escalas-------------
#hero h3 {
	color:rgba(255,255,255,.7);
	font-weight:100;
	font-size:30px;
	text-shadow: 0 0 4px black, -1px 1px 0 black; /*outline y sombra
	padding:5px 10px 5px 30px;
	}
/*--------------saber más-------------

#hero  a {
	border: 2px solid; 
	color: white;
	padding: 3px 5px;
	letter-spacing: 2px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea
	border-radius: 6px;
	background: rgba(0, 0, 0, .4); /*éste es un color que se desplegará con hover
	transition: all 500ms ease-in;/*esta es la transicion
	margin:40px 0px 0px 30px;

	
	}
	
#hero a:hover,
#hero :focus{
		box-shadow: inset 105px 0 0 #F0F, inset -105px 0 0 #F0F;
		list-style:none;
		text-decoration:none; 
		}/*éste es el contenedor del color, el primer es la mita y eñ segundo la otra mitad*/

 /* form {
	background-image:url(../media/move_it.gif);
	 background-position:left; /* Center the image 
     background-repeat: no-repeat; /* Do not repeat the image */
    /* background-size: contain;
	 padding:100px 85px;
     height:140px;
	 width:20%;

}*/



	
#hero.jumbotron {
	background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:40vh;
	width:60vh;
	margin:0px auto 20px auto;
}
/*
#hero.jumbotron h1 {
	font-family: 'VT323', monospace;
	/*font-weight:300;
	color:#7ff79e;
	text-shadow: 0 0 1px black, -1px 1px 0 black;
	font-size:5.2em;
	padding-top:0;
	text-align:left;
}*/

#hero.jumbotron img {
	width:100%;
	max-width:1280px;
	margin:10px 20px 60px 0px;
}


#hero.jumbotron p {
	font-family: 'Dosis', sans-serif;
	font-size:32px;
	color:#f50000 !important;
	text-shadow: -1px 1px 2px red, -1px 1px 2px orangered!important;
	text-align:right;
	margin:20px 10px 0px 0px;
}

#hero.jumbotron .caja {
	display:inline-block;
}


#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: -1px 1px 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 5px;
	font-size: 1.6em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:200px 30px 20px 100px;
}
	
#experimento a:hover,
#experimento :focus{
	    color:#d50000;
		box-shadow: inset 205px 0 0 rgbaa(91, 218, 255, 1), inset -205px 0 0 rgbaa(91, 218, 255, 1);
		list-style:none;
		text-decoration:none;
		border-radius: 12px;
		border-top: 1px rgba(255, 0, 0, 1) solid;
	    border-left: 1px rgba(255, 0, 0, 1) double; 
	    border-right: 5px rgba(255, 0, 0, 1) groove;
	    border-bottom: 3px rgba(255, 0, 0, 1) ridge; 
	
		}

#experimento p {
    font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 1100px;
}
		
.sound figure {
		max-width:60%;
		width:40%;
		margin:10px auto;
		position:fixed;
		display:block;
		mix-blend-mode:multiply;
			}
		
.sound audio {
	border-radius:20px;
    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:16px;
	color:#fff!important;
	text-shadow: -1px 1px 2px red, -1px 1px 2px orangered!important;
	text-align:left;
	margin:auto 50px;
}
			

@media (min-width:1026px) and (max-width:1280px){
	
#hero.jumbotron img {
	width:100%;
	max-width:1000px;
	margin:10px 20px 100px 0px;
}

   #hero.jumbotron {
	background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:40vh;
	width:60vh;
	margin:10px auto 20px auto;

}
.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}

#hero.jumbotron p {
	font-family: 'Dosis', sans-serif;
	font-size:32px;
	color:#f50000 !important;
	text-shadow: -1px 1px 2px red, -1px 1px 2px orangered!important;
	text-align:right;
	margin:-80px 10px 0px 0px;
}


}

@media (min-width:967px) and (max-width:1215px){
#hero.jumbotron img {
	width:100%;
	max-width:1000px;
	margin:10px 20px 400px 0px;
}



#hero.jumbotron {
	background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:30vh;
	width:57vh;
	margin:10px auto 20px auto;
}




#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: -1px 1px 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 5px;
	font-size: 1.6em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:200px 30px 20px 100px;
}

#experimento p {
    font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 800px;
}

#hero.jumbotron p {
	font-family: 'Dosis', sans-serif;
	font-size:32px;
	color:#f50000 !important;
	text-shadow: -1px 1px 2px red, -1px 1px 2px orangered!important;
	text-align:right;
	margin:-300px 300px 0px 0px;
}



.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}
}

@media (min-width:768px) and (max-width:966px){
	#hero.jumbotron {
  background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:30vh;
	width:47vh;
	margin:10px auto 20px auto;
}

#hero.jumbotron img {
	width:100%;
	max-width:1024px;
	margin:20px 20px 100px 0px;
}

#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: -1px 1px 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 5px;
	font-size: 1.6em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:auto;
}

#experimento ul li a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:3px auto auto auto;
}


#experimento p {
font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 700px;
}

#hero.jumbotron p {
	font-family: 'Dosis', sans-serif;
	font-size:32px;
	/*-font-weight:700;*/
	text-shadow: 0 0 8px green, -3px 2px 0 yellow;
	color:#f50000 !important;
	text-align:right;
	margin:10px 10px 10px 10px;
}


.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}
}

@media screen and (max-width:767px){
	#hero.jumbotron {
  background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:30vh;
	width:47vh;
    margin:20px auto 150px auto;
}

#hero.jumbotron h1{
		text-align:left;
		font-size:2.8em;
		padding: 12% ;
		marging: 20px 20px;
	}

#hero.jumbotron p{
	font-family: 'Dosis', sans-serif;
		text-align:right;
		font-size:24px;
		text-shadow: 0 0 3px black, -3px 2px 0 yellow;
		color:#f50000!important;
		margin:-320px 30px -120px 50px;
	}
	
#hero.jumbotron img {
	width:80%;
	max-width:1000px;
	margin:10px 20px 100px 0px;
}

#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: -1px 1px 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 5px;
	font-size: 1.6em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:-200px auto;
}

#experimento ul li a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:3px auto auto auto;
}

#experimento p {
    font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 200px;
}
.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}

.sound img {
		display:none;
		}

}


@media screen and (max-width:560px){
#hero.jumbotron {
  background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:30vh;
	width:47vh;
    margin:20px auto 150px auto;
}

#hero.jumbotron h1{
		text-align:left;
		font-size:2.8em;
		padding: 12% ;
		marging: 20px 20px;
	}

#hero.jumbotron p{
	font-family: 'Dosis', sans-serif;
		text-align:right;
		font-size:24px;
		text-shadow: 0 0 3px black, -3px 2px 0 yellow;
		color:#f50000!important;
		margin:-50px 30px -120px 50px;
	}
	
#hero.jumbotron img {
	width:80%;
	max-width:1000px;
	margin:30px 20px 50px 50px;
}

#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: -1px 1px 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	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: 10px;
	background: rgba(81, 249, 255, .2); /*éste es un color que se desplegará con hover*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:-200px auto;
}

#experimento ul li a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:3px auto auto auto;
}

#experimento p {
    font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 200px;
}
.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}

.sound img {
		display:none;
		}

}



@media screen and (max-width:376px){
#hero.jumbotron {
   background:url(../media/salto_600.gif) no-repeat top center;
	mix-blend-mode: multiply;
	background-size:contain;
	box-shadow: 3px 8px 16px 3px rgba(0, 0, 0, .5), 4px 9px 20px 4px rgba(0, 0, 0, 0.8);
	border-radius:20px;
	border-left: 7px rgba(255,255, 255, 1)  double;
	border-right: 14px rgba(255,255, 255, 1)  solid;
	border-top: 8px rgba(255,255, 255, 1)  solid;
	border-bottom: 20px rgba(255,255, 255, 1) double;
	height:30vh;
	width:47vh;
	margin:20px auto 0px auto;
}

#hero.jumbotron h1{
		text-align:left;
		font-size:2.8em;
		padding: 12% ;
		marging: 10px 20px;
	}

#hero.jumbotron p{
	    font-family: 'Dosis', sans-serif;
		text-align:right;
		font-size:24px;
		text-shadow: 0 0 3px black, -3px 2px 0 yellow;
		color:#f50000;
		margin:-20px 0px 20px 50px;
	}
	
#hero.jumbotron img {
	width:100%;
	max-width:1000px;
	mix-blend-mode: multiply;
	margin: 10px 0px 10px 10px;
}
	
#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.2em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:100px 10px 10px 10px;
}

#experimento ul li a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:100px 10px 10px 10px;
}

#experimento p {
font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 10px;
}

.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}

.sound img {
		display:none;
		}
}

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


#hero.jumbotron img {
	width:60%;
	max-width:300px;
	mix-blend-mode: multiply;
	margin: 20px 0px 50px 50px;
}

#hero.jumbotron h1{
		text-align:center;
		font-size:1.7em;
	}
	
#experimento  a {
	font-family: 'VT323', monospace;
	border-top: 1px rgba(170, 255, 193, 1) solid;
	border-left: 1px rgba(170, 255, 193, 1) solid; 
	border-right: 5px rgba(170, 255, 193, 1) solid;
	border-bottom: 3px rgba(170, 255, 193, 1) solid;
	color:#51f9ff;
	text-shadow: 0 0 1px darkblue, -2px 2px 5px blue;
	padding: 5px 5px;
	letter-spacing: 2px;
	font-size: 1.2em;
	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*/
	transition: all 300ms ease-in;/*esta es la transiciçon*/
	margin:150px 10px 0px 10px;
}

#experimento p {
font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#fff!important;
	text-shadow: -1px 1px 2px black, -1px 5px 8px black!important;
	margin:0px 0px 20px 100px;
}

#hero.jumbotron p{
	    font-family: 'Dosis', sans-serif;
		text-align:right;
		font-size:24px;
		text-shadow: 0 0 3px black, -3px 2px 0 yellow;
		color:#f50000;
		margin:-60px 0px 20px 50px;
	}

.sound figure {
		max-width:50%;
		width:30%;
		margin:10px auto;
		position:fixed;
		display:block;
		}

.sound img {
		display:none;
		}

}
/*--------------------------ANIMACIONES----------------*/
@keyframes izq {
	from {
		margin-top:-120px;
		opacity:0;
		/*padding-top:50%;*/
	}
	to {
		margin-top:20px;
		opacity:1;
		/*padding-top:30%;*/
	}
} 

#hero.jumbotron h1 {
	animation-name: izq;
	animation-direction: normal;
	animation-duration: 2s;
	animation-timing-function:cubic-bezier(0,.83,.9,-0.22);
}
/*--------------iconos-------------*/
	
#experimento img {
	width:30px;
	
	}
	
section ul li {
	display:inline-block;
	padding:5px;
	margin: 0px 0px 0px 0px;
	float:right;
	}

section ul li img {
	width:30px;;
	padding:2px;
	margin:2px;
	}
@media screen and (max-width:376px){
section ul li {
	display:inline-block;
	padding:4px;
	margin: auto;
	float:right;
	}
section ul li img {
	width:25px;;
	padding:2px;
	margin:2px;
	}
	}
	
/*----------------------SOY -------------------*/

#soy h2 {
	font-family: 'dampfplatz_solidblack';
	font-size:36px;
	color:#ff2850!important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered!important;
	text-align:center;
	letter-spacing:4px!important;
	padding:2px 2px;
	margin:auto;
	width:50%;
	}
	
#soy h2:first-letter {
	font-family:'rothenburg_decorativenormal';
	font-size:72px;
	color:#ff3e3e!important;
	text-shadow: -1px 5px 8px darkblue, -1px 5rpx 8px blue!important;
	}
		
#soy p {
	font-family: 'Dosis', sans-serif;
	font-size:21px;
	color:#fff;
	background-color:#000;
	text-shadow: -1px 1px 1px black, -1px 1px 2px black!important;
    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:auto;
	width:90%;
	}
	
	
/*----------------------CORTINAS----------------------*/	

.cbp-so-scroller {
	color:transaprent !important;
	background:transaprent !important;
	
	
}
.contenedor {
	color:transaprent !important;
	background:transaprent !important;
}

.cbp-so-section h2{
	font-family: 'Alice', serif !important;
	font-size:32px!important;
	color:#000!important;
	text-shadow: -1px .5px .7px silver, -1px 1px 3px silver!important;
	letter-spacing:2px!important;
	max-width:80%!important;
}

.cbp-so-section h2 span{
	font-family: 'VT323', monospace!important;
	font-size:32px!important;
	color:#000!important;
	text-shadow: -1px 1px 2px silver, -1px 5px 8px silver!important;
	
}

.cbp-so-section h2:first-letter{
	font-family:'rothenburg_decorativenormal'!important;
	font-size:72px!important;
	color:#000!important;
	text-shadow: -1px 5px 8px silver, -1px 5rpx 8px silver!important;
	
}
.cbp-so-scroller p  {
	 font-family: 'VT323', monospace !important;
	 font-size: 20px !important;
	 letter-spacing:2px!important;
	 font-weight:300 !important;
	 color:#000!important;
	 text-shadow: -1px .6px .8px silver, 2px 4px 5px silver!important;

}

.cbp-so-section p:first-letter{
	font-family: 'Alice', serif!important;
	font-size: 32px !important;
	font-weight: 100 !important;
	color:#000!important;
	text-shadow: -1px 1px 2px silver, -1px 5px 8px silver!important;
	
}

.cbp-so-section h3 {
	font-family: 'VT323', monospace !important;
	font-size:21px !important;
	color:#000!important;
	letter-spacing:2px!important;
	text-shadow: -1px .6px .8px silver, 2px 4px 5px silver!important;

}

.cbp-so-section h3:first-letter{
	font-family: 'Alice', serif!important;
	font-size: 32px !important;
	font-weight: 100 !important;
	color:#000!important;
	text-shadow: -1px .6px .8px silver, 2px 4px 5px silver!important;
	
}
.cbp-so-section  h4 {
	font-family: 'VT323', monospace !important;
	font-size:24px !important;
	color:#000!important;
	text-shadow: -1px .6px .8px silver, 2px 4px 5px silver!important;

	
}
.cbp-so-section h4:first-letter{
	font-family: 'Alice', serif!important;
	font-size: 32px !important;
	font-weight: 100 !important;
	color:#000!important;
	text-shadow: -1px 5px 8px silver, -1px 5rpx 8px silver!important;
	
}


.cbp-so-section  h5 {
	font-family: 'VT323', monospace !important;
	font-size:18px !important;
	color:#000!important;
	text-shadow: -1px .6px .8px silver, 2px 4px 5px silver!important;
}
/*----------------------TEXTOS----------------------*/

#desplegados>div:first-child {
	background-color:transparent;
    padding:20px 20px 20px 20px;
	}

#desplegados div.columna3 {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:5px;
	}

#desplegados h3 {
	font-family: 'VT323', monospace!important;
	text-align:center!important;
	color:#ff3e3e;
	text-shadow: -1px 1px 1px red, -1px 1px 2px orangered;
	font-size:25px;
	}

#desplegados h3:first-letter {
	font-family: 'dampfplatz_shadowblack';
	font-size:42px;
	color:#d71919;
	text-shadow: -1px .5px .5px red, -1px .6px .8px red;
	}	
	
#desplegados p {
	font-size:18px;
	color:#dcf9ff;
	color:#fff;
	background-color:#fff;
	text-shadow: -1px 1px 1px black, -1px 1px 2px black!important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:10px;
	text-align:center!important;
	padding:10px 10px;
	width:80%;
	
	}


#textos {
	background-color:#fff;
	background-image:url(../images/textos-chuleta%20copia.png);
	background-repeat:no-repeat;
	background-size:110%;
	background-position: 0px 20px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:200px;
	width:200px;
	margin:10px auto;
	}
	
#textos:hover {
	background-color:#fff;
	background-image:url(../images/textos-chuleta%20copia.png);
	background-repeat:no-repeat;
	background-size:110%;
	background-position: 0px 20px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:250px;
	width:250px;
	margin:10px auto;
	}

#fijas {
	background-color:#fff;
	background-image:url(../images/xolito_200.png);
	background-repeat:no-repeat;
    background-size:110%;
	background-position:-10px -20px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:200px;
	width:200px;
	margin:10px auto;
	}
	
#fijas:hover {
	background-color:#fff;
	background-image:url(../images/xolito_200.png);
	background-repeat:no-repeat;
	background-size:110%;
	background-position: 0px -10px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:250px;
	width:250px;
	margin:10px auto;
	}
	
#movimiento {
    background-color:#fff;
	background-image:url(../images/lunalunera_00002.png);
	background-repeat:no-repeat;
    background-size:115%;
	background-position:-10px -15px ;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:200px;
	width:200px;
	margin:10px auto;
	}
	
#movimiento:hover {
	background-color:#fff;
	background-image:url(../images/lunalunera_00002.png);
	background-repeat:no-repeat;
	background-size:120%;
	background-position: 0px 0px 40px 40px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-top:10px #000 solid;
	border-right:15px rgba(0, 0, 0, 1) solid;
	border-left:10px rgba(0, 0, 0, 1) solid;
	border-bottom:10px rgba(0, 0, 0, 1)solid;
	border-radius:50%;
	height:250px;
	width:250px;
	margin:10px auto;
	}


#desplegados>div:last-child {
	background-image:url(../media/laroca-anime-1000-moscanegranegra.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	margin:auto;
	display:block;
	z-index:1;
	
	}

#larocadeltiempo div{
	width: 100%;
	max-width:1000px;
	margin:0 auto 0 0;
	display:inline-block;
	}


#larocadeltiempo hr {
  border-top: 1px dashed red;
}

#larocadeltiempo h2 {
	font-family: 'VT323', monospace;
	text-align:center!important;
	color:#ff6bad !important;
	text-shadow: -1px .8px .7px darkblue, -4px 4px 6px Crimson!important;
/*	background: rgba( 37, 171, 198, .5);
	border-radius:10px;
	border:1px solid black;
	color:#000;*/
	font-size:32px!important;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/ +
	margin:100px;
	padding: 0px 100px;
	
	}

#larocadeltiempo h2:first-letter {
	font-family:'rothenburg_decorativenormal'!important;
	font-size:48px!important;
	color:#ff0072;
	}

#larocadeltiempo p {
	font-family: 'Dosis', sans-serif;
    font-size:21px;
	color:#000;
	mix-blend-mode:multiply;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:10px;
	text-align:center!important;
	width:80%;
	margin:0px 10px 10px 50px;
	padding: 10px 30px 10px 10px;
	z-index:-3;
}

@media screen and (min-width:500px) {
#larocadeltiempo div{
	width:100%;
	max-width:600px;
	margin: 0 auto 0 0 ;
	display:inline-block;
	}

	}

@media (min-width:500px) and (max-width:917px){
	#larocadeltiempo div{
	width:80%;
	max-width:800px;
	margin: 0 auto 0 0 ;
	display:inline-block;
	}

}



/*-----------ART 3 ---------------------*/

#art3 img[src="images/google.450px.gif"] {
	float:right;
	box-shadow: 0px 5px 10px 0px rgba(77, 93, 240, 1), 0 6px 20px 0 rgba(1, 38, 54, 0.2);
	border-top:3px #00ff1e dotted;
	border-right:3px rgba(59, 253, 59, 1) double;
	border-left:3px rgba(59, 253, 59, 1) dashed;
	border-bottom:3px rgba(59, 253, 59, 1) dashed;
	box-shadow: 10px 10px 5px orengered;
	border-radius:10px;
	width:100%;
	max-width:450px;
	margin:auto;
	z-index:1!important;
	}
	
@media screen and (max-width:960px) {	
#art3 img[src="images/google.450px.gif"] {
	float:inherit;
	width:100%;
	max-width:350px;
	margin:0px 0px 0px 10px;
	}
	}
	
@media screen and (max-width:568px) {	
#art3 img[src="images/google.450px.gif"] {
	float:inherit;
	width:100%;
	max-width:350px;
	margin:0px 0px 320px 10px;
	}
	}		
/*-----------Imagen fija y en movimiento---------------------*/

#art3 hr {
  border-top: 1px dashed red;
}

#art3>div:last-child {
	background:#c6fcff;
	border-top:3px #d40f0f dotted;
	border-right:3px rgba(212, 15, 15, 1) double;
	border-left:3px rgba(212, 15, 15, 1) dashed;
	border-bottom:6px rgba(212, 15, 15, 1) double;
	width:100%;}

#art3 div div div {
	padding-top:0px;
	padding-bottom:10px;
	}
	


#art3 h3 {
	font-family: 'VT323', monospace!important;
	text-align:center!important;
	font-size:32px;
	width:100%;
	max-width:480px;
	margin:20px auto;
	padding:0px 50px;
	color:#ff6bad !important;
	text-shadow: -1px .8px .7px darkblue, -4px 4px 6px Crimson!important;
	}

#art3 h3:first-letter {
	font-family:'rothenburg_decorativenormal'!important;
	font-size:48px!important;
	color:#ff0072;
	}

#art3 div div div p {
	font-family: 'Alice', serif;
	text-align:center!important;
	background-size:120%;
	font-size:18px;
    color:#000;
	background-color:#fff;
	text-shadow: -1px 1px 1px black, -1px 1px 2px black!important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
	width:80%;
	margin:20px auto;
	padding:20px 10px;

	}
	
#art3 h4 {
	s
	text-align:right;
	font-size:32x;
	width:100%;
	max-width:480px;
	margin:auto;
	padding:20px 50px;
	color:#ff6bad !important;
	text-shadow: -1px .8px .7px darkblue, -4px 4px 6px Crimson!important;}
	
#art3 div:last-child p {
	text-align:right;
	font-size:16px;
	width:100%;
	max-width:480px;
	background-color:rgba(0, 0, 0, 1);
	padding:20px 50px; 
	margin:auto;
	color:#fff;
	}

	
#textito div div{
	margin-right:0;
	margin-left:auto;}

#textito .contenedor {
	position:relative;
	padding:10px;
}

#textito img {
	width:100%;
	max-width:450px;
	display:inline-block;
	box-shadow: 0px 5px 10px 0px rgba(77, 93, 240, 1), 0 6px 20px 0 rgba(1, 38, 54, 0.2);
	border-top:3px #00ff1e dotted;
	border-right:3px rgba(59, 253, 59, 1) double;
	border-left:3px rgba(59, 253, 59, 1) dashed;
	border-bottom:3px rgba(59, 253, 59, 1) dashed;
	box-shadow: 10px 10px 5px orengered;
	border-radius:10px;
	margin:auto;
	padding:0px 0px;
	}
	
@media screen and (max-width:560px) {
	#textito img {
	width:350px;
	position:absolute;
	display:inline-block;
	margin:auto;
	bottom:20px;
	left:10px;
	right:500px;
	padding:0px 0px;
	}
	
#art3 div div div {
	padding-top:0px;
	padding-bottom:80px;
	}
	}
	
@media (max-width:799px){
	#art3 h3 {
	display:none;}

#art3 div div div p {
	display:none;}
	
#art3 h4 {
	display:none;}
	
#art3 div:last-child p {
	display:none;
	}

	}
	
/*--------------------footer------------------------*/

footer, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-color:white;

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat:repeat;
  background-size: cover;
  
}


footer {
	background:transparent;
	height:auto;
	width:100%;
	max-width:100%;    
	border-radius:30px;
	padding:0px;
    margin:auto;

	}
	
footer p{
	font-family: 'VT323', monospace!important;
	color:#fff;
	text-shadow: -1px .7px .7px black, -1px 3px 5px black!important;
	padding-left:20px;
	font-size:24px;
	height:auto;
	box-sizing:border-box;}
	
footer div div {
	display:inline-block;
	vertical-align:top;	
	height:auto;
	box-sizing: border-box;
	}

#share-buttons img {
	width:100%;
	max-width:100px;
	
}
#share-buttons 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 90px;
transform: scale(1,1) rotate(0deg);
transition: all 300ms ease;
}


#share-buttons a:hover,
#share-buttons 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-buttons 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-down a {
	font-family:'FontAwesome';
	color:black;
	font-size:30px;
	height:auto;
	box-sizing:border-box;
	}

#redes-down 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;
    margin:20px 100px 20px 100px;
}

#redes-down {
	text-align:center;
	margin:auto;
	height:auto;
	padding:12px 12px;
	box-sizing: border-box;
	}

#redes-down ul {
	margin:auto;
	height:auto;
	box-sizing: border-box;	}
	
#redes-down ul li {
	display:inline-block;
	margin:5px;
	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;
	border-radius:50%;
	width:40px;
	height:40px;
	line-height:40px;
	}

#redes-down 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);
	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-down ul li a:hover,
#redes-down 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);
}

#galeria2 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 #eb1717 solid;
	border-left:2px #eb1717 ridge; 
	border-right:5px #eb1717 groove; 
	border-bottom:8px #eb1717 ridge;    
	color:#ff2850;
	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:-150px 20px auto 20px;
    transition: all 300ms ease;
	float:right;
}

#galeria2 > a:first-letter {
	font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.8em;
	color:#e5003b;
	text-shadow: -1px 1px 1px orangered, -1px 2px 2px orange;
	}


#galeria2 a:hover,
#galeria2 a:focus{
		color:#fff;
		border-top:3px #000 dashed;
		border-left:2px #000 dashed; 
		border-right:5px #000 dotted; 
		border-bottom:8px #000 dotted;
		box-shadow: inset 125px 0 0 rgba(0, 0, 0, 1), inset -125px 0 0 rgba(0, 0, 0, 1);
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
		list-style:none;
		text-decoration:blink;
		}


#legal ul {
	display:inline-block;
	font-color:#fff;
	text-align:left;
	margin-top:10px;
	border-radius:6px;
	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 9px 20px 0 rgba(0, 0, 0, 0.5);
	padding:5px;
	height:auto;
	box-sizing: border-box;}

#legal ul li {
	display:inline-block;
	text-align:left;
	margin-left:30px;
	width:140px;
	padding:5px 10px 5px 10px;
	font-family: 'VT323', monospace;
	color:#fff;
    font-size:12px;
	height:auto;
	background-color:rgba(0, 0, 0, 1);
	box-sizing: border-box; }

#legal a {
	color:#fff;
	
	}	

#donar  {
	width:60%;
	max-width:100px;
	margin:auto 350px 0px auto;
}

#donatefooter  {
	padding:0px auto 0px 30px;
	margin:50px auto 0px 120px;
	z-index:1;
}


.anime
	{
		position:relative;
		top: -154px;
		left: -87px;
		z-index: -1;
		height:200px;

		
	}
	.botron
	{
		position:absolute;
		top: 0px;
		left: 0px;
		z-index: 1;

	}




#printlogo  {
	background-color:#fff;
	background-image:url(../images/gus_red_star_003_1024.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position: 0px 20px;
	border-radius:10px;
	height:680px;
	width:350px;
	margin:40px 10px 20px 10px;
	transition: all 300ms ease;
	float:right;
	position:relative;
	}
	
#printlogo:hover
 printlogo:focus  {
	background-color:#f0ff47;
	background-image:url(../media/gus_red_star_anime.gif);
	background-repeat:no-repeat;
	background-size:110%;
	background-position: 0px 20px;
	height:680px;
	width:350px;
	margin:40px 10px 20px 10px;
	position:relative;
	}

#printlogo {
	background-image:url(../images/gus_red_star_003_1024.jpg)!important;
	background-size: contain !important;
	cursor: pointer;
    margin:40px 10px 20px 10px;
	float:right;
	position:relative;

}
#printlogo:hover,
#printlogo:focus {
	background-image:url(../media/gus_red_star_anime.gif) !important;
	background-size: contain  !important;
	margin:40px 10px 20px 10px;

}

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	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:8px;
	margin:100px 10px 10px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		
#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	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:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.6em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 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:30px;
	margin:-200px 200px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 2.8em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1.2em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1.4em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	border-top:4px rgba(255, 255, 255, 1) solid;
	border-right:6px rgba(255, 255, 255, 1)  solid;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:8px rgba(255, 255, 255, 1)  solid;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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;
	text-decoration:blink;

	
		}
	

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:4px #ff0468 solid;
	border-right:6px #ff0468 solid;
	border-left:2px #ff0468 solid;
	border-bottom:9px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.5em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}


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

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		
#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 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:30px;
	margin:-200px 200px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 2.2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1.2em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}	

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	border-top:4px rgba(255, 255, 255, 1) solid;
	border-right:6px rgba(255, 255, 255, 1)  solid;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:8px rgba(255, 255, 255, 1)  solid;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1.1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:4px #ff0468 solid;
	border-right:6px #ff0468 solid;
	border-left:2px #ff0468 solid;
	border-bottom:9px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}

}

@media (min-width:990px) and (max-width:1215px){

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	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:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.4em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.1em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 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:30px;
	margin:-200px 200px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1.2em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	border-top:4px rgba(255, 255, 255, 1) solid;
	border-right:6px rgba(255, 255, 255, 1)  solid;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:8px rgba(255, 255, 255, 1)  solid;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1.1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:4px #ff0468 solid;
	border-right:6px #ff0468 solid;
	border-left:2px #ff0468 solid;
	border-bottom:9px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}

}
	
@media (min-width:768px) and (max-width:1024px){

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	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:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		

#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.1em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 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:30px;
	margin:-200px 100px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1.2em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}	

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1.2em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	border-top:4px rgba(255, 255, 255, 1) solid;
	border-right:6px rgba(255, 255, 255, 1)  solid;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:8px rgba(255, 255, 255, 1)  solid;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1.1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:4px #ff0468 solid;
	border-right:6px #ff0468 solid;
	border-left:2px #ff0468 solid;
	border-bottom:9px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:100px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.3em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}

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

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.1em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px -50px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1.1em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 10px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:30px;
	margin:-200px 200px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.5em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	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;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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:2px rgba(255, 89, 24, 1) solid;
	border-right:3px rgba(255, 89, 24, 1) groove;
	border-left:1px rgba(255, 89, 24, 1) groove;
	border-bottom:4px rgba(255, 89, 24, 1) ridge;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:2px #ff0468 solid;
	border-right:3px #ff0468 solid;
	border-left:1px #ff0468 solid;
	border-bottom:4px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}
			

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

#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:50px 0px -50px 20px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		
#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 0px 20px 20px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 10px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:30px;
	margin:-50px 20px 10px 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}	

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	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;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	margin:20px 200px auto 10px;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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:2px rgba(255, 89, 24, 1) solid;
	border-right:3px rgba(255, 89, 24, 1) groove;
	border-left:1px rgba(255, 89, 24, 1) groove;
	border-bottom:4px rgba(255, 89, 24, 1) ridge;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:2px #ff0468 solid;
	border-right:3px #ff0468 solid;
	border-left:1px #ff0468 solid;
	border-bottom:4px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}

	}

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

#galeria a {
	font-family: 'VT323', monospace;
	font-weight:700;
	text-transform:uppercase;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px #eb1717 solid;
	border-left:1px #eb1717 solid; 
	border-right:3px #eb1717 solid; 
	border-bottom:4px #eb1717 solid;  
	color:#3ad8ff;
	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(233, 0, 0,  0.5);
	padding: 5px 10px 5px 10px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:30px;
	margin:-80px 230px auto 10px;
    transition: all 300ms ease;
	float:right;
}

#galeria > a:first-letter {
	font-family: 'VT323', monospace;
	text-transform:uppercase;
	font-weight:900;
	text-transform:uppercase;
	font-size: 1.2em;
	padding:-100px -50px -50px 50px;
	color:#f5d600;
	text-shadow: -2px 2px 2px navy, -2px 2px 2px navy;
	}
	


#galeria a:hover,
#galeria a:focus{
		color:#ff2d03;
		font-weight:400;
		font-size: 1em;
		text-transform:uppercase;
		background-color:#3ad8ff/*rgba(210, 210, 210, .0)*/ !important;
		border-top:3px #ea0000 solid;
		border-left:2px #ea0000solid; 
		border-right:5px #ea0000 groove; 
		border-bottom:8px #ea0000 ridge;
		text-shadow: -1px 1px 1px red, -1px 2px 2px orangered;
		box-shadow: 3px 5px 16px 4px rgba(0, 28, 170, 0.5), 3px 5px 8px 2px rgba(0, 28, 170, 0.5);
		list-style:none;
		text-decoration:blink;
		}	

#organigrama  a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:rgba(255, 2, 2, 1);
	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);
	box-shadow: 0px 8px 16px 0px rgba(51, 191, 221, .8), 0 9px 20px 0 rgba(162, 239, 255, 0.7);
	text-transform:capitalize;
	text-shadow: -.5px .5px .7px red, -1px 1px 3px orangered;
	display:inline-block;
	letter-spacing:5px;
	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;
	border-radius:15px;
	padding:2px 2px;
	transition: all 300ms ease;
	float:right;
	margin:50px 100px auto 10px;
	
}

#organigrama a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#f7dd00;
	}
	
#organigrama  a:hover,
#organigrama  :focus{
	color:rgba(247, 221, 0, 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:2px rgba(255, 89, 24, 1) solid;
	border-right:3px rgba(255, 89, 24, 1) groove;
	border-left:1px rgba(255, 89, 24, 1) groove;
	border-bottom:4px rgba(255, 89, 24, 1) ridge;
	text-decoration:blink;

	
		}

#printarea a {
	font-family: 'VT323', monospace;
	font-size: 1em;
	color:#FF69B4;
	text-align:center;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: linear-gradient(to bottom right, #ffbaf0,#ffbada);
	text-shadow: 2px 1px 3px white, -2px 2px 3px white;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:1px;
	transition: all 500ms ease-in;
	border-top:2px #ff0468 solid;
	border-right:3px #ff0468 solid;
	border-left:1px #ff0468 solid;
	border-bottom:4px #ff1e29 solid;
	border-radius:30px;
    padding:4px 7px 4px 10px;
	margin:0px 10px 150px auto;
	box-shadow: 0px 8px 16px 0px rgba(255, 136, 164, 1), 0 9px 20px 0 rgba(255, 193, 197, 0.5);
	transition: all 300ms ease;
	float:right;
}

	
    

#printarea > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1.2em;
	color:#FF69B4;
	}


#printarea a:hover,
#printarea a:focus{
	font-family: 'VT323', monospace;
	color:#ff1e53;
	/*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;
	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;
	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:0px 10px 150px auto;
	/*box-shadow: inset 250px 0 0 rgba(91, 218, 255, 1), inset -250px 0 0 rgba(91, 218, 255, 1);**/
		}
		
#traduccion a {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	background-color:rgba(255,246, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:2px rgba(255, 81, 81, 1) solid;
	border-left:1px rgba(255, 81, 81, 1) ridge; 
	border-right:3px rgba(255, 81, 81, 1) groove; 
	border-bottom:2px rgba(255, 81, 81, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 2px red, -1px 5px 8px orangered;
	box-shadow: 0px 5px 10px 0px rgba(0, 186, 255, .8), 0 6px 20px 0 rgba(0, 186, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:30px 130px auto 10px;
    transition: all 300ms ease;
}

#traduccion > a:first-letter {
	font-family: 'Alice', serif;
	text-transform:uppercase;
	font-size: 1em;
	color:#e10000;
	text-shadow: -1px 1px 1px blue, -1px 2px 2px orangered;
	}


#traduccion a:hover,
#traduccion a:focus{
		color:#be0795;
		border-top:2px rgba(255, 81, 81, 1) solid;
	    border-left:1px rgba(255, 81, 81, 1) solid; 
	    border-right:3px rgba(255, 81, 81, 1) solid; 
	    border-bottom:2px rgba(255, 81, 81, 1) solid; 
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}
		
#boutique a {
	font-family: 'Cabin Sketch', cursive;
	font-weight:500;
	background-color:rgba(255,0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	background-image: #66d6ff;
	border-top:2px rgba(24, 176, 233, 1) solid;
	border-left:1px rgba(24, 176, 233, 1) ridge; 
	border-right:3px rgba(24, 176, 233, 1) groove; 
	border-bottom:2px rgba(24, 176, 233, 1) ridge;  
	color:#4cc4f0;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	box-shadow: 0px 5px 10px 0px rgba(183, 236, 255, .8), 0 6px 20px 0 rgba(183, 236, 255, 0.5);
	padding: 2px 5px;
	letter-spacing:5px;
	font-size: 1em;
	display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
	border-radius:8px;
	margin:100px 130px auto 10px;
    transition: all 300ms ease;
}

#boutique > a:first-letter {
	  font-family: 'rothenburg_decorativenormal';
	text-transform:uppercase;
	font-size: 1em;
	color:#f7dd00;
	text-shadow: -1px 1px 1px Navy, -1px 2px 2px Navy;
	}


#boutique a:hover,
#boutique a:focus{
		color:#be0795;
		border-top:5px rgba(255, 89, 24, 1) solid;
		border-left:3px rgba(255, 89, 24, 1) solid; 
		border-right:4px rgba(255, 89, 24, 1) double; 
		border-bottom:7px rgba(255, 89, 24, 1) double;
		box-shadow: inset 105px 0 0 rgba(91, 218, 255, 1), inset -105px 0 0 rgba(91, 218, 255, 1);
		list-style:none;
		text-decoration:blink;
		}

}



@media screen and (max-width:800px) {
	.columna2 {
	width:100%;}

   .columna3 {
	width:100%;}
}
	
	
@media screen and (max-width:400px) {
    .contenedor { 
	width:100%;}
	
	
	
	
	/*#art3 {
		display:none;}
	
	.columna2 {
	display:none;}*/
	
}
@media screen and (max-width:768px) {
	#art10 {
		display:none;
	}
	}