/* CSS Document */
* {
	margin:0;
	padding:0;
}
img {
	display: block;
	border:0;
}
body {
	/*font: 10px Verdana, Arial, Helvetica, sans-serif;*/
	color: #333;
	background: #FFF;
}
#mare {
	margin: 0 auto;
	width: 970px;
	background: #FFF;
}
/*
----------------------------------------------------------------------------- 
CAPÇALERA
-----------------------------------------------------------------------------*/
#cap {
	background: url(../img/cap_videoblog.gif) no-repeat top center; 
	height: 82px;
}
#cap h2 {
	display: none;
}
#cap #retorn {
	float:left;
	width:200px;
    height:82px;
	margin:0px;
	padding:0px;
}
#cap #retorn a {
	display:block;
	width:200px;
    height:82px;
	margin:0px;
	padding:0px;
}
#cap #retorn a span{
	display:none;	
}
/*
----------------------------------------------------------------------------- 
CONTINGUT
-----------------------------------------------------------------------------*/
#contingut {
	margin: 10px 0px;
	padding:0px;
}
	.nota {
			font: 9px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
		}
	#video {
		margin: 4px 0 0 0;
		padding:0px;
		width: 650px;
		height: 520px;
		float:left;
		border: solid #D4D4D4 1px;
	}
	#infoVideo {
		padding: 10px 0 0 0;
		margin:0px;
		height: 495px;
		width: 300px;
		float: left;
		background: url(../img/pestanya.gif) no-repeat top left;
		padding-left:10px;
	}
		#info {
			height: 208px;
		}
		#fragments {
			height: 276px;
			overflow: auto;
			width: 290px;
		}
		#infoVideo h4 {
			font: 26px Georgia, "Times New Roman", Times, serif;
			color: #1F6CB6;
			margin: 0 2px 2px 0;
			line-height: 19pt;
		}
		#infoVideo .tipologia {
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #1F6CB6;
			text-transform:uppercase;
		}
		#infoVideo .data {
			font: 9px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			text-transform:uppercase;
		}
		#infoVideo p {
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			margin: 8px 0;
			line-height: 10pt;
			width: 290px;
		}
		#infoVideo ul {
			margin: 10px 2px 0 6px;
		}
		#infoVideo li {
			list-style: none;
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			margin: 10px 0;
			}
		#infoVideo li a {
			list-style: none;
			font: 11px Georgia, "Times New Roman", Times, serif;
			color: #1F6CB6;
			text-decoration: none;
		}
		#infoVideo li a:hover {
			color: #1F6CB6;
			text-decoration: underline;
		}
#download img {
	border: none;
	margin: 4px 0 0 0;
}
		
#extres {
	margin: -10px 0px 0px 0px;
	padding: 0px;
}
	#recents {
		margin: 26px 0 0 0;
		padding:0px;
		width: 800px;
		height: 80px;
		float:left;
	}
		#recent1, #recent2, #recent3 {
			margin: 0;
			padding:0px;
			width: 265px;
			height: 70px;
			float:left;
			background:url(../img/fons_videos.gif) no-repeat top left;
		}
		html>body #recents img {
			margin: 2px 6px 0 2px;
			padding:0px;
			border: 0;
			float: left;
			width:88px;
			height:53px;
		}
		#recents img {
			margin: 2px 6px 0 1px;
			padding:0px;
			border: 0;
			float: left;
		}
		#recents .tit a {
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			color: #1F6CB6;
			text-decoration: none;
		}
		#recents .tit a:hover {
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			color: #1F6CB6;
			text-decoration: underline;
		}
		#recents .text {
			font: normal 9px Verdana, Arial, Helvetica, sans-serif;
			color: #333;
		}
		#recents .temps {
			font: normal 10px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
		}
	#arxiu {
		margin:0px;
		padding:0px;
		height: 88px;
		width: 154px;
		float: right;
	}
#llistat {
	margin:10px;
	padding:0px;
	width: 900px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
	#llistat h4 {
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #1F6CB6;
		margin: 0;
		line-height: 20pt;
	}
	#llistat img {
			margin: 2px 6px 0 2px;
			padding:0px;
			border: 0;
			float: left;
		}
	#llistat ul {
		margin: 0px;
	}
	#llistat li {
		list-style: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		margin: 10px 0;
		background:url(../img/fons_videos.gif) no-repeat top left;
		height: 80px;
		border-bottom: dotted #D4D4D4 1px; 
	}
	#llistat .tit a {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #1F6CB6;
		text-decoration: none;
	}
	#llistat .tit a:hover {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #1F6CB6;
		text-decoration: underline;
	}
	#llistat .data {
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		text-transform:uppercase;
		}
	#llistat .tipologia {
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #1F6CB6;
			text-transform:uppercase;
		}
.separador {
	background: url(../img/px_sota.gif) repeat-x bottom left;
	height:2px;
	margin: 6px 0;
}
#cerca {
	margin: 0px 0px 0px 20px;
}
	#cerca input {
		color: #666;
		background: #FFF;
		border: 1px solid #1F6CB6;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#cerca .boto {
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		background: #EFEFEF;
		text-decoration: none;
		border: 1px solid #1F6CB6;
	}
.error {
	color: #FF9900;
	background: inherit;
}
/*----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------*/
#peu {
	clear: both;
	border-top: dotted #D4D4D4 1px;
	margin-top: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
/*
----------------------------------------------------------------------------- 
PAGINACIÓ
-----------------------------------------------------------------------------*/
#paginacio {
	margin: 10px;
	width: 970px;
}
#paginacio a {
	padding: 12px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
}
#paginacio a:hover {
	padding: 12px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;
}
#Pleft {
	float: left;
	width: 210px;
}
#Pright {
	float: right;
	width: 50px;
}
#Pcenter {
	float: left;
	width: 470px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	background: inherit;
}