/*------------------------------------------------- Nucleus CMS Stylesheet - bundled with version 3.2 Based on the Stanch skin by Ivan Fong Mods by hcgtv and moraes -------------------------------------------------*/ /*------------------------------------------------- General layout / General -------------------------------------------------*/ body { background:#000000 url(img/fons_body.jpg) no-repeat center 101px; font-size:11px; margin:0 auto; text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative; width: 100%; } img { border: 0; } form { margin: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { 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: #003399; text-decoration:none; } a:hover, a:active { color: #00FFFF; } #header a:link, #header a:visited { color: #474747; } #header a:hover, #header a:active { color: #737373; } #header .capsalera { margin:0 auto; width:960px; } #header .capsalera .logoespecial { float:left; width:140px; height:52px; } /*#header .capsalera .logoportal {float: right; width:140px; height:45px; } #header .capsalera .logoprincipal {float: left; width:890px; height:243px;}*/ #menu_sf { background: url(img/bg_menu_sf.jpg) no-repeat; width:960px; height:34px; padding:0; margin:0 auto; overflow:hidden; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #menu_sf li { float:left; margin:0; font-size:1.4em; font-weight:bold; padding:0;} #menu_sf li a { height:0; overflow:hidden; display:block; padding:34px 0 0 0; margin:0; font-size:.1em; background-position:left 0; } #menu_sf li a:hover { background-position:left -34px;} #menu_sf .m1 a { background:url(img/menu_prog.png) no-repeat; width:106px;} #menu_sf .m2 a { background:url(img/menu_equip.png) no-repeat; width:72px;} #menu_sf .m3 a { background:url(img/menu_extres.png) no-repeat; width:63px;} #menu_sf .m4 a { background:url(img/menu_prep.png) no-repeat; width:115px;} #menu_sf .m5 a { background:url(img/menu_fb.png) no-repeat; width:85px;} #menu_sf .m6 a { background:url(img/menu_emet.png) no-repeat; width:107px;} #menu_sf .m7 a { background:url(img/menu_contacta.png) no-repeat; width:80px;} /* Basic classes */ .hidden { display: none; } .centerize { text-align: center; } .clearing { width: 704px; height: 0; clear: both; border-bottom:0;/*DESCOBREIXbackground-color:#99FFFF;*/ } h1 { font-size:medium; } /*------------------------------------------------- Content wrappers / Containers -------------------------------------------------*/ #mainwrapper {/*width: 986px; padding: 0 3px 0 3px; height: 100%; background-color:#CC66CC; margin:0 auto; 0 0 repeat-y; overflow: visible;*/ /* background-image:url(http://blogs.ccrtvi.com/skins/voltamon/img/bg_textura.jpg); */ /* background-repeat:repeat; */ /* position: relative; */ background-color: transparent; width: 960px; margin: 0 auto;/* *margin-bottom:-32px; */ } #wrapper { width: 960px; position: relative; margin: 0 auto 0 auto; /*background-color:#FFF;*/ } #wrapper:after { content: " "; width: 100%; height: 0; visibility: hidden; display: block; clear: both; } /*----------------------------------------------------------- Main content / Els containers on anira cda comentari -----------------------------------------------------------*/ #container { width: 640px; /*overflow: visible;*/ float: left; padding: 0; background-color: #282828; filter: alpha(opacity= 90); opacity: .90; -moz-opacity: 0.90; } * html #container { width: 640px; } .content { /*width:610px;*/ /* background-color:#FFFFFF; */ padding: 10px; margin: 10px!important;/*DESCOBREIX background-color:#FF0000;*/} /*------------------------------------------------- Item styles // Hora i Titol -------------------------------------------------*/ .contenttitle h2 { font-size:16px; font-weight:normal; margin:0px /*0 0 15px*/; padding:0px 2px; color:#E8772C; } .contenttitle h2 a:link, .contenttitle h2 a:visited { color: #ffffff; text-decoration: none; font-weight:bold; display:block; font-size:26px; font-weight:bold } .contenttitle h2 a:hover, .contenttitle h2 a:active { color: #ffffff; text-decoration: none; font-weight:bold; display:block; font-size:26px; font-weight:bold } /*------------------------------------------------- Item info // Items d'informació -------------------------------------------------*/ .contentitem { padding-top: 6px; padding-right: 6px; padding-left: 0px; line-height:28px; } /*.contentitem1 { display: inline; padding-right: 20px; }*/ .contentitemcategory { background: url(img/ico_categoria.gif) top left no-repeat; line-height:16px; font-size:11px; margin:0px; padding:2px 2px 2px 18px; color: #666666; } .contentitemcategory a { font-weight: normal; color: #cccccc; } .contentitem2 { display: inline; padding-right: 20px; } .contentitempostedby { background: url(img/ico_escrit.gif) top left no-repeat; line-height: 16px; font-size:11px; margin:0px; padding:2px 2px 2px 18px; color:#666666; } .contentitempostedby a { font-weight: normal; color: #cccccc; } .contentitem3 { display: inline; padding-right: 20px; } .contentitemcomments { background: url(img/ico_editar.gif) top left no-repeat; line-height: 16px; font-size:11px; margin:0px; padding:2px 2px 2px 18px; color:#666666; } .contentitem4 { display: inline; padding-right: 20px; } .contentitemedit { background: url(img/ico_comentari.gif) top left no-repeat; line-height:16px; font-size: 11px; margin: 0px; padding:2px 2px 2px 18px; color: #666666; } .contentitem a:link, .contentitem a:visited { color: #cccccc; text-decoration:none; } .contentitem a:hover, .contentitem a:active { color:#cccccc; text-decoration:underline; } .contentitem1 { clear:both; display:block !important; margin-bottom:0px; } /*------------------------------------------------- Item info // Text -------------------------------------------------*/ .contentbody { font-size:12px; line-height: 15px; /*margin-left:4px;*/ padding-bottom:40px; color:#e0e0e0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 10px; padding-left: 0px; } .contentbody p { font-weight:bold; } .contentbody a:link, .contentbody a:visited { color: #e8772c; font-weight:bold; text-decoration:none; } .contentbody a:hover, .contentbody a:active { color:#e8772c; font-weight:bold; text-decoration:underline; } /*----------------------------------------------- Menu -------------------------------------------------*/ /*zona menu*/ #sidebarcontainer { text-align:left; float:right; width: 300px; margin:/*10px 20px 0*/ 0; /*padding:10px; */ } /** html #sidebarcontainer{ margin-right:10px;}*/ .sidebar { width:300px; margin:0px; vertical-align:top; } * html .sidebar { margin-right:0px; width:300px; } /* Caixa del menu*/ .sidebard0 { width:100%; /* background-image:url(http://blogs.ccrtvi.com/skins/voltamon/img/bg_sidebar.jpg); background-repeat:repeat; padding:4px; margin-bottom:15px; */ } .filet { /* width:312px; border-color:#000000; border-style:solid; border-width:3px; margin:0 auto; color:#FFFFFF */ } .filet h4 { /* width:305px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; */ } .sidebard0 p { font-size:12px; padding: 0px; margin: 10px 0 5px 0 !important; /*padding-top:15px; padding-bottom:15px; padding-left:25px; padding-right:40px;*/ font-family: Arial, Verdana, Helvetica, Sans-serif; } .sidebardl { margin: 0; padding-bottom:4px; font-size: 14px; padding-left: 0px;/*DESCOBREIX background-color:#0066CC;*/ padding-top: 10px; } .sidebard_rss { margin-top: 10px; padding:5px 0px 0px 35px; text-align:left; font-size: 14px; vertical-align: middle; background-image: url(img/ico_rss.gif); background-repeat: no-repeat; height: 25px; } .sidebard_rss img { vertical-align:bottom; } .sidebardl ul li { background-image:none; padding:0; margin:0 0 6px 15px; } .sidebard3 { margin:0 0 0 -25px; padding:0px; } .sidebard3 img { padding-right:8px; } .titol { display: block; padding:0; margin:10px 0 0 0; height:27px; } .t_missatges { background: url(img/missatges.jpg) no-repeat; height: 37px; width: 312px; } .t_mes { background: url(img/minicap_mes.gif) no-repeat; } .t_cercador { background: url(img/cercador.jpg) no-repeat; height: 30px; width: 312px; } .t_categories { background: url(img/categories.jpg) no-repeat; height: 37px; width: 312px; } .t_quiescriu { background: url(img/qui_escriu.jpg) no-repeat; height: 30px; width: 312px; margin-top:5px } .categories { margin-left:10px; padding:0 } .quies { background-color: #282828; filter: alpha(opacity= 85); opacity: .85; -moz-opacity: 0.85; text-align:left; color:#fff; font-size:12px; margin-bottom: 20px; } .quies h1 { font-size: 14px; line-height: 150%; vertical-align: middle; } .quies h2 { font-size: 20px; font-weight: bold; color: #e8772c; line-height: 150%; vertical-align: middle; } /*.quies span { padding: 20px 0 0 20px; background: url(img/icon_mes.jpg) left top no-repeat; }*/ .veure_mes { padding: 0 0 0 20px !important; background: url(img/icon_mes.jpg) left top no-repeat; } .bloque { padding: 20px 0px; border-bottom: 1px dotted #bbb660; } /* Titol de la secció*/ .sidebardl dt { font-size:16px; color:#565656; margin-left: 52px; font-weight: bold; padding-top: 2px; padding-bottom:0px; padding-right:6px;/*DESCOBREIX background-color:#FF0000;*/ } .t_publicitat dt { font-size:11px; text-align:center; padding:8px 0 0 0; margin-left:0; } /* Text del menu*/ .sidebardl dd { font-size:13px; text-align:left; color:#fff; margin: 0 0 0 5px; font-weight:bold; padding-bottom:6px; padding-left:20px; } .fletxa { background-image:url(img/ico_fletxa.gif); background-repeat:no-repeat; margin:0px; padding-left:24px; } #sidebarcontainer a:link, #sidebarcontainer a:visited { color: #fff; text-decoration:none; } #sidebarcontainer a:hover, #sidebarcontainer a:active { color:#E8772C; text-decoration:none; } .linia { display: block; border: none; height: 2px; width:100%; margin-top: -7px; margin-bottom: -7px; } html>body .linia { color: #fff; height: 2px; padding:0px; margin:0px; clear:both; } .liniab { border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; border-bottom-width: 10px; } html>body .liniac { color: #fff; height: 20px; padding:0px; margin:0px; clear:both; width: 100%; } .liniac { border: none; height: 10px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; visibility: hidden; clear: both; } #el_programa { background-image: url(img/dreta_fons_programa.jpg); background-repeat: no-repeat; background-color: #c13305; /*height: 169px;*/ padding: 50px 20px 10px 20px; } #el_programa p { padding: 0 !important; margin-bottom: 0 !important; } #publicitat { /*height: 270px;*/ padding: 0px; margin: 0; width: 300px; } #publicitat p { padding: 5px; margin: 0px; } .publicitat_titol { width: 300px; height: 20px; vertical-align: middle; padding-left: 8px; font-size: 11px; line-height: 20px; } #equip, #programa, #fb {margin: 20px 0 0 0; padding:0; } #equip h2 { text-indent: -3000000px; } #documentals_emesos { padding: 12px 20px 20px 20px; font-size: 11px; } #documentals_preparacio { padding: 12px 20px 20px 20px; font-size: 11px; margin:26px 0 0 0; } #docuteca { padding: 20px; font-size: 11px; margin:26px 0 0 0; } #noticies { padding: 12px 20px 20px 20px; font-size: 11px; } #premsa { padding: 0px 20px 20px 20px; font-size: 11px; } #searcher { padding: 12px 20px 20px 20px; font-size: 11px; } #searcher h3 { color:#CCC; font-size:1.5em; margin:6px 0 6px 0; font-weight:bold;} #searcher dd { background:url(img/llist_orange.gif) no-repeat 0 0; margin:0; padding:0 0 3px 16px;} #rss {margin: 20px 0 0 0; padding:12px 20px 20px 20px; } /*------------------------------------------------- Footer / Peu -------------------------------------------------*/ #footer { position: relative; width: 100%; margin: auto; margin-top:-2px; background-color:#000; width:986px; color: #FFFFFF; text-align: center; height: 100px; font-size: 12px; padding-top: 30px; } #footer .dreta { float:right; text-align:right; color:#FFF; font-family:Arial !important; font-size:1em; margin-right:80px; margin-top:20px; } #footer a { color:#FFF } #footer img { float:left; padding-left:80px; } #footer p { font-size:11px; margin:0px; padding-top:6px; padding-bottom:6px; color:#CCCC99; } #footer a:link, a:visited { color: #CCCC99; text-decoration:none; } #footer a:hover, a:active { color:#CCCC99; text-decoration:underline; } /*LINIES..............................................*/ .p4 { /*border: solid #404A6A 1px; background: #404A6A; height: 1px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both; */ visibility: hidden; } /*@HACKING SOLO PARA MOZILLA*/ /*...................................*/ html>body .p4 { color: #666; background-color: #666; margin:0px 0px 2px 0px; border: 0px; clear:both; width: 100%; height: 0px; } /*------------------------------------------------- Comments / Comentaris -------------------------------------------------*/ /*Capça del comentari*/ .itemcomment { font-size:12px; padding-top: 7px; color:#000; background-color:#D9E4EE; margin: 0 0 10px 0; padding:0; } /*Títol del comentari*/ .itemcomment h3 { font-size: 12px; color:#FFF; background-color:#BBB660; padding:8px 8px 8px 12px; margin: 10px 0 0 0; /*width:200px;*/ } /*.itemcomment:hover{ background: #555555 url(img/bgcomment2b.gif) no-repeat; background-position: 0px 0px; margin: 10px 0 30px 0; padding-left:18px;}*/ .commentbody { color:#000; margin:0px; padding:12px; background-color:#fff; } .commentinfo { font-size:11px; color:#333; font-weight:bold; margin:0; padding:6px 12px 12px 12px; background-color:#fff; } /* Això crec que no serveix de res!!!!!*/ .id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/ { background: #F9F9F9 url(images/commentquote02.gif) no-repeat; background-position: 6px 9px; border: 1px solid #B3C492; } .id1:hover { background: #F9F9F9 url(images/commentquote02.gif) no-repeat; background-position: 6px 9px; border: 1px solid #B3C492; } /*------------------------------------------------- Forms / Formulari -------------------------------------------------*/ .loginform { margin: 5px 0; } .searchform { margin: 0px 0; overflow:hidden; position:relative; } .commentform, .mailform { margin:0px; padding: 12px; color:#fff; /*width:444px;*/ font-size:12px; } .commentform a:link, .commentform a:visited { color:#000; text-decoration:underline; } .commentform a:hover, .commentform a:active { color:#003399; text-decoration:underline; } .commentform img { margin: 5px 0 0 0; } /*la forma dels Camps*/ .formfield { font-size: 11px; background: #FFFFFF; color: #404A6A; border: 1px solid #333333; margin: 1px 0 0 0; width:562px; } /*la forma del boto*/ .formbutton { font-size: 11px; background: #000; color: #FFFFFF; border: 1px solid #333; margin: 1px 0 0 0; } /*Missattge d'error en el Login i la clau*/ .error { color: black; font-weight: bold; margin:0px; padding-bottom:12px; } /*Temany del textarea*/ .commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield { width: 426px; } .searchform .formfield { width: 172px; height: 14px; font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; font-size:11px; padding: 4px 8px; /*margin: 0 2px 2px 0;*/ background-color: #e8772c; color: #ffffff; margin-right: 6px; } .searchform .formbutton { width: 66px; height: 24px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; font-size: 11px; padding: 4px 2px; text-align: center; background-color: #534c4c; position:absolute; top:0; right:0; } .loginform .formfield { width: 130px; font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; padding: 2px 0; margin: 0 2px 2px 0; } .loginform .formbutton { width: 60px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding: 2px 2px; } .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: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding: 2px 2px; } #nucleus_cf_name, #nucleus_cf_mail { width: 300px; margin-right: 105px; font-family: Arial, Trebuchet MS, Verdana, sans-serif; } .commentform .formbutton { width: 100px; height: 22px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; } #bottomborder { width: 986px; margin: 0 auto;/*padding: 20px 3px 0 3px; height: 30px; overflow: hidden; background-image: url(img/background_bottom.gif); background-position: top; background-repeat: no-repeat; clear: both; text-align: center; color: #000; font-size: 13px;*/ } /*------------------------------------------------- Header -------------------------------------------------*/ #header { /* position: relative; */ width: 960px; height: 148px; background-image: url(img/header_titol.png); background-repeat:no-repeat; background-position: top left; margin: 0 auto;/* margin-bottom:-2px; */ } /* #header{ position: relative; width:985px; height: 132px; margin:0 auto;} */ #header h1 { /* small header image specific lines */ height: 168px; width: 692px; background: white url(images/header_sm.jpg) repeat-x 0 6px; margin: 0 6px; /* end small header image specific lines */ font-size: 38px; text-align: center; line-height: 160px; } #botons { height: 60px; width: 200px; margin-top: 60px; float: right; background-image: url(img/header_boto.png); } #boto_emisio { height: 12px; width: 65px; padding-top: 23px; padding-left: 30px; } #boto_contacte { height: 12px; width: 75px; padding-top: 23px; } #botons .boto { float: left; font-size: 12px; font-weight: bold; text-align: center; color: #ffffff; } /*------------------------------------------------- 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: 160px; } .leftbox { float: left; border-right: 2px solid #ccc; } .rightbox { float: right; border-left: 2px solid #ccc; } /*Estils calendari*/ .calendar caption { font-weight: bold; font-size:14px; /*background-color: #d40517;*/padding: 5px 0 4px 0; width:260px; text-align: right; color: #bbb660; } #documentals_emesos .calendar caption a:link, #documentals_emesos .calendar caption a:visited { color: #bbb660; } .calendar .calendardateheaders { text-align: center; /*background-color: #d40517;*/ font-size: 12px; font-weight: bold; } .calendar { background-color: transparent; /*border:1px solid #d40517;*/ /*padding: 10px;*/ margin-bottom:20px; width:260px; } .calendar .days { background-color: #bbb660; color: #000; width: 34px; height: 28px; text-align: center; font-size: 18px; } .calendar .days a { text-decoration: underline!important; font-weight: bold; color: #fff !important; } .calendar .days a:active { text-decoration: underline; color: #000; font-weight: bold; } .calendar .days a:hover { text-decoration: underline; color: #FFF !important; font-weight: bold; } .calendar .days a:visited { text-decoration: underline; color: #000 !important; font-weight: bold; } .calendar .today { background-color: #000; color: #bbb660; text-align: center; width: 34px; height: 28px; font-size: 18px; } .llistit { line-height: 20px; padding-left: 13px; } /*.llistit a { background-image: url("http://blogs.ccrtvi.com/skins/joanridao/img/fletxa.gif"); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 13px; }*/ .floatleft { float:left; margin:0 10px 10px 0; } .perfilat { border-bottom:1px dotted #ccc; padding: 6px 0 8px 0; } .noperfilat { padding: 6px 0 8px 0; } .paddingleft { padding-left: 13px; } .center { text-align:center } .comments { padding-left: 13px; padding-bottom:13px; color:#ffffff; } .torna_web a { color:#ff0000!important; font-size:0.9em } .torna_web { margin:10px 0; } /*------------------------------------------------ Peu ------------------------------------------------*/ #bg_peu { width: 100%; height: 60px; margin-top: 30px; background-image: url(img/fons_peu.jpg); background-repeat: no-repeat; background-position: center top; clear: both; } #peu { width: 920px; padding: 10px 20px; margin: auto; } #peu_esquerre { float: left; } #peu_esquerre a { padding-right: 20px; } #peu_dreta { float: right; text-align: right; font-family: Verdana, Arial; font-size: 10px; color: #ffffff; } #peu_dreta p { margin: 0; padding: 0; } #peu_dreta ul { list-style-image: none; list-style-type: none; } #peu_dreta ul li { display: inline; padding: 0; margin: 0; background-image: none; } #peu_dreta ul li a { padding: 0px 4px 0px 3px; color: #ffffff; vertical-align: middle; } #peu_dreta ul li a:link, #peu_dreta ul li a:visited { color: #ffffff; } #peu_dreta ul li a:hover { text-decoration: underline; } .paginador { color:#b8b88a; text-decoration:none; font-weight:bold; } #altresprog { padding: 20px 0 20px 20px; font-size: 11px; overflow:hidden; height:1%; position:relative; margin-top:20px; } #altresprog ul { margin-top:10px; overflow:hidden; } #altresprog ul li { list-style:none; background:none; overflow:hidden; display:block; height:80px; margin:0 17px; padding:0; float:left; } #altresprog ul li span { width:70px; display: block; text-align:center; margin:10px 16px 0 0; } #avis { background:url(img/bg_avis.png) no-repeat; padding:50px 10px 13px 13px; color:#000; filter: alpha(opacity= 100) !important; opacity: 1 !important; -moz-opacity: 1 !important; height:153px; }