/********************************************************
*														*
*	Copyright 2009 - Quiràlia							*
*	Disseny: Laura Morató (moratolaura@telefonica.net)	*
*	Programació: ODW (info@osonadissenyweb.com)			*
*														*
********************************************************/

/* ESTILS DE L'ESTRUCTURA PRINCIPAL */
html, body {
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	color:#333333;
}

#wrapper {
	text-align:left;
	margin:0 auto;
	width:1000px;
}

#left-col {
	float:left;
	margin-left:15px;
	width:215px;
}

#main-col {
	float:right;
	width:770px;
}

#header {
	position:relative;
}

#dades-contacte {
	float:right;
	text-align:right;
	width:200px;
	margin:-18px 25px 0px 0px;
}

#content {
	 margin:25px 25px 25px 0px;
	 position: relative;
}

#footer {
	clear:both;
	color:#777777;
	margin:20px 25px 20px 15px;
	width:952px;
	padding-bottom: 30px;
}

#footer a:link, #footer a:visited{
	color:#777777;
	text-decoration:none;
}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
}

#credits{
	visibility:hidden;
}

#logo-cellec {
	float: left;
	padding:0px 0px 0px 20px;
	margin:-50px 0px 0px 0px;
	width: 140px;
}

#content-footer {float: right; background:url(../img/bg-footer.jpg) left top no-repeat #d6d6d6; padding: 8px 0px 0px 8px; width: 737px; height: 22px; position:relative;}
#logosfooter {position:absolute; right:8px; top:3px;}
#logosheader {position:absolute; left:8px; top:5px;}

#expand-content {
	clear:both;
	height:58px;
}

/* Estils dels elements de la columan esquerra */
#calendari {
	margin-top:23px;
	width:170px;
	height:154px;
	background:url(../img/fonscalendari.jpg) no-repeat left top;
	padding:10px 5px 5px 5px;
}

#mes-actual-titol {
	padding-left:3px;
}

#properscursos-titol {
	background:url(../img/header-cursos-bg.jpg) no-repeat left top;
	margin:15px 0px 0px -16px;
	width:170px;
	height:18px;
	font-size:10px;
	padding:15px 0px 0px 25px;
	line-height:15px;
	color: #ffffff;
}

#properscursos {
	background: #e5e5e5;
	padding: 0px;
	width: 179px;
	font-size: 10px;
}

#properscursos h2 {border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; font-weight: normal; color: #008131; padding: 5px 0px 4px 8px; font-size: 10px;}
#properscursos h2 a {color: #008131; text-decoration: none;}
.destcursos {padding: 15px 5px 0px 8px;}
.destcursos a:link, .destcursos a:visited {color: #333333; text-decoration: none;}
.destcursos a:hover, .destcursos a:active, .destcursos a:focus {text-decoration: underline;}

#prereserva-agenda {
	background:url(../img/prereserva-agenda.jpg) no-repeat left top;
	margin:10px 0px 0px -16px;
	width:166px;
	height:114px;
	font-size:10px;
	padding:3px 0px 0px 29px;
	line-height:15px;
}

#prereserva-agenda-actiu {
	background:url(../img/prereserva-agenda-actiu.jpg) no-repeat left top;
	margin:10px 0px 0px -16px;
	width:166px;
	height:114px;
	font-size:10px;
	padding:3px 0px 0px 29px;
	line-height:15px;
}

#prereserva-agenda-actiu2 {
	background:url(../img/prereserva-agenda-actiu-2.jpg) no-repeat left top;
	margin:10px 0px 0px -16px;
	width:166px;
	height:114px;
	font-size:10px;
	padding:3px 0px 0px 29px;
	line-height:15px;
}

#prereserva-agenda span {
	color:#e20916;
}

#prereserva-agenda-actiu span, #prereserva-agenda-actiu2 span {
	color:#ffffff;
}

#prereserva-agenda-actiu span a, #prereserva-agenda-actiu2 span a {
	color:#ffffff !important;
}

#prereserva-agenda a:link, #prereserva-agenda a:visited {
	color:#e20916;
	text-decoration:none;
	font-weight:bold;
}

#prereserva-agenda a:hover, #prereserva-agenda a:active, #prereserva-agenda a:focus {
	text-decoration:underline;
}

#prereserva-agenda-actiu a:link, #prereserva-agenda-actiu a:visited, #prereserva-agenda-actiu2 a:link, #prereserva-agenda-actiu2 a:visited{
	color:#e20916;
	text-decoration:none;
	font-weight:bold;
}

#prereserva-agenda-actiu a:hover, #prereserva-agenda-actiu a:active, #prereserva-agenda-actiu a:focus, #prereserva-agenda-actiu2 a:hover, #prereserva-agenda-actiu2 a:active, #prereserva-agenda-actiu2 a:focus {
	text-decoration:underline;
}

#prereserva-educacio {
	background:url(../img/prereserva-educacio.jpg) no-repeat left top;
	margin:10px 0px 0px -15px;
	width:165px;
	height:72px;
	font-size:10px;
	padding:10px 0px 0px 29px;
	line-height:15px;
}

#prereserva-educacio-actiu {
	background:url(../img/prereserva-educacio-actiu.jpg) no-repeat left top;
	margin:10px 0px 0px -15px;
	width:165px;
	height:72px;
	font-size:10px;
	padding:10px 0px 0px 29px;
	line-height:15px;
	color:#ffffff;
}

#prereserva-educacio span{
	color:#0084d7;
}

#prereserva-educacio a:link, #prereserva-educacio a:visited {
	color:#0084d7;
	text-decoration:none;
	font-weight:bold;
}

#prereserva-educacio a:hover, #prereserva-educacio a:active, #prereserva-educacio a:focus {
	text-decoration:underline;
}

#prereserva-educacio-actiu a:link, #prereserva-educacio-actiu a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#prereserva-educacio-actiu a:hover, #prereserva-educacio-actiu a:active, #prereserva-educacio-actiu a:focus {
	text-decoration:underline;
}

/* Estils del mòdul de notícies de la columna esquerra */
#noticies {
	width:180px;
	padding-top:10px;
}

#header-noticies {
	background:url(../img/noticies-header.jpg) no-repeat left top;
	height:22px;
	width:168px;
	color:#000000;
	padding:8px 0px 0px 12px;
}

#header-noticies a:link, #header-noticies a:visited {
	color:#000000;
	text-decoration:none;
}

#header-noticies a:hover, #header-noticies a:active, #header-noticies a:focus {
	text-decoration:underline;
}

#body-noticies {
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
}

#footer-noticies {
	background:url(../img/noticies-footer.jpg) no-repeat left top;
	height:9px;
}

.noticia-item {
	padding:5px 2px 5px 7px;
	line-height:15px;
}

.noticia-item a:link, .noticia-item a:visited {
	text-decoration:none;
	color:#0084d7;
}

.noticia-item a:hover, .noticia-item a:active, .noticia-item a:focus {

}

/* ESTILS DE LES COLUMNES DEL CONTINGUT */
.left-col, .right-col {
	width:260px;
}

.left-col {
	float:left;
	margin-right:30px;
}

.right-col {
	float:left;
}

/* Estil de les imatges que formen un enllaç */
a img {
	border:0px;
	text-decoration:none;
}

/* Estil general de les taules */
table {
	border-collapse:collapse;
}

/* Cites fetes per imatges */
.cita-gran {
	margin-left:-15px !important;
}

.cita-petita {
	margin-left:-5px !important;
}

/* TÍTOLS */
h1 {
	color:#0084d7;
	font-size:11px;
	margin-bottom:0px;
}

h2 {
	font-size:11px;
	margin:0px;
}

.gran {
	font-size:15px;
	color:#333333;
}

h1 .blau {
	color:#0084d7;
}

h1 .vermell {
	color:#E20916;
}

h1 .verd {
	color: #008131;
}
.verd {color: #008131 !important;}
.vermell {color: #e20916 !important;}
.destverd {color: #008131 !important; font-size: 12px;}
.destvermell {color: #e20916 !important; font-size: 12px;}
.destblau {font-size: 12px;}

.margin-top-10 {
	margin-top:10px;
}

/* ESTILS GENERALS DELS PARÀGRAFS */
.centrat {text-align:center;}
.dreta {text-align:right;}
.esquerra {text-align:left;}
.justificat {text-align:justify;}
.cita-linia {
	margin-left:-10px;
}

#content p {
	margin:0px 0px 15px 0px
}

#content a:link, #content a:visited {
	color:#0084D7;
	text-decoration:none;
}

#content a:hover, #content a:active, #content a:focus {
	text-decoration:underline;
}


/* Estils de les dates seleccionades */
#mes-seleccionat {
	float:left;
	width:40px;
	font-size:20px;
	padding:8px 8px 8px 12px;
}

#dia-seleccionat {
	float:right;
	width:92px;
	padding:14px 15px 11px 11px;
	font-size:40px;
}





#provisional-calendari {
	padding:10px;
	font-size:11px;
}

.no-visible {
	display:none !important;
	visibility:hidden !important;
}

.content-2col {
	clear:both;
	width:550px;
}


/* ESTIL DE LA COLUMNA DRETA DE L'ESCOLA D'EDUCADORS */
#col-escola {float: right; width: 190px;}
#col-escola a {color: #ffffff !important; text-decoration: none !important; display: block !important;}

#matriculat-link {background: url(../img/fons-matriculat-dest.jpg) no-repeat; width: 159px; height: 22px; float: right; padding: 18px 0px 0px 26px;}
#calendari-link, #aula-link {background: url(../img/fons-escola-dest.jpg) no-repeat; width: 159px; height: 22px; float: right; padding: 7px 0px 0px 10px; margin-top: 10px;}


/* ESTILS DE LA PÀGINA PRINCIPAL I COLUMNA DE NOTÍCIES */
#title-inici {margin-left: -11px;}
#inici-left {width: 400px; float: left; margin-top: -14px;}
#inici-right{float: right; width: 316px; border-left: 1px solid #e5e5e5; padding: 0px 0px 0px 10px; margin-top:-6px;}
#bannerhome {margin-top:41px; display: block;}
.col-left-noticies {width: 135px; float: left;}
.col-right-noticies {width: 169px; float: right;}
.noticies-inici {clear: both; padding-top: 17px;}
.noticia-inici {margin-bottom: 10px;}
.col-right-noticies h2 {font-weight: normal;}
#title-noticies-inici {color: #333333 !important;}
.expand-new {clear: both; height: 2px;}
.col-right-noticies p {margin-bottom: 0px !important;}
.cont-condicions {width: 550px;}


#capsuleslink {display: block; margin-top: 23px;}
#banner-right {margin-bottom: 18px;}

#banneryoutube {margin-top: 10px;}


/* COmunicat de pràctiques */
.practiques-form-col {
	float: left;
    width: 373px;
}
.extra-practiques-form-col {
	float: right;
    padding-top: 39px;
    width: 355px;
}


#llegendacursicon {
	border-collapse: collapse;
    float: right;
    margin-top: 20px;
    vertical-align: middle;
    width: 178px;
}
#llegendacursicon tr {
	vertical-align:middle;
	padding-bottom: 15px;
}
#llegendacursicon tr td {
	padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: middle;
}

#llegendacursiconcalendar {
	border-collapse: collapse;
    float: left;
    margin-top: 10px;
	margin-bottom: 20px;
    vertical-align: middle;
}
#llegendacursiconcalendar tr {
	vertical-align:middle;
	padding-bottom: 15px;
}
#llegendacursiconcalendar tr td {
	padding-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.ajutuniicon {
	position: absolute;
	right: 150px;
	top: 0px;	
}
.ajutaturcon {
	position: absolute;
	right: 180px;
	top: 0px;	
}

.sharebuttons {
	position:absolute;
	right: 0px;
	top: 40px;	
}
.fb-like {
	margin-right: 20px !important;	
}

#lcataleg {
	background: #e5e5e5 url('../img/miniicon.png') no-repeat 3px center;
    color: #333333;
    display: block;
    height: 17px;
    left: 89px;
    padding-top: 7px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 82px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight:bold;
	padding-left: 13px;
}
#lcataleg:hover {
	text-decoration:underline;
}

#lcatalegbtm {
	background: #cccccc url('../img/miniicon.png') no-repeat 3px center;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px;
    color: #000000;
    display: block;
    font-weight: bold;
    height: 17px;
    padding-top: 7px;
    position: absolute;
    right: 83px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 82px;
	padding-left:13px;
}
#lcatalegbtm:hover {
	text-decoration:underline;
}