/*****

  Estils
  
*****/

/**
  Elements generals
 **/

* { margin: 0; padding: 0; }
html { font-family: arial; font-size: 0.625em; color: #ffffff; }
body { background: url(/lariera/img/fons-web-blau.jpg) repeat top left; margin: 0; padding: 0; }
a, a:visited { color: #02fff0; }
a:hover { color: #ffffff; }
a, a:visited, a:hover { text-decoration: none; }
a.blanco, a.blanco:visited { color: #ffffff; }
a.blanco img, a.blanco:visited img { border-color: #ffffff }
a:focus { outline-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
img { border: none; }
/**
  Estils generals
 **/

.clear { clear: both; height: 0; overflow: hidden; }
.negrita { font-weight: bold; }
.italica { font-style: italic; }
.flotant { float: left; }
.flotant_d { float: right; }
p.num_capitol { font-size: 1.4em; color: #02fff0; margin-top: 5px; }
p.descripcio { font-size: 1.2em; }
.titulo { padding: 0; text-indent: -30000px; }
/**
  Elements
 **/

#wrapper { background: url(/lariera/img/fons-web-bicolor-2011.jpg) repeat-x left -104px; margin: 0; padding: 0; }
#barra_tv3 { height: 30px;/* display: none; */ }
#content { background: url(/lariera/img/fons-web-imatge-2011.jpg) no-repeat center -104px; width: 960px; margin: 0 auto; padding: 0; }
#superbanner { height: 90px; padding: 7px 0px; text-align: center; }
/*#logo {
	margin: 20px 20px;
}
#menu_principal {
	margin: 151px 13px 0 13px;
	height: 26px;
	position:relative;
}*/

/*NOU*/
#logo { margin: 20px 20px 10px 20px; margin-top:0px; margin-bottom:0px; height:170px; }
#menu_principal { margin: 30px 13px 0 13px; margin-top:9px; height: 26px; position:relative; }
/*NOU*/
#menu_principal ul { margin: 0; padding: 0; height: 26px; }
#menu_principal ul li { display: block; float: left; margin-top: 7px; }
#menu_principal ul li.separador { display: block; text-indent: -30000px; height: 27px; width: 6px; background: url(/lariera/img/menu-punt.png) top center no-repeat; }
#menu_principal ul li, #menu_principal ul li a { display: block; text-indent: -30000px; height: 27px; overflow: hidden; }
.link_restaurant { position:absolute; left:840px; width:133px; top:-30px; }
a.laserie { width:  78px; background: url(/lariera/img/menu-laserie.png) top center no-repeat; }
a.personatges { width: 122px; background: url(/lariera/img/menu-personatges.png) top center no-repeat; }
a.videos { width:  70px; background: url(/lariera/img/menu-videos.png) top center no-repeat; }
a.emissions { width:  94px; background: url(/lariera/img/menu-emissions.png) top center no-repeat; }
a.blog { width:  53px; background: url(/lariera/img/menu-blog.png) top center no-repeat; }
a.forum { width:  68px; background: url(/lariera/img/menu-forum.png) top center no-repeat; }
a.equip { width:  60px; background: url(/lariera/img/menu-equip.png) top center no-repeat; }
a.contacta { width:  95px; background: url(/lariera/img/menu-contacta.png) top center no-repeat; }
a.laserie:hover, a.laserie_actual { width:  78px; background: url(/lariera/img/menu-laserie-on.png) top center no-repeat; }
a.personatges:hover, a.personatges_actual { width: 122px; background: url(/lariera/img/menu-personatges-on.png) top center no-repeat; }
a.videos:hover, a.videos_actual { width:  70px; background: url(/lariera/img/menu-videos-on.png) top center no-repeat; }
a.emissions:hover, a.emissions_actual { width:  94px; background: url(/lariera/img/menu-emissions-on.png) top center no-repeat; }
a.blog:hover, a.blog_actual { width:  53px; background: url(/lariera/img/menu-blog-on.png) top center no-repeat; }
a.forum:hover, a.forum_actual { width:  68px; background: url(/lariera/img/menu-forum-on.png) top center no-repeat; }
a.equip:hover, a.equip_actual { width:  60px; background: url(/lariera/img/menu-equip-on.png) top center no-repeat; }
a.contacta:hover, a.contacta_actual { width:  95px; background: url(/lariera/img/menu-contacta-on.png) top center no-repeat; }
#submenu { margin: 0px 13px 0 13px; padding: 0; height: 20px; }
#submenu ul { margin: 0; padding: 0; height: 20px; }
#submenu ul#subvideos { margin-left: 212px; width: 200px; visibility: hidden; }
#submenu ul li.separador { display: block; text-indent: -30000px; height: 20px; width: 6px; background: url(/lariera/img/submenu-separador.png) top center no-repeat; }
#submenu ul li { display: block; float: left; margin: 0; padding: 0; }
#submenu ul li, #submenu ul li a { display: block; text-indent: -30000px; height: 20px; }
a.capitols { width:  69px; background: url(/lariera/img/submenu-capitols.png) top center no-repeat; }
a.millorsmoments { width: 124px; background: url(/lariera/img/submenu-millors-moments.png) top center no-repeat; }
a.capitols:hover, a.capitols_actual { width:  69px; background: url(/lariera/img/submenu-capitols-on.png) top center no-repeat; }
a.millorsmoments:hover, a.millorsmoments_actual { width: 124px; background: url(/lariera/img/submenu-millors-moments-on.png) top center no-repeat; }
li.millorsmoments_off { width: 124px; background: url(/lariera/img/submenu-millors-moments-off.png) top center no-repeat; }
#millorsMoments { width: 260px; padding: 20px; background:url(/lariera/img/fons-publicitat.png) repeat scroll left top transparent; font: normal 14px Arial, Helvetica, sans-serif; color: #02fff0; margin: 20px 0px 0px 10px; cursor: default; }
#millorsMomentsPunta { background:url(/lariera/img/punta_fletxa.png) no-repeat 20px; width: 257px; height: 12px; margin: 0px 0px 0px 10px; }
#millorsMomentsImg { background: url(/lariera/img/millors_moments_bg.png) no-repeat center; width: 258px; height: 189px; padding: 11px 0px 0px 42px; }
#contingut { padding: 0 0 0 13px;/* margin-top: 20px; */ }
#contingut_left { width: 615px; float: left; margin-right: 20px; }
#contingut_right { width: 312px; float: right; margin: 0; padding: 0; }
#contingut_left.w780 { width: 780px; }
#contingut_right.w140 { width: 140px; margin-top: 15px; }
#proxim_capitol_top { margin: 0 0 0 8px; }
#proxim_capitol_top h2 { padding: 0; text-indent: -300000px; width: 353px; height: 45px; background: url(/lariera/img/titol-proxim.png) top left no-repeat; }
.video { border: solid 7px #ffffff; }
#proxim_capitol p.descripcio { margin: 15px 0; padding: 0; padding-left: 8px; }
#ultim_capitol { margin-top: 40px; }
#ultim_capitol_top { margin: 0 0 0 8px; }
#ultim_capitol_top h3 { padding: 0; text-indent: -300000px; width: 360px; height: 45px; background: url(/lariera/img/titol-ultim-capitol-emes.png) top left no-repeat; }
#ultim_capitol_bottom { margin-top: 15px; background: transparent url(/lariera/img/fons-10.png) top left repeat; }
#ultim_capitol_bottom img { border: solid 8px; }
#ultim_capitol_bottom_right { margin-left: 13px; }
#ultim_capitol_bottom p.descripcio { width: 310px; margin: 10px 0; padding: 0; }
#ultim_capitol_bottom a { font-size: 1.2em; }
a.link_todos { background: url(/lariera/img/icon-pelicula.jpg) top left no-repeat; padding: 4px 0 4px 25px; margin: 10px 0; display: block; }

/*
a.link_podcast_rss { background: url(/lariera/img/icon-podcast-rss.png) top left no-repeat; text-indent: -30000px; display: block; width: 21px; height: 21px; float: left; }
a.link_podcast_itunes { background: url(/lariera/img/icon-podcast-itunes.png) top left no-repeat; text-indent: -30000px; display: block; width: 23px; height: 22px; float: left; margin-left: 10px; }
a.link_podcast { font-size: 1.4em; display: block; float: left; margin-left: 10px; margin-top: 3px; color: #ffffff; }*/

/* podcast */

.podcast_list { margin:0; clear:both; }
.podcast_list li { list-style:none; font-size:1em; margin:0 22px 6px 0; float:left;}
.podcast_list .link_podcast_rss a{  background: url(/lariera/img/icon-podcast-rss.png) top left no-repeat; padding:3px 0 0 30px; height:16px; display:block;}
.podcast_list .link_podcast_itunes a{  background: url(/lariera/img/icon-podcast-itunes.png) top left no-repeat; padding:3px 0 0 30px; height:16px; display:block;}


#personatge_setmana { margin-top: 33px; }
#personatge_setmana_left { float: left; background: url(/lariera/img/fons-marc-personatge.png) top left no-repeat; padding: 9px; width: 260px; height: 293px; }
#personatge_setmana_left img { border: 1px solid; }
#personatge_setmana_right { float: left; width: 320px; padding-top: 20px; }
#personatge_setmana_right h4 { font-size: 2.4em; }
#personatge_setmana_right a.personatge_setmana { margin: 10px 0 0 0; padding: 0; margin-top: 5px; display: block; /*
  text-indent: -300000px;
  background: url(/lariera/img/titol-personatge.png) top left no-repeat;
  height: 54px;
  */
  width: 270px; font-size: 3.2em; font-weight: bold; line-height: 100%; }
#personatge_setmana_right p { margin: 10px 0; }
#personatge_setmana_right a { /*
  background: url(/lariera/img/icon-personatge.png) top left no-repeat;
  padding: 4px 0 4px 25px;
  margin-top: 10px;
  font-size: 1.2em;
*/
}
#millors_moments { margin-top: 20px; }
#millors_moments h4 { margin: 0 0 0 7px; padding: 0; display: block; text-indent: -30000px; background: url(/lariera/img/titol-moments.png) top left no-repeat; width: 217px; height: 65px; }
#millors_moments img { margin-top: 20px; }
#millors_moments a.link_todos { margin-left: 7px; font-size: 1.2em; }
#blog { margin: 40px 0 0 7px; }
#blog h4 { margin: 0; padding: 0 0 13px 0; display: block; text-indent: -300000px; background: url(/lariera/img/titol-blog.png) top left no-repeat; width: 300px; height: 27px; border-bottom: 1px solid #004461; }
#blog p.item_blog { font-size: 1.4em; border-bottom: 1px solid #004461; width: 260px; padding: 0px 5px 13px 35px; margin: 13px 0 0 0; background: url(/lariera/img/bullet-blog.png) top left no-repeat; min-height: 20px; }
#blog a.link_anar { background: url(/lariera/img/bullet-anar-blog.png) top left no-repeat; padding: 0 0 0 20px; margin: 10px 0 0 4px; display: block; font-size: 1.2em; }
/* FACEBOOK CONECT */

#facebook { margin: 30px 0 0 0; padding: 6px; background: url(/lariera/img/fons-publicitat.png) top left repeat; }
/*.fan_box .full_widget .connect_top{ background-image:url(http://www.tv3.cat/30minuts/img/fons_capfacebook.jpg); background-repeat:repeat-x; color:#FFF; border-color:#3B5998;}*/
.fan_box .full_widget .connect_top a { color:#FFF; }
.fan_box .full_widget { border:none; }
.fan_box .connections_grid .grid_item { float:left; overflow:hidden; padding:0 5px 4px 1px; width:50px; }
#publicitat { margin: 25px 0 0 0; }
#publicitat h5 { font-size: 1.2em; font-weight: bold; text-align: right; padding-right: 7px; color: #80b1c6; }
#publicitat div.roba { background: url(/lariera/img/fons-publicitat.png) top left repeat; padding: 6px; width: 300px; height: 250px; }
#publicitat div.skydreta { background: url(/lariera/img/fons-publicitat.png) top left repeat; padding: 6px; width: 120px; height: 600px; }
/*****
  Peu
 *****/
 
#peu { height: 102px; background: #ffffff url(/lariera/img/fons-peu.gif) top left repeat-x; margin-top: 30px; }
#content_peu { width: 960px; margin: 0 auto; }
.peu_logo { display: block; float: left; margin: 30px 13px; }
.peu_texte { display: block; float: right; margin: 30px 13px; text-align: right; font-size: 1.2em; color: #333333; line-height: 180%; }
.peu_texte a, .peu_texte a:link, .peu_texte a:hover, .peu_texte a:visited { color: #333333; }
.logo5430 { /*background: url(/lariera/img/logo-5430.gif) center right no-repeat;*/ padding-right: 50px; }
.logo_atencio_audiencia { /*background: url(/lariera/img/logo-atencio-audiencia.gif) center right no-repeat;*/ padding-right: 0px; }
/*****
  google ads
*****/

#google_ad_l { margin-top: 20px; }
#google_ad_l p { float: left; width: 137px; height: 50px; padding: 5px; color: #aaaaaa; background: url(/lariera/img/fons-adsense.png) top left repeat; font-size: 1.2em; font-weight: bold; }
#google_ad_l.w780 p { width: 302px; }
#google_ad_l div { float: left; }
/*  +---------------------------------------------------+
    | personatges.html                                  |
    +---------------------------------------------------+ */

#personatges { margin-bottom: 60px; }
#personatges h2 { padding: 0; text-indent: -30000px; width: 295px; height: 40px; background: url(/lariera/img/titol-personatges.png) top left no-repeat; }
#personatges div.foto_personatges { margin: 20px 8px 20px 0px; float: left; width: 199px; }
#personatges div.nomargin { margin-right: 0px; }
#personatges div.foto_personatges a { display: block; }
#personatges div.foto_personatges a img { border: 7px solid #ffffff; width:186px; height:230px; display:block; }
#personatges div.foto_personatges a.link_foto_img { margin-bottom: 7px; }
#personatges div.foto_personatges a.link_foto_tit { font-size: 1.6em; font-weight: bold; margin-bottom: 3px; }
#personatges div.foto_personatges p { font-size: 1.2em; }
/*  +---------------------------------------------------+
    | fitxa_personatge.html                             |
    +---------------------------------------------------+ */

#fitxaPersonatge { margin-bottom: 30px; }
#fitxaPersonatge h2 { padding: 0; text-indent: -30000px; width: 295px; height: 40px; background: url(/lariera/img/titol-personatges.png) top left no-repeat; margin: 0 0 20px 7px; }
#fitxaPersonatge .fitxaPFoto { margin-right: 15px; }
#fitxaPersonatge .fitxaPFoto img { border: solid 7px #ffffff; }
#fitxaPersonatge .fitxaPFoto p { font-size: 1.4em; margin: 7px; }
#fitxaPersonatge .fitxaPText { width: 330px; }
#fitxaPersonatge .fitxaPText h4 { margin: 0; }
#fitxaPersonatge .fitxaPText p { margin-bottom: 12px; }
h4.titular { font-size: 2.8em; font-weight: bold; color: #02fff0; }
p.edat { font-size: 1.4em; font-weight: bold; }
p.resumen { font-size: 1.6em; }
p.descripcio { font-size: 1.2em; }
p.llegir_mes { display: none; }
a.icon_llegir_mes { display: block; padding-left: 23px; background: url(/lariera/img/icon-mes.png) top left no-repeat; height: 17px; cursor: pointer; }
a.icon_llegir_menys { display: block; padding-left: 23px; background: url(/lariera/img/icon-menys.png) top left no-repeat; height: 17px; cursor: pointer; }
#fitxaEntorn { margin-bottom: 20px; }
#fitxaEntorn h3 { /*margin-bottom: 8px;*/
  text-indent: -30000px; width: auto; height: 32px; background: url(/lariera/img/titol-el-seu-entorn.png) 7px 0px no-repeat;/*border-bottom: 1px solid #003b54;*/ }
#fitxaVideo { margin-bottom: 50px; }
#fitxaVideo h3 { margin-bottom: 8px; text-indent: -30000px; width: auto; height: 32px; background: url(/lariera/img/titol-video-personatge.png) 7px 0px no-repeat; }
.fitxaSlider .SGG_video_date { font-size: 1.4em; color: #02fff0; font-weight: normal; margin-bottom: 2px; }
.fitxaSlider .SGG_video_title { font-size: 2.0em; font-weight: bold; }
.fitxaSlider .SGG_video_description { font-size: 1.2em; padding-bottom: 15px; }
.fitxaSlider .SSG_video_info { display: block; padding: /*14px 7px*/0; }
*/ /*.fitxaSlider div.categoria1 { width: auto; }
.fitxaSlider .SSG .item { width: auto; margin-right: 9px; }
.fitxaSlider .SSG .item img { 
  border: 5px solid #ffffff;
  padding: 0;
  width: 120px;
  height: 68px;
}
.fitxaSlider .SSG .view_all { display: none; }

.fitxaSlider .SSG .news_items { margin: 0 34px; width: auto; padding-bottom: 0px;}
.fitxaSlider .SSG .prev { background: transparent url(/lariera/img/icon-slider-prev.png) no-repeat top left; padding-left: 0; }
.fitxaSlider .SSG .next { background: transparent url(/lariera/img/icon-slider-next.png) no-repeat top right; padding-right: 0; }
.fitxaSlider .SSG .next,
.fitxaSlider .SSG .prev { top: 32px; height: 14px; width: 24px; text-indent: -30000px; margin: 0 4px; }



.fitxaSlider .SSG_video_container,
.fitxaSlider .SSG_image_container  { padding: 0; margin-bottom: 8px; border: solid 7px #ffffff; }
.fitxaSlider div.categoria2 { width: auto; }

/*  +---------------------------------------------------+
    | contacta.html                                     |
    +---------------------------------------------------+ */

#contacta {
margin-top: 8px;
margin-bottom: 60px;
}
#contacta h2 { width: 295px; height: 40px; background: url(/lariera/img/titol-contacta.png) top left no-repeat; }
.ok_ko { padding-bottom: 50px; }
.ok_ko h2 { padding-bottom: 40px; }
.ok_ko p { padding-top: 10px; font-size: 1.2em; }
/*  +---------------------------------------------------+
    | la_serie.html                                     |
    +---------------------------------------------------+ */

#laserie { margin-top: 8px; margin-bottom: 30px; }
#laserie h2 { width: 186px; height: 50px; background: url(/lariera/img/titol-laserie.png) top left no-repeat; }
#laserie img { display: block; border: 6px solid #ffffff; margin-top: 20px; }
#laserie p { font-size: 1.4em; padding: 13px 0px 8px 0px; }
/*  +---------------------------------------------------+
    | equip.html                                        |
    +---------------------------------------------------+ */

#equip { margin-top: 8px; margin-bottom: 30px; }
#equip h2 { width: 135px; height: 48px; background: url(/lariera/img/titol-equip.png) top left no-repeat; }
#equip img { display: block; border: 6px solid #ffffff; margin-bottom: 20px; }
#equip p { font-size: 1.4em; }
#equip p.titol { color: #02fff0; margin-top: 20px; }
ul li div.celda_actual { background: url(/lariera/img/fons-capitols-temporada.gif) top left repeat; }
/*  +---------------------------------------------------+
    | bases.html                                        |
    +---------------------------------------------------+ */

#bases_legals { margin-top: 8px; margin-bottom: 30px; }
#bases_legals h2 { width: 290px; height: 48px; background: url(/lariera/img/bases_legals.png) top left no-repeat; }
#bases_legals img { display: block; border: 6px solid #ffffff; margin-bottom: 20px; }
#bases_legals p { font-size: 1.4em; }
#bases_legals p.titol { color: #02fff0; margin-top: 20px; }
/*  +---------------------------------------------------+
    | mobils.html                                        |
    +---------------------------------------------------+ */

#mobils { margin-top: 8px; margin-bottom: 30px; }
#mobils strong { margin-top:60px; }
#mobils h2 { width: 186px; height: 50px; background: url(/lariera/img/titol-mobils.png) top left no-repeat; }
.marge { display: block; border: 6px solid #ffffff; margin-top: 10px; }
#mobils p { font-size: 1.4em; padding: 13px 0px 8px 0px; }
a.mobils { width:  68px; background: url(/lariera/img/menu-mobils.png) top center no-repeat; }
a.mobils:hover, a.mobils_actual { width:  68px; background: url(/lariera/img/menu-mobils-on.png) top center no-repeat; }
#mobils strong.titol { color: #02fff0; margin-top: 20px; }
#mobils ul { list-style:decimal; list-style-position:inside; }
#mobils p, #mobils strong, #mobils ul { font-size:1.4em; }
.avis_normes { clear:both; float:none; display:block; font-size:1em; margin:5px 0 8px 0; padding-bottom:8px; border-bottom:#4D90AD solid 1px;}