body
{ 
	background-color: white;
	background-image: url("imatges/fondo2.jpg");
	margin: 0 10px 0 0px;
}

table#taulaTop, table#taulaEscuts, table#menuSup, table#menuEsq 
{
	background-color: #7aa245;
	border-collapse: collapse;
}

table#menuEsq
{
	margin: 15px 0 0 0;
}

table#menuEsq tr td
{
	margin: 0;
	padding-top: 10px;
}

table#taulaTop, table#taulaCont
{
	width: 1000px;
}

table#taulaTop
{
	padding: 0;
	margin: 0 0 0 10px;
}

table#taulaTop tr td
{
	padding: 0;
}

table#taulaCont
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	height: 800px;
}

td.escuts {
	vertical-align: bottom; 
	text-align: left;
	width: 120px;
	spacing: 0 5px;
}

td#columna0, td#columna1
{
	vertical-align: top;
}

td#columna0
{
	width: 20px;
	text-align: center;
	background-color: transparent;
}

td#columna1
{
	background-color: white;
	background-repeat: repeat;
	padding: 4px 10px;
	background-image: url("imatges/fondo2.jpg");
}

td.filaPortada
{
	height: 98px;
	background-image: url("imatges/capweb.jpg");
	background-repeat: no-repeat;
	background-position: 60px 6px;

}

table#taulaCases, table#taulaWebcam, table#taulaNoticies, div#thumbnails, table#albumFotos, table#tvideo
{
	color: black;
	margin: 10px 0;
	color: black; 
	font-size: small;
	vertical-align: middle; 
	border-collapse: collapse;
	background-color: #dedfbb;
}

div#contingut 
{	
 	margin: 2px 20px 0 2px;
 	padding: 0;
 	/*
	border-left-style: dashed;
	border-left-color: gray;
	border-left-width: 1px;
	border-top-style: dashed;
	border-top-color: gray;
	border-top-width: 1px; */
}

table#taulaWebcam tr td, table#taulaCases tr td
{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	vertical-align: middle;
}

.imatge
{
	float: right;
	margin: 10px;
	padding: 0px;
	border: 5px;
	border-style: solid;
	border-color: white;
}

p#titulo{
	color: black;
	font-weight: normal;
	font-family : "Arial Black";
	font-size : large;
	padding: 2px 0px 5px 0px;
}
			 
p#subtitulo
{
	font-weight: bold;
	font-size: 13px;
	word-spacing: normal;
	text-transform: none;
	color: black;
	letter-spacing: normal;
}
					  
.apartado
{
	font-family: "Arial";
	font-weight: bold;
	font-size: 12px;
	color: black;
	letter-spacing: 2px;
	margin: 40px 0px 2px 2px;
	background-color: #d0d0b0;
	padding: 1px 5px 1px 14px;
	border-bottom: 1px solid black;
	display: inline;
}

.destacat
{
	font-weight: bold;
	font-size: medium;
	color: black;
}

.texto, .textoSin, ul.noticies li
{
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	font-size: 12px;
	margin: 20px 5px;
}

.texto
{
	text-indent: 10px;
	text-align: justify;
}

p.textoNota
{
	margin: 30px 0;
	padding: 10px 0;
	font-size: x-small;
	color: black;
	border-top: 1px dashed gray;
}

.textoPeu
{
	font-size: small;
	color: black;
	text-align: center;
	background-color: #eeffbb;
	padding: 1px 5px;
}	

.opcionMenuTop
{
	color: #408040;
	font-family: Sans Serif, Verdana;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

.opcionMenu
{
	font-family: verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
}

.opcionMenuSelec:link, .opcionMenuSelec:visited
{
	color: yellow;
	font-family: Sans Serif, Verdana;
	text-decoration: none;
	font-weight: bold;
	font-size: small;
	padding: 0px 10px 0px 10px;
}

.opcionMenu:active, .opcionMenuTop:active
{	
	color: yellow;
	text-decoration: none;
	font-weight: normal;
}

.opcionMenu:link, .opcionMenuTop:link
{	
	color: #104010;
	text-decoration: none;
}
			
.opcionMenu:visited, .opcionMenuTop:visited
{
	color: black;
	text-decoration: none;
}

.opcionMenu:hover, .opcionMenuTop:hover
{
	border-right: maroon thin;
	border-top: maroon thin;
	background-color: Yellow;
	text-decoration: none;
}

p a:active, ul.enllacos li a:active, ul li a:active
{
	text-decoration: underline;
	margin-bottom: 1px;
	color: white;
	text-decoration: none;
}

p a:link, ul.enllacos li a:link, ul li a:link
{
	text-decoration: underline;
	color: #226622;
	padding: 0 3px;
}

p a:visited, ul.enllacos li a:visited, ul li a:visited
{
	color: #003800;
	text-decoration: underline;
}

p a:hover, ul.enllacos li a:hover, ul li a:hover
{
	background-color: #d0ffd0;
}

div#thumbnails 
{ 
	height: 90px; 
	width: 650px; 
	overflow: auto; 
}

#pic { 
	text-align: center; 
	height: 400px; 
	padding: 10px; 
	
}

div#divSlide
{
	border: 5px solid #e0e0e0;
	margin: 5px 5px 5px 15px;
}

img.clipMapa
{
	position: absolute;
	clip: rect(auto auto auto auto);
}

img.video
{
	border: 1px solid gray;  
	margin-right: 10px;	
	padding: 5px;
}

img#tituloCapcelera
{
	margin: 0px 0px 0px 40px;
}

div#idiomes img
{
	margin: 0px 10px;
}

img.fotoTexto, p iframe
{
 	border: solid #7aa245;
	border-width: 6px;
	float: right;
	margin: 30px;
}

td.degraLeft
{
	background-image: url("imatges/degra1.gif");
	background-repeat: repeat-y;
	width: 10px;
	background-position: right;
}

td.degraRight
{
	background-image: url("imatges/degra2.gif");
	background-repeat: repeat-y;
	width: 10px;
	background-position: left;
}

td.degraTop
{
	background-image: url("imatges/degra3.gif");
	background-repeat: repeat-x;
	height: 10px;
	background-position: bottom;
}

td.degraBottom
{
	background-image: url("imatges/degra4.gif");
	background-repeat: repeat-x;
	height: 10px;
	background-position: top;
}

td.degraTL
{
	background-image: url("imatges/degratl.gif");
	background-position: bottom right;
	width: 10px;
	height: 10px;
}

td.degraTR
{
	background-image: url("imatges/degratr.gif");
	background-position: bottom left;
	width: 10px;
	height: 10px;
}

td.degraBL
{
	background-image: url("imatges/degrabl.gif");
	width: 10px;
	height: 10px;
	background-position: top right;
}

td.degraBR
{
	background-image: url("imatges/degrabr.gif");
	width: 10px;
	height: 10px;
	background-position: top left;
}

td.barraTop
{
	height: 10px;
	vertical-align: top;
}

.carrerbgr {
 
	width:320px; 
	height:400px; 
	position: absolute; 
	left: 550px; 
	top: 120px; 
	background: #B0B0B0; 
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	display: none;
}


.carrerdesc {
 	width:300px; 
	height:400px; 
	position: absolute; 
	left: 550px; 
	top: 120px;
	overflow: auto; 
	padding: 8px 8px;
	display: none;
}

object {
	color: red;
	font-size: small;
	font-style: italic;
	border: 1px solid red;
	padding: 2px;
}

#thumbs-container {
 width: 95%;
}