@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 menu de navegació. */
p.menutext {
	word-spacing:1em;
	font-size:0.9em;
	font-weight:bold;
}	
/* Format dels links del menú de navegació. */
a.menulink:link, a.menulink:visited {
	text-decoration:none;
	color:#55B9D8;
}
/* Format del rollover dels links del menú de navegació. */
a.menulink:hover, a.menulink:active {
	text-decoration:none;
	color:#ED5123;
}
/* Format del text de pujar. */
p.textup {
	font-size:1.2em;
	text-align:center;
	line-height:1.8em;
	color:#55B9D8;
}
/* Format del copyright. */
p.textcopyright {
	font-size:0.7em;
	text-align:center;
	line-height:1.2em;
	color:#55B9D8;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    p.textcopyright {
	font-size:0.8em;
	text-align:center;
	line-height:1.2em;
	color:#55B9D8;
    }
}
/* Format responsive per tauletes. */
@media only screen and (min-width:481px) and (max-width:800px){
    p.textcopyright {
	font-size:0.7em;
	text-align:center;
	line-height:1.2em;
	color:#55B9D8;
    }
}		
/* 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:-0.5em;
    width:auto;
    background:transparent;
}
/* Posició del titol del portafoli. */
.titolportafoli {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició text dels botons prev next de portafolis. */
.prevnextportafoli {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició del sumari del portafoli. */
.sumariportafoli {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició de les il·lustracions. */
.portafoli {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:70%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .portafoli {
	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){
    .portafoli {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del portafoli. */
.itemportafoli { 
	flex:1 1 auto;
	margin-top:1.5em;
	text-align:center;
}
/* Posició text de pujar. */
.up {
	position:relative;
	display:flex;
    justify-content:center;
}
/* Posició del copyright. */
.copyright {
	position:relative;
	display:flex;
    justify-content:center;
}




/* estil per la pàgina About. */
/* Posició del text de About. */
.about {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:70%;
	margin:0 auto;
}
/* Format responsive per dispositius mòbils. */
@media only screen and (min-width:300px) and (max-width:480px){
    .about {
	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){
    .about {
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	width:85%;
	margin:0 auto;	
    }
}		
/* Posició dels items del text de About. */
.itemabout { 
	flex:0 1 auto;
	margin-top:1.5em;
}
/* Format del titol mitjà h2. */
h2 {
	font-size:1.4em;
	text-align:left;
	line-height:1.4em;
	color:#55B9D8;
	margin-bottom:1.2em;
}
/* 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:#55B9D8;
	margin-bottom:1em;
    }
}
/* 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:#55B9D8;
	margin-bottom:1.2em;
    }
}		
/* Format del text a la pàgina About. */
p.aboutxt {
	font-size:1em;
	text-align:left;
	line-height:1.5em;
	color:#55B9D8;
	margin-bottom:1.1em;
}
/* Format del asterisc a la pàgina About. */
p.asterisc {
	font-size:3em;
	text-align:center;
	font-weight:bold;
	color:#55B9D8;
	margin-top:1.5em;
	margin-bottom:0.8em;
}
/* Format dels links del text a la pàgina About. */
a.englink:link, a.englink:visited {
	text-decoration:underline;
	color:#55B9D8;
	font-style:italic;
}
/* Format del rollover del text a la pàgina About. */
a.englink:hover, a.englink:active {
	text-decoration:underline;
	color:#ED5123;
	font-style:italic;
}