/* 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.jpg) 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;
		float:left;
		/*border: solid #D4D4D4 1px;*/
	}
	#repro {
			z-index: 0;	
			border: solid #D4D4D4 1px;		
		}
	#titolRepro {
			height: 10px;
			width: 600px;
			position: absolute;
			z-index: 999;
			padding: 10px;
			font: 16px Georgia, "Times New Roman", Times, serif;
			color: #fff;	
			white-space: nowrap;
    		overflow: hidden;
    		text-overflow: ellipsis;
	}
	#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: 718px;
			overflow: auto;
			width: 290px;
			background: #f1f2f3;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			padding: 10px 5px;
			margin: 10px 0;
		}
		#fragments h3 {
			font: 18px Georgia, "Times New Roman", Times, serif;
			color:  #999;
			margin: 10px 4px 20px 0px;
			line-height: 19pt;
			border-bottom: 1px solid #999;
			text-align:right;
		}
		#info h4 {
			font: 26px Georgia, "Times New Roman", Times, serif;
			color: #1F6CB6;
			margin: 0 2px 2px 0;
			line-height: 19pt;
		}
		#info .tipologia {
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #1F6CB6;
			text-transform:uppercase;
		}
		#info .data {
			font: 9px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			text-transform:uppercase;
		}
		#info #mesInfo {
			font: 9px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			text-transform:uppercase;
			text-align: right;
			vertical-align: baseline;
		}
		#info #mesInfo img {
			padding: 0 3px;
			border: 0;
			float: right;
		}
		#info p, #infoVideo p {
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			margin: 8px 0;
			line-height: 14pt;
			margin-bottom: 20px;
			/*width: 290px;*/
		}
		#infoVideo ul {
			margin: 10px 4px 0 8px;
		}
		#infoVideo li {
			list-style: none;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			color: #666;
			margin: 10px 0;
			line-height: 14pt;
			}
		#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;
		}
		#video #compartir {
			background: #f1f2f3;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			padding: 4px;
			margin-bottom: 10px;
			height: 26px;
			}
		#video #compartir ul {
    		list-style: none outside none;
		}
		#video #compartir .share ul {
			display: inline;
    		float: left;
    		padding: 1px 5px 0 0;
		}
		#video #compartir .share ul li {
    		display: inline;
    		float: left;
    		padding: 1px 10px 0 0;
		}
		#video #compartir .btamic button {
			background: url("/img/btn_amic.gif") no-repeat scroll left center transparent;
   			border: 0;
			border-left: 1px solid #CCC;
			color: #666;
			cursor: pointer;
			display: block;
			float: right;
			height: 20px;
			text-align: left;
			width: 150px;
			text-transform: uppercase;
			font: 10px Verdana, Geneva, sans-serif;
			padding: 0px 5px 0px 30px;
			margin-top: 4px;
			}
	#video #etiqueta {
			background: #f1f2f3;
			padding: 4px;
			margin-bottom: 10px;
			height: 46px;
			font: 11px Verdana, Geneva, sans-serif;
			color: #666;
			}
	#video #etiqueta a {
			font: 11px Georgia, "Times New Roman", Times, serif;
			color: #1F6CB6;
			text-decoration: underline;
		}
	#video #etiqueta a:hover {
			font: 11px Georgia, "Times New Roman", Times, serif;
			color: #1F6CB6;
			text-decoration: none;
		}
#download img {
	border: none;
	margin: 4px 0 0 0;
}
#extres {
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	clear:both;
}
	#extres #tab {
		height: 30px;
		width: 950px;
		background: url(../img/bg_extres.gif) top left no-repeat;
		color: #EFEFEF;
		clear:both;
		margin-top:10px;
	}
	#extres h3 {
		height: 20px;
		text-transform: uppercase;
		font: 12px Verdana, Geneva, sans-serif;
		background: url(../img/bg_extres2.gif) top left repeat-x;
		color: #EFEFEF;
		padding: 5px 8px;
		margin-left: 10px;
	}
/*boxes*/
	#boxes {
		clear:both;
		position: relative;
		width: 658px;
		height: 180px;
		margin: 8px 0 26px 0px;
		float:left;
	}
	#boxesYoutube {
		clear:both;
		position: relative;
		width: 970px;
		height: 180px;
		margin: 16px 0 16px 10px;
		float:left;
	}
	#boxes .bloc-end {
		padding-right:0;
		margin-top:5px;
		height:auto;
		overflow:hidden;
		margin-left: 15px;
		margin-right: 15px;
		position:relative;
		padding-left:6px;
	}
	#boxes ul, #boxesYoutube ul {
		padding:0;
		display:inline;
		position:relative;
		margin:0;
		left:0;
		font-size:1em!important;
		width:1000em;
		list-style: none;
	}
	#boxes ul li, #boxesYoutube ul li {
		list-style: none;
		margin: 0;
		padding:0 8px 0 0;
		width: 148px;
		height: 200px;
		float:left;
		background:url(../img/fons_videos.gif) no-repeat top left;
	}
	#boxes ul li a, #boxesYoutube ul li a {
		color:#333;
		border:0;
		text-decoration:none;
		height:auto;
		width:148px;
		height:200px;
		display:block;
		text-align:left;
		padding: 2px;
		cursor: pointer;
	}
	#boxes ul li a:hover, #boxesYoutube ul li a:hover {
		text-decoration:none;
		/*background: #CCC;
		height: 226px;*/
	}
	#boxes h4, #boxes h4 span, #boxesYoutube h4 {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #1F6CB6;
		text-decoration: none;
		margin-top: 10px;
	}
	#boxes p, #boxesYoutube p {
		margin: 5px 2px 5px 2px;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
	}
	div.js #boxes ul {
		display:block;
		overflow:hidden;
	}
	div.js #boxes ul li {
		margin-bottom:0;
	}
	#boxes ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#boxes #focusnext, #boxes #focusprev {
		position:absolute;
		top: 30px;
	}
	#boxes #focusnext {
		right: 0;
	}
	#boxes #focusprev {
		left: 0;
	}
	#focusnext a {
		width:22px;
		height:25px;
		background:url(../img/gallerynext.png) no-repeat;
		margin-top: 5px;
		cursor: pointer;
		display: block;
	}
	#focusprev a {
		width:22px;
		height:25px;
		background:url(../img/galleryprev.png) no-repeat;
		margin-top: 5px;
		cursor: pointer;
		display: block;
	}
	#focusnext span, #focusprev span {
		display: none;
	}
	#focusnext a:hover, #focusprev a:hover {
		background-position: 0 -25px
	}
	#focusprev .focusnone, #focusnext .focusnone {
		width:22px;
		height:25px;
		background: none;
		margin-top: 5px;
		cursor: pointer;
		display: block;
		}
/*fi boxes*/
	#arxiu {
		margin: 0 0 0 20px;
		padding:0px;
		width: 270px;
		float: left;
		line-height: 18px;
		text-align: right;
	}
	#arxiu a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #1F6CB6;
	}
	#cerca {
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin-bottom: 20px;
	}
	#cerca input {
		color: #666;
		background: url(../img/bg_boto.gif) top left repeat-x;
		border: 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #7E9DB9;
   		 padding: 5px;
		 margin: 10px 0;
	}
	#cerca button {
		background:url(../img/cercar.gif) top left no-repeat; 
		width: 21px;
		height:25px;
		cursor: pointer;
		margin: 0;
		padding:0;
		border: none;
	}
#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 10px 0 2px;
			padding:0px;
			border: 0;
			float: left;
		}
	#llistat ul {
		margin: 0px;
	}
	#llistat li {
		list-style: none;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		margin: 10px 0;
		background:url(../img/fons_videos.gif) no-repeat top left;
		height: 120px;
		border-bottom: dotted #D4D4D4 1px; 
	}
	#llistat .tit a {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #1F6CB6;
		text-decoration: none;
	}
	#llistat .tit a:hover {
		font: bold 14px 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;
}
#cercaLlistat {
	margin: 0px 0px 0px 20px;
}
	#cercaLlistat input {
		color: #666;
		background: #FFF;
		border: 1px solid #1F6CB6;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#cercaLlistat .boto {
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		background: #EFEFEF;
		text-decoration: none;
		border: 1px solid #1F6CB6;
	}
.error {
	color: #FF9900;
	background: inherit;
}
.clear {
	clear: both;
}
#amic {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
#amic h3 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #1F6CB6;
	margin: 0;
	line-height: 20pt;
	}
/*form #amic*/

#amic form p {
	margin: 0;
	padding: 6px;
	color: #333;/*clear:left;*/

       }
#amic form p label {
	float: left;
	color: #333;
	width: 250px;
	text-align: right;
	margin-right: 10px;
	line-height: 24px;
       }
#amic input {
	border: 1px solid #424242;
	height: 19px;
	width: 200px;
	background: url(../img/bg_boto.gif) top left repeat-x;
	color: #666;
	padding: 2px;
	margin-top: 0;
}
#amic button {
	width: 160px;
	height: 30px;
	border:0;
	font-weight:bold;
	color: #FFF;
	margin-left: 260px;
	display:block;
	cursor: pointer;
	background: #1F6CB6;
       }
#amic textarea {
	color: #666;
	background: #FFF;
	border: 1px solid #424242;
	/*padding: 2px;*/
	width: 440px;
}
#llistat button {
	width: 120px;
	height: 30px;
	border:0;
	font-weight:bold;
	color: #FFF;
	cursor: pointer;
	background: #1F6CB6;
       }
#llistat input {
	border: 1px solid #424242;
	height: 19px;
	width: 200px;
	background: url(../img/bg_boto.gif) top left repeat-x;
	color: #666;
	padding: 2px;
	margin-top: 0;
}
/*----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------*/
#peu {
	clear: both;
	border-top: dotted #D4D4D4 1px;
	margin-top: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom:20px;
	padding-top:10px;
}
#peu #xarxes {
	width: 400px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
#peu img {
	display: inline;
	margin: 0 2px;
}
/*
----------------------------------------------------------------------------- 
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;
}