#content .button span {
    font-size: 22px!important;
    font-weight: normal!important;
    color: #000;
}
.youtube-container { display: block; margin: 10px auto 0; width: 100%; background-color: #000; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 128px;    width: 128px;left: 0;top: 0;bottom: 0;right: 0; background: url(../img/play_youtube.png) no-repeat;position: absolute;margin: auto; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#videoejercicio .youtube-container, #videoejercicio .youtube-container .youtube-player, #videoejercicio .youtube-container .youtube-player .youtube-thumb,#videoejercicio .youtube-container .youtube-player iframe{
	/*max-height:300px;*/
}

div.play-button:hover{
	opacity: 1;
   filter: alpha(opacity=100); 
 }
 div.play-button{
 opacity: 0.8;
   filter: alpha(opacity=80); 
 }


#videoejercicio  img.youtube-thumb {
	bottom:auto;
}
.resource_col2{  
min-width: 300px;
}
.resource_col1{  
min-width: 330px;
}

.columna1 {
	width:100%;			   	
}
.columna2{	
	width: 100%;
	margin-left:10px;	
}

#contentleft {	
	width: 665px;
	float: left !important;
}
#content_playlist{	
	width:800px;
	float:left;
}

.withpublivertical{	
   	width: 33%;
	 width: -moz-calc(100% - 530px) !important;
   	width: -webkit-calc(100% - 530px) !important;
   	width: calc(100% - 530px) !important;

}	
#contentright {
	width: 300px;
	float: right;
	text-align:center;
}

.banner_dfp{
	background-color:#fff;width:100%;text-align:center;
}
.banner_dfp_exer{
	background-color:#fff;width:100%;text-align:center;
}

.banner_dfp iframe{

}
#ponteaprueba{
	text-align:center;
}

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}

.selectnav { display: none; }
#ytmain{
	width: 52% !important;
	width: -moz-calc(100% - 247px) !important;
   	width: -webkit-calc(100% - 247px) !important;
   	width: calc(100% - 247px) !important;
}


#capavideo  {
	position: relative;
	padding-bottom: 26%;
	padding-top: 69px;
	height: 0;
}

.columna1 #capavideo  {
	padding-top: 34px;
}

#capavideo  iframe,  
#capavideo  object,  
#capavideo  embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:250px;
	min-width:300px;
	max-height:300px;	
}

.videolarge  {
	padding-bottom: 38.25% !important;
	}
.videolarge  iframe,  
.videolarge  object,  
.videolarge  embed {

	max-height:409px  !important;;	
}
.video-wrapper {
	width: 100%;
	max-width: 100%;
}


#pagewrap {
	margin:0 auto;	
	width:1012px;
	background-color:#e5e5e5;
	position:relative;
}

#footer {
	width:980px;
}
#content{
	width:980px;
}

#footer {
	clear: both;
}
@media screen and (max-width: 790px) {
	#content_playlist{	
			width:100%;
			float:none;
	}

	#pagewrap {
		width: 100%;
	}


	#menu, .browsebox,#logo,#footer {
		width: 100%;
	}
	
	.boxsearch {
    	width: 70px;
	}
	#searchwrapper {
 	   width: 146px;
	}
	

	#menu_exercise .opcion{	
	padding: 3px 6%;
	}
	#menu_exercise .opcionejer{
	padding: 3px 2%;
	}
	.songhome{
		width:100%;
	}
	.songhome li{
		width:100%;
	}
	
	.songhome li> p + p{
		float:left !important;
	}
	
	#contentleft {	
		width:60% !important;
		width: -moz-calc(100% - 361px) !important;
	   	width: -webkit-calc(100% - 361px) !important;
	   	width: calc(100% - 361px)  !important;		
	}
		
	#contentright {
		width: 300px;
		float: right;
		text-align:center;
	}

		.browsebox {
		display:none;
	}
	.icl_last{
		display:block;
	}
		#searchwrapper {
	    float: none;
	    margin: 0 auto;
	       width: 80%;	    
	}
		.boxsearch {
    	width: 400px;
	}
		#header{
		height: 42px;
	}
	
	
	.resource_col2,.resource_col1{
		float:none;
		width:100% !important;
		max-height:280px;
		min-heigh:250px;
		
	}
	
	#contentright{
		margin-left: 0px !important;
	}
	
	#footer {
		width:95%;
	}
	#content{
		width:95%;
	}
	
	#searchwrapper {
	    float: none;
	    margin: 0 auto;	    
	    width: 480px;
	}	
	.columna2{
		text-align:center;
	}
	#contentright,#listavideos,.boxdif,.resource_col2{
		width:100%;
		text-align:left;
	}   
.resource_col1{
		width:100%;
		
	}  	
	
	.boxdif{
		float:left;
		margin-right:10px;			
	}
	
	.columna1{
		width: 100% !important;
	}
	.columna1exercise{
		width: 100% !important;
	}
	.columna2{
		margin-left:0px !important;
		width: 100% !important;
	}
	
	
	.yt_holder{
		width:100% !important;
	}
	.yt_holder ul{
		width:100% !important;
	}
	.yt_holder ul li{
		width:100% !important;
	}
	
	#ytmain{
		width:100% !important;
	}

	.publivertical{
		display:none;
	}
	.withpublivertical{
	 width: 100% !important;
}	
	#content table img{
		display: block;
	}
	#contentleft {
		 width: 100% !important;
		float: none;
		 margin-right: 0px !important;
	}
	#contentright {
		 width: 100% !important;
		float: none;
		clear:both;
		text-align:center;		
	}
	



	.text_header {
	    
	}
	.songhome li p:nth-child(5){	 
	 margin-top: 0px;	
	}
	
	#capaplay, #capaWorksheet,#keysvideos{
		display:none;
	}
	
}

@media screen and (max-width: 790px) {
				#menu-wrap ul li:hover a,#menu-wrap ul a:focus,#menu-wrap ul a:active {
						color: #FFF !important;
						background:#6B8F02  !important;
				}
				#menu-wrap :hover>a,#menu-wrap ul ul :hover>a {
					color: #FFF !important;
						background:#6B8F02  !important;
				}
				
			  	#menu-wrap ul ul {
					visibility: visible;
					position: static;						
					width: 149px;						
					padding-left:15px
				}
				#menu-wrap-user{
				float:none;
				position:static;
				}
				#menu-wrap-user ul li:hover a,#menu-wrap-user ul a:focus,#menu-wrap-user ul a:active {
						color: #FFF !important;
						background:#000  !important;
				}
				#menu-wrap-user :hover>a,#menu-wrap-user ul ul :hover>a {
						color: #FFF !important;
						background:#000  !important;
				}
				      
			  	#menu-wrap-user ul ul {
					visibility: visible;
					position: static;						
					width: 149px;						
					padding-left:15px
				}
	 .menu_small {
                width:1.4em;
                display: block;
                color:#fff;
                font-size:2em;
                text-align: center;
                float:left;
        }
         .menu_small_text{                 	
         	 color: #FFFFFF;
				float: left;
				font-size: 18px;
				padding-top: 9px !important;
         }
        
      
        #ul-menu-wrap-user.js {
                display: none;                        
                margin-top:33px;
                display: none;
                position:absolute;
                background-color:#6b8f02;
                z-index:1000;
        }
        #cms-nav-top-menu.js {
        		margin-top:38px;
                display: none;
                position:absolute;
                background-color:#6b8f02;
                z-index:1000;
                width:300px;
                
        }
           #menu-wrap-user #ul-menu-wrap-user.js {
               background-color:#000;
       	}
         #menu-wrap-user  #cms-nav-top-menu.js {
                background-color:#000 ;
       
        }
         ul {
                 width:100%;
         }
         li {
                 width:100%;
                 border-right:none;
         }
	             
		#top ul li:after {
		    content: " ";
		}
		#top ul li {				    
		    display: block;
		    padding: 9px 0 0 ;
		    
		}
		#top ul{
			padding-bottom:10px;
			 padding-left: 11px;	
		}
	#searchwrapper {
	    width: 307px;
	    float:right;
	}	
	.boxsearch {
    	width: 206px;
	}
	.js #ul-menu-wrap-user { display: none; }
    .js #cms-nav-top-menu  { display: none; }
  	.js .selectnav {
  		display: block;   	  	
    	margin-bottom: 6px;    
    	width: 100%;
  	 }
  	 #menu-wrap {
  	 	padding: 0;
    	width: 100%;
  	 }
  	 #cms-nav-top-menu.js {
  	 	width:100%;
  	 }
  	 #menu-wrap ul ul {
  	 	width:100%;
  	 }
	#menu-wrap ul ul a{
		width: 100%;
		font-size:16px;
		padding: 10px 0 10px 15px;
	}
	#menu-wrap ul a{
		width: 100%;
		font-size:16px;
		padding: 10px 0 10px 15px;
	}

  	 #menu-wrap-user {
  	 	width: 100%;
  	 	padding:0px;
  	 }
  	 
  	 .text_header {	    
	    padding-top: 11px;
	}
	.fila1 .boxdif{ 	
    	width: 95% !important;
	}
	
}
@media screen and (min-width: 790px) {
                .menu_small {
                        display: none;
                }
                .menu_small_text{
                	display: none;
                }
        }
@media screen and (max-width: 480px) {
	
	#header {
	    height: 74px;
	}
	#content {
 	width: 99%;
 	padding: 5px 0px;
	}
	
	h1 {
		font-size: 22px;
	}
	.songhome {	 	
	 	width:95%;
	}

	.text_header {
	    /*display:none;*/
	}
	.resource_col1{  
		min-width: 300px;
	}
		
}
@media only screen and (max-width: 768px) {

	.banner_header_mobile {
	 width: 100%;
	 height: auto;
	 position: fixed;
	 bottom: 0px;
	 display: block;
	 background: #efefef;
	 color: #fff;
	 margin: 0 auto;
	 padding: 5px;
	}
}