@charset "ISO-8859-1";
/* Reset */
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset{
	margin:0;padding:0;line-height:1; list-style:none;}
a img,:link img,:visited img, fieldset{border:none;}


/*ribets d'ajut per maquetar: 
wrapper, header, h1, nav, article, aside {border:solid 1px #FF0000}*/
/* fons de color d'ajut pe maquetar:
wrapper, header, h1, nav, article, aside {background-color:rgba(0,51,153,0.25)}*/



/* 
====================
ELEMENTS BÀSICS */

body {
	color:#666666; font-family:Calibri, Helvetica, Arial, sans-serif; background-color: #FFFFFF;}

a:link {
	color: #6699CC;
	text-decoration: none;
}
a:visited {
	color: #99CCCC;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
	color: #00CCFF;
}

.wrapper {margin:0 auto; width:98%;}

/* 
====================
ENCAPÇALAMENT I NAVEGACIÓ */

header {position:fixed; width:250px; height:100%; padding: 15px 0 0 0; float:left; background-color:rgba(255,255,255,0.8)}

h1 {width:100%; margin-bottom:10px; font-weight:normal; font-size:13px;}

nav {width:100%; margin-bottom:60px; font-size:12px;}
nav li {float:left; margin-right:15px;}
/*nav * {margin-bottom:2px}*/
#next-previous {width:100%; margin-bottom:20px;}
#next-previous li {float:left;}
h2  {font-weight:normal; color:#000000;}
#prev a {width: 11px; height:11px; background-image:url(../imggen/boto-prev.png);display: block; background-position: 0 1px; background-repeat:no-repeat; text-indent:-10000px;}
#prev a:hover {background-image:url(../imggen/boto-prev-hover.png);}
#next a {width: 11px; height:11px; background-image:url(../imggen/boto-next.png);display: block; background-position: 0 1px; background-repeat:no-repeat; text-indent:-10000px;}
#next a:hover {background-image:url(../imggen/boto-next-hover.png);}

/* 
====================
COMENTARI TREBALL */

article {padding-right:35px;  margin-top: 60px; }

/* 
====================
IMATGES */

aside {float:left; margin: 40px 0 0 250px; }
aside div {float:left;}


/* 
====================
DETALLS COMPLEMENTARIS */

.cota {font-size: 10px; color: #cccccc; vertical-align: text-top;}
.cota img {margin: 0px 5px 0px 10px;}
.nota-peu {font-size: 10px; color: #999999; line-height: 12px;}
#clear {clear:both;}

/* 
====================
ELEMENTS ESPECÍFICS PÀGINES CONCRETES */

.canvicolor {margin-left:210px; padding-top:2px; width:980px; float:left; font-size:12px; text-align:right;}
.canvicolor img {margin-left:10px;}

#content {padding-top:26px; margin-left:210px; float:left;}
#iframe-web {margin-top:-10px; margin-left:200px; border:none; height:100%; width:100%;}

.NormalSobreBlanc {font-size:12px; line-height:15px;}
.NormalSobreBlancNegreta {font-size:12px; line-height:15px; font-weight:bold;}
.cv {font-size:14px; line-height:17px; margin-bottom:17px;}
.abstract {font-size:18px; line-height:21px; margin-bottom:17px;}

#retrat {
	position:absolute;
	left: 220px;
	top: 240px;
}


/* MEDIA QUERYS */


/* =============================================================================
   Escritorio
   ========================================================================== */

	@media only screen and (min-width: 1176px) {
	}
	
	 /* =============================================================================
   Tablet
   ========================================================================== */

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		
	}
	
	 /* =============================================================================
   Móvil vertical (320 px)
   ========================================================================== */

	@media only screen and (min-width: 320px) and (max-width: 480px) {
	
header {position:relative; min-height: 150px; margin:0 0 40px 0; width:250px; padding: 15px 0 0 0; }

aside {width:250px; float:none; margin: 0; clear:left; }

aside div {float:none;}

	}
	
	 /* =============================================================================
   Móvil Apaisado (480 px)
   ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		

	}
	
	 /* =============================================================================
  Retina (480 px)
   ========================================================================== */

	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
}