@charset "utf-8";
/*
	TOC
		1. Títol
		2. Títol de continguts
		3. Tipus de lletra
			3.1 Vermell
			3.2 Text petit
		4. Menu dalt
		4. Layout 50-50
		5. Menu dos nivells

*/


body {
	color: #000066;
	font-size: 0.82em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 3px;
}
button,
input,
select,
textarea {
	color: #000066;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
}
a:link {
	color: #E86B0F;
}
a:visited {
	color: #8000FF;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}

img {
	border: 0;
}

/*-- Títol
------------------------------------------------------------------------- */
h1 {
	font-size: 130%;
	margin-bottom: 6px;
	padding: 0.5em 0 0.2em 0;
	color: #FFFFFF;
	background-color: #E86B0F;
	background-image: url(Imatges/Models/gradverm.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	border-bottom: 3px;
	border-bottom-color: #0C3685;
	border-bottom-style: solid;
}
/*--- Títol de contingut
------------------------------------------------------------------------- */

h2.titol-contingut,
h3.titol-contingut {
	font-size: 1em;
	margin: 0 12em 0.4em 12em;
	padding: 0.1em 0 0.1em 0;
	color: #FFFFFF;
	background-color: #E86B0F;
	background-image: url(Imatges/Models/gradverm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

h3.ample-contingut {
	font-size: 1em;
	margin: 0 1.2em 0.8em 1.2em;
	padding: 0.1em 0 0.1em 26px;
	color: #FFFFFF;
	background-color: #E86B0F;
	background-image: url(Imatges/Models/gradverm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

h2.titol-blau,
h3.titol-blau {
	font-size: 1em;
	margin: 0.4em 12em 0.8em 12em;
	padding: 0.1em 0 0.1em 0;
	color: #FFFFFF;
	background-color: rgb(24,49,99);
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

h4 {
	text-align: center;
	font-size: 115%;
	color: #E86B0F;
	margin: 0.4em 10em 0.4em 10em;
	border-bottom: thin solid #000066;
}

h5 {
	text-align: center;
	font-size: 105%;
	margin: 0 1em 0.6em 1em;
}

.titol3 {
	font-size: 1em;
	margin: 0.1em 2em 0.4em 2em;
	padding: 0.1em 0 0.1em 0;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-position: left center;
	border-top: none;
	border-right: none;
	border-bottom: thin solid #E86B0F;
	border-left: thin none;
	color: #E86B0F;
}

.ratlla {
	font-size: 4px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	height: 0px;
	border: none;
	background-color: #E86B0F;
	font-variant: normal;
	background-position: center center;
	color: #FFFFFF;
	line-height: 0px;
}

/*-- Vermell
------------------------------------------------------------------------- */
.vermell {
	color: rgb(255,0,0);
}

.vermellpetit {
	color: rgb(255,0,0);
	font-size: 85%;
}

.vermellmicro {
	color: rgb(255,0,0);
	font-size: 70%;
}
/*-- Mides de text
------------------------------------------------------------------------- */
.textpetit {
	font-size: 85%;
}

.textmicro {
	font-size: 70%;
}

.textgran {
	font-size: 1.5em;
}

.textnegre {
	font-weight: bold;
}


/*-- Taules
------------------------------------------------------------------------- */
table {
	font-size: 1em;
}

table th,
table td {
	vertical-align:  top;
}

table th.esq,
table td.esq {
	text-align: left;
}
table th.cen,
table td.cen {
	text-align: center;
}
table th.dre,
table td.dre {
	text-align: right;
}

table th.baix, 
table td.baix {
	vertical-align: bottom;
	text-align: right;
	padding: 0 5px 0px 0;
	font-size: 85%;
}

/* -- fi taules --*/

/*-- Paragraf
------------------------------------------------------------------------- */
p {
	margin:0 0 0.5em 0;
}
/* -- fi paragraf --*/

/*-- Menu de dalt
------------------------------------------------------------------------- */
ul#menu-dalt {
	border: 0px solid rgb(51,51,51);
	font-size: 0.85em;
	text-align: right;
	margin: 0 0 6px 0px;
	padding: 2px 0 3px;
	background-color: #0C3685;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;

}
ul#menu-dalt li {
	display: inline;
	border-left: 1px solid #FFFFFF;
	padding: 0 10px;
}
ul#menu-dalt li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul#menu-dalt li a:hover {
	text-decoration: underline;
}
ul#menu-dalt li.actual a {
	color: #FFFFFF;
	font-weight: bold;
}
ul#menu-dalt li.titol {
	color: #FFFFFF;
	border-left: 0px;
}
ul#menu-dalt li.primer {
	border-left: 0px;
	padding: 0 10px;
}

/* fi menu dalt */

ul#menu-foto {
	border: 0px solid rgb(51,51,51);
	font-size: 0.85em;
	margin: 0 0 6px 0px;
	padding: 2px 0 3px;
}
ul#menu-foto li {
	display: inline;
	border-left: 1px solid #FFFFFF;
	padding: 0 10px;
}
ul#menu-foto li a {
	color: #FFFFFF;
	text-decoration: none;
}


/*-- llista de Cànics
------------------------------------------------------------------------- */
ul#ul-canic {
	border: 0px solid rgb(51,51,51);
	font-size: 1em;
	margin: 4px 25px 0px 40px;
	padding: 4px 0 3px 0;
	list-style-image:   url(images/stories/Fotos/Imatges/Microcanic.gif);
}
ul#ul-caniccurt {
	border: 0px solid rgb(51,51,51);
	font-size: 1em;
	margin: 4px 4px 0px 20px;
	padding: 4px 5px 3px 0;
	list-style-image:   url(images/stories/Fotos/Imatges/Microcanic.gif);
}
ul#ul-canic li {
	padding: 0 0 10px 0px;
	vertical-align: text-bottom;
}
ul#ul-caniccurt li {
	padding: 0 0 10px 0px;
	vertical-align: text-bottom;
}
/* fi ul-canic */

/*-- Taula d'historia
------------------------------------------------------------------------- */

table.historia th {
	border: 0px solid rgb(51,51,51);
	font-size: 1em;
	margin: 0 20px 14px 20px;
	padding: 5px 5px 3px 3px;
	text-align: left;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
}

table th.th-blau {
	border: 0px;
	margin: 0 0 14px 0;
	padding: 5px 5px 3px 8px;
	text-align: left;
	background-color: #0C3685;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
}

table td.th-vermell ,
table th.th-vermell {
	background-color: #E86B0F;
	background-image: url(Imatges/Models/gradverm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

table.historia td {
	font-size: 1em;
	padding: 2px 5px 2px 2px;
	background-color: #DBE0DA;
}

table tr.td-vermell,
table td.td-vermell {
	font-size: 1em;
	padding: 2px 5px 2px 2px;
	background-color: #E86B0F;
	background-color: rgb(246,196,161);
}

table tr.td-gris,
table td.td-gris {
	font-size: 1em;
	padding: 2px 5px 2px 2px;
	background-color: #999999;
}

table tr.calendari0,
table td.calendari0 {
	background-color: #DDE7E8;
}

table tr.calendari1i2,
table td.calendari1i2 {
	background-color: #CCFF99;
}

table tr.calendari3,
table td.calendari3 {
	background-color: #FF99FF;
}

.calmensualverd {
	font-weight: bold;
	background-color: #00FF00;
	text-align: right;
	color: #FF0000;
}
.calmensualvermell {
	font-weight: bold;
	background-color: #FF0000;
	text-align: right;
	color: #FFFFFF;
}
 
.calmensualgroc {
	font-weight: bold;
	background-color: #FFFF00;
	text-align: right;
}

.calmensualblanc {
	text-align: right;
}

table.historia caption {
	font-size: 80%;
	text-align: right;
	color: #FF0000;
}

/* fi historia */

/*-- Taula blanca
------------------------------------------------------------------------- */

table.blanca th {
	border: 0px solid rgb(51,51,51);
	font-size: 1em;
	margin: 0 0 4px 0;
	padding: 2px 5px 3px 3px;
	text-align: left;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
}

table.blanca td {
	font-size: 1em;
	padding: 2px 0px 2px 10px;
}

table.blanca td.td-estret {
	font-size: 1em;
	padding: 0px 0px 0px 20px;
}

/* fi taula blanca */

/*-- Taula vora fina 
------------------------------------------------------------------------- */

table.fina {
	border: 1px solid rgb(165, 172, 178);
}

/* fi taula fina */
/*-- Taula lliga
------------------------------------------------------------------------- */

table.lliga th {
	border: 0px solid rgb(51,51,51);
	font-size: 1em;
	margin: 0 0 4px 0;
	padding: 2px 5px 3px 3px;
	text-align: center;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
}

table.resum th {
	border: 0px solid rgb(51,51,51);
	font-size: 0.8em;
	margin: 0 0 4px 0;
	padding: 2px 5px 3px 3px;
	text-align: center;
	background-image: url(Imatges/Models/gradblau.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
}

table.lliga td {
	font-size: 1em;
	padding: 2px 0px 2px 10px;
 	text-align: center;
}
table.resum td {
	font-size: 0.8em;
	padding: 2px 0px 2px 2px;
 	text-align: center;
}
table.lliga td.td-resta {
 	text-align: center;
}
table.lliga td.td-titol {
	font-size: 1.4em;
	text-align: center;
}

table td.td-nivell {
	border-bottom-color: #E86B0F;
	border-bottom-width: thin;
	border-bottom-style: solid;
	text-align: left;
	font-weight: bold;
}
/* fi taula lliga */

/*-- Grup foto carnet
------------------------------------------------------------------------- */

div.foto-carnet {
	float:left;
	text-align: center;
	font-size: 85%;
	}

div.foto-carnet img {
	margin: 5px;
}

div.foto-carnet-dreta {
	float:right;
	text-align: center;
	font-size: 85%;
	}

div.foto-carnet-dreta img {
	margin: 5px;
}

/* fi foto carnet */

/*-- Grup llibre
------------------------------------------------------------------------- */

div.llibre {
	float:left;
	text-align: left;
	font-size: 85%;
	}

div.llibre img {
	margin: 2px;
}

div.llibre img micro {
	margin: 0px;
}

div.llibre table {
	width: 260px;
	height: 170px;
}

/* fi llibre */
/*-- Grup llibre
------------------------------------------------------------------------- */

div.profe {
	float:left;
	text-align: left;
	font-size: 85%;
	}

div.profe img {
	margin: 2px;
}

div.profe img micro {
	margin: 0px;
}

div.profe table {
	width: 170px;
	height: 500px;

}

/* fi llibre */

/*-- Layout
------------------------------------------------------------------------- */
#layout-70-30,
#layout-60-40,
#layout-50-50 {
	margin-left: 1.6em;
}
#layout-20-50-30 {
	margin-left: 3.2em;
}
#layout-70-30:after,
#layout-60-40:after,
#layout-50-50:after,
#layout-20-50-30:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*--- Layout 70% - 30%
------------------------------------------------------------------------- */
#layout-70-30 .contenidorPrincipal {
	float: left;
	width: 74%;
	margin: 0 1.6em 0 -1.6em;
}
#layout-70-30 .contenidorSecundari {
	float: left;
	width: 26%;
}
/*--- Layout 60% - 40%
------------------------------------------------------------------------- */
#layout-60-40 .contenidorPrincipal {
	float: left;
	width: 62%;
	margin: 0 1.6em 0 -1.6em;
}
#layout-60-40 .contenidorSecundari {
	float: left;
	width: 38%;
}
/*--- Layout 50% - 50%
------------------------------------------------------------------------- */
#layout-50-50 .contenidorPrincipal {
	float: left;
	width: 50%;
	margin: 0 0.8em 0 -1.6em;
}
#layout-50-50 .contenidorSecundari {
	float: left;
	width: 50%;
	margin: 0 0 0 0.8em;
}
/*--- Layout 20% - 50% - 30%
------------------------------------------------------------------------- */
#layout-20-50-30 .contenidorSecundari {
	float: left;
	width: 20%;
	margin: 0 3.2em 0 -3.2em;
}
#layout-20-50-30 .contenidorPrincipal {
	float: left;
	width: 50%;
	margin: 0 1.6em 0 -1.6em;
}
#layout-20-50-30 .contenidorTerciari {
	float: left;
	width: 30%;
}
/* fi layout */
.canicdoble {
	font-size: 2em;
	color: #E06B0F;
}
table tr.calendarit, table td.calendarit {
	background-color: #FF9900;
}
table tr.calendarid, table td.calendarid {
	background-color: #FFFF66;
}
.textmig {

	font-size: 1.2em;
}