/*  +-------------------------------------------------------------------------+
    |                                                                         |
    |   estils.css                                                            |
    |                                                                         |
    |   estils per a mNACTEC/radio                                            |
    |                                                                         |
    +-------------------------------------------------------------------------+ */

/*  +-------------------------------------------------------------------------+
    |   estils generals                                                       |
    +-------------------------------------------------------------------------+ */

* { margin: 0; padding: 0 }

img { border: none; }

.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.linea { height: 1px; background: transparent url(http://www.mnactec.cat/~radio/img/fons-punts.gif) top left repeat-x; overflow: hidden; }
.separador10 { margin-top: 10px; }
.separador20 { margin-top: 20px; }
.nomargin { margin-right: 0 !important; }
.negrita { font-weight: bold; }
.noText { text-indent: -9999px; overflow: hidden; }

a, a:link, a:visited, a:active, a:hover { color: inherit; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

a.boto:hover { text-decoration: none !important; }
a.boto span { padding: 3px 0px; min-width: 6px; height: 20px; display: block; float: left; cursor: pointer; }
a.boto span.botoL { background: transparent url(http://www.mnactec.cat/~radio/img/fons-boto-left.png) top left no-repeat; }
a.boto span.botoR { background: transparent url(http://www.mnactec.cat/~radio/img/fons-boto-right.png) top right no-repeat; }
a.boto span.botoC { background: transparent url(http://www.mnactec.cat/~radio/img/fons-boto-center.png) top left repeat-x; font-size: 11px; font-weight: bold; color: #ffffff; padding-left: 10px; padding-right: 10px; }

a.comentar { background: transparent url(http://www.mnactec.cat/~radio/img/fons-comentaris-sota.gif) top left no-repeat; padding-bottom: 10px;}
a.comentar:hover { text-decoration: none !important; }
a.comentar span { padding: 1px 0px; min-width: 10px; height: 20px; display: block; float: left; cursor: pointer; }
a.comentar span.comentarL { background: transparent url(http://www.mnactec.cat/~radio/img/fons-comentaris-left.gif) top left no-repeat; }
a.comentar span.comentarR { background: transparent url(http://www.mnactec.cat/~radio/img/fons-comentaris-right.gif) top right no-repeat; }
a.comentar span.comentarC { background: transparent url(http://www.mnactec.cat/~radio/img/fons-comentaris-center.gif) top left repeat-x; font-size: 11px; font-weight: bold; color: #ffffff; padding-left: 1px; padding-right: 1px; }

a.linkCompartir { background: transparent url(http://www.mnactec.cat/~radio/img/icon-fitxa-compartir.gif) left 1px no-repeat; padding-left: 26px; padding-top: 3px; }
a.linkRSS { background: transparent url(http://www.mnactec.cat/~radio/img/icon-fitxa-rss.gif) top left no-repeat; padding-left: 26px; padding-top: 3px; }
a.linkEnviar { background: transparent url(http://www.mnactec.cat/~radio/img/icon-fitxa-enviar.gif) left 5px no-repeat; padding-left: 28px; padding-top: 3px; }
a.linkComentar { background: transparent url(http://www.mnactec.cat/~radio/img/icon-fitxa-comentar.gif) left 3px no-repeat; padding-left: 29px; padding-top: 3px; }
a.linkPuntuar { background: transparent url(http://www.mnactec.cat/~radio/img/icon-fitxa-puntuar.gif) left 6px no-repeat; padding-left: 21px; padding-top: 3px; }


/*  +-------------------------------------------------------------------------+
    |   estils de elements                                                    |
    +-------------------------------------------------------------------------+ */

html { font-family: arial, verdana, sans-serif; background-color: #CCCCCC; font-size: 0.625em; }

body { width: 980px; margin: 0 auto; }

/*  +-------------------------------------------------------------------------+
    |   #headerLang                                                           |
    +-------------------------------------------------------------------------+ */

#headerLang { height: 23px; background-color: #343d44; color: #d0d0d0; padding: 0px 13px; font-size: 1.2em; font-weight: bold; }
#headerLang div { padding-top: 4px; }
#headerLang ul li { display: block; float: left; }
#headerLang ul li a,
#headerLang ul li a:hover,
#headerLang ul li a:visited,
#headerLang ul li a:link,
#headerLang ul li a:active { color: #d0d0d0; padding: 0 7px; }

/*  +-------------------------------------------------------------------------+
    |   #headerTitle                                                          |
    +-------------------------------------------------------------------------+ */

#headerTitle h1 { height: 0; overflow: hidden; }

/*  +-------------------------------------------------------------------------+
    |   #content                                                              |
    +-------------------------------------------------------------------------+ */

#content { padding: 20px; background-color: #ffffff; }

/*  +-------------------------------------------------------------------------+
    |   #navigationYears                                                      |
    +-------------------------------------------------------------------------+ */

#navigationYears { height: 24px; font-size: 1.4em; font-weight: bold; }
#navigationYears ul li { display: block; float: left; padding-right: 15px;  padding-top: 4px;}
#navigationYears ul li a,
#navigationYears ul li a:hover,
#navigationYears ul li a:visited,
#navigationYears ul li a:link,
#navigationYears ul li a:active { color: #393d42; padding: 0 2px; }
#navigationYears ul li a.actual { color: #333399; }

/*  +-------------------------------------------------------------------------+
    |   #contentLeft, #contentRight                                           |
    +-------------------------------------------------------------------------+ */

#contentLeft { width: 730px; }
#contentRight { width: 200px; margin-top: 15px; }

/*  +-------------------------------------------------------------------------+
    |   .fitxaPrograma                                                        |
    +-------------------------------------------------------------------------+ */

.fitxaPrograma { padding: 15px 0 10px 0; }

.fitxaProgramaLeft { width: 75px; }
.fitxaProgramaRight { width: 640px; }
.fitxaProgramaRight .fitxaImatge { margin-bottom: 10px; }
.fitxaProgramaRight .fitxaData { font-size: 1.4em; font-weight: bold; color: #333333; }
.fitxaProgramaRight .fitxaTitol { font-size: 1.8em; color: #333399; margin-bottom: 5px; }
.fitxaProgramaRight .fitxaFonsPuntuacio { height: 15px; margin-bottom: 9px; background: transparent url(http://www.mnactec.cat/~radio/img/fons-puntuacio-buit.gif) top left no-repeat; overflow: hidden; }
.fitxaProgramaRight .fitxaPuntuacio { height: 15px; background: transparent url(http://www.mnactec.cat/~radio/img/fons-puntuacio.gif) top left no-repeat; overflow: hidden; }
.fitxaProgramaRight .fitxaSotstitol { font-size: 1.4em; color: #999999; margin-bottom: 3px;}
.fitxaProgramaRight .fitxaTexte { font-size: 1.2em; color: #333333; margin-top: 1px; }
.fitxaProgramaRight .fitxaReproductor { margin-top: 15px; }
.fitxaProgramaRight .fitxaReproductor div.floatR { margin-top: 9px; }
.fitxaProgramaRight .fitxaComentaris  { margin-top: 10px; background: transparent url(http://www.mnactec.cat/~radio/img/fons-comentaris-sota.gif) top left no-repeat; min-height: 20px; height: 20px; }
.fitxaProgramaRight .fitxaLinks { margin-top: 15px;  font-size: 1.2em; }
.fitxaProgramaRight .fitxaLinks a { display: block; float: left; margin-right: 55px; color: #393d42; }
.fitxaProgramaRight .fitxaCompartir { margin-top: 15px; display: none; }
.fitxaProgramaRight .fitxaCompartir li { display: block; float: left; margin-right: 10px; }
.fitxaProgramaRight .fitxaCompartir img { padding: 0 0px; }
.fitxaProgramaRight .fitxaEnviar { margin-top: 15px; display: none; font-size: 1.2em; color: #393d42; }
.fitxaProgramaRight .fitxaEnviar p { padding: 5px 0 3px 0; }
.fitxaProgramaRight .fitxaEnviar .fitxaEnviarLeft { width: 180px; margin-right: 25px; }
.fitxaProgramaRight .fitxaEnviar .fitxaEnviarLeft input { width: 180px; height: 18px; border: none; background-color: #f3f3f3; }
.fitxaProgramaRight .fitxaEnviar .fitxaEnviarRight textarea { width: 230px; height: 40px; background-color: #f3f3f3; border: none; display: block; margin-bottom: 5px; }
.fitxaProgramaRight .fitxaComentar { margin-top: 15px; display: none; font-size: 1.2em; color: #393d42; }
.fitxaProgramaRight .fitxaComentar p { padding: 5px 0 3px 0; }
.fitxaProgramaRight .fitxaComentar input { width: 180px; height: 18px; border: none; background-color: #f3f3f3; }
.fitxaProgramaRight .fitxaComentar textarea { width: 100%; height: 40px; background-color: #f3f3f3; border: none; display: block; margin-bottom: 5px; }
.fitxaProgramaRight .fitxaPuntuar { margin-top: 15px; display: none; font-size: 1.2em; }
.fitxaProgramaRight .fitxaPuntuar input { width: 40px; height: 18px; border: none; background-color: #f3f3f3; margin-left: 15px;}
.fitxaProgramaRight .fitxaPuntuar div { margin-right: 25px; }
.fitxaProgramaRight .fitxaVeureComentaris { display: none; }
.fitxaProgramaRight .fitxaVeureComentaris div { margin-top: 15px; }
.fitxaProgramaRight .fitxaVeureComentaris div p { font-size: 1.2em; color: #393d42; }
.fitxaProgramaRight .fitxaVeureComentaris .fitxaVeureComentarisL { width: 100px; overflow: hidden; color: #333399; }
.fitxaProgramaRight .fitxaVeureComentaris .fitxaVeureComentarisR { width: 540px; }

/*  +-------------------------------------------------------------------------+
    |   #cercador                                                             |
    +-------------------------------------------------------------------------+ */

#cercador h3 { margin: 0 0 8px 0; padding: 0; font-size: 2.2em; font-weight: bold; }
#cercador input { width: 180px; height: 18px; padding-top: 2px; background-color: #f3f3f3; border: 1px solid #e0e0e0; }
#cercador div.opcions { width: 180px; margin-top: 5px; }
#cercador div.opcions div.floatL a { display: block; font-size: 1.1em; }
#cercador div.opcions div.floatR a { display: block; font-size: 1.2em; }
#cercador div.opcions div.floatR a.boto span { padding-top: 2px; }
#cercador div.opcions p { margin: 2px 0px; font-size: 0.9em; }
#cercador div.opcions p.titol { font-size: 1.1em; }
#cercador div.avançat { display: none; }

/*  +-------------------------------------------------------------------------+
    |   #bannerRight                                                          |
    +-------------------------------------------------------------------------+ */

#bannerRight { margin-top: 15px; }

/*  +-------------------------------------------------------------------------+
    |   #adsRight                                                             |
    +-------------------------------------------------------------------------+ */

#adsRight { margin-top: 20px; background-color: #cbcbcb; border: solid 1px #cbcbcb; }
#adsRight p { padding-left: 10px; height: 12px; color: #666666; font-size: 0.9em; }
#adsRight img { width: 198px; height: 198px; }

/*  +-------------------------------------------------------------------------+
    |   #contentFooter                                                        |
    +-------------------------------------------------------------------------+ */

#contentFooter { height: 60px; padding-top: 7px; color: #393d42; font-size: 1.2em; }

#contentFooterLeft { background: transparent url(http://www.mnactec.cat/~radio/img/icon-peu.gif) top left no-repeat; padding-left: 35px; height: 20px; padding-top: 3px; }

#contentFooterRight { padding-top: 3px; text-align:right;}
#contentFooterRight a { background: transparent url(http://www.mnactec.cat/~radio/img/icon-rss-12.gif) right 1px no-repeat; padding-right: 18px; }
#contentFooterRight a,
#contentFooterRight a:hover,
#contentFooterRight a:visited,
#contentFooterRight a:link,
#contentFooterRight a:active { color: #393d42; }

div.paginar { margin-top: 10px; text-align: right; }
div.paginar a { font-size: 1.4em; color: #393d42; cursor: pointer; }
div.paginar a:hover { text-decoration: none;}
div.paginar a.actual { font-weight: bold; color: #333399; }

#patrocinadors { height: 60px; padding-top: 7px; color: #666; font-size: 1.2em; vertical-align: top;}
#patrocinadors p{ padding-bottom: 10px;}

.footerRss_mini {font-size: 1em; color: #666; padding-top: 3px;}
.footerRss_url {font-size: 1.2em; color: #666; color: #333399; padding-top: 3px;}

.llegir_mes {display: none;}
.botoRss {cursor: pointer;}