.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; }
#lyric_skycrapper{
	font-size:17px;
	float:left;	
   	text-align:center;
   	width: 100%;
}
	
#ytmain{
	width: 52% !important;
	width: -moz-calc(100% - 247px) !important;
   	width: -webkit-calc(100% - 247px) !important;
   	width: calc(100% - 247px) !important;
   	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#capavideo  {
	position: relative;
	padding-bottom: 60.25%;
	padding-top: 69px;
	height: 0;
}

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

.video-wrapper {
	width: 100%;
	max-width: 100%;
}

#content_playlist{	
		width:74%% !important;
		width: -moz-calc(100% - 200px) !important;
    	width: -webkit-calc(100% - 200px) !important;
    	width: calc(100% - 200px) !important;
}

#pagewrap {
	margin: 0 auto;	
}

#menu, .browsebox,#logo,#footer {
	/*width: 960px;*/
}
#content{
	max-width: 1087px;
	padding: 15px;
}
.columna1 {	
	width: 600px;
	width: -moz-calc(100% - 325px);
   	width: -webkit-calc(100% - 325px);
    width: calc(100% - 325px);	
	float: left;
}
.columna1exercise {	
	width: 336px;
	float: left;
}
.columna2exercise {	
	width:600px;
	width: -moz-calc(100% - 360px);
   	width: -webkit-calc(100% - 360px);
    width: calc(100% - 360px);
    margin-left:10px;
    float:left;
}	

#contentleft {	
	width: 600px;
	width: -moz-calc(100% - 325px);
   	width: -webkit-calc(100% - 325px);
    width: calc(100% - 325px);	
	float: left;
}
.withpublivertical{
	width:29% !important;
	 width: -moz-calc(100% - 494px) !important;
   	width: -webkit-calc(100% - 494px) !important;
   	width: calc(100% - 494px) !important;
}	
#contentright {
	width: 300px;
	float: right;
}
#footer {
	clear: both;
}
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 100%%;
	}

	
	.columna1{
		width:54%  !important;
		width: -moz-calc(100% - 325px) !important;
    	width: -webkit-calc(100% - 325px) !important;
    	width: calc(100% - 325px) !important;
	}

	#contentleft {
		width:54%;
		width: -moz-calc(100% - 325px);
    	width: -webkit-calc(100% - 325px);
    	width: calc(100% - 325px);
	}	
	.homelink{
	width:100%;
	}
	
	#searchwrapper {
	    width: 263px;
	}	
	.boxsearch {
    	width: 187px;
	}
	
	.songhome{
		width:100%;
	}
	.songhome li{
		width:100%;
	}
	
	.songhome li> p + p{
		float:left !important;
	}
	
	#menu_exercise .opcion{	
	padding: 3px 6%;
	}
	#menu_exercise .opcionejer{
	padding: 3px 2%;
	}

	

}
@media screen and (max-width: 790px) {
	
	
		#contentright{
		margin-left: 0px !important;
	}
	#contentleft table  tr th:first-child{
   		display: none !important;
	}
	
	#contentleft table  tr td:first-child {
   		display: none !important;
	}
	
	.browsebox {
		display:none;
	}
	.icl_last{
		display:block;
	}
	#ads_columna2{
		float:left !important;
		padding-right:10px !important;
	}
	.boxdif{
		
		display:none;
	}
		.boxsearch {
    	width: 70px;
	}
	#searchwrapper {
 	   width: 146px;
	}
	
		.columna1{
		width: 100% !important;
		
	}
	.columna2{
		margin-left:0px !important;
		width: 100% !important;
	}
	.columna1exercise{
		width: 100% !important;
		
	}
	.columna2exercise{
		margin-left:0px !important;
		width: 100% !important;
	}
	
	#content_playlist{	
		width:100% !important;
	}
	.yt_holder{
		width:100% !important;
	}
	#ytmain{
		width:100% !important;
	}

	.publivertical{
		display:none;
	}
	.withpublivertical{
	 width: 100% !important;
}	
	#content table img{
		display: block;
	}
	#contentleft {
		width: auto;
		float: none;
		 margin-right: 0px !important;
	}
	#contentright {
		width: auto;
		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: 715px) {
	

  	 #menu-wrap {
  	 width: 100%;
  	 }
  	 #cms-nav-top-menu.js{
  	 	margin:38px 0px;	
  	 }
  	 
  	 #menu a{
  	 	font-size: 16px;
    	padding: 10px 0px;
  	 }
  	 #menu-wrap-user {
  	 	float:none;
  	   padding: 3px 20px;
  	 }
  	 
  	 .text_header {
	    font: 177% SabonNextW01-DisplayIta,serif;
	    padding-top: 11px;
	}
	
}
@media screen and (max-width: 630px) {
	#top {
	padding-bottom: 5px;
	clear: both;
	}
	#capa_lang{
	  margin-top: 0px important;	 
	}
	#capa_lang{
		margin-bottom: 0px !important;
		width:100%;
		margin-bottom: 5px !important;
	}
	#searchwrapper {	    	    
	    margin-top: 0px !important;	    
	    margin-bottom: 5px !important;
 	   	width:100%;
 	   	
	}	
	.boxsearch {
    	width: 333px;
	}
	
	
}
@media screen and (max-width: 480px) {
	#banner_skycrapper{display:none}
	#lyric_skycrapper{ width:100%}
	
	#lyrics{	
		padding: 10px 2px 10px 10px;
	}
	#capa_lang{
	  margin-top: 0px !important;	 
	  margin-bottom: 5px !important;
	}
	#searchwrapper {
		margin-top: 0px !important; 	   
 	   margin-bottom: 5px !important; 	   
	}	
	.boxsearch {
    	width: 70%;
	}

	
	#content {
 	width: 99%;
 	padding: 5px 0px;
	}
	
	#content table img{
		display: none;
	}
	#tablaimagenes img{
		display: block !important;
	}
	
	
	h1 {
		font-size: 22px;
	}
	.songhome {	 	
	 	width:95%;
	}

	.text_header {
	    display:none;
	}

    		
}


        @media screen and (max-width: 648px) {
                .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
                 }
                #ul-menu-wrap-user.js {
                        display: none;                        
                        margin-top:33px;
                        display: none;
                        position:absolute;
                        background-color:#AAAC62;
                        z-index:1000;
                }
                #cms-nav-top-menu.js {
                		margin-top:38px;
                        display: none;
                        position:absolute;
                        background-color:#3B5998;
                        z-index:1000;
                        
                }
                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;	
				}
        }

        @media screen and (min-width: 648px) {
                .menu_small {
                        display: none;
                }
                .menu_small_text{
                	display: none;
                }
        }