/************************************ FONDO NEGRO AL ABRIR LOS MENUS LATERALES */
.cortina{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; height: 100%; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 999999;}
.cortina.visible{display: block;}



/************************************ MENU LATERAL */
#menu-lateral-movil.open-sidebar{
transform: translate(0px,0);
-webkit-transform: translate(0px,0);
-moz-transform: translate(0px,0);
-ms-transform: translate(0px,0);

-webkit-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.2);
-ms-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.2);
}

#menu-lateral-movil {
background:#000; position: fixed; width: 240px; height: 100%; top: 0;
box-sizing: border-box; -moz-box-sizing: border-box;
transform: translate(-240px,0); -webkit-transform: translate(-240px,0); -moz-transform: translate(-240px,0); -ms-transform: translate(-240px,0);
transition-duration: 350ms; -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms;
overflow-y: scroll; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9999999999;}
#menu-lateral-movil ul{margin: 0; padding: 0; list-style: none;}
#menu-lateral-movil ul li{margin: 0;}
#menu-lateral-movil ul li a{padding: 12px 20px; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 23px; color: #fff; text-decoration: none; display: block; background: transparent;}
#menu-lateral-movil ul li.activo a{color: #e8a02c;}
#menu-lateral-movil .social-copy{float: left; display:block; width: 100%; background: transparent;}
#menu-lateral-movil .social-copy .inner{padding: 20px;}
#menu-lateral-movil .social-copy a{margin-right:10px; display: inline-block; float: left; color: #fff; font-size: 19px;}
#menu-lateral-movil .social-copy p{font-size: 12px; line-height: 15px; color: #fff; display: block; float: left; width: 100%; margin: 10px 0;}

/*#menu-lateral-movil ul li:nth-child(even) a{background: #333;}
#menu-lateral-movil ul li:hover a {background: #2b2b2b;}*/





/************************************ MENU LATERAL GANADOR AÑO */
#menu-movil-ganador.open-sidebar{
transform: translate(15px,0); 
-webkit-transform: translate(15px,0); 
-moz-transform: translate(15px,0); 
-ms-transform: translate(15px,0);

-webkit-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.7);
-moz-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.7);
-ms-box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.7);
box-shadow: 4px 0px 10px 0px rgba(50, 50, 50, 0.7);
}

#menu-movil-ganador {
background: #aa0002; /* Old browsers */
background: -moz-linear-gradient(top,  #aa0002 0%, #c60002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aa0002 0%,#c60002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aa0002 0%,#c60002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0002', endColorstr='#c60002',GradientType=0 ); /* IE6-9 */
position: fixed;
width: 240px;
height: 100%;
top: 0;
right: 0;

box-sizing: border-box;
-moz-box-sizing: border-box;

transform: translate(244px,0);
-webkit-transform: translate(244px,0);
-moz-transform: translate(244px,0);
-ms-transform: translate(244px,0);

transition-duration: 350ms;
-webkit-transition-duration: 350ms;
-moz-transition-duration: 350ms;
-ms-transition-duration: 350ms;

overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
overflow-scrolling: touch;
z-index: 9999999999;}

#menu-movil-ganador ul{margin: 0; padding: 0; list-style: none;}
#menu-movil-ganador ul li{margin: 0;}
#menu-movil-ganador ul li a{padding: 12px 20px; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 23px; color: #fff; text-decoration: none; display: block; background: transparent;}
#menu-movil-ganador ul li a.color{color: #fed501;}
#menu-movil-ganador ul li span{display: inline-block; text-align: center;}
#menu-movil-ganador ul li i{margin-right: 10px;}
#menu-movil-ganador ul li.disabled a{pointer-events: none; cursor: default; color: rgba(255, 255, 255, 0.5);}