@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
*{margin:0;
padding:0;
border:0;
}

.azul{ color:#191461;}
.sub{float:left; width:20%;display:block;}
body{ background-color:#fff; font-family: 'Montserrat', sans-serif; font-size:16px;}

.mgsup5{ margin-top:5px;}
.limpiar{ width:100%; height:10px; clear:both;}
.limpiar.cbde{border-bottom:dotted #333 1px; height:20px;}
.txt20{ font-size:20px;}
.txt18{ font-size:18px;}
.txt5{font-size:5px;}
.altoparrafo{ line-height:21px; text-align: justify;}
a{text-decoration:none;}
a:focus{outline: none;}
.mgder20{margin-right: 20px;}
.mgizq20{margin-left: 20px;}

.gridContainer {
	width: 100%; height:auto; 
	clear: none;
	float: none;
}

@media only screen and (min-width: 769px) {

.limpiarenc{width:100%; clear:none; height:30px;}
.encabezado {width: 100%;border-bottom:1px solid #191461; padding:10px 0 ; }
.contenc {width: 90%; max-width:1500px; margin:0 auto 0 auto; height:75px; padding-top:10px; margin:0 auto;}
.nombre {width: 35%; /*max-width:420px;*/ margin:5px auto ; float:left; }
.nombre a:link{color:#191461;} 
.nombre a:visited{color:#191461;} 
.nombre p{font-size:40px;width:100%;margin-top:-10px;}
.nombre p.txtartista{font-size:20px;line-height: 40px;color:#191461;} 
.nombre p.artista a{display:none;}
#navegacion, #navegacion.ini {width:65%; float:left;padding-left:20px; box-sizing: border-box; display:flex; justify-content: space-between; flex-wrap:wrap;}
#navegacion a {width:auto; margin-top:2px; font-size:20px;}
#navegacion a.oculta{display:none;}
#navegacion a:link {color:#191461; }
#navegacion a:visited {color:#191461;}
#navegacion a:hover{font-weight: bold; text-decoration: none;}
#navegacion img.ini{display:none;} 
#idiomas{width:100%; height: 45px; padding:0; display:flex; justify-content: flex-end; }
#idiomas img{width: auto; }
#idiomas a{text-align: right; display:block;  margin-left:20px; width: auto;}
#idiomas a:hover{background: none; padding:0;}
 
#toggle-menu{display:none;}
#bandera{display: none;}
#contenido{
	width:90%;
	max-width:1500px;
    margin:0 auto;
	height:auto;
	margin: auto;
	clear:both;
    position:relative;
	}
.obrasmovil{display:none;}
.titserie.texto a.MO{display:none;}
.titserie.texto p.oculto{display:block;}
.pasefotos { width:100%;height:450px; display:block; }
.titserie { width:100%; clear:both; text-align:justify;font-size:26px;color:#191461; padding:0 0 5px 30px; box-sizing: border-box; }
.titserie.texto{padding:0 40px 0 30px;box-sizing: border-box; font-size:16px;color:#333;  max-width:1200px;}

.limpiarcontenido{ clear:both; width:100%; height:20px;}
.itemsobremi { width:auto; height:25px; padding-left:25px; text-align: right; }
.itemsobremi a:link{ font-size:20px; color:#191461;}
.itemsobremi a:visited{ font-size:20px; color:#191461;}
.itemsobremi a:hover{font-weight:600;}
.itemsobremi a.activo{color:#191461; font-weight:600;}
.sobremi {float:left; width:100%;max-width:1500px;}
.sobremitxt {float:left; width:100%; margin-top:20px; }
.sobremiimg {float:left; width:100%;}
.sobremiimg img{width:100%;}
.titsobremi{font-size:20px;}
.divitem{width:100%; display:flex; justify-content: flex-end; margin-bottom: 10px;}
.itemobras {width:auto;text-align: right;padding-left:25px; /*float:right; width:100px; height:auto; text-align: right;*/}
.itemobras a:link{ font-size:20px; color:#191461;}
.itemobras a:visited{ font-size:20px; color:#191461;}
.itemobras a:hover{font-weight: 600;}
    
.itemobras .activo{color:#191461; font-size:20px; font-weight:600;}
    
#videos{width:100%; display:flex; justify-content: space-between; flex-wrap:wrap;}
.video {width:48%; margin-bottom:30px; }
.video a {width:100%;}    
.video a img{width: 100%;}
.video p{width: 100%; margin-top:5px;}

    
.critica{width: 100%; margin:10px 0; padding:10px 0; box-sizing: border-box; border-bottom: dotted 1px #191461; }
.critica img.oculta{display: none;}
 .critica p.ocultar{display:block;}
.critica a.MO{display:none;}

.imgcritica.der{float:right;}
#contacto{ width:60%; margin: 0 auto; padding-top:30px;}
    #contacto p.texto{float:left; width:35%;}
    #contacto a:link{color:#333;}
    #contacto a:visited{color:#333;}
    #contacto a:hover{font-weight: 600;}
.imgcontacto {width:50%;  float:right;}
.zeroMargin_desktop {marbgin-left: 0;}
.hide_desktop {display: none;}
    
  .pie{border-top:solid 1px #191461; padding:10px  0 20px 0; box-sizing: border-box; width:100%; height:60px; float:left; font-size:12px; } 
    
    
#contseries{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
p.titseries{font-size: 20px; width: 100%;margin-bottom: 20px;}
p.titpinturas{font-size: 24px; width: 100%;margin-bottom: 20px;}
a.MO{display:none;}
.serie{width: 20.5%;/*padding-right:2%;*/ margin-bottom:80px; box-sizing: border-box;}
.serie img{width:100%; margin-top:5px;}
 .serie a{color:#333;}
.serie.mini{margin-bottom:40px; }
.serie.mini .imgobra{width:100%;height:250px;overflow: hidden; }
.serie .imgobra img{width:100%; margin-top:0px; cursor: pointer;} 
.serie p{font-size:20px;}
.serie p.titobra{font-size:16px; margin-top:5px;} 
.serie p.titpromo{font-size:16px; margin-top:5px;}
.serie p.titobramovil{display:none;}
.serie p.movil{display:none;}
    
    #ws{display:none;}    
    
}






@media only screen and (max-width: 768px) {
    body.ini{background: #666;}   
.encabezado {width: 100%; margin:0 auto;padding:5px 0 0 0; border-bottom:1px solid #555; box-sizing: border-box; position:fixed; z-index:100; background:#FFF; /*height:60px;*/}

.contenc {width: 100%;}
.nombre {width: 90%; display:block;font-size:22px;margin:0 auto; padding-bottom:5px; box-sizing: border-box; }
    .nombre p.txtartista{font-size:14px;}
    .nombre img{width: 80%;}
.limpiarenc{width:100%; clear:none; height:5px;}
#navegacion {width:100%; float:left; margin:0px 0 0 0; background:#555; display:none;}
#navegacion.ini{display:block;}
#navegacion a {float:left; width:100%;display:block; font-size:20px; text-decoration: none; padding:17px 10px; box-sizing: border-box; font-size:16px;border-bottom:1px solid #FFF;}
#navegacion a.sbde {border-bottom: none;}
#navegacion a.oculta{display:none;}
#navegacion a:link {color:#FFF;}
#navegacion a:visited {color:#FFF;}
#navegacion a:hover{ color:darkred;text-decoration: none;}
 
#idiomas{display:none;}
#toggle-menu{cursor:pointer; position:absolute; top:10px;right:5%;display:block; z-index:1000; width: 30px; height:30px;}
#toggle-menu img{width:100%;}
    
#bandera{cursor:pointer; position:absolute; top:15px;right:80px;display:block; z-index:1000; width: 25px; height:25px;}
#bandera img{width:100%;}
    #bandera.ini{right:5%;}
.pasefotos { width:100%;height:auto; display:block; margin:0 auto; }  
.pasefotos img{width:100%;}

#contenido{ 
	width:100%; 
	margin:20px 0 0 0;
	height:auto;
    float:left;
	display:block;
    border-top:none;
    padding-top:10px;
    box-sizing:border-box;
    position:relative;
    top:35px;
}
    #contenido.ini{  top:100px;}  
.limpiarcontenido{ clear:both; width:100%; height:30px;}
.limpiarobras{display:none;}

.divitem{width:90%;  margin:0 auto 10px auto; display:flex; justify-content:flex-end; }
.itemobras {text-align: right;padding-left: 20px; box-sizing: border-box;}
.itemobras a:link{ font-size:16px; color:#191461;}
.itemobras a:visited{ font-size:16px; color:#191461;}
.itemobras a:hover{ text-decoration:underline;}
.itemobras .activo{color:#191461; font-size:14px; font-weight:600;}


.obrasmovil{width: 90%; margin:0 auto; list-style: none; padding: 0;}
.obrasmovil li{ width:100%; margin-bottom: 10px; text-align: center;}
.obrasmovil li span{ font-size:16px;}   
.obrasmovil li img{width: 100%;margin-bottom: 5px;}
    
 
div.responsive img { width: auto; height: auto }
.limpiarcontenido{ clear:both; width:100%; height:20px;}
.itemsobremi {text-align: right;margin-left: 10px;}
    
.itemsobremi a:link{ font-size:15px; color:#191461;}
.itemsobremi a:visited{ font-size:15px; color:#191461;}
.itemsobremi a:hover{font-weight:600;}
.itemsobremi .activo{color:#191461; font-weight:600;}
    
    
.sobremi { width:100%;margin:0 auto;}
.sobremitxt {width:90%; margin-top:20px;margin:10px auto 0 auto; }
.sobremiimg {width:100%;}
.sobremiimg img{width:100%;}
.titsobremi{font-size:18px;}

#videos{width:90%; display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto;}
.video {width:100%; margin-bottom:20px; }
.video a {width:100%;}    
.video a img{width: 100%;}
.video p{width: 100%; margin-top:5px;}
    
.critica{width: 90%; margin:0 auto 20px auto;}
.critica img.oculta{display: block; width: 100%; margin:5px 0;}
.critica img.mgder20, .critica img.mgizq20{display: none; } 
.critica p{padding:0 ; box-sizing: border-box; width:100%;}
.critica p.ocultar{display:none;}
.critica p a.MO{font-size:13px; }
.critica p a.MO:link{color:#191461;}
.critica p a.MO:visited{color:#191461;}


    #contacto{ width:90%; margin: 0 auto; padding-top:15px;}
    #contacto p.texto{width:100%;}
    #contacto a:link{color:#333;}
    #contacto a:visited{color:#333;}
    #contacto a:hover{font-weight: 600;}
.imgcontacto {display:none;}
    
    
    
.zeroMargin_mobile{margin-left: 0;}
.hide_mobile{display: none;}

.pie{border-top:solid 1px #191461; padding:10px  0 20px 0; box-sizing: border-box; width:100%; height:40px; float:left; font-size:12px; }

.pie.sbde{border-top:none;}

#contseries{width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap; margin:0 auto;}
    #contseries a.MO{font-size:13px;}
    p.titpinturas{display:none;}
    p.titseries{font-size: 16px; width: 100%;margin-bottom: 10px; font-weight: bold;}
p.oculto{display:none;}
.serie{width: 100%;/*padding-right:2%;*/ margin-bottom:20px; box-sizing: border-box; border-bottom:1px dotted #555;  padding-bottom: 10px; box-sizing: border-box;}

.serie img{width:100%; margin-top:5px;}
.serie.mini{margin-bottom:20px; }
.serie.mini.vacio{margin-bottom:20px; border-bottom:none;}    
.serie.mini .imgobra{width:100%;height:auto;overflow: hidden; }
.serie.mini .imgobra img{width:100%; margin-top:10px;} 
.serie p{display:none;}
.serie p.titseries{display:block; width: 100%; font-size:18px;}
.serie p.titpromo{display:none;}
 .serie p.titobra{font-size:16px; margin-top:5px; display:block;}   
.serie p.titobramovil{font-size:14px; margin-top:5px;display:block;} 

.serie p.movil{display:block; font-size:18px; font-weight: bold;}
.serie a{color:#333;}
   
#ws{
         display:block;
        width:50px;
        height:50px;
        color:#fff;
        position: fixed;
        right:20px;
        bottom:50px;
        border-radius:50%;  
        line-height:80px;
        text-align:center;
        z-index:999;
        
        /*cursor:pointer; position:absolute; top:15px;right:80px;display:block; z-index:100; width: 35px; height:35px;*/}
    #ws img{width:100%;}    
    
    
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}
.limpiarenc{width:100%; clear:none; height:30px;}
.encabezado {width: 100%;border-bottom:1px solid #191461;height: 90px;  }
.contenc {width: 100%;  margin:0 auto;  }//max-width:700px;
.nombre {width: 100%;  margin:0 auto; float:left;}//max-width:350px;
.nombre a:link{color:#191461;} 
.nombre a:visited{color:#191461;} 
.nombre p.nom{font-size:30px;width:100%;margin-top:0; padding-left:10px; box-sizing: border-box;}
.nombre p.artista{font-size:20px;padding-left:10px; box-sizing: border-box;line-height: 5px;color:#191461;} 
.nombre p.artista a{font-size:16px; box-sizing: border-box;line-height: 5px;color:#191461;padding-left:10px;}
.nombre p.artista a img{width: auto;}
#idiomas{display:none;}
#navegacion {width:100%;  float:left; margin-top:10px;}//max-width:350px;
#navegacion a {float:left; width:15%;display:block;font-size:14px; text-decoration: none;  }
#navegacion a:link {color:#191461;}
#navegacion a:hover{ color:darkred;text-decoration: none;}
#contenido{
	width:100%;
	max-width:700px;
	background:#B7B7B7;
	height:auto;
	margin: auto;
	clear:both;
	padding:0;
	}
	
	.limpiarcontenido{ clear:both; width:100%; height:30px;}
.pasefotos { width:100%; }

.titserie { width:100%; }
.titserie.texto{padding:10px 40px 0 30px; max-width:700px;}
 .prev, .prev1, .prev2, .prev3, .prev4, .prev5, .prev6, .prev7, .prev8, .prev9, .prev10, .prev11{width:2.5%; float:left; max-width:30px;max-height:180px; cursor:pointer;}
 .next, .next1, .next2, .next3, .next4, .next5, .next6, .next7, .next8, .next9, .next10, .next11{width:2.5%; float:left; max-width:30px;max-height:180px;cursor:pointer}
 .slideshow { width:95%; height:105px; max-width:665px; overflow:hidden; float:left; display:block;}
.slideshow li{ float:left;display:block; width:16,6%;}
.slideshow li img{ width:100%; height:auto;}
.itemsobremi { float:right; width:auto; height:25px; padding-right:15px; }
.sobremi {float:left; width:100%;}
.sobremitxt {float:left; width:58%;}
.sobremiimg {float:left; width:42%;}
.video {float:left; width:50%; padding-right:20px; }
.video.sinpad{padding-right:0;}
.imgcritica {width:21%; }
#contacto{ width:60%; margin: 0 auto; }
.imgcontacto {width:40%;  float:right;}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}

}

*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */