html { height: 100%; margin: 0 0 1px; }

body {
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-size: 11px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 0;
	background-color: #999999;
	color:#660000;
	background-image:url(../img/bgBody.gif);
}

a {
	color: #FF0000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img {
	border: 0;
}

#container {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#cabecera {
	background-image: url(../img/capcelera.png);
	background-repeat: no-repeat;
	background-position:top;
	width:800px;
	height:120px;
	z-index:1;
}
#footer {
	background-image:url(../img/bgFooter.png);
	background-position:top;
	background-repeat:no-repeat;
	width:800px;
	height:27px;
	text-align: center;
}
#imgFooter {
	position:relative;
	float:left;
	width:144px;
	height:102px;
	z-index:4;
	background-image:url(../img/bgFooter2.png);
	background-position:top;
	background-repeat:no-repeat;
	left: -50px;
	top: -20px;
}
#textFooter {
	position:relative;
	font-weight: normal;
	font-size: 11px;
	color: #660000;
	top: 6px;
	left: -100px;
}

/* ------------------------- Pestanyes d'idiomes --- */
#idioma {
	position:relative;
	float:right;
	width:210px;
	height:24px;
	z-index:2;
	top: 60px;
	*top: 71px;
	right: 43px;
	*right: 3px;
}
ul.idiomes{
	width: 210px;
	height: 24px;
	list-style: none;
}
ul.idiomes li{
	float: left;
	width: 70px;
	height: 24px;
}
ul.idiomes li a#catala{
	display: block;
	width: 70px;
	height: 24px;
	background: url(../img/catala.jpg);
	background-position: 0px 0px;
}
ul.idiomes li a#catala:hover{
	background-position: 0px -25px;
}
ul.idiomes li a#catala.selected{
	background-position: 0px -25px;
	cursor: default;
}
ul.idiomes li a#castella{
	display: block;
	width: 70px;
	height: 24px;
	background: url(../img/castella.jpg);
	background-position: 0px 0px;
}
ul.idiomes li a#castella:hover{
	background-position: 0px -25px;
}
ul.idiomes li a#castella.selected{
	background-position: 0px -25px;
	cursor: default;
}
ul.idiomes li a#angles{
	display: block;
	width: 70px;
	height: 24px;
	background: url(../img/angles.jpg);
	background-position: 0px 0px;
}
ul.idiomes li a#angles:hover{
	background-position: 0px -25px;
}
ul.idiomes li a#angles.selected{
	background-position: 0px -25px;
	cursor: default;
}

/* ------------------------- Menu --- */
#menu {
	position:relative;
	float:left;
	width:680px;
	height:19px;
	z-index:3;
	top: 65px;
	*top: 58px;
	left: 90px;
	text-align: center;
}
ul.opMenu{
	width: auto;
	height: 19px;
	list-style: none;
}
ul.opMenu li{
	float: left;
	width: 130px;
	*width: 150px;
	height: 19px;
}
ul.opMenu li.separador{
	padding-left: 5px;
	padding-right: 5px;
	width: 10px;
	background-image:url(../img/separadorMenu.gif);
	background-position:top;
	background-repeat:no-repeat;
}
ul.opMenu li a{
	display: block;
	width: 130px;
	*width: 150px;
	height: 19px;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
ul.opMenu li a:hover{
	background-image:url(../img/bgMenuActivo.png);
	background-position:top;
	background-repeat:repeat-x;
}
ul.opMenu li a.selected{
	background-image:url(../img/bgMenuActivo.png);
	background-position:top;
	background-repeat:repeat-x;
	cursor: default;
}

/*---------------------- Contenido ---*/
#cuerpo {
	width:790px;
	*width: 800px;
	background-color:#FFFFFF;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}

#contenido {
	display:block;
	float:left;
	width:560px;
	height: 400px auto;
	margin-left: 10px;
	text-align:center;
	padding-bottom: 10px;
}

#thumbs {
	width:550px;
	height: auto;
	margin-top: 10px;
	overflow:hidden;
	text-align:left;
	/*border-top: 1px;
	border-top-color:#AE7C83;
	border-top-style:solid;*/
}

/* ----------------- Llistat de reportatges--- */
#listaLateral {
	display:block;
	float:left;
	width:200px;
	height:380px;
	text-align: left;
	border-right: 1px;
	border-right-color:#AE7C83;
	border-right-style:solid;
	margin-bottom: 30px;
	background-color:#FFF;
}
ul.listado{
	width: auto;
	height: auto;
	list-style: none;
	line-height: 1.7em;
	text-align: left;
	position:relative;
	left: -25px;
}
ul.listado li{
	width: 180px;
	height: 19px auto;
}
ul.listado li a{
  color:#660000;
	display: block;
	width: 180px;
	height: 19px auto;
	background-image: none;
}
ul.listado li a:hover{
  color:#660000;
	background-color:#D9C1C5;
	text-decoration: none;
}
ul.listado li a.selected{
  color:#660000;
	background-color:#D9C1C5;
	cursor: default;
	font-weight: bold;
}
ul.listado li a.pijama{
	background-color:#EDE2E4;
}
ul.listado li a.pijama:hover{
  color:#660000;
	background-color:#D9C1C5;
	text-decoration: none;
}

/* -------------------- Estils de marco imagen -------*/
table.imatge{
	display:block;
	margin-left:30px;
}
.boxTopLeft{
	/*background-image:url(../img/boxTopLeft.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:20px;
	heigth:19px;*/
}
.boxTopRight{
	/*background-image:url(../img/boxTopRight.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:26px;
	heigth:19px;*/
}
.boxTop{
	/*background-image:url(../img/boxTop.png);
	background-position:bottom;
	background-repeat:repeat-x;
	width:auto;
	heigth:19px;*/
}
.boxLeft{
	/*background-image:url(../img/boxLeft.png);
	background-position: right;
	background-repeat: repeat-y;
	width:20px;
	heigth:auto;*/
}
.boxRight{
	/*background-image:url(../img/boxRight.png);
	background-position: left;
	background-repeat: repeat-y;
	width:26px;
	heigth:auto;*/
}
.boxBottomLeft{
	/*background-image:url(../img/boxBottomLeft.png);
	background-position: top right;
	background-repeat:no-repeat;
	width:20px;
	heigth:26px;*/
}
.boxBottomRight{
	/*background-image:url(../img/boxBottomRight.png);	
	background-repeat:no-repeat;
	background-position:top left;
	width:26px;
	heigth:26px;*/
}
.boxBottom{
	/*background-image:url(../img/boxBottom.png);
	background-position: top;
	background-repeat: repeat-x;
	width:auto;
	heigth:26px;*/
}
.boxCos{
	background:transparent;
	width: 450px;
	height: 325px auto;
	vertical-align:middle;
	text-align:center;
}

a.selected {
}
img.selected {
	cursor: default;
	border: 3px #660000 solid;
}

#help {
	position:absolute;
	color: #FFFFFF;
	background-color:#660000;
	padding: 6px;
	display: none;
	text-align:left;
	border: 1px #CCC solid;
	cursor: help;
}

#miImagen {
	display:block;
	float:left;
	width:160px;
	text-align: left;
	background-color:#FFF;
}