.enlaceazul{
	color:#03C;
	}
.enlacenaranja{
	color:#E65C00;
}
.enlacecolor{
	color:#063;}	
p{
	  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.cuadrado{
    position: relative;
    float: left;
    width: 5%;
    height: 100%;
    background: rgba(3,3,3,0.7);
    
}
.cuadrado p{
    -moz-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			 -webkit-transform: rotate(-90deg);
			 -ms-transform: rotate(-90deg);
    font-size: 36px;


}
.mover{
    position: relative;
    float: right;
    width: 95%;
    background: #ccc;
    
        -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
.moverfondo:hover + .mover{
    float: right;
    
    
    transform: translateX( 20% ) rotateY( -45deg );
    -ms-transform: translateX( 20% ) rotateY( -45deg ); /* IE 9 */
    -webkit-transform: translateX( 20% ) rotateY( -45deg ); /* Safari y Chrome */
    /*-moz-transform: translateX(200px);  Firefox */

    transform: translateX( 20% ) rotateY( -45deg );
    background: #999;
}
.moverfondo{
    position: fixed;
    width: 100%;
    height: 100%;
    float: left;
    
    background: url(../img/fondoplay3.jpg);

    
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
.menulateral{
	list-style:none;
	padding-left:20px;
	padding-left:12%;	
	}
.menulateral ul{
	padding-top:50px;

}
.menulateral li{
	padding:15px;

		}
.menulateral li a{
			color:#000;
	background:rgba(255,255,255,0.5);
	font-family:Roboto Condensed;
	padding:10px;
		text-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
		text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF6600, 0 0 30px #FF6600;

	/*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #007dcb, 0 0 30px #007dcb, 0 0 40px #007dcb, 0 0 50px #007dcb, 0 0 75px #007dcb;*/

	-moz-transition: text-shadow 0.8s linear;

	-o-transition: text-shadow 0.8s linear;

	-webkit-transition: text-shadow 0.8s linear;
	}
.menulateral li:first-letter{	
    color:  #0CF;	
				
}
.menulateral li a:hover{
	background-color:#0099FF;

			color:#FFF;
}
/*
a:visited::before{
   content: "\\2713 (visitado) ";
}	  
a:visited::after{
   content: "\\2713 (visitado) ";
}	  
*/
.top-bar-section ul li:last-child a{
font-size: 10px;
}

.top-bar-section ul li a:first-letter{
/* font-size: 12px; */
    color: darkorange;
}

section.galeria { 
   padding: .5vw;
   font-size: 0;
   -ms-flex-wrap: wrap;
   -ms-flex-direction: column;
   -webkit-flex-flow: row wrap; 
   flex-flow: row wrap; 
   display: -webkit-box;
   display: flex;
   display: -ms-flexbox; /*IE 10*/
   margin: 5% ;
}
section.galeria div { 
   -webkit-box-flex: auto;
   -ms-flex: auto;
   flex: auto; 
   width: 200px; 
   margin: .5vw; 
}
section.galeria div img { 
   width: 100%; 
   height: auto; 
}
section.galeria div img:hover {
    position: relative;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
	transform: scale(1.90);
	border:0;
	z-index:15;
}

 /*Media Queries*/
 @media screen and (max-width: 600px) {
.menulateral{
	list-style:none;

	padding-left:2%;	
	}
.moverfondo{
    position: fixed;
    width: 100%;
    height: 100%;
    float: left;
    
    background: url(../img/fondoplay600.jpg);

    
    background-repeat: no-repeat;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}	
	
 }
 @media screen and (max-width: 400px) {
   section.galeria div { 
       margin: 0; 
   }
   section.galeria { 
   padding: 0; 
   }
}