@charset "windows-1252";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	font-size:1.2em;
	line-height:1.8em;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
	body {
	font-size:1em;
	line-height:1.6em;
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
	body {
	font-size:1em;
	line-height:1.6em;
    }
}		
/* Format del titol gran h1. */
h1 {
	font-size:2em;
	text-align:left;
	line-height:1.3em;
	color:#0F6F8A;
	margin-bottom:0.2em;
	margin-top:0.5em;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    h1 {
	font-size:1.7em;
	text-align:left;
	line-height:1.2em;
	color:#0F6F8A;
	margin-bottom:0.1em;
	margin-top:0.2em;
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    h1 {
	font-size:1.8em;
	text-align:left;
	line-height:1.2em;
	color:#0F6F8A;
	margin-bottom:0.1em;
	margin-top:0.3em;
    }
}		
/* Format del titol mitjà h2. */
h2 {
	font-size:1.4em;
	text-align:left;
	line-height:1.4em;
	color:#2286A2;
	margin-top:1.8em;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    h2 {
	font-size:1.3em;
	text-align:left;
	line-height:1.3em;
	color:#2286A2;
	margin-top:1.3em;
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    h2 {
	font-size:1.4em;
	text-align:left;
	line-height:1.4em;
	color:#2286A2;
	margin-top:1.7em;
    }
}		
/* Format del pàrraf general. */
p {
	text-align:left;
}
/* Format del menu de navegació. */
p.menutext {
	word-spacing:1em;
	font-size:1.1em;
	font-weight:bold;
}
/* Format dels links del menú de navegació. */
a.menulink:link, a.menulink:visited {
	text-decoration:none;
	color:#54B2CD;
}
/* Format del rollover dels links del menú de navegació. */
a.menulink:hover, a.menulink:active {
	text-decoration:none;
	color:#9e9e9e;
}
/* Format del link de l'idioma. */
a.idiomalink:link, a.idiomalink:visited {
	text-decoration:none;
	color:#54B2CD;
	font-size:0.9em;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}
/* Format del rollover del link de l'idioma. */
a.idiomalink:hover, a.idiomalink:active {
	text-decoration:none;
	color:#9e9e9e;
	font-size:0.9em;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}
/* Format dels noms dels famosos a la pàgina famosos. */
p.nom {
	font-size:1.1em;
	line-height:1.6em;
	font-weight:bold;
	text-align:center;
}
/* Format dels links del text. */
a.textlink:link, a.textlink:visited {
	text-decoration:none;
	color:#54B2CD;
	font-style:italic;
	font-weight:bold;
}
/* Format del rollover del text. */
a.textlink:hover, a.textlink:active {
	text-decoration:none;
	color: #9e9e9e;
	font-style:italic;
	font-weight:bold;
}
/* Format del copyright. */
p.textcopyright {
	font-size:0.7em;
	text-align:center;
	line-height:1.2em;
}
/* Format del peu de foto. */
p.peufoto {
	font-size:0.9em;
	text-align:center;
	line-height:1.4em;
	font-style:italic;
}
/* Format de les imatges. */
img{
	border:none;
	max-width:100%;
	max-height:100%;
}
/* Posició centrada de la web. */
.pagina {
	position:relative;
	width:70%;
	margin:0 auto;	
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .pagina {
	position:relative;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .pagina {
	position:relative;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició del logo de capçalera. */
.capcalera {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició del menu. */
.navegacio {
    position: relative;
	display:flex;
	justify-content:center;
	top:-1.4em;
    width:auto;
    background:transparent;
}
/* Posició del botó de idioma español. */
.espanol {
	position:relative;
	display:flex;
	justify-content:right;
	top:-5em;
    width:auto;
    background:transparent;
}
/* Posició del botó de idioma català. */
.catala {
	position:relative;
	display:flex;
	justify-content:right;
	top:-5em;
    width:auto;
    background:transparent;
}
/* Posició text de pujar. */
.up {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició de les xarxes socials. */
.xarxes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}		
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .xarxes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .xarxes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		




/* estil per pàgina index-caricatures. */

/* Posició del text d'entrada. */
.entrada {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .entrada {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .entrada {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del text d'entrada. */
.itementrada { 
	flex:1 1 auto;
	margin-top:1.5em;
	text-align:center;
}
/* Posició de la taula de preus. */
.taulapreus {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .taulapreus {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .taulapreus {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items de la taula de preus. */
.itempreus { 
	flex:1 1 auto;
	margin-top:1.5em;
}
/* Posició del text anar a galeria. */
.visitargaleria {
	display:flex;	
	justify-content:left;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .visitargaleria {
	display:flex;	
	justify-content:left;
	align-items:flex-start;
	width:95%;
	margin:0 auto;
	margin-top:1.5em;
	margin-bottom:1.5em;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .visitargaleria {
	display:flex;	
	justify-content:left;
	align-items:flex-start;
	width:85%;
	margin:0 auto;
	margin-top:1.5em;
	margin-bottom:1.5em;	
    }
}		
/* Posició de les 2 caricatures abans de preguntes. */
.caricaturespreguntes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .caricaturespreguntes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .caricaturespreguntes {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}			
.itemcaricaturespreguntes { 
	flex:1 1 auto;
	margin-top:1.5em;
}	
/* Posició del text de les preguntes freqüents. */
.textpreguntes {
	display:flex; 
	flex-flow:column nowrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
	margin-top:2em;
	margin-bottom:1.5em;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .textpreguntes {
	flex-flow:column nowrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;
	margin-top:2em;
	margin-bottom:1.5em;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .textpreguntes {
	flex-flow:column nowrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;
	margin-top:2em;
	margin-bottom:1.5em;	
    }
}			




/* estil per pàgina galeria. */
/* Posició del text d'entrada de la galeria. */
.entradagaleria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .entradagaleria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .entradagaleria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del text d'entrada de la galeria. */
.itementradagaleria { 
	flex:1 1 auto;
	margin-top:1.5em;
	text-align:center;
}
/* Posició de les caricatures. */
.galeria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .galeria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .galeria {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items de la galeria. */
.itemgaleria { 
	flex:1 1 auto;
	margin-top:1.5em;
	text-align:center;
}
/* Posició del text tornar a caricatures a la pàgina galeria. */
.textornaracaricatures {
	display:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .textornaracaricatures {
	display:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .textornaracaricatures {
	ddisplay:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Format del text tornar a caricatures a la pàgina galeria. */
p.textornar {
	text-align:center;
	font-style:italic;
	color:#54B2CD;
}




/* estil per pàgina famosos. */
/* Posició del text d'entrada de famosos. */
.entradafamosos {
	display:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .entradafamosos {
	display:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .entradafamosos {
	display:flex; 
	flex-flow:row nowrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del text d'entrada de famosos. */
.itementradafamosos { 
	flex:1 1 auto;
	margin-top:1.5em;
}
/* Posició de les caricatures de famosos. */
.galeriafamosos {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .galeriafamosos {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .galeriafamosos {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items de la galeria de famosos. */
.itemgaleriafamosos { 
	flex:1 1 auto;
	margin-top:1.5em;
    text-align:center;	
}




/* estil per pàgina artista. */
/* Posició del text d'entrada de famosos. */
.entradartista {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:75%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .entradartista {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:95%;
	margin:0 auto;	
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    .entradartista {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del text d'entrada de famosos. */
.itemartista { 
	flex:0 1 auto;
	margin-top:1.5em;
}
/* Posició de la foto dels items del text d'entrada de famosos. */
.itemartistafoto { 
	flex:0 1 auto;
	margin-top:1.8em;
}