@charset "utf-8";
/* CSS Document */


/* el joc dels tres */
body { color:#fff; margin:0; font-family: 'Open Sans Condensed', sans-serif; background:#000 url(fondo-web3.jpg) top center no-repeat; background-size:100%; background-attachment: fixed;  }
body a { color:/*#C90*/ #E6CC75; text-decoration:none;}

body a:hover { text-decoration:underline;}
.logocap {text-align:center;}
.logocap img { margin:10px auto 10px auto; max-width:33%; height:auto;}
.flors { background: url(flors2.png) top center no-repeat; background-size:100%; background-attachment: fixed; position:absolute; top:0; left:0; width:100%; height:300px; z-index:20; }
.cap {position:relative;}
/*body * {transition:2s; }*/
.cos, .peu { margin:auto; }
.cos { background:rgba(0, 0, 0, 0.30) url(flors3.png) top center no-repeat; background-size:100%; background-attachment: fixed; margin:/*30px auto 30px*/ auto;}
.cos.sinopsis { background-color:rgba(0, 0, 0, 0.30);}
.cos.informacio { background-color:rgba(255, 255, 255, 0.80);}
.cos.comprar { background-color:transparent;}
.cos.events { background-color:rgba(153, 0, 0, 0.30);}
.cos.contactar { background-color:rgba(0, 0, 0, 0.60); display: -webkit-box;}


.cos.informacio .grupflex div.fichallibre { width: 450px; max-width:50%; text-align: center;}
div.fichallibre img {margin: 0 auto 0 auto;}
.cos.informacio .grupflex p { text-align:center;}

.cos-contenedor { max-width:960px; background:rgba(0, 0, 0, 0.50) url(flors2.png) top center no-repeat; display:block; background-size:100%; background-attachment: fixed; padding:150px 50px 150px 50px; text-shadow:2px 2px 5px #000, -2px 2px 5px #000; 2px -2px 5px #000, -2px -2px 5px #000; margin:auto; box-sizing: border-box;}

.cos.sinopsis .cos-contenedor { background-color:rgba(102, 51, 51, 0.50);}
.cos.informacio .cos-contenedor { background:#000 url(trio5-1400.jpg) top center no-repeat; display:block; /*background-size:100%;*/ background-attachment: fixed; background-size: contain; /*color:#000; text-shadow:3px 3px 5px #fff, -3px 3px 5px #fff, 3px -3px 5px #fff, -3px -3px 5px #fff;*/}
.cos.comprar .cos-contenedor { background-color:rgba(125, 101, 24, 0.50);}
.cos.events .cos-contenedor { background:rgba(0, 0, 0, 0.50) url(anima5.png) top center no-repeat; display:block; background-size: cover; /*background-color:rgba(153, 0, 0, 0.50);*/}
.cos.agenda .cos-contenedor { background:rgba(103, 0, 100, 0.50) url(anima2.png) top center no-repeat; display:block; /*background-color:rgba(103, 0, 100, 0.50);*/}
.cos.prensa .cos-contenedor { background-color:rgba(0, 50, 150, 0.50);}
.cos.contactar .cos-contenedor { /*background-color:rgba(0, 0, 0, 0.50)*/ background: url(fondo-barri1.jpg) center center no-repeat; background-size:1100px; background-attachment: fixed; width:100%;}


.cos-contenedor > h1 {margin-top:0;}
.cos-contenedor p { text-align:justify;}
.peu {max-width:960px;}

.nota { color:#FC6; text-align:center; padding: 0 20% 0 20%;}
.wrapper { margin:0; padding-top:0;}

.desactivat {opacity:0.2;}
.subtitul2 { letter-spacing:0.1rem;}
.subtitul2 p { line-height:2.2rem; vertical-align: middle;}
span.preu { font-size:2rem; margin:0 0.6rem 0 0.4rem; border-radius: 50%; padding: 10px; background-color:#C33; line-height:2.2rem; vertical-align: middle; display: inline-block;}

.tot { background-attachment: fixed; min-height:800px; background-size:contain; display:block; overflow: hidden; }
.tot.valencia { background:url(llibre-valencia2-40.png) no-repeat center 100px;}
.tot.espanol { background:url(llibre-espanol2-40.png) no-repeat center 100px;}
.cap {background:/*rgba(0, 0, 0, 0.10)*/ url(flors3.png) top left no-repeat; position:relative; background-size:100%; background-attachment: fixed;}
.menu1 {  display:block; overflow:hidden; /*height:46px;*/ margin:0;}
.botonera-superior.grupflex { background:rgba(0, 0, 0, 0.50) url(flors2.png) top left no-repeat; background-size:100%; background-attachment: fixed; padding:10px 0 10px 0; z-index: 90;}


.socials { position:absolute; left:15px; top:6px; width:250px;}
.socials a {color: #fff;}
.socials a img { display:block; float:left; line-height:30px;}
.socials a span { display:block; float:left; line-height:30px; margin:0 0 0 10px; opacity:0; transition:2s;}
.socials:hover a span { opacity:10; transition:2s;}
.idiomes { position:absolute; right:0; top:0; line-height:30px;}
.idiomes a { color:#FFF; text-decoration: none; border-bottom: 4px solid #000; border-top: 4px solid #000; font-weight:normal; padding:0 5px 0 5px; line-height:26px; transition:2s;}

.idiomes a:hover {border-bottom: 4px solid #FFF; border-top: 4px solid #FFF; font-weight:bold; transition:2s;}
.idiomes .idioma.actiu a {border-bottom: 4px solid #FFF; border-top: 4px solid #FFF; transition:2s;}
.idiomes:hover .idioma a {text-decoration: none;}
.idiomes:hover .idioma.actiu a {border-bottom: 4px solid #000; border-top: 4px solid #000; transition:2s; text-decoration: none;}

.idioma { float:left; padding:0 15px 0 15px; margin: 10px 0 10px 0; display:block;}
.grupflex {display: flex; margin: 0; flex-wrap: wrap; justify-content: space-between; box-align: stretch; margin: 0; padding: 0;}
.grupflex.sis .opcioflex {width:16%; min-width:80px;}
.opcioflex {width:20%; /*height:150px;*/ margin:auto; text-align:center;}
.opcioflex .contenedor-fondo {display:block; width:80px; height:80px; border-radius:50%; margin:auto; background:transparent;}
.opcioflex .contenedor-fondo:hover { background:#000; transform:rotate(30deg); transition:2s;}
/*.opcioflex img {width:140px; height:140px; margin:auto;}*/

.opcioflex .contenedor-boto {width:80px; height:80px; margin:auto; transition:2s;}

.opcio-sinopsis .contenedor-boto { background:url(icono-sinopsis80.png) no-repeat center center;}
.opcio-llegir .contenedor-boto { background:url(icono-llegir80.png) no-repeat center center;}
.opcio-comprar .contenedor-boto { background:url(icono-comprar80.png) no-repeat center center;}
.opcio-contactar .contenedor-boto { background: url(icono-contactar80.png) no-repeat center center;}
.opcio-autor .contenedor-boto { background: url(icono-autor80.png) no-repeat center center;}

.opcio-informacio .contenedor-boto { background:url(icono-informacio80.png) no-repeat center center;}
.opcio-comentaris .contenedor-boto { background:url(icono-comentaris80.png) no-repeat center center;}
.opcio-events .contenedor-boto { background:url(icono-events80.png) no-repeat center center;}
.opcio-referencies .contenedor-boto { background:url(icono-prensa80.png) no-repeat center center;}
.opcio-home .contenedor-boto { background:url(icono-home80.png) no-repeat center center;}


p.epub { text-align: center; font-size: 150%;}

.opcioflex { background-size:100px; transition:2s;}
.opcioflex:hover { background-size:105px; transition:2s;}
.botodalt { width:100%; height:100%; display:block; overflow:hidden; opacity:0;}

.peu { margin:30px auto 30px auto;}
.contenedor-peu {margin: auto; display:table;}
.peu a { padding:5px 10px 5px 10px; float:left; margin: 0 10px 0 10px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; color:#fff; display:block; box-sizing: border-box; transition:2s;}
.peu a:hover { border-top: 4px solid #fff; border-bottom: 4px solid #fff; text-decoration: none;}
.peubase { position:relative; bottom:0; overlow:hidden; left:0; right:0; z-index:99; background:#000; text-align:center; padding: 10px 0 10px 0;}
.peubase p { padding:0; margin:0;}

.llibre-dalt, .ilustracio-dalt { text-align:center;}
.llibre-dalt img, .ilustracio-dalt img { margin:20px auto 60px auto; }

/* Formulari */
.caixaformulari {max-width:500px; margin:auto;}
input { width:100%; padding: 5px; box-sizing: border-box;}
textarea { width:100%; box-sizing: border-box;}
.etiqueta { padding:5px 0 0 0;}
.botonsformulari { padding:20px 0 0 0;}
.botoformulari {width:50%; text-align:center;}
.botoformulari.esquerra { float:left;}
.botoformulari.dret { float:right;}
.botoformulari input { max-width:150px; margin:auto;}
.obligatori { color:#C93;}

/* Filigrana */
.filigrana { text-align:center; margin:30px 0 30px 0;}
.filigrana img { margin:auto;}

/* logo caligrama */
.logocaligrama { text-align:center; margin:2rem 0 2rem 0;}
.logocaligrama p {text-align:center; margin:0;}
.logocaligrama img { margin:5px auto 5px auto;}



.titulet { }
.titulet .ptitulet { font-size:2rem; margin-bottom:0;}
.titulet .ititulet { font-size:1.5rem; margin-top:0;}

.grup-comentari { border-bottom: 1px solid #fff; text-align:center;}
.comentari {font-size:20px; position:relative; padding:0 50px 0 50px; }
.comentari span { font-size:30px; font-family:"Times New Roman", Times, serif;}
.comentari span.unaclau { font-size:80px !important; vertical-align:top; position:absolute; top: -20px; left:0;}
.comentari span.dosclau { font-size:80px !important; vertical-align:bottom; position:absolute; bottom: 0; right:0; margin-bottom:-60px;}

.grup-comentari .persona {padding:0 50px 0 50px;}


/* post prensa */
.grup-post { border-bottom: 1px solid #fff; text-align:center; overflow:hidden; margin:1rem 0 1rem 0; padding:1rem 0 1rem 0;}
.post {font-size:20px; position:relative; padding:0; }
.grup-post .font {padding:0; clear:both;}
.grup-post .font p {padding:0 20px 0 0; float:left;}
.grup-post .font p:last-child {padding:0;}

.grup-post .data {padding:0; clear:both; overflow:hidden; font-size: 22px;}
.grup-post .data p {padding:0 20px 0 0; float:left; margin:0;}
.grup-post .data p:last-child {padding:0;}

.titul-post p { font-size:30px; margin:5px 0 5px 0;}


/**/
@media  (max-width: 860px) {
	
	/*.tot { background-size:cover; }*/
	.llibre-dalt img, .ilustracio-dalt img { min-width:60%; height:auto; }
	.tot.castella, .tot.valencia {background-position: center 150px; }
	.cos-contenedor h1 { text-align:center;}
	/*.opcioflex {width:10%;}*/
	.opcioflex .contenedor-fondo {width:70px; height:70px;}
	.opcioflex .contenedor-boto {width:70px; height:70px; background-size: cover;}
	/*.cos { margin: 15px auto 15px auto;}*/
	.cos, .peu { max-width:100%;}
	/*.opcioflex:nth-child(1),
	.opcioflex:nth-child(2),
	.opcioflex:nth-child(3),
	.opcioflex:nth-child(4),
	.opcioflex:nth-child(5) {margin-bottom:5px;}*/
	.cos-contenedor { padding:25px;}

}

@media  (max-width: 600px) {
	
	/*.tot { background-size:cover; }*/
		.llibre-dalt img, .ilustracio-dalt img { min-width:100%; height:auto; }
    .logocap img { max-width:40%;}
	/*.opcioflex {width:20%;}*/
	.opcioflex .contenedor-fondo {width:60px; height:60px;}
	.opcioflex .contenedor-boto {width:60px; height:60px; background-size: cover;}
	/*.cos { margin:10px auto 10px auto;}*/
	/*	.opcioflex:nth-child(1),
	.opcioflex:nth-child(2),
	.opcioflex:nth-child(3),
	.opcioflex:nth-child(4) {margin-bottom:5px;}*/
		.cos-contenedor { padding:20px;}
		.socials { position:absolute; left: inherit; right:8px; top:30px; width:24px;}
		.logocap {text-align:left;}
.logocap img { margin:10px 0 10px 15px; max-width:33%; height:auto;}
.cos.informacio .grupflex div.fichallibre { max-width: 100%; width: 100%;}

}

@media  (max-width: 500px) {
	.cos.contactar .cos-contenedor { padding:15px 0 15px 0;}
	.caixaformulari {max-width:100%; margin:0; width:100%;}

}


@media  (max-width: 400px) {
	
	/*.tot { background-size:cover; }*/
	.logocap img { max-width:50%;}
	.tot.castella, .tot.valencia {background: none; }
	/*.opcioflex {width:25%;}*/
	.opcioflex .contenedor-fondo {width:55px; height:55px; margin:2px auto 2px auto;}
	.opcioflex .contenedor-boto {width:55px; height:55px; background-size: cover;}
	/*.cos { margin:10px auto 5px auto;}*/
		/*.opcioflex:nth-child(1),
	.opcioflex:nth-child(2),
	.opcioflex:nth-child(3) {margin-bottom:5px;}*/
		.llibre-dalt img, .ilustracio-dalt img { max-width:100%; height:auto;}
			.cos-contenedor { padding:15px;}
			
}

@media  (max-width: 300px) {
	
	/*.tot { background-size:cover; }*/
	.logocap img { max-width:80%;}
	/*.opcioflex {width:33.33%;}*/
	.opcioflex .contenedor-fondo {width:50px; height:50px;}
	.opcioflex .contenedor-boto {width:50px; height:50px; background-size: cover;}
	/*.cos { margin:10px auto 5px auto;}*/
		/*.opcioflex:nth-child(1),
	.opcioflex:nth-child(2) {margin-bottom:5px;}*/
		.cos-contenedor { padding:10px;}
}