/*
Dissenyat per Pere Cantenys
CESI - Informātica i comunicacions
*/

body {
	margin: 0;
	padding: 0;
	background: #4B689A url(../images/img1.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0000ff;
	text-align:center;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#0000ff;
	text-align:center;
}


/* Cabecera */
#header {
	width: 100%;
	height: 100px;
	padding: 0px 0px 0px 0px;
	background: url(../images/img2.jpg);
}

/* Cabecera 2 */
#header_2 {
	height: 135px;
	margin: 0px 70px 0px 70px;
	padding: .5em 0;
	background: #EBEEF2;
	border: 5px solid #FFFFFF;
}

/* Content */
#content {
	margin: 10px 70px 10px 70px;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
}

#colEsquerra {
	float: left;
	width: 190px;
	background: #EBEEF2;
	padding: 3px 3px 3px 3px;
}

#colDreta {
	margin-left: 200px;
	background: #EBEEF2;
	padding: 3px 3px 3px 3px;
}

/* Menu */
#Menu {
	font-size:14px;
	color:#0000ff;
	margin: 4px 4px 0px 15px;
	line-height: 23px;
}

#Menu li {
	list-style-image: url(../images/vinyeta.gif);
}

#Menu li a {
	text-decoration: underline;
	text-align:left;
	color:#0000FF;
	margin-left: 5px;
}

#Menu li a:hover {
	list-style-image: url(../images/vinyeta2.gif);
	color:#FF0000;
}

A.Menu:link, A.Menu:visited {
   text-decoration: underline;
   color: #0000ff;
}
A.Menu:hover {
	list-style-image: url(../images/vinyeta.gif);
	color: #ff0000;
	font-weight: bold;
}

/* Financiacion */
#Finan {
	font-size:16px;
	color:#0000ff;
	margin: 4px 4px 0px 15px;
	line-height: 23px;
}

#Finan li {
	list-style-image: url(../images/vinyeta_g.gif);
}

#Finan li a {
	text-decoration: underline;
	text-align:left;
	color: #009900;
	margin-left: 5px;
}

#Finan li a:hover {
	list-style-image: url(../images/vinyeta2.gif);
	color:#FF0000;
}


.Lista {
	font-size:16px;
	color:#000000;
}

.Lista li {
	list-style-image: url(../images/vinyeta3.gif);
}

/* Peu */
#footer {
	clear: both;
	margin: 10px 70px 10px 70px;
	padding: .5em 0;
	background: #EBEEF2;
	border: 5px solid #FFFFFF;
}

#footer p {
	text-align: left;
	font-size: 11px;
}

/* VARIS */
.TituloGeneral {
	font-family: Tahoma;
	font-size:16px;
	font-weight: bold;
	font-style:normal;
	color: #000000;	
}
.TituloRojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #ff0000;
}
.TextoGeneral {
	font-family: Tahoma;
	font-size:14px;
	font-style:normal;
	color: #000000;
}
.TextoGeneral_Negrita {
	font-family: Tahoma;
	font-size:14px;
	font-style:normal;
	font-weight: bold;
	color: #000000;
}
.TextoPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}
.LinkEmail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* font-stretch: normal;           No existe en CSS 2.1*/
	font-style: normal;
	font-weight:bold ;
	text-decoration: none;
	color:#0000FF;
}
a.LinkEmail:link { color: #0000FF; }
a.LinkEmail:visited { color: #0000FF; }
a.LinkEmail:hover { color: #FF0000; }
a.LinkEmail:active { color: #0000FF; }

.TablePuntos {
	border: 1px dashed #0000ff;
}

/* Per les lectures de la BASE de DADES */
.GridHeader {
	font-family: Arial,Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #000066;
	text-decoration: none;
	background-color: #efebf7;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	border: medium none #0000CC;
	font-weight: bolder;
    text-decoration: none;
}
	
}
a.GridHeader {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000080;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	border: medium none #0000CC;
	font-weight: bolder;
    text-decoration: none;
}

a.GridHeader:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000080;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	border: medium none #0000CC;
	font-weight: bolder;
    text-decoration: none;
	}
	
a.GridHeader:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000080;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	border: medium none #0000CC;
	font-weight: bolder;
    text-decoration: none;
}

a.GridHeader:active {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000080;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	border: medium none #0000CC;
	font-weight: bolder;
    text-decoration: none; 
	}

.GridLine {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

.GridLine_right {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
}

.Meteo {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#000000;
}
.Meteo li {
	list-style-image: url(../images/vinyeta4.gif);
	padding: 0px 10px 7px 0px;
}
.Meteo li a {
	text-decoration:none;
	color:#000000;
}
.Meteo li a:hover {
	color:#0000ff;
	text-decoration:underline;
}


.Font8 {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial
}
.Font10BoldBlue {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #336699; FONT-FAMILY: arial
}
.Font10Boldv {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana,Arial
}