/*--------------------------------------
ESTILS TIPOGRAFICS GENERALS
---------------------------------------*/

h1, h2, h3, h4, h6, li, p {
	margin: 0px;
	padding: 0px;
}

em {
	font-weight:bold;
	font-style: normal;
}

/*--------------------------------------
BLOCS DE LA PAGINA
---------------------------------------*/

html, body {  
	margin: 0px;
	padding: 0px;
    height: 100%;
}           

body {
  	background: url(../img/fons.jpg) top repeat-y;  	
/*  	background: url("referencia.jpg") top repeat-y;  	*/
  	background-color: #9D9C9C;
}
  

/*--- Contenidor principal ---*/

#contenidor {
	width: 931px;
	position: relative;
	min-height: 100%;	
	margin: 0 auto;
	margin-bottom: -30px;			 
	padding: 0px;	
	overflow:hidden; 
	height: auto !important; 
/*	border: 1px solid red;	*/
}

* html #contenidor {
	height: 100%;
}

#franja_superior { 
	position:relative;
	background: url("../img/fons_top.jpg") top left repeat-x;
	width: 929px; 
	height: 34px;
}

#logo_comradio_top {
	position: absolute;	
	width: 91px;
	height: 24px;
	bottom: 0;
	left:55px;
	background: url("../img/logo_comradio_top.jpg") top left;		
}

#slogan {
    position: relative; 
    font-size: 11px; 
    top: 67px;
    left: 199px;
    font-family: Verdana, sans-serif;
}
img.lamallaportada {
    border: 0px;
    text-decoration: none;
}

#franja_superior #player_radio {
    position: relative;
    top: 6px;
    left: 459px;
}


a.logobuit {
	position:absolute;
	display: block;
	width:280px;
	height:80px;
	top:35px;
	cursor:pointer;
}

#principal { 
	float: left;
	width: 899px; 
	padding:0 16px 0 16px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background: url("../img/fons_principal.jpg") top left no-repeat;		
/*	border: 1px solid red;		*/
}

#menu {
	margin:0 0 48px 26px;
	height:106px;
	background: url("../img/logo_sintonia.jpg") top left no-repeat;
    clear: both;
}

#menu ul {
	margin:0;	
	padding:105px 0px 0px 100px;		
}

#menu ul, li {
	list-style-type: none;
	font-family: Verdana, sans-serif;	
	font-size: 13px;	
	float:left;
}
#menu li.actiu a{
    color: #ee2932;
}
#menu li a {
	display: block;
	float:left;	
	margin:0 5px 0 5px; 
	text-decoration: none;
	color:#000;
}

#menu li a:hover{ 
	text-decoration: underline;
}

#columna_esquerra {
	float: left;
	width: 480px;
	margin-top: -12px;
}

#cinta_programas {
      width: 99999px;
      position: absolute;
}


#box_arafem {
	position: relative; 
	width: 476px;
	height: 190px;
	overflow: hidden;
}

#arafem_top {
	width:271px;
	height:188px;
	padding: 5px 20px 10px 185px;
	overflow: hidden;
    float:left;
}

#arafem_top h6{
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFF;		
	padding-bottom:27px;			
}

#arafem_top h3{
	font: 21px/25px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFF;
}

#arafem_top p {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
	color:#FFF;
}

#arafem_top p.horari{
	color: #C4C4C4;
	padding-bottom:15px;				
}

#arafem_top p a{
    color: white;
    text-decoration: none;
}

#arafem_top p a:hover{
    text-decoration: underline;
}

.fletxa_esquerra {
	position: relative;
	background: url("../img/fletxa_esquerra.gif") top left no-repeat;
	width: 16px;
	height: 17px;
    left: 445px;
    top: 90px;
	text-indent: -5000px;
    z-index: 100;
	cursor: pointer;
}

.fletxa_dreta {
	position: relative;
	background: url("../img/fletxa_dreta.gif") top left no-repeat;
	width: 16px;
	height: 17px;
    left: 445px;
    top: 100px;
	text-indent: -5000px;
	cursor: pointer;
    z-index: 1000;
}

#ara_semet {
	height:20px;
}

#escolta_ara {
	position:relative;
	background-color:#635A60; 
	padding:5px 10px 5px 10px;
    width: 456px;
}

#escolta_ara h4 {
	font: 16px "Helvetica", "Arial", sans-serif;
	color: #c9c7c7;	
	text-transform: uppercase;
}

#escolta_ara p {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFF;
    
}

#escolta_ara p a{
    text-decoration: none;
    color: #FFFFFF;
}

#escolta_ara p a:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

#escolta_ara p.tots a {
	position:absolute;
	top:0;
	right:5px;
	
	text-align:right;
	font: 10px Verdana, sans-serif;
	color: #c9c7c7;	
}

#escolta_ara p.tots a:hover {
	text-decoration:none;
}


.seccio {
	position:relative;
	float:left;
	width:476px;
}


#titol_arxiu_sonor {
	position:relative;
	background: url("../img/arxiu_sonor.jpg") top left no-repeat; 
	width:476px;
	height:109px;
    margin-top: 20px;

}

#titol_arxiu_sonor p.tots a, #titol_ressenyes p.tots a {
	position:absolute;
	bottom:7px;
	right:10px;

	text-align:right;
	font: 10px Verdana, sans-serif;
	color: #FB4823;	
}

#titol_arxiu_sonor p.tots a:hover, #titol_ressenyes p.tots a:hover {
	text-decoration:none;
}


.seccio div.arxiu_recomanat {
    margin-top: 10px;
}

.seccio div.arxiu_recomanat img {
	display: block;
	padding: 23px 0 20px 0;	
}

.seccio div.reproductor {
	padding: 5px 0 0 0;	
	height: 39px;
	width: 165px;
    float: left;
}



.seccio div.reproductor a:hover {
	text-decoration:none;
}

.seccio div.arxiu_recomanat h6 {
	font: 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
    margin-bottom: 10px;
}

.seccio div.arxiu_recomanat p {
	font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}


#titol_ressenyes {
	position:relative;
	background: url("../img/ressenyes.jpg") top left no-repeat; 
	width:476px;
	height:106px;
    margin-top: 20px;
}

.seccio div.ressenyes {
	padding-top:12px;
	float:left;
    width: 476px;
}

.seccio div.ressenyes img {
	float:left;
	margin: 0 10px;
}

.seccio div.ressenyes p {
	margin:0;
	font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    margin-left: 90px;
}

.seccio div.ressenyes p a{
    color: #526F7E;
}

.seccio div.ressenyes .ressenya{
    float: left;
    width: 100%;
    margin: 5px 0px 5px 0px;
    clear: both;
}

.seccio div.ressenyes .ressenya a img{
    border-width: 0px;
}

.seccio div.ressenyes .ressenya{
    float: left;
    width: 100%;
    margin: 5px 0px 5px 0px;
    clear: both;
}

/* COLUMNA DRETA */

#columna_dreta {
	float: right;
	position:relative;
	padding-left: 0px;
	padding-top: 0px;
	width: 401px; 
	margin: 0px;
}

#radio_directe {
	padding-bottom:30px;
    margin-top: -4px;
}

#radio_directe h2 {
	background: url("../img/radio_directe.jpg") top left no-repeat;
	width:212px;
	height:24px;
	text-indent:-5000px;
}

#radio_directe h4 {
	font: 17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #72c3e1;
	padding-top:5px;
}

#radio_directe p {
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: white;
	text-transform: uppercase;
}

#radio_directe .reproductor {
	margin-top:11px;
	margin-bottom: 10px;
}
#radio_directe img{
    margin-top: 26px;
    margin-right: 5px;
}

#radio_directe #info_radio_endirecte {
    left:40px;
    position:absolute;
    top:70px;
    width: 230px;
}

a.streaming{
    margin-top: 20px;
    text-decoration: none;
}
a.streaming img{
    border: 0px none;
}

#forum {
	position:relative;
	float:right;
	width:331px;
	height:367px;
	background: url("../img/fons_forum.jpg") top left no-repeat;
	padding-left:35px;
	padding-right:35px;	
}

#forum p.tots a{
	position:absolute;
	top:41px;
	left:59px;

	text-align:left;
	font: 10px Verdana, sans-serif;
	color: #FB4823;
}

#forum p.tots a:hover {
	text-decoration:none;
}

#forum h4{
	font: 17px Helvetica, Arial, sans-serif;
	padding-top: 70px;
	padding-bottom:16px;
}

#forum p.entrada {
	font: 10px Verdana, sans-serif;
}

#forum p.autor {
	font: 10px Verdana, sans-serif;
	color: #616161;
	padding-bottom:14px;
}

#forum input.enviar_opinio {
	position:absolute;
	bottom:9px;
	right:35px;
	border:none;
}

/* formulari */

form {
	margin:0;
	padding:0;
}

#f_missatge {
	position:relative;
	background: url("../img/fons_missatge.jpg") top left no-repeat;
	width:338px;
	height:41px;
	padding-bottom:10px;
}

#f_missatge label {
 	float:left;
	padding:3px 5px 0 10px;
	font: 10px Verdana, sans-serif;
}

#f_missatge input {
	position:relative;
	border:none;
	padding:0 5px 0 10px;	
	margin-top:2px;
	height:30px;
	width:310px;
	overflow:auto; 
	font: 10px Verdana, sans-serif;
	background-color: transparent;
}

#f_nom {
	position:relative;
	background: url("../img/fons_nom.jpg") top left no-repeat;
	width:338px;
	height:17px;
	padding-bottom:10px;
}

#f_nom label {
 	float:left;
	padding:3px 5px 0 10px;
	font: 10px Verdana, sans-serif;
}

#f_nom input {
	position:relative;
	border:none;
	padding:0 5px 0 10px;
	margin-top:2px;
	height:17px;
	width:310px;
	overflow:auto; 
	font: 10px Verdana, sans-serif;
	background-color: transparent;
}

#f_captcha {
	position:relative;
	background: url("../img/fons_captcha.jpg") top left no-repeat;
	width:166px;
	height:17px;
	padding-bottom:10px;
}

#f_captcha label {
 	float:left;
	padding:1px 5px 0 0;
	font: 10px/11px Verdana, sans-serif;
	color: #575A53;	
}

#f_captcha input {
	position:relative;
	border:none;
	padding:0 5px 0 10px;
	margin-top:2px;
	height:17px;
	width:145px;
	overflow:auto; 
	font: 10px Verdana, sans-serif;
	background-color: transparent;
}

form img {
	position:relative;
	float:right;
}

#video_xtvl {
	position:relative;
	float:right;
	width:401px;
    display:block;
	margin: 30px auto 15px auto; 
}

/* bloc publicitat */

#publicitat {
	position:relative;
	float:right;
	width:401px;
	border:1px solid #464646;
	background-color:#464646;
	margin:15px 0 15px 0;
}

#publicitat h3{
	font: 10px Verdana, sans-serif;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;	
	height:17px;
}

#publicitat a img {
/*	display:block; */
/*	position:relative; */
	margin-bottom:3px;
	float:right;
	border:none;
}

/* Últims titulars */

#ultims_titulars {
	position:relative;
	float:right;
	width:381px;
	margin-top:10px;
}


.ultims_titulars {
	background: url("../img/ultims_titulars.jpg") top center no-repeat;
	padding:58px 10px 5px 10px;
}

.tribuna_latina{
	padding: 0px 10px 5px 10px;
}

.tribuna_latina img{
    border: none;
	margin-left: -10px;
}

#ultims_titulars h6 a {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #146459;	
	font-weight:bold;
	text-decoration:none;	
}

#ultims_titulars h6 a:hover {
	text-decoration:underline;	
}

#ultims_titulars p  {
    color: #6B6B6B;
	padding-bottom:15px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#ultims_titulars p a {
	color: #6B6B6B;	
	text-decoration:none;
}

#ultims_titulars p a:hover {
	text-decoration:underline;
}

/* Corporatiu */

#corporatiu {
	position:relative;
	float:right;
	width:394px;
	background: url("../img/corporatiu.jpg") top center no-repeat;
	margin-top:10px;
	padding:50px 5px 5px 2px;
}

#corporatiu p  {
	padding-bottom:15px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #6B6B6B;
}

#corporatiu p.coneix  {
	padding-bottom:15px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #6B6B6B;
	display:block;		
	float:left;	
}


#corporatiu p.coneix a {
	display:block;
	color: #E74221;	
}

#corporatiu p.coneix a:hover {
	text-decoration:none;
}

#corporatiu a img {
	border:none;	
}

#corporatiu img {
	float:right;	
	border:none;
	padding-left: 13px;
}


/* PEU */

#peu { 
	background: url("../img/fons_peu.jpg") top left repeat-x;
/*	background: black; */
	position: relative;
	height: 29px;
	width: 931px;
	margin: 0 auto;
	clear:both;	
	bottom: 0 !important;
	bottom: -1px;
}

#peu p {
	position:absolute;
	background: url("../img/text_peu.jpg") top left no-repeat;
	height:9px;
	width:178px;
	top:9px;
	left:29px;
	text-indent:-5000px;	
/*	border:1px solid red; */
}

.ocult {
	display:none;
}








/* Paginador */
#paginador{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;  
    width: 90%;
    clear: both;
}

#paginador #anterior img{
    border: 0px;
}
#paginador #seguent img{
    border: 0px;
}

#paginador #anterior{
    float: left;
}

#paginador #seguent{
    float: left;
}

#pagines{
    float: left;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin: 0px 20px;
    color: #aeaeae;
    width: 80%;
    text-align: center;
}

#pagines a{
    text-decoration: none;
    color: #aeaeae;
}

#pagines #actpage{
    font-weight: bold;
}


#page_estadistics{
    width: auto;
    text-align: center;
    color: #605e5e;
    font: 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}


span.negreta{
    font-weight: bold;
}
/*buscador*/

#f_buscador {
	background: url("../img/fons_buscador.png") top left no-repeat;
	width:210px;
	height:24px;
	padding-bottom:10px;
    float: right;
    display: inline;
    position: relative;
    right: 60px;
}

#f_buscador label {
 	float: left;
	padding: 3px 5px 0 10px;
	font: 10px Verdana, sans-serif;
}

#f_buscador input {
	position: relative;
	border: none;
	padding: 0 5px 0 10px;	
	margin-top: 2px;
	overflow: auto; 
	font: 10px Verdana, sans-serif;
	background-color: transparent;
    left: 30px;
}

#enviar{
    float: right;
    position: relative;
    right: 60px;
}



#info_missatges_forum{
    color: #605e5e;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    margin-bottom: 10px;
}



/*Arxiu sonor part general*/

.download {
    float: left;
    margin-top: 5px;
}

.download p {
    position: relative;
    float: left;
    visibility: hidden;
    padding: 5px 5px 5px 5px;
    border: 1px solid gray;
    background-color: #CDCDCD;
    width: 200px;
}
div.download a {
    float: left;
	font: 11px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #526F7E;
    margin: 10px;
}

.download:hover p {
    visibility: visible;
}

.logo_xtvl{
    position: relative;
    top: -8px;
}