body { 
	margin: 0px auto 0px auto;
	padding: 0; 	
	font-size: 100%;
	text-align: center;
	color: #333;
	background: #fff url(../images/bg-body.gif) repeat-x;
}

/* ===========Estils Globals====================================================  */
* {margin: 0; padding: 0; border: 0;}
span {color: #047c9f}
p, ul, ol, p a, h2 {font-family: Arial, Helvetica, sans-serif}

/* ========== Títols ======================================================= */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #047c9f; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling per h3 enllaçats */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling per titols enllaçats */

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #333; color: #fff; line-height: 2.0em} /* títols amb fons negre */

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 1.2em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* paragraf en negreta */

/* =========Estils de Text ====================================================== */
p {margin: 10px; font-size: 0.72em; line-height: 1.75em}

p.updated {margin-left: 10px; font-size: 0.60em; line-height: 0.60em; letter-spacing: 0.05em; color: #888}

#siteimg p {   /* Text gran de la img principal */
	margin: 0 0 0 10px; /* eliminat el marge superior i inferior del paragraf per evitar el trencament del format */
	padding-left: 10px;
	padding-top: 90px;
	font-family: Georgia, serif;
	font-size: 1.45em; 
	line-height: 1.05em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}

acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.75em; line-height: 1.60em; list-style: inside square}
ol {margin-left: 28px; font-size: 0.75em; line-height: 1.60em; list-style-type: decimal;}

.encurs {float:right; border:1px solid orange; color:yellow; background-color:orange; padding:3px;}
.fet {float:right; border:1px solid #f00; color:#fff; background-color:#c00; padding:3px;}

/* ===============================Enllaços a paragraf================================= */
a {color: #009ca3; font-weight: bold; text-decoration: none} /* Color corporatiu */
a:link {color: #047c9f; font-weight: bold; text-decoration: none}
a:hover {color: #00eefb; font-weight: bold; text-decoration: none}

/* -------------------------------------------------------------------------Divs-------------------------------------------------------------------------- */
#container {
	text-align: left;
	width: 770px; /* Encaixa a una pàgina de 800x600, amb espai per scrollbar */
	background: #fff;
	overflow: hidden;
	margin: auto auto;
}

#topbar {   /* Barra superior */
	width: 770px;
	height: 25px;
	background: #333;
}	
	
#hdr {    /* Area d'Imatge gran capcelera */
	width: 770px; /* Encaixa a una pàgina de 800x600 */
	height: 4.5em; /* Mateixa alçada de h1 line-height */
	line-height: 4.5em;
	background: #fff;
}

#navbar {   /* Navegacio Principal */
	width: 770px; /* Encaixa a una pàgina de 800x600 */
	height: 1.75em; 
	background: #f0f0f0; /* Gris clar */
}

#siteimg {   /* Imatge gran capcelera */
	width: 770px; /* Encaixa a una pàgina de 800x600, amb espai per scrollbar */
	height: 200px;
	background: url('../images/siteimage02.jpg') #fff; /* Blanc fons foto */	
}

#lftcol {
	float: left;
	width: 200px;
	background: transparent url(../images/pestanya.gif) top left no-repeat;
	overflow: hidden;
}

#lftcol h2 {margin: 0; padding-top:7px; padding-left: 10px; font-size: 1.1em; background-color: transparent; color: #0279A1; line-height: 1.2em}

#rgtcol {
	float: left;
	width: 570px;
	background: transparent url(../images/pestanya-dreta.gif) top left no-repeat;
	overflow: hidden;
}

#rgtcol h2 {margin: 0; padding-top:7px; padding-left: 10px; font-size: 1.1em; background-color: transparent; color: #0279A1; line-height: 1.2em}

#bttmbar { /* barra inferior, conté el botó AMUNT i la informació de copyright etc */
	float: right;
	width: 770px;
	height: 5em;
	margin-top: 19px;
	line-height: 3em;
	background: #333;
	overflow: hidden;
	color:#fff;
}
.banner-col {margin-left:10px;}
.banner {padding-left:10px; height:200px; margin-top:20px; margin-bottom:5px; width:560px;}
.portada{float:left; width:181px; height:195px; margin-right:4px;}

/* ==================== Navegacio Principal============================ */
#nav ul {display: inline}
#nav li {display: inline}

#nav a {
	line-height: 30px; /* mateixa alçada que nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold;
}

#nav a span {color: #333}

.idioma {
margin-top:3px;
width:202px;
height:24px;
text-align:right;
background: transparent url(../images/pestanya-idioma.gif) no-repeat top right;
float:right;
padding:6px 10px 0 0; 
font-size:60%;}

/* Formulariss, Input boxes i botons */
form.login {float: right; height: 3em; line-height: 3em; margin: 10px 0 0 0; width: 8.0em;}
input.login {border: 1px solid #333; width: 6em; font-size: 0.95em;}
input.loginbttn {border: 0px solid #fff; width: 3em; background: #047c9f; color: #fff; font-size: 1.0em}

/* Imatges */
img.rightimg {float: right; margin-left: 10px; padding:5px; border: 1px solid #ddd;}
img.leftimg {margin-right: 10px; padding:5px; border: 1px solid #ddd;}

img.languageimg {float: right; margin: 4px 2px 0 0} /* banderes de idioma*/

/*=========botó imatges llista com a google analytics=========*/
 ul.buts {list-style-type:none;margin-left:10px;padding-left:0;margin-top:0;}
 ul.buts  li {margin-bottom:8px; margin-left:0;padding-left:0; list-style-type:none;}
.buts a {display:block; border: solid #317b8d; border-width:0 1px; text-decoration:none; outline:none; color:#000; background:#c1e2ea; }
.buts a b {display:block; position:relative; top:-1px; left:0; border:solid #317b8d; border-width:1px 0 0; font-weight:normal; text-transform:uppercase; line-height:1.3em; color:#317b8d;}
.buts a b b {border-width:0 0 1px; top:2px; padding:1px 6px;}
.buts a:hover,.buts a:hover b {background:#317b8d;color:white;}

hr.sep {
height: 2px;
border: 1px dotted #ddd;
color: #ddd;
margin:10px 0 20px 10px;
background-color: #fff;
width: 97%;
}

/*=========Acordió=========*/
#accordion {
	margin:20px 10px;
}

h2.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 16px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
/*=========destacat columna====*/
.destacat_col {background:#eee url(../images/cursos-ico-gris.png) no-repeat bottom right; border:solid 1px #ddd; margin:10px 4px 0 9px; padding-bottom: 5px; overflow:auto}

/*=========bloc data========*/

div.databloc{
line-height: 0.8em;
width: 40px;
background: #fff;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
color: #aaa;
position: absolute;
text-align: center;
margin: 0 12px 0 10px;
letter-spacing: 0.17em;
font-family: Arial, Verdana, sans;
float:left;
*margin-left:-48px

}
span.databloc_mes{
font-size: 9px;
display: block;
text-align: center;
color: #fff;
background-color:#f00;
font-family: Georgia, Arial, Verdana, sans;
}
span.databloc_dia{
font-weight: bold;
font-size: 18px;
display: block;
font-family: Georgia, Arial, Verdana, sans;
text-align: center;
position: relative;
top: -1px;
color: #666;
padding:4px 0 5px 0;
}
.curs {min-height:26px;margin-left:55px; line-height: 13px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;background:#fff; padding:4px 4px 5px 4px;}