* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif; /*si nomes fem servir una tipo, la definim aqui*/
	background: #FFFFFF;
	margin-bottom: 10px;
}

.Play2 {
	width:48px;
	height:43px;
	position:absolute;
	top:24px;
	left:36px;
	filter:alpha(opacity=60);
-moz-opacity:0.6;	opacity:0.6;
-khtml-opacity:0.6; 	cursor:pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#wrapper { 
	/* margin: 0 auto; */
	margin-top: 0px;
	margin-bottom: 0px;
	width: 968px; 
	background-image: url('img/fonsbody_bigpost_avis.jpg');
	background-repeat: no-repeat;
	padding: 0px 28px 0px 28px;
	float:left;
}

#publi_sb {
	color: #333;
	height: 90px;
	/* border: 1px solid #e0d2be; */
	margin-top: 14px;
	padding-right: 50px;
	text-align: right;
	float: right;
}

#logo_sup {
	float: left;
	width: 250px;
	height: 175px;
	color: #FFFFFF;
	margin-top: 60px !important;
	margin-top: 160px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
}


#leftcolumn { 
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
	width: 300px;
	float: left;
}

/* menu ---------------------------------------------------------------------- */

#menu_left {
	width: 300px;
	margin: 13px 0px 24px 0px;
	padding: 0px;
	float:left;
}

#menu_left li {
    margin: 0px; 
    padding: 0px; 
    list-style: none;
    float:left;
}

#menu_left ul li.menu1off a {
	background: transparent url('img/menu_off.jpg') 0px 0px no-repeat;
	width:300px;
	height:37px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu1off a:hover {
	background: transparent url('img/menu_on.jpg') 0px 0px no-repeat;
}
#menu_left ul li.menu1off a.active {
	background: transparent url('img/menu_active.jpg') 0px 0px no-repeat;
}

#menu_left ul li.menu2off a {
	background: transparent url('img/menu_off.jpg') 0px -37px no-repeat;
	width:300px;
	height:32px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu2off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -37px no-repeat;
}
#menu_left ul li.menu2off a.active {
	background: transparent url('img/menu_active.jpg') 0px -37px no-repeat;
}

#menu_left ul li.menu3off a {
	background: transparent url('img/menu_off.jpg') 0px -69px no-repeat;
	width:300px;
	height:31px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu3off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -69px no-repeat;
}
#menu_left ul li.menu3off a.active {
	background: transparent url('img/menu_active.jpg') 0px -69px no-repeat;
}

#menu_left ul li.menu4off a {
	background: transparent url('img/menu_off.jpg') 0px -100px no-repeat;
	width:300px;
	height:32px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu4off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -100px no-repeat;
}
#menu_left ul li.menu4off a.active {
	background: transparent url('img/menu_active.jpg') 0px -100px no-repeat;
}

#menu_left ul li.menu5off a {
	background: transparent url('img/menu_off.jpg') 0px -132px no-repeat;
	width:300px;
	height:32px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu5off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -132px no-repeat;
}
#menu_left ul li.menu5off a.active {
	background: transparent url('img/menu_active.jpg') 0px -132px no-repeat;
}

#menu_left ul li.menu6off a {
	background: transparent url('img/menu_off.jpg') 0px -164px no-repeat;
	width:300px;
	height:31px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu6off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -164px no-repeat;
}
#menu_left ul li.menu6off a.active {
	background: transparent url('img/menu_active.jpg') 0px -164px no-repeat;
}

#menu_left ul li.menu7off a {
	background: transparent url('img/menu_off.jpg') 0px -195px no-repeat;
	width:300px;
	height:32px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu7off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -195px no-repeat;
}
#menu_left ul li.menu7off a.active {
	background: transparent url('img/menu_active.jpg') 0px -195px no-repeat;
}

#menu_left ul li.menu8off a {
	background: transparent url('img/menu_off.jpg') 0px -227px no-repeat;
	width:300px;
	height:31px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu8off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -227px no-repeat;
}
#menu_left ul li.menu8off a.active {
	background: transparent url('img/menu_active.jpg') 0px -227px no-repeat;
}

#menu_left ul li.menu9off a {
	background: transparent url('img/menu_off.jpg') 0px -258px no-repeat;
	width:300px;
	height:32px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu9off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -258px no-repeat;
}
#menu_left ul li.menu9off a.active {
	background: transparent url('img/menu_active.jpg') 0px -258px no-repeat;
}


#menu_left ul li.menu10off a {
	background: transparent url('img/menu_off.jpg') 0px -290px no-repeat;
	width:300px;
	height:40px;
	margin: 0px; 
	padding: 0px;	
	float:left;
}
#menu_left ul li.menu10off a:hover {
	background: transparent url('img/menu_on.jpg') 0px -290px no-repeat;
}
#menu_left ul li.menu10off a.active {
	background: transparent url('img/menu_active.jpg') 0px -290px no-repeat;
}



/* fi menu ---------------------------------------------------------------------- */



#banner_public {
	width: 300px;
	margin: 0px 0px 24px 0px;
	padding: 0px;
	float:left;
}

#publi_roba {
	width: 300px;
	height: 250px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	float:left;
}


#rightcolumn { 
	float: left;
	color: #333;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 20px;
	height: 100%;
	width: 610px;
	display: inline;
	overflow:hidden;
}

#horadata_programa { 
	float: right;
	color:#333333;
	font-size: 15px;
	font-weight: bold;
	margin: 65px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:129px;
}

/* links crida post-it -------------------------------------- */

.toppost { 
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin-top:50px;
	margin-left: -15px;
	width: 320px;
	text-align: center;
}

.toppost h2 a:link,.toppost h2 a:visited{
	color: #cc0000;
	font-size: 20px;
	font-weight: bold;
}

.toppost p a:link,.toppost p a:visited{
	color: #000;
	font-size: 13px;
	font-weight: normal;
}

.toppost p a:hover{
	text-decoration: underline;
}

.toppost p a:link strong,.toppost p a:visited strong{
	font-size: 16px;
	font-weight: bold;
}

.toppost p{
	margin-top: 10px;
}

.toppost2 { 
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin-top:39px !important;
	margin-top:36px;
	margin-left: -15px !important;
	margin-left: -7px;
	width: 320px;
	padding-left:108px;
}
.flash_banner_avis{
	float: left;
}
.gif_banner_avis{
	width:193px;
	float: left;
}

/* box video gran i llista v?deos -------------------------------------- */

#right_box { 
	float: left;
	color: #333;
	margin: 60px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border: 1px solid #999999;
	background: #FFFFFF;
	width: 546px;
	display: inline;
}


#right_box p { 
	float: left;
	font-size: 11px;
	color: #111111;
	width: 100%;
	margin: 0px 0px 5px 0px;
}

#right_box p.data {
	color: #7f7f7f;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0px 5px 0px;
}

#video_gran {
	width: 320px;
	text-align: left;
	margin: 15px 10px 20px 0px;
	padding: 0px;
	vertical-align: top;
	float:left;
}

#info_video_gran {
	width: 200px;
	text-align: left;
	margin: 15px 0px 20px 10px;
	padding: 0px;
	vertical-align: top;
	float:left;
}

#titol_video {
	color:#ff6600;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#autor_video {
	color:#111111;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

#desc_video {
	color:#555555;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}


#llista_videos_petits { 
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 546px;
	text-align:left;
}

.item_video { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 0px;
	width: 130px;
	display:block;
}

.img_video_petit { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
}


.selected_video { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30);
	background: #ff6600;
}


.titol_video_petit { 
        float:left;
	color:#ff6600;
	font-size: 11px;
        height:30px;
        font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

.text_video_petit { 
        float:left;
}


.text_video_petit a { 
        float:left;
	color:#999999;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: underline;
	width: 120px;
}

/* items sota els v?deos -------------------------------------------------------------- */

#items_menus { 
	float: left;
	color: #333;
	margin: 20px 0px 0px 0px;
	padding: 0px 5px 20px 15px;
	background: #FFFFFF;
	width: 568px;
	display: inline;
}


#item_posit { 
	float: left;
	width: 180px;
	height: 186px;
	background-image: url('img/postit-groc.jpg');
	background-repeat: no-repeat;
	margin: 0px 9px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#item_posit h3 { 
	margin: 20px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	text-align: left;
        font-weight: normal;
	color: #FD2300;
	font-size: 13px;
}

#item_posit h3 a { 
	text-align: left;
        font-weight: normal;
	color: #FD2300;
	font-size: 15px;
}


#item_posit h4 a { 
	margin: 15px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	text-align: left;
        font-weight: normal;
	color: #FD2300;
	font-size: 13px;
        text-decoration:underline;
}

#item_posit p { 
	margin: 8px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	color: #333333;
	font-size: 11px;
}


#item_ranquing { 
	float: left;
	width: 176px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

#item_proper { 
	float: left;
	width: 176px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

#item_forum { 
	float: left;
	width: 176px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

.img_item { 
	min-height: 150px;
	height: auto !important;
	height: 150px;
}

.text_item { 
	margin: 5px 0px 0px 0px;
	text-align: center;
        font-weight: bold;
	color: #555555;
	font-size: 11px;
}


/* elmeuqvp ----------------------------------------------------------------------------- */
#elmeuqvp { 
        float:left;
	width: 915px;
	clear: both;
	color:	 #333;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 0px 28px;
}

#navigation {
	float: right;
	margin: 0px 0px 0px 0px;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation li { /*definim com volem que sigui els items del menu*/
	list-style-type: none;
	display: inline;
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px 10px;
        background: #ff0000;
        float: left;
}

#navigation li a { /*definim com volem que sigui els items del menu*/
        color:#ffffff;
	font-size: 13px;
	font-weight: bold;
}

#navigation li a:hover { /*definim com volem que sigui els items del menu*/
	text-decoration:underline;
}

#blocelmeuqvp { 
        float:left;
        width:875px;
	background: #ff7a14;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 15px 20px;
}

#blocelmeuqvp .linkmes {
 float:right;
 color:#cc0000;
 font-size: 12px;
 font-weight: bold;
 text-decoration:underline;
 text-align: right;
}

.llista_link_home{
 width: 90px;
 float: right;
}

#llista_elmeuqvp { 
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 895px;
	text-align:left;
}

.item_elmeuqvp { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 24px 0px 0px;
	width: 125px;
	display:block;
}

.img_elmeuqvp { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	position:relative;
}

.titol_elmeuqvp { 
        float:left;
	color:#FFFFFF;
	font-size: 11px;
        font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

/* footer ----------------------------------------------------------------------------- */
#footer { 
        float:left;
	width: 968px;
	clear: both;
	color: #333;
	background: #eff0e2;
	margin: 30px 0px 10px 0px;
	padding: 3px 10px 0px 10px;
	height: 50px;
        border-top: 3px solid #ff6600;
}

#footer a {
	color:#676767;
	text-align:center;

}

#footer_left { 
	float:left;
}

.copypeu{
	float: left;
	color:#555555;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 30px;
}

.img_elmeuqvp .imgPlay {width:48px;height:43px;position:absolute;top:24px;left:36px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;-khtml-opacity:0.6; cursor:pointer;}


html > body .postit_cont .postit{
	background-image:url(http://www.tv3.cat/img/tvc/postit2.png); 
	margin: 0;
	position: absolute;
	top: 217px;
	left: 380px;
}

.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: 278px;
	left: 400px;
	width: 322px;
	padding-top: 105px;
	height: 0;
	overflow: hidden;
}
.postit_cont{
	width: 996px;
	margin: 0 auto;
	position: relative;
	height: 0;
}
.postit_ombra{
    width: 283px;
	height: 67px;
	filter: alpha(opacity=30);
	background: #000;
	position:absolute;
	top: 246px;
	left: 407px;
}
html > body .postit_ombra{
	display: none;
	visibility: hidden;
}