.dropdown { position: absolute; z-index: 9999999; display: none; } .dropdown .dropdown-menu, .dropdown .dropdown-panel { min-width: 160px; max-width: 360px; list-style: none; background: #FFF; border: solid 1px #DDD; border: solid 1px rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); overflow: visible; padding: 4px 0; margin: 0; } .dropdown .dropdown-panel { padding: 10px; } .dropdown.dropdown-tip { margin-top: 8px; } .dropdown.dropdown-tip:before {  position: absolute;  top: -6px;  left: 83px;  content: '';  border-left: 7px solid transparent;  border-right: 7px solid transparent;  border-bottom: 7px solid #CCC;  border-bottom-color: rgba(0, 0, 0, 0.2);  display: inline-block; } .dropdown.dropdown-tip.dropdown-anchor-right:before { left: auto; right: 9px; } .dropdown.dropdown-tip:after {  position: absolute;  top: -5px;  left: 84px;  content: '';  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 6px solid #FFF;  display: inline-block; } .dropdown.dropdown-tip.dropdown-anchor-right:after { left: auto; right: 10px; }  .dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel { max-height: 358px; overflow: auto; } .dropdown .dropdown-menu LI { list-style: none; padding: 0 0; margin: 0; line-height: 18px; } .dropdown .dropdown-menu LI > A, .dropdown .dropdown-menu LABEL { display: block; color: #555; text-decoration: none; line-height: 18px; padding: 3px 15px; white-space: nowrap; } .dropdown .dropdown-menu LI > A:hover, .dropdown .dropdown-menu LABEL:hover { background-color: #08C; color: #FFF; cursor: pointer; } .dropdown .dropdown-menu .dropdown-divider { font-size: 1px; border-top: solid 1px #E5E5E5; padding: 0; margin: 5px 0; } /* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */ .dropdown.has-icons LI > A { padding-left: 30px; background-position: 8px center; background-repeat: no-repeat; } .dropdown .undo A { background-image: url(icons/arrow-curve-180-left.png); } .dropdown .redo A { background-image: url(icons/arrow-curve.png); } .dropdown .cut A { background-image: url(icons/scissors.png); } .dropdown .copy A { background-image: url(icons/document-copy.png); } .dropdown .paste A { background-image: url(icons/clipboard.png); } .dropdown .delete A { background-image: url(icons/cross-script.png); }body { } /* preloader */ #preloader { position: fixed; top:0; left:0; right:0; bottom:0; background: #fff; z-index: 100000; } #loader { width: 140px; height: 140px; position: absolute; left:50%; top:50%; background: url(../img/loaderpage.gif) no-repeat center 0; margin:-50px 0 0 -50px; } #skycrapper_left{ top:240px; position:absolute; width: 120px; height: 600px; margin-left:-138px; margin-left:-141px; } #skycrapper_right{ top:240px; position:absolute; width: 120px; height: 600px; margin-left:1109px; } #capamensajesincronizar {   position: relative; } #capamensajesincronizar > .zoomIcon {   display: none;   position: absolute;   top: 0;   left: 0;   width:100%; } #capamensajesincronizar:hover > .zoomIcon {   display: block; } #tagswords br{ clear:both; } .wordtoword {  } #letra_karaoke .wordtoword {   color: #000000;   font-size: 17px;   font-weight: normal; } #letra_karaoke .a{ color:#000; } .wordtowordred{ background-color: red !important; background-color: red !important;   padding: 5px; } .wordtowordred a{   color: #FFFFFF !important; } .wordtowordgreen{ backgroun-color:green; } .tagexer{ cursor: pointer !important; } .tag{ cursor: pointer !important; } .banner_dfp{ border-right:2px solid #EFEFEF;border-left:2px solid #EFEFEF;text-align:center; } /*************************************************/ a { color: #3B5998; text-decoration: none; font-weight: bold; } a:hover { color: #367889; text-decoration:underline; } a img { border:none; } ul, li { margin: 0 12px; } /** Layout **/ #container { text-align: left; } #header h1 { line-height:20px; background: #3B5998 url('../img/cake.icon.png') no-repeat left; color: #fff; padding: 0px 30px; } #header h1 a { color: #fff; background: #3B5998; font-weight: normal; text-decoration: none; } #header h1 a:hover { color: #fff; background: #3B5998; text-decoration: underline; } /** containers **/ div.form, div.index, div.view { float:right; width:76%; border-left:1px solid #666; padding:10px 2%; } div.actions { float:left; width:16%; padding:10px 1.5%; } div.actions h3 { padding-top:0; color:#777; }  /** Paging **/ div.paging { background:#fff; color: #ccc; margin-top: 1em; clear:both; } div.paging span.disabled { color: #ddd; display: inline; font-size: 18px; } div.paging span.current { color: #c73e14;   font-size: 18px; } div.paging span a { font-size: 18px;   font-weight: normal; } /** Scaffold View **/ dl { line-height: 2em; margin: 0em 0em; width: 60%; } dl .altrow { background: #f4f4f4; } dt { font-weight: bold; padding-left: 4px; vertical-align: top; } dd { margin-left: 10em; margin-top: -2em; vertical-align: top; } /** Forms **/ form { clear: both; margin-right: 20px; padding: 0; width: 95%; } fieldset { border: 1px solid #ccc; margin-bottom: 1em; padding: 16px 20px; } fieldset legend { background:#fff; color: #AAAC62; font-size: 160%; font-weight: bold; } fieldset fieldset { margin-top: 0px; margin-bottom: 20px; padding: 16px 10px; } fieldset fieldset legend { font-size: 120%; font-weight: normal; } fieldset fieldset div { clear: left; margin: 0 20px; } form .input { color: #444; } form .required { font-weight: bold; } .eti{ font-weight: bold; color:#444444; } form .required label:after { color: #e32; content: '*'; display:inline; } form div.submit { border: 0; clear: both; margin-top: 10px;  } label { display: block; font-size: 110%; margin-bottom:3px; } select { clear: both; font-size: 120%; vertical-align: text-bottom; } select[multiple=multiple] { width: 100%; } option { font-size: 120%; padding: 0 3px; } input[type=checkbox] {  margin: 0px 6px 7px 2px; width: auto; } div.checkbox label { display: inline; } input[type=radio] { float:left; width:auto; margin: 0 3px 7px 0; } div.radio label { margin: 0 0 6px 20px; } input[type=submit] { display: inline; /*font-size: 110%;*/ width: auto; } /** Notices and Errors **/ div.message { clear: both; color: #fff; font-size: 140%; font-weight: bold; margin: 0 0 1em 0; background: #c73e14; padding: 5px; } div.error-message { clear: both; color: #fff; font-weight: bold; background: #c73e14; } p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; } p.error em { color: #000; font-weight: normal; line-height: 140%; } .notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; } .success { background: green; color: #fff; } /** Actions **/ div.actions ul { margin: 0; padding: 0; } div.actions li { margin:0 0 0.5em 0; list-style-type: none; white-space: nowrap; padding: 0; } div.actions ul li a { font-weight: normal; display: block; clear: both; } div.actions ul li a:hover { text-decoration: underline; } .button, input[type=submit], div.actions ul li a, td.actions a { font-weight:bold; padding: 4px 8px; background:#e6e49f; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f)); background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f); color:#333; border:1px solid #aaac62; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-decoration:none; text-shadow: #fff 0px 1px 0px; min-width: 0; cursor: pointer;  text-align:center; color:#333;  } .button{   padding: 5px 10px !important;  font-size:12px !important; } .button:hover{ text-decoration:none !important; background: #f0f09a; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9)); color:#333; } input[type=submit]:hover, div.actions ul li a:hover, td.actions a:hover, .button a { background: #f0f09a; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9)); } /** Related **/ div.related { clear: both; display: block; } /** Debugging **/ pre { color: #000; background: #f0f0f0; padding: 1em; } pre.cake-debug { background: #ffcc00; font-size: 120%; line-height: 140%; margin-top: 1em; overflow: auto; position: relative; } div.cake-stack-trace { background: #fff; color: #333; margin: 0px; padding: 6px; font-size: 120%; line-height: 140%; overflow: auto; position: relative; } div.cake-code-dump pre { position: relative; overflow: auto; } div.cake-stack-trace pre, div.cake-code-dump pre { color: #000; background-color: #F0F0F0; margin: 0px; padding: 1em; overflow: auto; } div.cake-code-dump pre, div.cake-code-dump pre code { clear: both; font-size: 12px; line-height: 15px; margin: 4px 2px; padding: 4px; overflow: auto; } div.cake-code-dump span.code-highlight { background-color: #ff0; padding: 4px; } div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; } div.code-coverage-results div.uncovered span.content { background:#ecc; } div.code-coverage-results div.covered span.content { background:#cec; } div.code-coverage-results div.ignored span.content { color:#aaa; } div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px; } div.code-coverage-results span.line-num strong { color:#666; } div.code-coverage-results div.start { border:1px solid #aaa; border-width:1px 1px 0px 1px; margin-top:30px; padding-top:5px; } div.code-coverage-results div.end { border:1px solid #aaa; border-width:0px 1px 1px 1px; margin-bottom:30px; padding-bottom:5px; } div.code-coverage-results div.realstart { margin-top:0px; } div.code-coverage-results p.note { color:#bbb; padding:5px; margin:5px 0 10px; font-size:10px; } div.code-coverage-results span.result-bad { color: #a00; } div.code-coverage-results span.result-ok { color: #fa0; } div.code-coverage-results span.result-good { color: #0a0; } /*************************************************/ * {   font-family: Arial,"Trebuchet MS";  font-size: 12px;   margin:0; padding:0; } #footer {   clear: both;   margin: 2px auto 5px;  } #footer a{   font-weight: normal; } #menu{ margin: 0 auto; } #menu ul { list-style-type: none; } #menu ul li { float:left; } #menu a {   color: #FFFFFF;   float: left;   margin: 0 2px;   padding: 3px 5px;   text-decoration: none;   text-transform: capitalize;   } .columna2{ float:left; margin-left:10px; width: 300px; } .clear{ clear: both; } form .input {   margin:0px 4px;   float:left;   width:47%; } form .textarea {   margin:0px 4px;   float:left;   width:94%; } form .submit input[type=submit] { text-align:center; } form div.submit { text-align:right; } #facebook_con{ float:right; padding-top:6px; margin-right: 20px; } #facebook_con a { font-size:17px;  color:#000; } #facebook_con b { font-size:17px;  } #capa_lang { margin-top:27px; color: #FFFFFF; float: right; font-weight: bold ;padding-top: 6px; } #capa_lang a {   color: #3B5998 !important;;  vertical-align: 40%;   text-decoration: none;   text-transform: capitalize;   } #content {   background: none repeat scroll 0 0 #FFFFFF;  clear: both;   margin: 0 auto;   min-height: 600px;   padding: 15px 0px;   width: 98%;   display: flow-root; } body{  background-color: #E5E5E5;  } #top{  height:33px; background-color: #AAAC62; } #top ul.left {   float: left; } #top ul {   padding: 8px 0 0; } #top ul li{ margin: 0;   outline: 0 none;   padding: 0; } #top ul li:after {   content: " | "; } #top ul li:last-child:after {   content: ""; } #logout a{ color:#fff; }  #top ul li {   color: #fff;   display: inline; } #top ul li a{  font-size:14px; } #top_cotainer{ margin: 0 auto;  } #logo{  margin: 0 auto;  background-color: #E5E5E5;  height:63px;   } #banner_header{  margin: 0 auto;  padding:10px 0px;  text-align: center;   background-color: #E5E5E5;   clear:both; } #header{   background-color: #3B5998;   clear: both;   display: block;   font-size: 11px;   height: 39px;   margin: 0;   } #contentleft{  float: left;   margin-right: 20px;   width: 600px; } #contentright{ width:300px; float:left; } /** Tables **/ table { background: #fff; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%; } th { border:0; border-bottom:2px solid #555; text-align: left; padding:4px; } th a { display: block; padding: 2px 4px; text-decoration: none; } th a.asc:after { content: ' ⇣'; } th a.desc:after { content: ' ⇡'; } table tr td { background: #fff; padding: 6px; text-align: left; vertical-align: top; border-bottom:1px solid #e8e7e7; } table tr:nth-child(2n) td { background: #e8e7e7; } table .altrow td { background: #e8e7e7; } td.actions { text-align: center; white-space: nowrap; } table td.actions a { margin: 0px 6px; padding:2px 5px; } .cake-sql-log table { background: #f4f4f4; } .cake-sql-log td { padding: 4px 8px; text-align: left; font-family: Monaco, Consolas, "Courier New", monospaced; } .cake-sql-log caption { color:#fff; } div.actions{ font-weight:normal; padding: 4px 8px; background:#e6e49f; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f)); background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f); color:#333; border:1px solid #aaac62; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-decoration:none; text-shadow: #fff 0px 1px 0px; min-width: 0; } #modo{ font-size: 18px;   font-weight: bold;   width: 100%; } #modo div{ font-size:16px; width:200px; text-align:center; float:none; margin: 3px auto 3px auto; } #modo a{  width:200px; } #modo_karaoke{ float: none;   font-size: 18px;   font-weight: bold;   margin: 0 auto;   width: 100%; } #modo_karaoke div{ float: left;   font-size: 16px;   margin: 3px 2px;   text-align: center;   width: 28%; } #modo_karaoke a{  width: 159px; } .quizz div{ width: 147px !important; } .quizz a{ width: 115px !important; } #modoview{   position: relative;   width: 155px;   z-index: 999;   margin:0 auto; } #modoview ul {   background: none repeat scroll 0 0 #FFFFFF;   border-left: 1px solid #3B5998;   border-right: 1px solid #3B5998;   border-top: 1px solid #3B5998;   list-style: none outside none;   margin: 0;   padding: 0;   width: 155px; } #modoview li {   border-bottom: 1px solid #3B5998;   margin: 0;   padding: 3px; } #modoview li a{  font-size:14px; } #des_ejer{ /*border-top: 2px solid #EFEFEF;*/ border-left: 2px solid #EFEFEF;   border-right: 2px solid #EFEFEF;   padding: 5px 10px; } #lyrics{  padding: 10px 2px 10px 0px; border: 2px solid #EFEFEF;   } #lyrics input{ font-size: 14px;   font-weight: bold;   height: 14px;   margin: 2px 0;   width: 140px; } #menu_exercise .opcion{ padding: 3px 4%; font-size:15px; float:left; } #menu_exercise .opcion a{  font-size:15px; } #menu_exercise .opcionwithbuy{ padding: 3px 4%; } .drappal{   background-color: #EFEFEF;   border: 1px solid #3B5998;   color: #3B5998;   cursor: move;   font-weight: bolder;   padding: 4px 0;   text-align: center; } .drop{   border: 2px solid #3B5998;   font-weight: bold;  } .nodrop{  color: #FFF;  cursor:default;   } #capapalabras{ margin-bottom:5px; } .correcta{  color:#00CC00; text-decoration:none;  font:12px; font-weight:bold; } .incorrecta{  color:#CC0000;  font:12px; font-weight:bold; } h1, h2, h3, h4 { font-weight: normal; /*margin-bottom:0.5em;*/ } h1 { background:#fff; color: #AAAC62;  font-size: 20px; } h2 { background:#fff; color: #3B5998; font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif; font-size: 18px; } h3 { color: #993; font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif; font-size: 16px; } h4 { color: #993; font-size: 14px; font-weight: normal; } input, textarea { clear: both; /*font-size: 140%;*/ padding: 2px; /*width:98%;*/ } #cargando{ background-color: #FFFFFF;   min-height: 310px;   position: absolute;   text-align: center;   width: 100%;   z-index: 10000; } #cargando img{  margin-top: 100px; } .homevideos{ float:left; width:200px; height:200px; } .imgvideo{ height: 100px;   width: 120px;   } #videohome{ width: 48%; float:left; padding-right:5px;; } #videohome2{ float:left; width: 48%; text-align:right; } #videohome3 p{ width:50%; float:left; padding: 8px 0; } #videohome img{ margin: 4px 8px; } .homefecha{ font-size: 9px; width: 107px; } .hometitle{ font-size: 15px;   text-decoration: none; } .homeartist{   text-decoration: none;   font-weight:normal; }  .homelanguage{  background: none repeat scroll 0 0 #FFFFFF;  color: #AAAC62;  font-size: 20px;  text-decoration:none;  font-weight: normal; } .altrow{  height:10px; } #filapeq{ height:20px; } #filapeq a{ text-decoration:none; color: #808080; } .Approved{  text-decoration: none;   color: green !important;  padding: 2px; } .Pending{  text-decoration: none;   color: orange !important;  padding: 2px 11px; } .homelink{ width:50%; float:left; min-width:290px; } .redondeadohome{   height: 109px;   background-color:#e8e7e7; border:1px solid #e8e7e7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  margin:7px 7px 7px 0px;   padding-top:10px;  } .redondeado{ background-color:#e8e7e7; border:1px solid #e8e7e7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  } .Easy{   padding: 2px 11px; color:#fff !important;  background-color:#008000; border:1px solid #008000; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  text-decoration: none; } .Medium{  padding: 2px 11px; color:#fff !important;  background-color:#ffa500; border:1px solid #ffa500; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; text-decoration: none; } .Hard{ padding: 2px 11px; color:#fff !important;  background-color:#ff0000; border:1px solid #ff0000; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  text-decoration: none; }   #welcome{ float: right;   margin-right: 158px;   position: absolute;   right: 0;   text-align: right;   top: 0;   width: 100%; }   .copyright{ color: #999999;   font-size: 12px;   margin-top: 10px; } #translation{  background-color: #EFEFEF;   text-align: center;   } #resulttrans{ border: 2px solid #EFEFEF;   background-color: #FFF;   padding: 10px 2px 10px 10px;   text-align:left;   overflow:auto;   height:200px; } #cargandotrans{  border: 2px solid #EFEFEF;   background-color: #FFF;  text-align:center;   height:100px;  padding: 40px 2px 10px 10px; } /*INICIO CAJA BUSQUEDA*/ .browsebox{  height:23px;  list-style: none outside none;   margin: 0 auto; background-color: #CCCCCC;  border-bottom-right-radius : 10px; border-bottom-left-radius : 10px; -moz-border-radius-bottomright : 10px; -moz-border-radius-bottomleft : 10px; -ms-border-radius-topright: 10px; -ms-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-color: #EEEEEE #3B5998 #3B5998;   border-style: solid;   border-width: 1px;   } .browsebox a{  color: #FFFFFF;   float: left;   font-size: 17px;   margin-top: 2px;   text-align: center;   width: 3.65%; } .boxsearch{ border: 0px !important;  margin-left: 5px;  font-size:14px !important; /*width: 310px;*/ width:325px; } .browsebox a{ color: #3B5998 !important;  /*border-right: 1px solid #EEEEEE;*/   display: block;   font-weight: bold;   /*padding: 0 5px 0px;*/ } #liall a{ width:207px; } #textbrowse{  color: #FFFFFF;   font-family: arial;   font-size: 12px;   font-weight: bold;   margin-left: 5px;   margin-top: -22px; }  #browsebutton_div {   margin-top: -15px; } #browsebutton{  background-image: url("../img/sprite.png");  background-position: -5px -264px;  background-repeat: no-repeat;  width:69px;  height:29px; } #search_btn{  background-image: url("../img/sprite.png");  background-position: -5px -295px;  background-repeat: no-repeat;  width:20px;  height:19px; } #imgfb{  background-image: url("../img/sprite.png");  background-position: -8px -362px;  background-repeat: no-repeat;  width:24px;  height:24px;  margin-top: 2px; } #imgexclamation{  background-image: url("../img/sprite.png");  background-position: -76px -340px;;  background-repeat: no-repeat;  width:16px;  height:16px; } #imgworksheet{  background-image: url("../img/print.png");   width:16px;  height:16px; } #imgstop{  background-image: url("../img/sprite.png");  background-position: -31px -340px;;  background-repeat: no-repeat;  width:16px;  height:16px; } #imgplay{  background-image: url("../img/sprite.png");  background-position: -7px -340px;;  background-repeat: no-repeat;  width:16px;  height:16px; } #imgbuy{  background-image: url("../img/sprite.png");  background-position: -116px -0px;  background-repeat: no-repeat;  width:16px;  height:16px; } #imgdowngrey{  background-image: url("../img/sprite.png");  background-position: -10px -327px;;  background-repeat: no-repeat;  width:9px;  height:5px; } #imglogo{  background-image: url("../img/sprite.png");  background-position: -2px -386px;;  background-repeat: no-repeat;  width:200px;  height:60px; } .search_left { background-image: url("../img/sprite.png");  background-position: -6px -2px; background-repeat: no-repeat; width: 15px; height:29px; float: left; } #predictad_table th, td { border: 0 none; }   #predictad_table th, td { border: 0 none; } .fields { color: #000000; font-family: Arial,"Trebuchet MS"; font-size: 12px; margin-right: 3px; margin-top: 3px; padding: 2px 4px 2px 6px;   } .search_right { background-image: url("../img/sprite.png");  background-position: -11px -35px; background-repeat: no-repeat; width: 16px; height:29px; float: left; } #predictad_table th, td { border: 0 none; } /*FIN CAJA BUSQUEDA*/ /**DICIONARY*/ li.dct-em {   list-style-type: decimal; } .dct-elb {   font-weight: bold; } .black_overlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }  .white_content { display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 4px solid #444444; background-color: white; z-index:1002; } #dicword{ } #cerrar{ float: right;   padding-right: 3px;   text-align:left;   width:12%; } #dicttitlang{ width:80%;  font-size: 18px; } #close a{ font-size:18px; font-weight:bold; color:#FFF;  } .dicttitle { position:absolute; float:center; top:0; left:0;  height:24px;  padding-top:4px;  width:100%; margin:0; border-bottom:4px solid #A6A6A6; background-color: #A6A6A6; color: #3B5998;   font-size: 16px;   font-weight:bold; text-align:center; } /**fin DICIONARY*/ #fonetica{ float:left; } #sonido{ float:left; } .capamensaje{ background: none repeat scroll 0 0 #FFFFDD;  border: 1px solid #AAAC62;   color: #000000;   margin-top: 11px;   margin-bottom: 5px;   padding: 9px; } #mens_nolyric{ font-size: 18px;   margin-bottom: 10px;  text-align:center;   } #mens_nolyric a{ font-size: 18px !important;   padding-left: 30px;   } #titulo1{  } #titulo2{   font-size: 18px;   text-align: center;   height: 24px;   background-color:#efefef;   }  #titulo2 a{ font-size: 18px; text-decoration:none; } .sdate{ text-align:center; font-size: 10px; } #formcontact input, textarea { width:98%; } #formcontact input[type=submit]{ width:auto; } .select_design{  opacity: 0;   position: relative;   width: 190px;   z-index: 5; } #puntuacion{  border: 1px solid;   font-size: 21px;   margin: 6px; } /**INDICE ARTISTAS*/ .fila_color{  background-color: #EFEFEF; padding-bottom: 3px; } #search_artist{   margin-bottom: 11px;   list-style: none outside none; } #search_artist li{ font-size:15px; margin-top:5px; margin-bottom:5px; } #search_artist li a{ font-size:15px; } .iframeword{  border: 0 none;   height: 90%;   left: 0;   position: absolute;   top: 32px;   width: 100%; } #listavideos{ width:300px; } #popup {position:absolute;right:22px;bottom:5px;position:fixed; font-size: 17px;color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #popup a {color:#ddd;} #popup a.modalCloseImg {background:url(../img/sprite.png) no-repeat;background-position: -4px -69px; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #verdef a.modalCloseImg {background:url(../img/sprite.png) no-repeat;background-position: -4px -69px; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #verchallenge a.modalCloseImg {background:url(../img/sprite.png) no-repeat;background-position: -4px -69px; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #verscore a.modalCloseImg {background:url(../img/sprite.png) no-repeat;background-position: -4px -69px; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}  #popup h3 a{font-size: 20px;color:#84b8d9;} .pcontest{ padding-left:20px; } div.progress-container {  border: 1px solid #ccc;  width: 100px;  margin: 2px 5px 2px 0;  padding: 1px;  float: left;  background: white; } div.progress-container > div {  background-color: #ACE97C;  height: 12px } ul.section_tabs {   border-bottom: 1px solid #CCCCCC;   clear: both;   height: 20px;   list-style: none outside none;   margin: 0 0 5px;   padding: 0; } ul.section_tabs li.tab {   float: left;   margin-right: 7px;   text-align: center; } ul.section_tabs li.tab a.active {   background-color: #DDDDDD; } ul.section_tabs li.tab a {   background-color: #FFFFFF;   color: #666666;   display: block;   height: 20px;   padding: 0 6px;   min-width: 120px;   font-size: 15px;   text-decoration: none; } .expand {   display: none; } .expandInfo {  background-color: #FFFFFF;   margin-top: 16px;   text-align: center; } .expandInfo a { color: #AAAC62; font-size: 14px; text-decoration:none; } .morelang{   display: block !important;   padding: 5px 10px 4px;   text-align: center;   background: -moz-linear-gradient(center top , #FFFFFF 0pt, #ECECEC 100%) repeat scroll 0 0 transparent;   border-color: #CCCCCC; border-radius: 3px 3px 3px 3px;   border-style: solid;   border-width: 1px;   cursor: pointer;   line-height: 1.35;   margin: 0;   overflow: visible;   padding: 3px 10px 2px;   text-decoration: none !important;   vertical-align: top;   width: auto;   } .morelang{ background:#ECECEC;background:-moz-linear-gradient(top,#FFF 0,#ECECEC 100%);background:-o-linear-gradient(top,#FFF 0,#ECECEC 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(100%,#ECECEC));background:linear-gradient(top,#FFF 0,#ECECEC 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#ECECEC',GradientType=0);border-color:#ccc; } .morelang:hover{ background:#D7D7D7; background:-moz-linear-gradient(top,#F0F0F0 0,#D7D7D7 100%); background:-o-linear-gradient(top,#F0F0F0 0,#D7D7D7 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F0F0F0),color-stop(100%,#D7D7D7)); background:linear-gradient(top,#F0F0F0 0,#D7D7D7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0',endColorstr='#D7D7D7',GradientType=0); border-color:#b3b3b3; } .imgtwitter{ background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: -41px -0px; width:16px; height:16px; } .imgfacebook{ background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: -64px -0px; width:16px; height:16px; } .imgrss{ background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: -88px -0px; width:16px; height:16px; } .imgpaises{ background-image: url("../img/sprite.png"); background-repeat: no-repeat; width:16px; height:16px; background-position: -10px -161px; } .imgpaisen{ background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: -10px -144px; width:16px; height:16px; } .imgpaisfr{ background-image: url("../img/sprite.png"); background-position: -10px -177px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaiszh{ background-image: url("../img/sprite.png"); background-position: -33px -97px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisko{ background-image: url("../img/sprite.png"); background-position: -60px -97px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisde{ background-image: url("../img/sprite.png"); background-position: -10px -111px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisit{ background-image: url("../img/sprite.png"); background-position: -10px -193px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaispt{ background-image: url("../img/sprite.png"); background-position: -10px -242px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisja{ background-image: url("../img/sprite.png"); background-position: -10px -209px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisin{ background-image: url("../img/sprite.png"); background-position: -84px -97px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisru{ background-image: url("../img/sprite.png");   background-position: -10px -99px;   background-repeat: no-repeat;   height: 12px;   width: 16px; } .imgpaisel{ background-image: url("../img/sprite.png"); background-position: -10px -128px; background-repeat: no-repeat; width:16px; height:16px; } .imgpaisnl{ background-image: url("../img/sprite.png"); background-position: -10px -225px; background-repeat: no-repeat; width:16px; height:16px; } #letraoriginal{ position:absolute; border: 2px solid #AAAC62; padding: 5px;background:none repeat scroll 0 0 #FFFFDD } .boxdif{ margin-bottom: 8px;   margin-top: 5px;   width: 300px;   margin-bottom: 8px;   } .boxdif_title{ border-bottom: 1px dotted #AAAC62;   font-size: 20px;   margin-bottom: 6px; color:#AAAC62; } .boxdif_item{   border-bottom: 1px solid #EFEFEF;   padding: 2px; } .boxdif_iteminfo {   color: #808080;   font-size: 11px;   height: 16px;   line-height: 16px;   white-space: nowrap; } .boxdif_item a{   font-weight: normal; } .boxdif_iteminfo a{   color: #808080;   font-size: 11px; } #optionscustom{ margin: 5px 0px; } #optionscustom span{ padding-left:20px; font-color: #3B5998; } #optionscustom input[type=checkbox] {  width: auto; margin-left:2px; } #lyrics input[type=checkbox] {  margin-left: 4px;   width: 15px; } .textteacher{ color: #3B5998;font-size: 14px;padding-right:10px; } .textteacher b{ font-size: 14px; } .pendingrewiew{   opacity: 0.200704; } #lt-pending-status {   background-color: #FF0000;   border-radius: 2px 2px 2px 2px;   color: #FFFFFF;   font-size: 12px;   font-weight: bold;   padding: 4px 8px;   position: absolute;   right: 6px;   top: 6px; } .icl_last{ display:none; } .publivertical { float:left; margin: 6px 14px 0 0; } #banner_skycrapper{ width:170px; float:left; } #cms-nav-top-menu li{ padding:9px 0px 0px 0px; } #capa_lang{   background-color: #FFFFFF;   border: 2px solid #3B5998;   border-radius: 14px 14px 14px 14px;  text-align: center;  } #capa_lang a {  font-size;17px; padding:10px; } #capa_lang a:hover {  color: #fff !important; } #capa_lang:hover {  background-color: #3B5998; } #capa_lang:hover a{  color: #fff !important;}  #searchwrapper {   float: right;  margin-top: 27px;   width: 407px;  background-color: #FFFFFF;   border: 2px solid #3B5998;   border-radius: 14px 14px 14px 14px;  height:28px;   margin-right:2px;   }  #searchwrapper form{ margin-right:0px; width:auto; } .search_mid{ float: right;   margin-right: 4px; } .caret {  border-left: 4px solid transparent;   border-right: 4px solid transparent;   border-top: 4px solid #3B5998;  content: "";   display: inline-block;   height: 0;   margin-left: 2px;   margin-top: 6px;   vertical-align: top;   width: 0; } #capa_lang:hover .caret {  border-top: 4px solid #fff;   } #subscribers ul {  list-style: none outside none !important;   border-radius: 5px 5px 5px 5px;   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);   clear: both;   list-style: none outside none;   margin: 0;   overflow: hidden; } #subscribers li.bg-twt {   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDE4RkNFIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDFBMEQ1IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTE3KSIgLz4KPC9zdmc+"); } #subscribers li.bg-fb {   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzE0QTg4IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjM0M1QTlBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTAzKSIgLz4KPC9zdmc+"); } #subscribers li.bg-rss {   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkY3OTAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4RDAwIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnOTA3KSIgLz4KPC9zdmc+"); } #subscribers li {   float: left;   margin:0px; } #subscribers li a, #subscribers li a:hover {   color: #FFFFFF !important; } #subscribers li a {   float: right;   font-size: 0.8em;   line-height: 1.2em;   padding: 4px 10px 0 0;   text-align: center; } #subscribers li p {   width: 100px; } #subscribers li p {   height: 40px;   margin: 0; } /***challenge***/ .whitebg{ background-color:#fff !important; } .challenge-secion{ max-height: 240px;   overflow-x: hidden;   overflow-y: auto;   width: 100%; } .challenge-random{ float: right; text-align: right; margin: 11px 7px 0px 0px; }  .challenge-title {  float:left; } .challenge-title span {  color:#FFF;  font-size:14px;  font-weight:bold;  text-transform:uppercase; }  .challenge-title .content {   background-color:#3B5998 !important;  background-repeat:repeat-x;  padding:10px; }  .challenge-left-cnt {  float:left;  width:100%;  background-color:#FFF;  border:1px solid #DDD;  box-shadow:0 0 10px 0 #CCC;  margin-bottom:20px; } .challenge-right-cnt {  float:right;  width:100%;  background-color:#FFF;  border:1px solid #DDD;  box-shadow:0 0 10px 0 #CCC;  margin-bottom:20px; }  .challenge-content-user {  float:left;  width:97%;  border-bottom:1px solid #DDD;  padding:10px 0 0 15px; } .won {  border-left:10px solid #d0de6c; } .lost {  border-left:10px solid #f1b2ab; } .draw {  border-left:10px solid #dbdbdb; } .won_right {  border-right:10px solid #d0de6c; } .lost_right {  border-right:10px solid #f1b2ab; } .draw_right {  border-right:10px solid #dbdbdb; } .with_bdr_btm {  border-bottom:1px solid #DDD; } .challenge-time-elapsed {  color:#666;  float:left;  font-size:0.9em;   min-width:162px; font-weight: normal; }  .challenge-position {  color:#686868;  float:left;  font-size:18px;  font-weight:bold;  padding:20px 0 20px 20px;  width:53px; } .challenge-user-image {  float:left;  padding:5px 0;  position:relative;  } .challenge-user-image img {  width:60px;  height:60px;  -webkit-border-radius:40px;  -moz-border-radius:40px;  border-radius:40px; } .challenge-username {  font-size:15px;  font-weight:bold;  float:left;  padding:12px 10px 10px 20px;  color:#333;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  width:50%; } ul.challenges_stats {  color:#666;  float:left;  font-size:1.6em;  padding:10px 20px 15px; } #challenges_stats h2 {  float:left;  padding-left:17px; } .challenge-actions {  float:right;  padding:20px 20px 3px; } .waiting {  background-color:#3B5998 !important;  background-position:-24px 0;  background-repeat:no-repeat;  float:left;  height:24px;  width:24px; } .waiting-text {  background-color:#EEE;  border-radius:10px 10px 10px 10px;  font-size:17px;  padding:12px 10px;  text-align:center;  width:50px; } .waiting-text a, .waiting-text a:visited {  color:#686868;  font-size:15px;  font-weight:bold; }  .challenge-actions .button {  font-size:.8em; } .challenge-actions .button:first-child {  margin-right:2px; }   span.win {  color:#8AD40E; } span.lose {  color:#C82900; } .tricolor_bar {  float:left;  height:20px;  margin:0 20px 40px;  width:285px; } #imgchallenge{  width:16px;  height:16px; } /***finchallenge***/ #capa_login{  margin: 0 auto;  max-width: 400px; } #capa_register{  margin: 0 auto;  max-width: 400px;  display:none; } /****INICIO FLASH***/ .titulo_flash{ margin:10px; padding-bottom:3px; border-bottom:2px solid #000; } #flashcard form .textarea{ width:48% !important; } #flashcard .submit{ text-align:left; } .removecard{ color: #FF0000;  width:100%;   text-align: right !important; } .text_card{ font-size: 10px;   padding-right: 3px;   text-align: right; } #options_prin {  max-width: 500px;   min-width: 300px;   text-align:center;   margin-bottom: 11px;  } #flipbox_container {  min-width: 300px;  height: 280px; } #flipbox {  margin: 15px auto;  max-width: 500px;   min-width: 300px;  height: 200px;  /*line-height: 200px;  background-color: #ff9000;*/  background-image:url(/img/flashcard.gif) !important;  font-family: 'ChunkFive Regular', Tahoma, Helvetica;  font-size: 2.5em;  color: #000;  text-align: center;  border:1px solid #EFEFEF;  overflow-x:auto; } .flipPad {  margin: 15px auto;  max-width: 500px;   min-width: 300px;  text-align: center; } .capa_titulo{  max-width: 500px;   min-width: 300px;   margin:0 auto;   display:table; } .flip_titulo{   float: left;   font-size: 12px;   font-weight: bold;   margin: 4px 0 0 4px;   padding-left:21px;   } #capa_contenido{ display:table; height:84%; width:100%; } .flip_contenido{ display:table-cell; font-size: 32px; vertical-align:middle; } .flip_contenido_respuesta{  border-top: 1px solid #000000;   color: #008000;   padding-top: 2px;   font-size: 32px;  } .flipPad a {  padding: 5px 15px;  background: #1e90ff;  border: 2px solid #1e90ff;  border-radius: 2px;  color: #ffffff;  font-weight: bold;  text-decoration: none;  font-size: 1em;  font-family: Helvetica, Tahoma, Verdana, sans-serif;  line-height: 30px;  height: 30px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  -moz-box-shadow: 1px 1px 2px #999999;  -webkit-box-shadow: 1px 1px 2px #999999;  -webkit-transition-duration: 1s; } .flash_correcta{  background: #23AF31 !important;  border: 2px solid #23AF31 !important;  } .flash_incorrecta{   background: #F70A0A !important;  border: 2px solid #F70A0A !important ;   } .flipPad a:hover {  background-color: #ff9000;  border: 2px solid #ff9000; } .flipPad .revert {  background-color: #ff9000;  border: 2px solid #ff9000;  display: none; } /***FIN FLASH***/ #content .button{ font-size:22px !important; font-weight:normal !important; } #content .button span{ font-size:22px !important; font-weight:normal !important; color:#000; } #content .button{ font-size:22px !important; font-weight:normal !important; } #content .button a{ font-size:22px !important; font-weight:normal !important; color:#000; background:none; } .boxdifteacher{ background-color:#efefef;width:100%; border-radius:22px; margin-top:10px; } .boxdifteacher fieldset{ border:0px;  } .boxdifteacher fieldset legend{  padding-top:10px; } .boxdifteacher #modo {  margin-top:10px; } .boxdifteacher #modo div { width:40%; float: left;   } .boxdifteacher .button{ margin:10px auto;  } #verteacher a.modalCloseImg {background:url(../img/sprite.png) no-repeat;background-position: -4px -69px; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */ .cc-cookies { position:fixed; width: 90%; left: 0; bottom: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: normal; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; } .cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; } .cc-cookies a:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; } .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; } .cc-cookies a.cc-cookie-reset { background: #f15b00; } .cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } @media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; } } @media screen and (max-width: 480px) { .cc-cookies { position: relative; float: left; } }.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;   }  }