/* CSS Document */
body{background:#003580; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0}

img{border:none}
.clearboth{clear: both}
.floatL{float:left}
.floatL_margin{float:left; margin:0 10px 20px 0}
.floatR{ float:right}
hr{ clear:both}

.botoVotar{ background:url("../img/bt_votar.gif") no-repeat; width:100px; height:26px; border:none; cursor: pointer; float: right; margin:10px 10px 0 0}

#compatibilitat { visibility:hidden; display:none}
* html #compatibilitat { visibility: visible; display:block}
#compatibilitat{ background:#FF9; height:100px; width:100%; font-size:16px; color:#000; text-align:center; padding:20px 0 0 0}
#compatibilitat a{ font-size:16px; color:#000}
#compatibilitat a:hover{color:#333; text-decoration:none}
		
.banner1{background-color:#00265d; width:100%; height:91px; text-align:center; padding-top:10px;}

/*#publicitat{visibility:hidden; display:none}*/

#containerWeb{background:url("../img/bg_web.jpg") repeat-x;}
#top, #menu, #contingut, #footer{width:999px; margin:0 auto}

#top{}
#top #EnllacosSuperiors{ font-size:10px; color:#fff; float: right}
#top #EnllacosSuperiors a{font-size:10px; color:#fff; text-decoration:none}
#top #EnllacosSuperiors a:hover{text-decoration: underline}

#top #logo{}
#top #logo a{background: url("../img/logoRTVA.png") no-repeat; width:341px; height:94px; display:block}
#top #logo a span{ display:none; visibility:hidden}

#menu{
	background: url("../img/bg_menu.jpg") no-repeat;
	height:45px;
}
#menu ul{
	list-style:none; margin:0; padding:0}
#menu ul li{
	list-style:none;
	float:left;
	padding:10px 7px 0 9px;
	display: inline;
	position: relative;
	margin: 0;}
#menu ul li a{color:#fff; font-size:18px; text-decoration:none;display: block; margin:0 0 10px 0}
#menu ul li a:hover{ color:#a8cbfb}

#menu ul li ul {
   display: none;
   position: absolute;
   background:url("../img/bg_desplegable.png");
   margin:0 0 0 -10px;
   z-index:999;
}
#menu ul li ul li{
	display: list-item;
	float: none;
	margin: 0;
	padding:5px 10px;
	border-bottom: solid 1px #002d6c
	
}
#menu ul li ul li a{
	font-size:14px;
	font-weight:bolder;
	color:#fff;
	display:block;
	text-decoration:none;
	width:180px;
	padding:0;
	margin:0;
}
.liCerca{ padding:8px 0 0 35px !important}

.cercar{ background:url("../img/bg_cerca.png") no-repeat;width:206px; height:30px;}
.cercar input.cercador{border:none; margin:0 0 0 10px;margin:0 0 0 10px; width:148px;width:140px\9; background:transparent}
.cercar input.boto{ background:url("../img/bt_cerca.png") no-repeat; width:43px; height:30px; border:none; cursor:pointer; float: right}

#crawl{ background:#000; width:999px; height:42px; color:#FFF; margin:0 auto}
#crawl .ultimahora{float:left; font-size:18px; font-weight:bolder; padding:14px 10px 0 20px}
#crawl marquee{margin:-6px 0 0 0; *padding:0 0 0 0}
#crawl marquee p{}
#crawl a{ float:right; padding:8px 10px 0 0;}
#crawl img{}

#contingut{background:#dbdbdb; padding:5px; width:989px}

#contingut .columanEsquerra{ float: left; width:716px;}
#contingut .columanDreta{ float:right; width:262px; }

#footer{ background:url("../img/bg_footer.jpg") no-repeat;color:#fff}
#footer #direccio{ font-size:10px; float:right; text-align:right; padding:20px 30px 0 0}
#footer #menuFooter{}

#footer #menuFooter ul{ list-style:none; margin:40px 0 0 10px; padding:0; width:238px; float:left}
#footer #menuFooter ul li.titol{ font-size:18px; font-weight:bold}
#footer #menuFooter ul li a{color:#fff; font-size:12px; text-decoration:none}
#footer #menuFooter ul li a:hover{ text-decoration:underline}

#footer #menuFooter .columna1{}
#footer #menuFooter .columna2{}
#footer #menuFooter .columna3{}
#footer #menuFooter .columna4{}



/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* VIDEO PLAYER */
#VideoPlayer{}
.corner_r{background:url("../img/bg_corners_videos.gif") -13px 0 no-repeat; height:35px;width:13px; display:block; float:right}
.corner_l{background:url("../img/bg_corners_videos.gif") 0 0 no-repeat; height:35px; width:13px; display:block; float:left}
#VideoPlayer #titolVideos h2 a { float: right; display:block; padding:6px 0 0 0}
#VideoPlayer #titolVideos h2 .titolText{ padding:5px 0 0 0; display:block; width:80%}
#VideoPlayer #titolVideos{background:url("../img/bg_videos.gif") repeat-x; height:35px; width:100%}
#VideoPlayer #titolVideos h2{ color:#fff; font-size:18px; padding:0; margin:0; vertical-align: middle }
#conteinerVideo{ background:url("../img/bg_videos_inf.gif") repeat-x #282828 top left}
#conteinerVideo p{ margin:0; padding:0}
#footerVideo{background:#282828; height:21px;}
#footerVideo .corner_r{ background:url("../img/bg_corners_videos_inf.gif") no-repeat -14px 0; height:21px; width:14px}
#footerVideo .corner_l{ background:url("../img/bg_corners_videos_inf.gif") no-repeat 0 0; height:21px; width:14px}


#altresVideos{ float:right; width:260px}

.viewport {
            float: left;
            height: 59px;
            margin: 0 9px 9px 0;
            overflow: hidden;
            position: relative;
            width: 121px;
        }
.no-margin {margin-right: 0;}
.viewport a {display: block;position: relative; text-decoration: none;}
.viewport a img { height: 60px;
    left: 0;
    position: relative;
    top: 0;
    width: 120px;}

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 1em;
            font-weight: bold;
            height: 100%;
            /*padding-top: 120px;*/
            position: absolute;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
		
		.viewport a span h3{ color:#fff; margin:0; padding:0; font-size:12px; line-height:10px; padding:4px; text-decoration:none}
		.viewport a span h4{color:#FFF; font-size:9px; padding:0 0 0 4px; margin:0; text-decoration:none}


        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background:url("../img/bg_desplegable.png");
        }
            .dark-background em {
                color: #ccc;
            }

        /* --- Light hover background ----------------------------------------------------------- */
        .light-background {
            background-color: rgba(255, 255, 255, 0.6);
            color: #333;
            text-shadow: #fff 0px 0px 20px;
        }
            .light-background em {
                color: #707070;
            }

#conteinerVideo{padding:5px}

#contingutVideo{ width:437px;height:110px; height:auto!important; min-height:110px}
#contingutVideoGran{ width:100%;height:110px; height:auto!important; min-height:110px}
#contingutVideo h3, #contingutVideoGran h3{ font-size:13px; margin:0; padding:0; color:#94b4e2; font-weight:bold}
#contingutVideo h4, #contingutVideoGran h4{font-size:12px; margin:0; padding:0; float:right; color:#FFF;}
#contingutVideo p, #contingutVideo a, #contingutVideoGran p, #contingutVideoGran a{font-size:11px; margin:0; padding:0; color:#FFF; text-decoration:none}
#contingutVideo a:hover, #contingutVideoGran a:hover{text-decoration: underline}
						
#paginacioVideos{padding:30px 0 0 90px;*padding:5px 0 0 90px; clear:both }
#paginacioVideos a{text-decoration:none; background-position:top; background-image: url("../img/bt_paginacio_videos.gif"); background-repeat:no-repeat; width:18px; height:17px; text-indent:-99999px; display:inline-block; cursor:pointer}
#paginacioVideos a.pos{background-position: bottom}
#paginacioVideos a.pos:hover{background-position: top}
#paginacioVideos a:hover{ background-position:bottom}




/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* PODSCAST */
#PodCastPlayer{}
#titolPodCast .corner_r{background:url("../img/bg_corners_PodCast.gif") -13px 0 no-repeat; height:35px;width:13px; display:block; float:right}
#titolPodCast .corner_l{background:url("../img/bg_corners_PodCast.gif") 0 0 no-repeat; height:35px; width:13px; display:block; float:left}
#PodCastPlayer #titolPodCast h2 a { float: right; display:block; padding:6px 0 0 0}
#PodCastPlayer #titolPodCast h2 .titolText{ padding:5px 0 0 0; display:block; width:80%}
#PodCastPlayer #titolPodCast{background:url("../img/bg_PodCast.gif") repeat-x; height:35px; width:100%}
#PodCastPlayer #titolPodCast h2{ color:#fff; font-size:18px; padding:0; margin:0; vertical-align: middle }
#conteinerPodCast{ background: #b9b9b9 top left}
#conteinerPodCast p{ margin:0; padding:0}


#containerPodCast{padding:10px 0 0 4px;}

#containerPodCast div{ margin-bottom:5px}

#containerFooter { margin: 0 20px 0 0}
#containerFooter a{ text-decoration:none; color:#003580; font-size:11px;}
#containerFooter a:hover{ text-decoration:underline}

#conteinerPodCast p{ font-size:16px; font-weight:bolder; text-align:center;padding-top:13px;padding-bottom:12px}
#footerPodCast{background:#b9b9b9; height:21px;}
#footerPodCast .corner_r{ background:url("../img/bg_corners_PodCast_inf.gif") no-repeat -14px 0; height:21px; width:14px}
#footerPodCast .corner_l{ background:url("../img/bg_corners_PodCast_inf.gif") no-repeat 0 0; height:21px; width:14px}



/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* CaixaBasica */
#CaixaBasica{}
#titolCaixaBasica .corner_r{background:url("../img/bg_corners_PodCast.gif") -13px 0 no-repeat; height:35px;width:13px; display:block; float:right}
#titolCaixaBasica .corner_l{background:url("../img/bg_corners_PodCast.gif") 0 0 no-repeat; height:35px; width:13px; display:block; float:left}
#CaixaBasica #titolCaixaBasica h2 a { float: right; display:block; padding:6px 0 0 0}
#CaixaBasica #titolCaixaBasica h2 .titolText{ padding:5px 0 0 0; display:block; width:80%}
#CaixaBasica #titolCaixaBasica{background:url("../img/bg_PodCast.gif") repeat-x; height:35px; width:100%}
#CaixaBasica #titolCaixaBasica h2{ color:#fff; font-size:18px; padding:0; margin:0; vertical-align: middle }
#conteinerCaixaBasica{ background: #b9b9b9 top left; padding:10px}
#conteinerCaixaPodCast{background: #b9b9b9 top left; padding:10px 0}
#conteinerCaixaBasica p, #conteinerCaixaBasica ul, #conteinerCaixaBasica li, #conteinerCaixaBasica a, #conteinerCaixaBasica blockquote, #conteinerCaixaBasica{ font-size:12px; font-weight:normal;}
#conteinerCaixaPodCast p, #conteinerCaixaPodCast ul, #conteinerCaixaPodCast li, #conteinerCaixaPodCast a, #conteinerCaixaPodCast blockquote, #conteinerCaixaPodCast{ font-size:12px; font-weight:normal;}
#footerCaixaBasica{background:#b9b9b9; height:21px;}
#footerCaixaBasica .corner_r{ background:url("../img/bg_corners_PodCast_inf.gif") no-repeat -14px 0; height:21px; width:14px}
#footerCaixaBasica .corner_l{ background:url("../img/bg_corners_PodCast_inf.gif") no-repeat 0 0; height:21px; width:14px}
	

#XarxaSocial{ margin:8px 0 0 0}
#XarxaSocial .container {background:url("../img/bg_caixa_xarxa.gif") no-repeat; height:131px; width:260px; padding:20px 3px 3px 3px}

.xarxa_impar a, .xarxa_par a{ font-size:16px!important; font-weight:bold; color:#003580; text-decoration:none;}
.xarxa_impar a:hover, .xarxa_par a:hover{ color:#333}
.xarxa_impar, .xarxa_par { border-top: solid 1px #fff; padding:12px 0 0 12px; min-height:60px; height:60px; height:auto}
.xarxa_impar{background:url("../img/bg_xarxa_impar.gif") repeat-x}
.xarxa_par{background:url("../img/bg_xarxa_par.gif") repeat-x}
/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* BANNERS INFERIORS */

#banners{ background:#2b2b2b; clear:both; margin:5px auto; width:989px}
#banners #topbannersEsquerra{background-image:url("../img/bg_cantos_banners.jpg"); background-position:0 0; background-repeat:no-repeat; width:6px; height:6px;}
#banners #topbannerDreta{background-image:url("../img/bg_cantos_banners.jpg"); background-position:-6px 0; background-repeat:no-repeat; width:6px; height:6px; float: right;}
#contingutbanner{ margin:5px}

#contingutbanner #banner5 {float:right;width:317px; height:103px;}
#contingutbanner #banner5 img{width:317px; height:103px;}

#contingutbanner #banner6 {width:319px; height:103px;}
#contingutbanner #banner6 img{width:319px; height:103px;}

#contingutbanner #banner7 {float:right;margin:0 7px;width:319px; height:103px;}
#contingutbanner #banner7 img{width:319px; height:103px;}

#contingutbanner #banner5, #contingutbanner #banner6, #contingutbanner #banner7 {margin-bottom:5px;}



#banners #bottombannersEsquerra{background-image:url("../img/bg_cantos_banners.jpg"); background-position:0 -6px; background-repeat:no-repeat; width:6px; height:6px;}
#banners #bottombannerDreta{background-image:url("../img/bg_cantos_banners.jpg"); background-position:-6px -6px; background-repeat:no-repeat; width:6px; height:6px; float: right;}



#publicitatInferior{ background:no-repeat; height:215px; padding:5px 0 0 0; float:right}

#banner_pos_10{width: 480px!important;height:215px!important;}
#banner_pos_10 img{width: 480px!important;height:215px!important;}

#banerpubliflash{ background:url("../img/bg_publiflash.gif") no-repeat; width:260px; height:274px; padding:5px}

a.bt_atv, a.bt_rna, a.bt_am{ background-position:top left; text-indent:-9999px; background-repeat:no-repeat; height:74px; display:block; margin:0 0 5px 0; float:left}


a.bt_atv{ background-image:url("../img/bt_atv.gif"); width:87px;}
a.bt_rna{background-image:url("../img/bt_rna.gif"); width:86px;}
a.bt_am{background-image:url("../img/bt_am.gif"); width:87px;}

a.bt_atv:hover, a.bt_rna:hover{ background-position:bottom left}



#publicitatCentral{ background:url("../img/bg_publicitat_central.jpg") no-repeat; width:968px; height:94px; padding:9px 5px 0 15px; margin:8px 0}




/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* CAIXES INFERIORS */

#caixes_inferiors{ margin:5px 0}
/* PROGRAMACIÓ */
#programacio, #enquesta, #eltemps {
background:url("../img/bg_caixes_inferiors.gif") no-repeat scroll left 37px transparent;
height:258px;
width:320px;
float:left;
}
#enquesta{ margin:0 8px; font-size:11px;}

#enquesta .opcionsEnquesta{padding:0 0 0 15px}
#enquesta .containerResultat{width:300px; height:210px; overflow:auto; margin:10px auto}

.graph {width:250px;position: relative;right: 30px;}
.graphInterior {width:650px;position: relative;right: 30px;}
.graph .bar-title {position:relative;float:left;width:143px;line-height: 20px;margin-right:17px;font-weight: bold;text-align: right;}
.graphInterior .bar-title {position:relative;float:left;width:215px;line-height: 20px;margin-right:17px;font-weight: bold;text-align: right; clear:both}
.bar-container {position: relative;float: left;width: 80px;height: 10px;margin: 0px 0px 15px;}
.bar-containerInterior {position: relative;float: left;width: 410px;height: 10px;margin: 0px 0px 15px;}
.bar-container div, .bar-containerInterior div {background-color:#c82207;height: 20px;}
.bar-container strong, .bar-containerInterior strong {position: absolute;right: -32px;top: 0px;overflow: hidden;}

#enquesta .total{ font-size:14px; clear:both;font-weight:bold; color:#888}
#enquesta .total strong{ font-weight:bolder; color:#c82207}
#enquesta .total a{font-weight: normal}

.pregunta_par, .pregunta_impar{ padding:5px}
.pregunta_par h2, .pregunta_impar h2{ font-size:14px}
.pregunta_par{ background-color:#ddd; border-top: solid 1px #fff}
.pregunta_impar{ background-color:#ccc; border-top: solid 1px #fff}

#programacio .container, #enquesta .container{width:300px; height:150px; overflow:auto; margin:10px auto}
#eltemps .container{width:300px; height:150px; margin:10px auto}
#programacio .container ul{ list-style:none; margin:0; padding:0; line-height:20px}
#programacio .container ul li{ color:#000; font-size:12px;}
#programacio .container ul li span{ color:#003580; font-weight:bolder}



/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* BOTONS */

a.botoGris, a.boto{height:26px; display:block; color:#fff; font-size:12px; text-align:center; text-decoration:none; padding:5px 0 0 0; cursor:pointer}
a.boto:hover{ color: #CCC}
a.botoGris:hover{ color: #333}

a.botoGris span.esquerraboto, a.botoGris span.dretaboto, a.boto span.esquerraboto, a.boto span.dretaboto{ height:26px; width:10px; margin:-5px 0 0 0}

a.botoGris{background:url("../img/bg_botons_gris.png") repeat-x;}
a.botoGris span.esquerraboto{ background-image:url("../img/bg_corners_botons_gris.png"); background-position:-10px 0; float:right}
a.botoGris span.dretaboto{ background-image:url("../img/bg_corners_botons_gris.png"); background-position:0 0; float:left}

a.boto{background:url("../img/bg_botons.png") repeat-x;}
a.boto span.esquerraboto{ background-image:url("../img/bg_corners_botons.png"); background-position:-10px 0; float:right}
a.boto span.dretaboto{ background-image:url("../img/bg_corners_botons.png"); background-position:0 0; float:left; }


/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* Tarifes */
table{ background-color:#FFF; padding:5px}
table tr td{padding:5px}
.titolTaula{ background-color:#003580; font-weight:bold; color:#fff; font-size:14px}


a.titol_noticies{color:#003580; font-size:16px!important; font-weight:bolder!important}
a.titol_noticies:hover{ text-decoration:none!important}


.paginacioNoticies{ color:#666; font-size:12px!important}
.paginacioNoticies a{ display:inline-block; width:20px; height:20px; background-color:#999; color:#FFF; text-decoration:none; font-weight:bold; text-align:center}
.paginacioNoticies a:hover{ background:#CCC; color:#333}


h3.programacioDia{ color:#fff; background:#003580; font-size:18px!important; font-weight:bolder!important; padding:1px 0 1px 10px}



/* ************************************************************* */
/* ************************************************************* */
/* ************************************************************* */
/* El Temps */

#principal{ float: left; width:100px; text-align:center; margin:0 50px 0 0}
#principal span{ font-weight:bold}
span.dataPrincipal{ color:#787878; font-size:17px;}
span.minPrincipal{color:#4e9acc; font-size:23px; vertical-align:top}
span.separacioPrincipal{color:#bcbcbc; font-size:23px}
span.maxPrincipal{color:#c82207; font-size:23px;vertical-align: bottom}

.altres{ height:38px}
span.data{ color:#787878; font-size:11px;}
span.min{color:#4e9acc; font-size:11px; vertical-align:top}
span.separacio{color:#bcbcbc; font-size:11px}
span.max{color:#c82207; font-size:11px;vertical-align: bottom}



.borsaTreball{color:#fff; font-size:22px!important; font-weight:bolder;}

p.xarxa_impar{font-size:16px!important; font-weight:bold; color:#003580; text-decoration:none; font-weight:bold!important}
p.textTreball{ margin:-20px 0 0 0; padding:0 15px; text-align:justify}
p.textTreball a{ color:#000;}
#formulari label {
display:inline-block;
font-size:12px;
font-weight:bold;
margin:0 10px 20px 0;
text-align:right;
vertical-align:top;
width:120px;
}
#formulari input, #formulari textarea {
border:1px solid #003580;
font-size:12px;
}
#formulari input {
width:424px;
}
#formulari select {
width:395px;
}
#formulari textarea {
font-size:11px;
height:110px;
width:424px;
}
#formulari input.boto {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #003580;
color:#000000;
cursor:pointer;
float:right;
height:24px;
margin:10px 140px 10px 0;
width:auto !important;
}

#formulari input.boto:hover {
background:none repeat scroll 0 0 #003580;
border:1px solid #333;
color:#fff;
}



ul.telefonsinteres, ul.telefonsinteres ul {list-style:none;}
ul.telefonsinteres{width:300px; }
ul.telefonsinteres ul {width:260px }
ul.telefonsinteres li{ border-bottom: dashed #a4a4a4 1px;font-size:14px!important; line-height:23px}
ul.telefonsinteres li strong{ display:inline-block; width:230px; color:#28589c}

ul.telefonsinteres ul li strong{ display:inline-block; width:190px}



#banner11{margin:0 0 10px 5px;}
#banner12{margin:20px 0 0 5px;}
#banner_pos_1{margin:0 auto}


#atv_carta{
background: url(../img/fondo_alacarta.jpg) no-repeat #000;
color:#a8cbfb;
height:318px;
width:255px;
float:left;
margin:0 0 5px 0;
overflow:hidden;
font-size:12px;
}

#atv_carta h2{
color:#fff;
margin:0;
padding:5px 0 0 10px;
font-size:1.5em;
font-weight:bold;
background-image: url(../img/bg_tvalacarta.png);
width:245px;
height:31px;
}

.atv_carta_interior{height:250px; width:240px; overflow:auto; margin:10px 0 0 10px }
.atv_carta_interior ul{ margin:0; padding:0 0 0 15px}
.atv_carta_interior ul li a{font-size:12px; text-decoration:none}

#atv_carta a:link, #atv_carta a:visited{color:#fff;}
#atv_carta a:hover, #atv_carta a:active{color:#a8cbfb;}
.infotv{height:210px; margin:0 5px 0px 10px; overflow: auto;}

.margen_izq{margin-left:8px;}


.posInici{background: url(../img/bg_PosdCast.png) 78px 0; width:708px; height: 36px}
.posInici a{background-image:url(../img/bt_podcast.png); background-position:top left; width:78px; height:36px; display:inline-block;}
.posInici a:hover{ background-position:bottom left}
.posInici span{ margin: 7px 0 0 8px; position: absolute;}

#Podcast_0, #Podcast_1, #Podcast_2, #Podcast_3, #Podcast_4, #Podcast_5, #Podcast_6, #Podcast_7,
#Podcast_8, #Podcast_9, #Podcast_10, #Podcast_11, #Podcast_12, #Podcast_13, #Podcast_14, #Podcast_15 { background: url(../img/carrega.gif) no-repeat; min-height:36px}

#BG_black{ background:#000; position:fixed; top:0; left:0; width:100%; height:100%; display:block; z-index:9998;filter: alpha(opacity=70); opacity: .7}
#PublicitatHome{ background-color:#fff; position:fixed; width:800px; height:518px; padding:5px 10px 5px; z-index:9999; margin-top: -250px; margin-left: -400px; left:50%; top:50%}
#PublicitatHome img{width:800px;}
#PublicitatHome a{ float: right; color:#6ba9fe; text-decoration:none; font-weight:bolder; font-size:12px}
#PublicitatHome a:hover{ color:#333}