body{
	width: 100%;
	max-width: 100%;
	margin:0px;
	padding:0px;
}
body#puerta{
	background-color: #000!important;
}
div#contenidor{
	background-color:#FFF;
    background-color: transparent;
	width:1024px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	color:#000;
	height:100%;
}
#ombliguistas div#contenidor{
	width: 100%;
}
.espai50{
	width:100%;
	height: 50px;
	display: block;
}
.espai20{
	width:100%;
	height: 20px;
	display: block;
}
.espai10{
	width:100%;
	height: 10px;
	display: block;
}

#dividual div#contenidor,#composiciones_ombliguistas div#contenidor{
	width: 100%;
}
div#header{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	padding:40px;
	background-color:#FFF;
	width:100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 100px;
}


div#header a:link{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}


div#header a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}


div#header a:visited{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}


div.new a:link {
color: #000;
text-decoration: none;
font-weight:450;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
}

div.new a:hover {
color:#FFF;
text-decoration: none;
font-weight:450;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
}

div.new a:visited {
color:#000;
text-decoration: none;
font-weight:450;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
}

div.new a:active {
color:#000;
text-decoration: none;
font-weight:450;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
}


#cabecera a:link{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	font-size:1em;
}


#cabecera a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	font-size:1em;
}

#cabecera a:visited{
		font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	font-size:1em;
}
/* CSS Document */


#nombreCabecera{
	width:50%;
	width: 40%;
	font-size:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float: left;
    text-align: left;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
#info{
	height:100%;
	width:45%;
	font-size:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*float:left;*/
	display: flex;
}
#info .item{
	width: 40%;
	width:35%;
	/*float: right;*/
    font-size: 16px;
    text-align:right;
}

#mainIdiomsFixed {
	top: 40px;
	top: 31px;
    position: fixed;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 16px;
    right: 0px;
    left: auto;
    width: 20%;
}


.mainIdiom a:link{
	font-size:0.9em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
}

.mainIdiom a:hover{
	font-size:0.9em;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	text-decoration:none;
}

.mainIdiom a:visited{
	font-size:0.9em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
}
.mainIdiom a:active{
	font-size:0.9em;
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:center;
}


div.new {
    background-color: #FFF;
    border: #900;
    font-size: 14px;
    padding-left: 0px;
    font-size: 21px;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    height: 200px;
}
.new .tituloItem{
	width: 40%;
	display: inline-block;
	float:left;
	height: 100%;
}
.new .tituloItem .linkText{
	position: relative;
    /*margin-top: 15%;*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new .img{
	width: 60%;
	display: inline-block;
	height: 100%;
	width: auto;
	overflow:hidden;
	min-width: 529px;
}
.new.moodWeb .img,.new.literatura .img{
	background-color: #000;
}

.new .img img{
	height: 100%;
	width: auto;
	position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.new.moodWeb .img img{
    width: 60%;
    height: auto;
}

div#flechaAncla {
    font-family: Verdana, Geneva, sans-serif;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 22px;
    background-color: #FFF;
    width: 100%;
    text-align: center;
    padding-top: 60px;
}

div#cabecera #mainIdioms{
	top:0px;
}




#tituloPag, #homeLink{
	text-align: left;
    background-color: #000;
    border: #F30;
    font-size: 1em;
    color: #FFF;
    padding-left: 20px;
    width: auto;
    float:left;
    height:40px;
    line-height: 40px;
	box-sizing: border-box;
}

#tituloPag{
	width: 70%;
	width: 75%;
	/*width:90%;*/

}

#homeLink{
	width: 10%;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0;
}

div#cabecera #mainIdioms .mainIdiom{
	padding: 0px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	width: 50%;
	text-align: center;
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.rey div#cabecera  #mainIdioms .mainIdiom,.reyEng div#cabecera  #mainIdioms .mainIdiom{
	color: #fff;
}

div#cabecera {
	background-color: transparent;
	z-index: 1;
	position: relative;
}

#cuerpoCompleto{
	margin-left: 0px;
	width: 90%;
	margin-left: 5%;
}



.mainImgChicago,.mainImg{
	width:60%;
	text-align: center;
	margin-bottom: 50px;
	float:none;
	width:100%;
	margin-top: 100px;

}
.mainImg{
	margin-top: 20px;
	margin-bottom: 20px;
}

.mainImgChicago img,.mainImg img{
	width:100%;

}


.imgMoodW1,.imgMoodW1,.mainImgMood{
	width: 100%;
	text-align: center;
	margin-left: 0px;
}
.imgMoodw img,.imgMoodW1 img,.mainImgMood img{
	width: 75%;
}

#cuerpo .mainImgMood img {
    width: 100%;
    min-width: 0px;
}
#cuerpo.flex{

}
.verdana{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imgMood, .imgMoodw {
    display: inline-block;
    min-width: 0px;
    height: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.videoEncabezado{
	margin: 70px 0px 50px 0px;
}

.columnaVideo,.columnText{
	width: 50%;
    float: left;
    box-sizing: border-box;
}
.video{
	width:100%;
}
.flex .columnaVideo,.flex .row.imgs img{
	float: unset;
	flex:0 1 calc(50% - 10px);
	width: 100%;
	background-color: unset;
}

.columnaVideo iframe{
	width:100%;
	height: 350px;
	display: inline-block;
}

.columnText{
	padding-left: 10px;
	float: right;
}

.cabeceraVideo,#cuerpo{
	width: 100%;
	height: auto;
	margin-top: 80px;
	width:60%;
	margin-left: 20%;
}

.texteFishes , .texteHead, .texte{
    position: relative;
    z-index: 1;
    top: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: .9rem;
}

#rey .texte,#reyEng .texte{
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);	
}
#rey .texte a,#reyEng .texte a{
	text-decoration: none;
	color: #fff;
	text-decoration: underline;
}
.cabeceraVideo .videoIfr,.texteHead,.pieData{
	width:100%;
	height: auto;
	margin-top: 40px;
}
.cabeceraVideo .videoIfr{
	min-height: 400px;
}
.videoIfr{
	 vertical-align: top;
	 float:none;
	 padding: 0px;
	 background-color: #000;
}
#rey #cuerpoCompleto,#reyEng #cuerpoCompleto{
	height: 100%;
	height: 100vh;
}
#rey #cuerpoCompleto .texte h3,#reyEng #cuerpoCompleto .texte h3{
	width: 100%;
	display: inline-block;
}
#rey #cuerpoCompleto .texte,#reyEng #cuerpoCompleto .texte{
	background-color: rgba(0,0,0,.5);
	color: #fff;
	padding: 2% 5%;
}
#rey #cuerpoCompleto .texte .x,#reyEng #cuerpoCompleto .texte .x{
	position: relative;
	width: 100%;
	display: inline-block;
  	content: "\00d7";
  	text-align: right;
  	box-sizing: border-box;
  	color: #fff;
  	z-index: 1;
}
#rey #cuerpoCompleto .texte .x img,#reyEng #cuerpoCompleto .texte .x img{
	height: 15px;
	width: auto;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#rey .playAudio.noMob,#reyEng .playAudio.noMob{
	position: relative;
	z-index: 1;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#rey .playAudio.noMob img,#reyEng .playAudio.noMob img{
	height: 60px;
	height: 80px;
	width: auto;
}

#rey .playAudio.noMob.on img,#reyEng .playAudio.noMob.on img{
	height: 80px;
	height: 60px;
	width: auto;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.texteHead{
	padding: 0px;
}



.cuerpoCompletoLiteratura #texte {
    position: relative;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 20px;
    box-sizing: border-box;
    color: #FFF;
    color: #000;
    display: none;
    line-height: 20px;
    text-align: right;
    margin-top: 60px; 
    margin-top: 90px;
    background-color: #fff;
}



#visualizaTexte {
    width: 100%;
    text-align: right;
    margin-top: 60px;
}

#visualizaTexte img,#x{
	position: absolute;
	right: 0px;
    width: 40px;
    height: auto;
    margin-right: 5%;
    box-sizing: border-box;
}

#x{
	width:20px;
	display: none;
	z-index: 100000000000;
	/*top:170px;*/
	top:60px;
    margin-right: 7%;

}

#x img{
	width:100%;
	height: auto;
}

#tiempoInverso {
    width: 100%;
    text-align: center;
    font-size: 5em;
    color: #FFF;
    color: #000;
    font-family: rob_thin;
    position: absolute;
    top: 40%;
    letter-spacing: 1px;
    left:0px;
}

.arrowR,.arrowL{
	position:fixed;
	z-index:1000;
	/*top:250px;
	width:100%;*/
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.arrowR{
	/*position:absolute;*/
	z-index:10;
	right:0px;
	width:50px;
	height:50px;
}

.arrowL{
	/*position:relative;*/
	z-index:10;
	left:10px;
	/*top:50px;*/
	width:50px;
	height:50px;
}


.pieData{
	/*position:relative;
	bottom:-190px;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#F6F6F6;
	background-color:#F2F2F2;
	padding:20px;
    box-sizing: border-box;
}
.pieData.closed{
	display: none!important;
}

.tituloImg{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	background-color:#F6F6F6;
	padding-left:10px;
	border-width:0px;
	border-color:#F6F6F6;
	text-align: left;
	padding: 10px;
	box-sizing: border-box;
	margin-top:0px;
	margin-bottom: 40px;
	font-weight: bold;

}

.fotosFishes {
    margin-top: 40px;
    width: 100%;
    height: auto;
    margin-left: 5%;
}

.fotosFishes img {
    width: 15%;
    float: left;
    margin:0;
    box-sizing: border-box;
    padding: 2px;
}

.barraLink {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    color: #000;
    background-color: #F6F6F6;
}


.textMoodWeb{
	width:80%;
	margin-left: 10%;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

.textMoodWeb2{
	width:70%;
	margin-left: 15%;
}

.moodW,.linkGran{
	padding: 30px 0px 30px 0px;
	font-size: 32px;
	text-align: center;
}
.moodW{
	font-size: 1.4em;
}
.linkGran{
	margin-top: 50px;
}
.moodW a:link,.linkGran a:link{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}
.moodW a:visited,.linkGran a:visited{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}


.moodW  a:hover,.linkGran  a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}


.moodIfrC{
	width:100%;
	height: 600px;
	display: inline-block;
    margin-left:20px;

}

#moodImgs, .chicagoImgs{
	width:100%;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.chicagoImgs img{
	display: inline-block;
	width:30%;
	width:60%;
	height:auto;
	margin-right:0px;
	margin-bottom:0px;	
	margin-bottom: 10px;
}

.imgArray{
    width: 80%;
    margin-left: 10%;
    margin-top: 60px;
}


.texteLumSol{
	position:relative;
	z-index:1;
	top:-10px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica,   	sans-serif;
	width:100%;/*650*/
	left:0px;
	margin-bottom:50px;
	background-color:#F6F6F6;
	padding:20px;
	box-sizing: border-box;
}

.margBot50{
	margin-bottom:50px:;
}
.margTop50{
	margin-top:50px
}
.bloc100{
	width:100%;
	box-sizing: border-box;	
}
.bloc100 img{
	width: 100%;
	height: auto;
}

#textMessage{
	margin-top: 150px;
	font-size: 40px;
	width:60%;
    text-align:center;
    padding-top:0px;
    margin-left: 20%;
    box-sizing: border-box;
    font-family:verdana;
    font-size:55px;
    min-height: 400px;
    box-sizing: border-box;
}

.bichoteData{
	z-index: 2;
	position: static;
}

#bichote .bichote .textContent,
#bichoteEng .bichote .textContent{
	display:none;
}
.linkSocias2{
	height:100%;
	width:auto;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	float:left;
	padding:20px;
	margin-left:40px;
}

.linkSocias2 a:link{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;	
}

.linkSocias2 a:hover{

	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;	
}

.linkSocias2 a:visited{

	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;
}
.linkSocias2 a:active{

	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;
}


.barraLink{
	width:100%;
	height:60px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	color:#000;
	background-color:#F6F6F6;	
}

.textMood {
    width: 100%;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: right;
    padding-left: 0px;
    box-sizing: border-box;
    float:none;
    margin-left: 0%;
}

.bichote{
	min-height: 300px;
}

.enunciadoObs,.enunciado{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#000;
	width:100%;
	padding-bottom:0px;
	padding:10px;
	text-align:left;
    margin: 20px 0px;
}



.uno{
	margin-top:100px;
}

.tituloObra{
	width: 100%;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 0px;
    box-sizing: border-box;
    float: none;
}

.separadorObras{
	height: 0px;
	width: 100%;
	margin:50px 0;
}

.incontinencia{
    width: 140%;
    /* position: absolute; */
    margin-left: -20%;
    left: 0%;
}
.incontinencia img{
	width: 100%;
}


.franjaNegraZoo {
    width: 100%;
    height: 20px;
    background-color: #000;
    color: #FFF;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 20px;
    text-align: left;
    margin:0px;
    margin: 50px 0px;
    box-sizing:border-box;
}

.tituloColumnaZo {
    width: 100%;
    /* height: 40px; */
    background-color: #000;
    color: #FFF;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 5px;
    padding: 10px;
    text-align: center;
    height: auto;
    /* box-sizing: border-box; */
}

.imgReinaMora {
    width: 30%;
    height: auto;
	display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    float: none;
}

.expanded {
	text-align: center;
	display: inline-block;
    transition:all 1.5s ease;
      -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
}

.incontinencias img{
	width:50%;
	height: auto;
}

.fotoSal{
	float:none;
	margin-right:5px;
	margin:0;
	margin-bottom:10px;
	width: 100%
}

.blocFotosSal{
	width:100%;
	width: 80%;
    margin-left: 10%;	
}
div.bloqueSal{
	width: 80%;
	margin-left: 10%;
	margin-top: 50px;
}

.ombliguistaPage img{
	width: 100%;
	height: auto;
}



.tituloPieDividual {
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    float: none;
    width: 100%; 
    height: auto;
    margin-bottom: 50px;
    font-size: 12px;
    background-color: #F6F6F6;
    margin-top: 5px;
    padding-top: 5px;
    box-sizing: border-box;
    padding:10px; 
}

#texteDeuOmblDeu,.texteDeuOmblDeu2,.texteOmbl2 {
	    position: relative;
	    z-index: 1;
	    /* top: 1700px; */
	    top:auto;
	    width: 270px;
	    width: 100%;
	    width: 25%;
	    float: none;
	    display: inline-block;
        vertical-align: top;
}

#texteDeuOmblDeu{
	width: 100%;
	float: none;
	display: inline-block;
}
#texteCastOmblDeu {

    position: static;
    z-index: 2;
    width: 100%;
}

#blocTextesOmbl2 {
    width: 100%;
    height: 740px;
    text-align: center;
    height: auto;
}

.switchIdiomsDeutsch {
    z-index: 0;
    width: 100%;
    position: static;
    height: auto;
    margin-top: 20px;
    text-align: left;
}

.switchIdiomsDeutsch a{
	width: auto;
	text-align: left;
}

#myHeader1,#myHeader2 {
    width: 50px;
    height: 20px;
    margin-right: 10px;
    width: auto;
}
.idio{
	text-align: center;
	display: inline-block;
	width: auto;
	height: auto;
}

.mobileIn{
	display: none;
}

.mob{
	display: none;
}

.franjaNegra {
    width: 100%;
    background-color: #000;
    color: #FFF;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    box-sizing: border-box;
    padding: 10px;
    height: auto;
}


.tituloPieGeneric{
	text-align:left;
font-family:Verdana, Geneva, sans-serif;
float:left;
width:100%;
height:20px;
margin-bottom:50px;
font-size:12px;
background-color:#F6F6F6;
margin-top:5px;
padding-top:5px;
box-sizing: border-box;
height: auto;
box-sizing: border-box;
padding: 10px;
text-align: left;
}

.computoDiv{
text-align:center;	 
width: 100%;
margin-bottom: 20px;
}
.computoDiv img{
	width: 100%;
	height: auto;
}
.imatge{
	width: 100%;
	height: auto;
}



.imatge45{
	width: 45%;
	height: auto;
	display: inline-block;
}

.imatge img,.imatge45 img{
	width: 100%;
	height: auto;
}

.sep{
	margin-bottom: 50px;
}
.sep20bot{
	margin-bottom: 20px;
}


.cv{ 
	font-size:36px;
	letter-spacing:normal;
	font:Verdana, Arial, Helvetica, sans-serif;
	background-color:#999999;
	color:#000;
	padding:10px;
}

.totalbio{
	text-align:center;
	width:auto;
	height:auto;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:14px;
	padding-left:20px;
	/*width:700px;*/
}
.texteBio{
	font: Helvetica, Arial,  sans-serif;
	text-align: justify;
	font-size:14px;
	margin-bottom: 50px;
}

.texteBio p{
	font:Helvetica, Arial, verdana, sans-serif;
	text-align: left;
	font-size:16px;
	line-height:20px;
	font-family:Helvetica, Arial, sans-serif;
}

.citaciona{
	font-style: italic;
	font-size: 0.8em;
}
.alignLeft{
	text-align: left;
}
.subInfo{
	font-size: 0.9em;
	margin-top: 40px;
}

.videoBckgr{
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100%;
}
.videoBckgr.vid video{
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top:0;
	left:0;
}
#occhio .texte,#occhioEng .texte{
	background-color: rgba(0,0,0,0.75);
	color:#fff;
	margin-top: 20%;
	box-sizing: border-box;
	position: relative;
	padding: 20px;
}
#occhio .pieData,#occhioEng .pieData{
	position: relative;
	z-index: 1;
	background-color: rgba(0,0,0,0.65);
	color:#fff;
	margin-top: 0px;
}
#occhio .texte a,#occhio .texte a:link,#occhio .texte a:hover,#occhio .texte a:visited,#occhio .texte a:active,
#occhio .pieData a,#occhio .pieData a:link,#occhio .pieData a:hover,#occhio .pieData a:visited,#occhio .pieData a:active,
#occhioEng .texte a,#occhioEng .texte a:link,#occhioEng .texte a:hover,#occhioEng .texte a:visited,#occhioEng .texte a:active,
#occhioEng .pieData a,#occhioEng .pieData a:link,#occhioEng .pieData a:hover,#occhioEng .pieData a:visited,#occhioEng .pieData a:active{
	color: #fff;
}



#occhio .playAudio img,#ochioEngEng .playAudio img{
	height: 40px;
	/*height: 50px;*/
	width: auto;
	margin-top:20px;
}

#occhio .playAudio.on img,#occhioEng .playAudio.on img{
	height: 40px;
	height: 25px;
	width: auto;
	padding-top: 5px;
}
#occhio .playAudio.mob,#occhioEng .playAudio.mob{
	position: static;
	z-index: 1;
	display: block;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	height: 50px;
}


#occhio .playAudio.mob.closed ,#occhioEng .playAudio.mob.closed,
#occhio .playAudio.closed ,#occhioEng .playAudio.closed{
	bottom: 100px;
    position: absolute;
}



#occhio .playAudio,#occhioEng .playAudio{
	position: relative;
	z-index: 1;
	margin-top:20px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#occhio .playAudio img,#occhioEng .playAudio img{
	height: 50px;
	width: auto;
}

#occhio .playAudio.noMob.on img,#occhioEng .playAudio.noMob.on img{
	height: 80px;
	height: 60px;
	width: auto;
}
#occhio .fondoNegro,#occhioEng .fondoNegro{
	width: 100vw;
	position: absolute;
	z-index: 1;
	top: 55%;
	background-color: #000;
	height: 90vh;
	left: 0;
}
#occhio .fondoNegro.closed,#occhioEng .fondoNegro.closed,
#occhio .texte.closed,#occhioEng .texte.closed{
	display: none;
}
.audioDiv{
	background-color: #F2F2F2;
	padding: 30px;
	box-sizing: border-box;
	margin-top:50px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.audioDiv audio{
	
}
.audioDiv .intro{
	margin-bottom:20px;
	padding:0px;
	box-sizing: border.border-box;
	font-weight: bold;
	font-size: .9rem;
}
.audioDiv .link{
	box-sizing: border-box;
	margin: 20px 0;
	font-size: .9rem;
}
.noni{
	display:none!important;
}
.blocTexte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blocTexte{
	width: 100%;
	text-align: left;
}
.blocTexte .title{
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.2rem;
}
.showhide{
	width:auto;
	margin:auto;
	display:block;
	font-size: 1.1rem;
}
.enunciat{
	font-weight: bold;
	margin-bottom: 40px;
}
.pisces,.piscesEng{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.h50{
	height: 50px;
	width: 100%;
	display: block;
}
.h100{
	height: 100px;
	width: 100%;
	display: block;
}
.sep{
	margin:50px 0px;
	height: 1px;
	width: 100%;
	border-bottom:1px solid #ccc;
}
.sep100{
	margin: 100px 0px;
}
.flex{
	display: flex!important;
	flex-direction: column;
}
.flex.r{
	flex-direction: row;
}
.pad20{
	box-sizing: border-box;
	padding: 20px;
}
.row{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.bordTop{
	border-top:1px solid #000;
}
.padTop50{
	padding-top: 50px;
}
.mTop30{
	margin-top:30px!important;
}
.separador{
	width:100%;
}
.marg20{
	margin: 20px 0;
} 
.marg50{
	margin: 50px 0;
} 
.separador.black{
	border-top:1px solid #000;
}
.negro .img{
	background-color: #000;
}
#occhio .closeBut,#occhioEng .closeBut{
	display: flex;
	position: relative;
	justify-content: end;

}
#occhio .closeBut img,#occhioEng .closeBut img{
	width: 15px;
	height: auto;
}

@media (max-width: 1270px) {
	.audioDiv audio{
		width:auto;
		height: auto;
		width:100%;
		min-height:50px;
	}
	
	div.new{
		/*width: max-content;
		display: table;*/
		margin-bottom: 80px;

	}
	.new .tituloItem {
		height: auto;
		/*display: table-footer-group;*/
		float: none;
	}
	.new .img {
		/*display: table-header-group;*/
	}

	.new .tituloItem .linkText{
		position: static;
		top: 0%;
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin-bottom: 20px;


	    /*margin-top: 15%;
	    top: 50%;
	    transform: translateY(-50%);*/
	}
	.sepBlocks{
		height: 20px;
	}
}
@media (max-width: 1140px) {
	
}

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

}

@media (max-width: 978px) {
	div#tituloPag{
		width: 75%;
	}
}

@media (max-width: 900px) {

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

@media (max-width: 768px) {
}

@media (max-width: 720px) {
	div#header{
		padding-top:40px;
		padding-left: 10px;
		font-size: 21px;
	}
	div#tituloPag{
		font-size: 0.6em;
	}
	

	
	.new{
		display: table;
	}

	.saltoIndex{
		display: none;
	}

	.new .tituloItem{
		display: block;
		display: table-footer-group;
		width: 100%;
		text-align: right;
		position: relative;
    	right: 10px;
	}

	.new .img{
		display: block;
		 display: table-header-group;
	}

	.new .tituloItem .linkText {
	    margin-top:10px;
	    width: 100%;
	}

	#wrapper   { display: table; }
	#firstDiv  { display: table-footer-group; }
	#secondDiv { display: table-header-group; }



	#nombreCabecera{
		width:100%;
		text-align: left;
		padding-left: 10px;
    	padding-top: 10px;
	}

	#info{
		margin-top: 40px;
		width:100%;
		position: fixed;
    	top: 100%;
    	-ms-transform: translateY(-90%);
       -moz-transform: translateY(-90%);
       -webkit-transform: translateY(-90%);
    	transform: translateY(-90px);
    	background-color: #fff;
    	z-index: 100;
    	text-align: center;
    	padding-bottom: 20px;
    	left:unset;
    	background:rgba(255,255,255,0.6);
    	padding-top: 10px;
    	justify-content: center;
	}

	#info .item{
		width:20%;
		max-width: 200px;
		float: none;
		display: inline-block;
		text-align: center;
		/*padding-left: 10px;*/
	}
	.separadorItems{
		display: inline-block;
		border-right: 1px solid #000;
		text-align: left;
		height: 20px;
	
	}
	#info .item:first-child{
		text-align: right;
		padding-right: 10px;
		text-align: center;
	}


	#mainIdiomsFixed{
		position: absolute;
		min-width: 100px;
		margin-right: 20px;
	}
	.mainIdiom{
		width:auto;
		float:right;
		padding-right: 0px;
	    padding-left: 20px;
	}

	div.new{
		height: 220px;
	    box-sizing: border-box;
	    padding: 0px 10px;
	    height: auto;
	    margin-bottom: 40px;
    }
	

	.new .img img {
	    height: 100%;
    	width: auto;
    	position: absolute;
    	/*left:-25%;*/
    	height: auto;
    	width: 100%;
    	position: relative;
    	top:0px;
    	-moz-transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	transform:translateY(0px);
	}

	.new .img .chicagoThumb img {
    	left:0%;
	}
	.new .img{
		min-width:100%;
		width: 100%;
		position: relative;
	}

	div#contenidor{
		width:100%;
	}
	#literaturaHome {
	    background-color: #000;
	    width: 100%;
	    height: auto;
	    min-height: 170px;
	}
	div#flechaAncla{
		padding-top: 0px;
		margin-bottom: 50px;
		display: none;
	}
	#end{
		width: 100%;
		height: 40px;
	}

	div#cabecera #mainIdioms{
		position: static;
	}

	#homeLink{
		width: 25%;
		font-size: 0.6em!important;
	}

	.cabeceraVideo,#cuerpo{
		margin-left: 10%;
    	width: 80%;
	}

	#cuerpo{
		width:80%;
		margin-left: 10%;
	}



	.texteHead{
	    padding: 0px;
	    margin-left: 10%;
	    width: 80%;
	}
	#cuerpo .pieData{
 		margin-left: 0%;
	    width: 100%;
	    margin-bottom: 40px;
	    padding: 20px;
    	box-sizing: border-box;
	}
	
	.moodIfrC{
		margin-left: 0px;
		height: 200px;
	}
	.imgMoodw img, .imgMoodW1 img, .mainImgMood img {
	    width: 80%;
	    min-width: 0px;
	}


	.mainImgMood img {
	    width: 100%;
	    min-width:0px;
	}

	div#flechaAnclaTodos{
		padding-top: 50px;
		padding-bottom: 50px;

	}

	.arrowR,.arrowL{
		width:50px;
	}
	#tiempoInverso{
		top: 30%;
		font-size: 4em;
	}

	.cuerpoCompletoLiteratura #texte {
	    font-size: 12px;
	    padding: 0px 20px;
	    line-height: normal;
	    margin-top: 100px;
	    min-height: 700px;
	}
	#visualizaTexte img{
		width: 30px;
	}

	.cabeceraVideo .videoIfr {
	    min-height: 200px;
	    width: 120%;
    	margin-left: -10%;
	}

	.linkSocias2 {
	    text-align: center;
	    margin-left: 0px;
	    display: inline-block;
	    display: block;
	    box-sizing: border-box;
	    float: none;
    	margin-left: 0px;
    	text-align: left;
		padding: 10px 20px;
    	box-sizing: border-box;
	}


	.barraLink{
		text-align: center;
		height: auto;
	}
	.fotosFishes {
	    margin-left: 0%;
	    padding: 0 10%;
	    box-sizing: border-box;
	}
	.fotosFishes img {
	    width: 20%;
	}
	.chicagoImgs img{
		width:80%;
	}
	.separadorObras{
		margin:0px 0;
	}
	.incontinencia {
	    width: 120%;
	    margin-left: -10%;
	    left: 0%;
	}
	.incontinencias {
	    width: 100%;
	    margin-left: 0%;
	    left: 0%;
        margin-top: 50px;
	}
	.imgReinaMora {
		width: 100%;
		height: auto;
	}
	.incontinencias img{
		width:80%;
		height: auto;
	}

	.blocFotosSal{
		width:100%;
	    margin-left: 0%;	
	}
	.uno{
		margin-top: 50px;
	}
	.texteOmbl2 {
	    height: auto;
	    float: left;
	    padding: 20px;
	    text-align: justify;
	    font-size: 12px;
	    width: 100%;
	    float: none;
	    padding: 10%;
	    box-sizing: border-box;
	}

	.mobileIn{
		display: inline-block;
		width: 100%;
		margin-left: 40px 0;
		width: 100%;
		margin-left: 0%;
		padding: 0 10%;
		box-sizing: border-box;
	}
	.imatge45{
	  	width: 100%;
	  	height: auto;
	  	display: inline-block;
	  }
	.expanded {
		text-align: center;
		display: inline-block;
	    transition:all 0s ease;
	      -webkit-transform: scale(1);
	        -ms-transform: scale(1);
	        transform: scale(1);
	}
	div#header{
		margin-bottom: 40px;
	}
	#textMessage{
		font-size: 3em;
		margin-bottom: 50px;
		min-height: 450px;
		margin-top: 120px;
	}
	.sepBlocks{
		height: 0px;
	}
	.audioDiv.audio{
		width:80%;
		height: auto;
	}
}



@media (min-width: 320px) {
	.audioDiv.audio{
		width:80%;
		height: auto;
	}
	
	.topHomeLinki{
		position: absolute;
		top:20px;
		right: 100px;
		right: 7%;
		font-size: 1em;
    	color: #FFF;
    	z-index: 1;
    	font-family: Arial, Helvetica, sans-serif;
	}

	.topHomeLinki a{
		text-decoration: none;
		color: #fff;
	}

	.topHomeLinki a:hover{
		color: transparent;
	}

	#iframe_full{
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
    	height: 100%;
	}
	#iframe_full iframe{
		width:100%;
		height: 100%;
	}
	#puerta #cabecera{
		display: none; 
	}
}	
@media (max-width: 400px){
	.videoBckgr{
		width: 100%;
		height: unset;
		position: static;
		margin-top: 30%;
	}
	.videoBckgr video{
		width: 100%;
	}
	#rey #cuerpoCompleto .texte,#reyEng #cuerpoCompleto .texte {
	  position: static;
	  background-color: unset;
	  color: #000;
	  transform: unset;
	  margin-top: 50px;
	}

	#rey #cuerpoCompleto .texte h3,#reyEng #cuerpoCompleto .texte h3{
		background-color: rgba(0,0,0,0.5);
		color: #fff;
		padding: 3%;
		box-sizing: border-box;
	}
	.mob{
		display: block;
	}
	.noMob{
		display: none;
	}
	#rey .playAudio.mob,#reyEng .playAudio.mob{
		position: static;
		z-index: 1;
		display: block;
		margin: auto;
		margin-top: 20px;
		text-align: center;
	}
	
	#rey .playAudio.mob img,#reyEng .playAudio.mob img{
		height: 30px;
		height: 50px;
		width: auto;
		top: 50%;
		position: relative;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#rey .playAudio.mob.on img,#reyEng .playAudio.mob.on img{
		height: 40px;
		height: 30px;
		width: auto;
	}
	#rey .playAudio.mob,#reyEng .playAudio.mob{
		height: 50px;
	}
	#rey #cuerpoCompleto,#reyEng #cuerpoCompleto{
		height: 100%;
		height: 100vh;
		height: auto;
	}
	#rey .texte a,#reyEng .texte a{
		color: unset;
	}
	.audiodiv audio{
		width: 100%;
	}
}
@media(min-width: 767px){/* a partir de tablet */	
}
@media(min-width: 768px) and (orientation: landscape){/* ipad portrait */
}
@media(min-width: 767px) and (orientation: portrait){
}
@media (min-width: 1200px){/*escritorio*/
	.row{
		flex-direction: row;
	}
	.flex .columnaVideo,.flex .row.imgs img{
		width: 50%;
	}
	.row .columnaVideo,.flex .row.imgs img{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.row .columnaVideo:first-child.flex .row.imgs img:first-child{
		padding-right: 20px;
	}
	.row .columnaVideo:nth-child(2),.flex .row.imgs img:nth-child(2){
		padding-left: 20px;
	}
	.moodW{
		font-size: 2.2em;
	}
	#occhio .playAudio,#occhioEng .playAudio{
		justify-content: start;
	}
	.imatge.h{
		width: 100%;
		height: auto;
		height: 90vh;
		width: auto;
	}
}
@media(min-width: 1400px){
}
@media(min-width: 1920px){
}
@media(min-width: 2560px){/*pantallas grandes escritorio*/
}