* {
  padding:0;
  margin:0;
}

option {
  min-width: 1.5em;
}

body {
  background:#f8f8f8;
  font-family: Verdana, Arial, sans-serif;
  color:#555;
  margin-bottom:0.5em;
}

fieldset {
  -moz-border-radius:9px;
}

dt {
  height:13px;
}

h4 {
  font-size:1em;
  font-weight:bold;
  color:orange;
  margin-bottom:0.3em;
}

a {
  text-decoration:none;
  color:orange;
}

a:hover {
  text-decoration:none;
  color:orangered;
}

.centered {
  text-align:center;
}

#container {
  background-color:#fff;
  margin:0 auto;
  width:770px;
}

#main {
  padding:0 0.3em;
  background:#fff;
}

#logo {
  margin:0;
  padding:0;
  overflow: hidden;
  /*Size of the image*/
  padding-top: 48px;
  width: 309px;
  /* WIN IE5 hack */
  height:38px;
  voice-family: "\"}\"";voice-family:inherit;
  height: 0;
}

/****************************************************************************
**  HEADER
****************************************************************************/

#header {
  background:url(../img/bg_header.jpg) no-repeat;
  /*la altura la lleva el menu*/
}

#header form {
  float:right;
  margin-top:-1.5em;
  margin-right:0.32em;
  font-size:13px;
  color:#fff;
  font-weight:bold;
}

#header form #g {
  margin-bottom:0.2em;
  height:17px;
  width:29px;
  font-size:9px;
  font-family: Arial;
}

#header form #s {
  width:7em;
  height:1.1em;
  line-height:1.1em;
  background-color:#fff;
  border:1px solid darkorange;
  padding:0 0.2em;
}

#header #banner {
  float:right;
  margin-top:2.7em;
  width:255px;
  height:70px;
}

/****************************************************************************
**  SECCIO
****************************************************************************/

#seccio {
  float:left;
  font-family:Verdana, Arial, sans-serif;
  font-size:2.5em;
  color:#fff;
  font-weight:bold;
  margin-top:1.75em;
  line-height:115%;
}
/****************************************************************************
**  MENU
****************************************************************************/

#menu {
  border-top: 1px solid coral;
  border-bottom: 1px solid darkorange;
  background:red;
  line-height:1.5em;
  font-size:0.75em;;
  margin-top:9.75em;
  padding-bottom:0.1em;
}

#menu li {
  display:inline;
  margin-right:0.2em;
  margin-left:0.3em;
  font-weight:bold;
  color:darkorange;
}

.menuSelected {
  border: 2px solid darkorange;
  border-bottom: none;
  background-color:#fff;
  padding:0.12em 0.5em 0.3em;
}

#menu li a {
  font-weight:bold;
  color:#fff;
}

#menu li a:hover {
  color:orangered;
}

/****************************************************************************
**  FOOTER
****************************************************************************/

#footer {
  clear:both;
  border-top: 2px solid red;
  text-align:center;
  font-size:0.7em;
  padding:0.2em 0 0.4em 0;
  color:#aaa;
  margin-top:1.5em;
}

#footer a {
  color:#aaa;
}

#footer a:hover {
  color:#faa;
}

/****************************************************************************
**  PORTADA
****************************************************************************/

#portada p {
  padding-bottom:0.5em;
}

#portada #main {
  padding-top:0.5em;
}

#portada #main dl {
  clear:both;
}


/************************************ DL general ***********************************/

#portada dt { /*mirar tambien #search dt*/
  color:#fff;
  font-size:11px;
  font-weight:bold;
  padding:0.2em 0.5em 0.3em 0.5em;
  margin-bottom:0.5em;
}

#portada dd {
  font-size:0.69em;
}

#portada dd img {
  margin-bottom:0.5em;
}

#portada .ddimg {
  float:left;
  margin-right:0.3em;
}

#portada .ddimgr, #reportatges .ddimgr {
  float:right;
  margin-left:0.5em;
}

#portada #promosleft {
  width:15.1em;
  float:left;
}

#portada #promosright {
  width:15em;
  float:right;
  margin-bottom:0.5em;
}

#portada #left #promosright dd img {
  border:none;
  margin:0;
  padding:0;
}

/************************************ LEFT ***********************************/

#portada #left{
  float:left;
  width:31em;
}

/************************************ DLH ***********************************/

#portada #dlh {
  min-height:14.5em;
}

#portada #dlh img {
  margin-bottom:0.82em;
}

#portada #dlh li{
  width:21.9em;
  float:left;
  list-style:none;
}

#portada #dlh li img {
  float:left;
}

#portada #dlh .lr {
  margin-left:1em;
  text-align:right;
  height:6.3em;
}

#portada #dlh .ll {
  height:6.3em;
}

#portada #dlh .lr img {
  float: right;
  margin-left:0.5em;
}

#portada #dlh .ll img {
  margin-right:0.5em;
}

#portada #dlh .ll dt, #portada #dlh .lr dt {
  color:darkorange;
  margin:0;
  padding:0;
  border:none;
}

#portada #dlh .ll dd, #portada #dlh .lr dd {
  font-size:0.9em;
}

#portada #dlh .ll dd, #portada #dlh .lr dd {
  padding-top:0.5em;
}

/************************************ DLREP ***********************************/

#portada #dlrep {
  clear:both;
  padding-bottom:0.5em;
}

#portada #dlrep dt {
  margin-bottom:0.8em;
}

/************************************ last-posts ***********************************/
#portada #left iframe {
  width:38.1em;
  height:6em;
}

#last-posts {
  margin:0;
  padding:0;
  font-size:0.7em;
  background:#fff;
}

/************************************ DLL ***********************************/

#portada #dll {
  float:left;
  width: 49%;
}

#portada #dll dd {
  font-size:0.71em;
  font-family:Arial, sans-serif;
  line-height:1.2em;
  padding-left:0.15em;
}

#portada #dll ul {
  margin:0 auto;
  padding:1.3em 0 0 0.25em;
}

#portada #dll li {
  display:inline;
}

#portada #dll dd a {
  color:darkorange;
}

#portada #dll dd a:hover {
  color:orangered;
}

#portada #dll ul li a {
  font-family:Verdana, Arial, sans-serif;
  color:orange;
}

#portada #dll ul li a:hover {
  color:orangered;
}

/************************************ DLR ***********************************/

#portada #dlr {
  float:right;
  width: 48%;
  text-align:left;
}

#portada #dll dt, #portada #dlr dt {
  text-align:right;
}

/************************************ RIGHT ***********************************/

#portada #right{
  float:right;
  width:15.5em;
}

/************************************ last-news ***********************************/

#portada #right iframe {
  width:22.2em;
  height:6.24em;
}

#last-news {
  margin:0;
  padding:0;
  font-size:0.7em;
  background:#fff;
  color:#888;
}

#last-news li {
  margin-left:1.3em;
  padding:0;
}

#portada #right .dr1 {
  color:coral;
  text-align:center;
  margin-bottom:0.7em;
}

/************************************ resto cajas right *******************************/

#portada #right .drl dd {
  text-align:right;
}

#portada .dr, #portada .drl {
  clear:both;
}

#portada #right .dr li {
  font-size:0.9em;
  line-height:1.45em;
}

#portada #right .dr-li, #reportatges #main .dr-li {
  margin-top:0.8em;
}

#portada #right .dr .dr-li {
  padding-bottom:1.4em;
}

#portada #right .dr-li a, #reportatges #main .dr-li a{
  padding-right:0.5em;
}

/************************************ FONDOS ***********************************/

.bg-news { background:red url(../img/bg_news.gif) no-repeat right;}
.bg-club { background:red url(../img/bg_club.gif) no-repeat right;}
.bg-blog { background:red url(../img/bg_blog.gif) no-repeat right;}
.bg-meteo { background:red url(../img/bg_meteo.gif) no-repeat right;}
.bg-main { background:red url(../img/bg_main.gif) no-repeat right;}
.bg-radio { background:red url(../img/bg_radio.gif) no-repeat;}
.bg-mag { background:red url(../img/bg_main.gif) no-repeat;}

/****************************************************************************
**  REVISTA
****************************************************************************/

#dlrevista {
  margin-bottom:0.2em;
}

#dlrevista dd img{
  float:left;
  margin-right:0.5em;
  border:none;
}

#dlrevista .ddtit{
  font-size:1.8em;
  font-weight:bold;
  color:coral;
  text-transform:uppercase;
}

#dlrevista #excerpt {
  margin-top:0.8em;
  padding:0.8em 0 0.8em  0;
  border-top: 1px solid darkorange;
  width:29em;
  margin-left:14.8em;
}

#dlrevista #ddnumero{
  clear:right;
  font-style:italic;
}

#dlrevista #ddnumero ul{
  list-style:none;
}

#dlrevista #ddnumero li{
  padding-top:0.5em;
  list-style:none;
}

#dlrevista #ddnumero a {
  font-style:normal;
  color:darkorange;
}

#dlrevista #ddnumero a:hover {
  color:orangered;
}

/****************************************************************************
**  CLUB
****************************************************************************/
#dlclub {
  font-size:1em;
}

#dlclub dt{
  padding:0;
  height:133px;
}

#dlclub p{
  text-align:justify;
  margin-left:0.1em;
}

#dlclub dd img{
  float:right;
}

#dlclub dd a{
  color:royalblue;
}

#dlclub dd a:hover{
  color:coral;
}

#dlclub li {
  margin-left:1.2em;
  margin-bottom:0.4em;
}

#dlclub li ul li {
  margin-left:1.2em;
}

/****************************************************************************
**  REGISTRE CLUB
****************************************************************************/

#dlh p {
  text-align:center;
}

.peuclub {
  text-align:justify;
  padding:0.5em;
  color:#666;
}

.form_general #lbPais select {
  width:19.22em;
}

.form_general #lbOrigen select {
  width:19.22em;
}

/****************************************************************************
**  NEWSLETTER
****************************************************************************/

#dlnewsletter .ddtit {
  font-size:1.2em;
  font-weight:bold;
  color:darkorange;
  text-transform:uppercase;
}

#dlnewsletter #excerpt {
  margin-top:0.5em;
}

#dlnewsletter ul {
  margin-top:0.5em;
}

#dlnewsletter li {
  margin-left:1.8em;
  line-height:1.3em;
}

#dlnewsletter form {
  clear:both;
  text-align:center;
  padding-bottom:0.6em;
  font-size:1.1em;
}

#dlnewsletter input {
  height:1.2em;
}

#dlnewsletter #submit {
  height:1.6em;
  line-height:1.1em;
}

/****************************************************************************
**  CONCURS
****************************************************************************/

#concurs img {
  display:block;
  margin:0 auto;
}

#concurs h4 {
  font-size:1.2em;
  font-weight:bold;
  color:orange;
  margin-bottom:0.3em;
}

#concurs ul {
  margin:0.5em 0;
}

#concurs p {
  text-align:justify;
}

#concurs form {
  text-align:center;
}

#concurs li {
  margin-left:1.5em;
}

/****************************************************************************
**  SORTEIG
****************************************************************************/

#dlsorteig .ddtit {
  font-size:1.4em;
  font-weight:bold;
  color:coral;
  margin-bottom:0.5em;
}

#dlsorteig img{
  float:left;
  margin-right:0.5em;
}

#dlsorteig .bg-main {
  color:#fff;
  text-align:left;
}

#dlsorteig dt {
  color:darkorange;
  text-align:center;
  clear:both;
}

#dlsorteig #origen {
  width:11em;
  margin:0.1em 0;
  margin-right:0.75em;
}

.jaqueta {
  background: #fff url(../img/sorteig_portada.jpg) 15px 75px no-repeat;
  padding:0 0 0 0;
  width:45em;
  height:42em;
}

.jaqueta2 {
  background: #fff url(../img/club_sorteig.jpg) no-repeat;
  padding:0.5em 0 2em 13em;
  width:30em;
  margin-bottom:1em;
}

.jaqueta ul, .jaqueta2 ul{
  margin-bottom:0.8em;
}

.jaqueta li, .jaqueta2 li{
  margin-left:1em;
  list-style:none;
}

/****************************************************************************
**  SORTIDES
****************************************************************************/
#portada #leftsort{
  float:left;
  width:47.4em;
}

#portada #rightsort{
  float:right;
  width:10.1em;
  background-color:orange;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
}

#dlsortides .ddtit {
  font-size:1.4em;
  font-weight:bold;
  color:coral;
  margin-bottom:0.1em;
}

#dlsortides img{
  float:left;
  margin-right:0.5em;
  margin-top:0.5em;
  /*padding-bottom:1.5em;*/
}

#dlsortides .bg-main {
  color:#fff;
  text-align:left;
}

#dlsortides dd div{
  border-top: 1px solid coral;
  text-align:center;
  margin:0 auto;
  padding-top:1em;
  width:90%;
}

#dlsortides h4{
  margin-top:0.5em;
}

#dlsortides ul{
  margin-bottom:0.5em;
}

#dlsortides li{
  list-style:none;
  line-height:1.3em;
}

#rightsort dt {
  height:auto;
  margin:0.2em 0;
}

#rightsort dd {
  color:#000;
  padding-left:0.5em;
}

/****************************************************************************
**  FORM GENERAL
****************************************************************************/

.form_general {
  text-align:center;
  margin:0 auto;
  width:92%;
}

.form_general label {
  width:37em;
  display:block;
  text-align:right;
  color:royalblue;
  margin:0.1em 0;
}

.form_general label input{
  width:19em;
}

.form_general fieldset {
  color:royalblue;
  width:40em;
  padding:0.5em;
  margin-bottom:1em;
}

.form_general span {
  color:#f00;
  padding-left:0.3em;
}

.form_general p {
  padding:0.5em;
}

.form_general #privacitat {
  width:1em;
}

.form_general #lbPrivacitat {
  width:35em;
  padding:0.5em 0;
}

/****************************************************************************
**  ACTIVITATS
****************************************************************************/

#left .activitats {
  height:7.7em;
  color:orange;
}

#left .activitats dt {
  border:none;
  border-top: 1px solid orange;
  color:#555;
  float:left;
  font-size:1.3em;
  padding:0;
  padding-top:0.5em;
  width:26.5em;
}

#left .activitats dt a {
  color:#555;
}

#left .activitats dt a:hover {
  color:coral;
}

#left .activitats dd {
  color:#555;
  font-size:1.5em;
}

#left .activitats strong {
  color:darkorange;
}

#left .activitats img {
  border: 2px solid darkorange;
  float:left;
}

#left .activitats li {
  list-style:none;
  display:inline;
}

#left .activitats li a {
  font-weight:bold;
}

/****************************************************************************
**  QUI SOM
****************************************************************************/

.quisom {
  padding-bottom:0.5em;
}

.quisom dt {
  font-weight:bold;
  margin-bottom:0.3em;
  color:#fff;
  background:orange url(../img/bg_main.gif) no-repeat right;
  clear:left;
  padding-left:0.2em;
}

#left .quisom dd {
  font-size:0.8em;
}

.quisom .ddin{
  color:#888;
}

.quisom form {
  text-align:center;
}

.quisom img {
  border: 1px solid orange;
  float:left;
  margin-right:0.5em;
}

.quisom label {
  float:left;
  margin-top:0.5em;
}

.quisom #lblPersona {
  padding-right:0.6em;
}

.quisom #realname, .quisom #email {
  width:18.7em;
}

.quisom label input, .quisom textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size:1em;
  background-color:#fff;
  border: 1px solid #999;
  padding-left:0.2em;
  display:block;
  height:1.4em;
}

.quisom textarea {
  width:38.3em;
  height:8.2em;
}

.quisom  #enviar {
  margin-top:0.8em;
  font-size:0.85em;
}

#quisom-planol #main img {
  display:block;
  padding: 1em;
  margin: 0 auto;
}

/********************************** l'equip *********************************/

.equip {
  height:5em;
  width:15em;
  float:left;
  margin-right:0.5em;
  color:orange
}

.equip dt {
  background:orange url(../img/bg_meteo.gif) no-repeat right;
}

.equip img {
  border: 1px solid orange;
}

.equip .ddin {
  color:#555;
}

/****************************************************************************
**  LEGAL / PRIVACITAT
****************************************************************************/

#legal dl {
  width:90%;
  margin:0 auto;
  padding:1em;
}

#legal dt {
  font-size:1.2em;
  font-weight:bold;
  padding-top:0.85em;
  margin-bottom:0.3em;
  color:darkorange;
  border:none;
  border-bottom: 1px solid #ccc;
  clear:left;
}

#legal dd {
  color:orange;
  color:#888;
}

#legal p {
  margin:0.5em 0;
  text-align:justify;
  font-weight:normal;
}

#legal #privacitat dd {
  font-size:0.9em;
}

#legal #privacitat ol {
  margin-left:1.7em;
}

#legal #privacitat li {
  font-weight:bold;
}

/****************************************************************************
**  CONTACTAR
****************************************************************************/

#contactar #main {
  padding:10em 0 10em 8em;
}

#contactar_ko {
  margin:3em 0;
  font-weight:bold;
}

#contactar_ok {
  padding:4.95em 0;
  font-weight:bold;
  text-align:center;
}

/****************************************************************************
**  LINKS
****************************************************************************/

#links .children {
  padding-left:1em;
}

#links .parent a{
  color:#555;
}

#links {
  margin-bottom:1.5em;
}

#left #lnkLeft dt {
  background-image:url(../img/bg_news.gif);
}

#lnkLeft li{
  padding-left:0.5em;
  padding-bottom:0.5em;
}

/****************************************************************************
**  BOTIGUES
****************************************************************************/

#pagenav {
  text-align:center;
  color:darkorange;
  font-size:1.2em;
  padding-right:0.5em;
  line-height:1.1em;
  height:1.3em;
  margin: 0.5em 0;
}

#pagenav a {
  font-weight:bold;
}

#portada #dlh2 img {
  padding:0.5em;
}

#portada #dlh2 li {
  width:33.65em;
  list-style:none;
  border:1px solid orange;
  margin-bottom:0.5em;
}

#portada #dlh2 li img {
  float:left;
  margin:0;
  border:none;
}

#portada #dlh2 .ll {
  float:left;
  height:7.1em;
}

#portada #dlh2 .lr {
  margin-left:1em;
  text-align:right;
  float:right;
  height:7.1em;
}

#portada #dlh2 .lr img {
  float: right;
}

#portada #dlh2 .ll dt, #portada #dlh2 .lr dt {
  border:none;
  color:darkorange;
  margin:0;
  padding:0;
  padding-top:0.5em;
}

#portada #dlh2 .ll dd, #portada #dlh2 .lr dd {
  font-size:0.9em;
}

#portada #dlh2 .ll dd, #portada #dlh2 .lr dd {
  padding-top:0.5em;
}

/****************************** lista categorias inferior *********************/

#portada #dlh2 .nav{
  height:10.3em;
  border-top:1px solid darkorange;
  padding-top:0.7em;
  padding-left:2.5em;
  padding-bottom:1em;
}

#portada #dlh2 .nav li{
  list-style:none;
  border:none;
  margin:0;
  width:11em;
  float:left;
}

#portada #dlh2 strong{
  color:darkorange;
}

#portada #dlh2 .children {
 margin-top:0.3em;
}

#portada #dlh2 table {
  margin:0 auto;
}

#portada #dlh2 td {
  padding:0 1em 1em 1em;
  vertical-align:top;
}

#portada #dlh2 td strong{
  color:darkorange;
}

#portada #dlh2 table ul {
  margin-top:0.3em;
}

#portada #dlh2 table ul li {
  border:none;
  width:auto;
  margin:0;
  padding:0;
}

/****************************************************************************
**  DISTRIBUCIO
****************************************************************************/

#distribucio {
  margin-bottom:1em;
}

#distribucio td {
  padding:0.1em 0;
  vertical-align:top;
  border-bottom: 1px solid #eee;
  font-size:0.9em;
}

#distribucio .prov{
  font-weight:bold;
  border-bottom: 1px solid #888;
  color:darkorange;
  padding-top:0.5em;
  padding-bottom:0.2em;
  font-size:1.2em;
}

#distribucio .city {
  font-weight:bold;
}

#distribucio .address {
  padding-right:0.3em;
}

/****************************************************************************
**  Promos
****************************************************************************/

#promoflash img {
  border:none;
}

.js #promoflash img {
  display:none;
}