/* @override http://blogs.ccrtvi.com/skins/silenci/default_right.css */

/* @override http://blogs.ccrtvi.com/skins/silenci/default_right.css */

/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
html {
	background: url(images/xno_bg_mosaic.jpg);
}
body {
	position: relative;
	background: url(images/xno_bg_image.jpg) 0 0 no-repeat ;
	color: #3E3E3E;
	margin: 0;
	padding: 1px 0 15px 0;
	font: normal 12px Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet;
}

/*BOTONS PODCAST I BUTLLETI*/

.botons{
margin-top:5px;
margin-bottom:15px;
border-bottom:dotted;
border-color:#3E3E3E;
border-bottom-width: 1px;


}


img {
	border: 0;
}
form {
	margin: 0;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
    font-family: Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet;
	font-weight: normal;
	margin: 0;
}

/* Lists */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	background: url(images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited {
	color: #ff6600;
	text-decoration: none;
}
a:hover, a:active {
	color: #E5127E;
	font-weight: bold;
}
#header a:link, #header a:visited {
	color: #474747;
}
#header a:hover, #header a:active {
	color: #737373;
}
/* Forms */
label {
	color: #777;
	margin-bottom: 3px;
}

/* Basic classes */
.hidden {
	display: none;
}
.centerize {
	text-align: center;
}
.clearing {
	width: 704px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header {
	position: relative;
	width: 206px;
	height: 59px;
	background: url(images/xno_logo.jpg);
	margin: 74px 0 20px 105px;
	padding: 0;
	/*
	margin-top: 60px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 105px;
	*/
	/* border: solid 1px #f00; */
}
#header h1 {
	width: 206px;
	height: 59px;
}
#header h1 a {
	/*
	display: none;
	background: #fff;
	*/
}
#header h1 a span#title {
	display: block;
	width:  206px;
	height: 59px;
	visibility: hidden;
	//visibility: visible;
}
/*-------------------------------------------------
  xno copy
-------------------------------------------------*/
div#xno_copy {
	position: absolute;
	width: 13px;
	height: 155px;
	top: 240px;
	left: 13px;
	background:  url(images/xno_copy.gif);
}
div#xno_copy a{
	display: block;
	width: 13px;
	height: 155px;
	border: none;
}
/*-------------------------------------------------
  banner tv3
-------------------------------------------------*/
div#bannertv3 {
	position: absolute;
	width: 120px;
	height: 600px;
	top: 152px;
	left: 840px;
	background: #000;
}
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper {
	width: 704px;
	margin: 0 0 0 105px;
}
#wrapper {
	width: 704px;
	/* background: white url(images/bgcontainer01.gif) repeat-y; */
	margin: auto;
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container {
	width: 704px;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 0px 0 0 0;
	margin-left: -238px;
	/* margin-left: -204px; */
	/* border: solid 1px #f00; */
}
.content {
	/* position: relative; */
	padding: 0;
	margin: 0px 20px 30px 250px;
}
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle a {
	color: #fff;
}
.contenttitle h2 {
	clear: both;
	background: url(images/xno_bg_contentheader.jpg) repeat-y;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
.contenttitle h2 a,
.contenttitle h2 a:visited {
	color: #fff;
}
.contenttitle h2 a:hover {
	background: #fff;
	color: #f00;
}
.contentbody {
	/* text-align: justify; */
	/* position: relative; */
	padding: 10px 0 16px 0;
	line-height: 15px;
}
.contentbody p a {
	color: #E5127E;
}
.contentbody p a:visited {
	color: #E5127E;
}
.contentbody p a:hover {
	color: #000;
}
/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory {
	/* background: url(images/bgcategory.gif) center left no-repeat; */
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
	margin-right: 10px;
	border-right: dotted 1px #f60;
}
.contentitempostedby {
	/* background: url(images/bgpostedby.gif) center left no-repeat; */
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
	margin-right: 10px;
	border-right: dotted 1px #f60;
	/* padding: 0 10px 0 12px; */
}
.contentitemcomments {
	/* background: url(images/bgcomment.gif) center left no-repeat; */
	/* font-size: 10px; */
	line-height: 12px;
	padding: 0 10px 0 0px;
	margin-right: 10px;
	/* border-right: dotted 1px #f60; */
}
.contentitemedit {
	/* background: url(images/bgedit.gif) center left no-repeat; */
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
	/* padding: 0 10px 0 11px;*/
	/* border-right: dotted 1px #f60; */
}
.contentitem,
.contentitem a,
.contentitem a:visited {
	color: #f60;
	font-size: 10px;
	/* border: solid 1px #f00; */
}
.contentitem a,
.contentitem a:visited {
	text-decoration: underline;
	/* border: solid 1px #f00; */
}
.contentitem a:hover {
	color: #E5127E;
	text-decoration: none;
	/* border: solid 1px #f00; */
}
.contentitem1 {
	display: inline;
}
.contentitem2 {
	display: inline;
	/* background: url(images/dotv.gif) left repeat-y; */
	/* padding: 0 0 0 10px; */
}
.contentitem3 {
	display: inline;
	/* background: url(images/dotv.gif) left repeat-y; */
	/* padding: 0 0 0 10px; */
}
.contentitem4 {
	display: inline;
	/* padding: 0 0 0 10px; */
	/* background: url(images/dotv.gif) left repeat-y; */
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment {
	background-position: 6px 9px;
	padding: 3px;
	margin: 10px 0 0 0;
}
.itemcomment:hover {
	background: #fff;
}

.itemcomment h3 {
	font-size: 12px;
	margin-bottom: 3px;
}
.itemcomment h3 a{
	color: #E5127E;
}
.commentinfo {
	margin-top: 3px;
	color: #f60;
}
/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer {
	float: left;
	width: 180px;
	margin-left: 38px;
	margin-bottom: 30px;
	padding: 0;
	/* padding: 2px 0 0 0; */
}
.sidebar {
	color: #21262A;
	/* margin: 0 0 4px 6px; */
}

/* Menu lists */
.sidebardl {
	padding: 0 0 20px 0;
	margin: 0;
}
.content dl dt,
.sidebardl dt {
	height: 15px;
	background: #f00 url(images/xno_bg_header.jpg) repeat-y;
	font: bold 12px Arial, sans-serif, "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	color: #fff;
	padding-left: 4px;
	margin-bottom: 5px
}
.content dl dd,
.sidebardl dd {
	padding: 2px 2px;
	margin: 1px 0 0 0;
	color: #3E3E3E;
	border-bottom: dotted 1px #3E3E3E;
}
.sidebardl dd a:link, .sidebardl dd a:visited {
	/* background: url(images/arrow.gif) left center no-repeat; */
	font: normal 11px Arial, sans-serif, "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	color: #000;
	padding-left: 2px;
}
.sidebardl dd a:hover {
	color: #E5127E;
}


/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer {
	width: 845px;
	height: 32px;
	/* background: #f00 url(images/xno_bg_footerheader.jpg) repeat-y; */
	background: #000;
	font-size: 10px;
	color: #fff;
	text-align: center;
	padding: 4px 0 4px 0;
	border-width: 0px 2px 2px 2px;
	margin: 0 0 0 115px;
}
#footer .peu {
	margin: 0;
	padding: 0;
	height: 36px;
}
#footer .peu .no_line img{
	margin-top: -4px;
}
#footer .peu span.peutext a:hover {
	color: #fff;
}
#copyrights,
#copyrights small,
#copyrights small a {
	color: #fff;
	font: bold 10px Arial, sans-serif, "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
}
#copyrights small a:hover {
	text-decoration: underline;
}
/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform {
	margin: 5px 0;
}
.commentform, .mailform {
	margin-top: 10px;
    padding: 10px 0;
}
.commentform p {
	font-size: 11px;
}
.commentform img {
    margin: 5px 0 0 0;
}
.commentform table td {
	width: 110px;
	padding-right: 10px;
}
.commentform table input {
	width: 147px;
}
.commentform table b {
	width: 100px;
	display: block;
}
.formfield {
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton {
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform,
.loginform {
	line-height: 14px;
	//line-height: 8px;
}
.searchform .formfield {
	width: 180px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	/* margin: 0 0 4px 0; */
}
.searchform .formbutton {
	width: 60px;
    font-family: Arial, sans-serif, Tahoma, Trebuchet MS, Verdana;
    font-size: 10px;
    height: 16px;
}
.loginform .formfield {
	width: 180px;
    font-family: Arial, sans-serif, Tahoma, Trebuchet MS, Verdana;
	padding: 2px 0;
	margin-bottom: 0px;
}
.loginform .formbutton {
	width: 60px;
    font-family: Arial, sans-serif, Tahoma, Trebuchet MS, Verdana;
    font-size: 10px;
    height: 14px;
    margin-top: 3px;
	margin-bottom: 4px;
}
.mainform .formfield {
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	/* margin: 0 2px 2px 0; */
}
.mailform .formbutton {
	width: 100px;
    font-family: Arial, sans-serif, Tahoma, Trebuchet MS, Verdana;
    height: 14px;
	padding: 0px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_verif {
    width: 430px;
	font-size: 11px;
    margin-right: 105px;
    margin: 0 2px 6px 0;
    font-family: Arial, sans-serif, Tahoma, Trebuchet MS, Verdana;
	padding: 3px;
	height: 15px;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
    width: 430px;
    margin-bottom: 6px;
}
input.formfield {
	padding: 0;
	margin: 0;
	height: 10px;
	line-height: 10px;
}
.commentform .formbutton {
	margin-top: 8px;
	width: 100px;
	height: 14px;
	font-size: 10px;
	padding: 0px 2px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1 {
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2 {
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3 {
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img {
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight {
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}
.calendar .days{
	width: 20px;
	height: 15px;
	text-align: center;
}
.calendar .today{
	background-color: #e5117f;
	width: 20px;
	height: 15px;
	text-align: center;
	color: #FFF;
}
.calendar .today a:link{
	color: #FFF!important;
}
.calendar .today a:visited{
	color: #FFF!important;
}
.calendar a:link{
	color: #FF6600!important;
}
.calendar a:hover{
	color: #E5127E!important;
	font-weight: bold!important;
}
.calendar a:visited{
	color: #FF6600!important;
}

html > body .postit_cont .postit{
	background-image:url(http://www.tv3.cat/img/tvc/postit2.png); 
	margin: 0;
	position: absolute;
	top: 30px;
	left: 185px;
	height: 0;
}
.postit_cont .postit{
	background:url(http://www.tv3.cat/img/tvc/postit.gif) no-repeat 12px 17px;
	margin: -50px 0 0 -5px;
	position: absolute;
	top: 95px;
	left: 220px;
	width: 322px;
	padding-top: 105px;
	overflow: hidden;
	height: 0;	
}
.postit_cont{
	width: 996px;
	margin: 0 auto;
	position: relative;
	height: 0;
}
.postit_ombra{
    width: 281px;
	height: 67px;
	filter: alpha(opacity=30);
	background: #000;
	position:absolute;
	top: 63px;
	left: 228px;
}
html > body .postit_ombra{
	display: none;
	visibility: hidden;
}