html, body {margin: 0; padding: 0; width: 100%;} 
#contenedor {margin-left: auto; margin-right: auto; width: 986px;}

.articulo, .articulo_div, #blog, #buscador, #centro, #centro_left, #centro_right, #contenido, #logo_blog, #pie, #top, #top_bar, #top_centro, #top_centro_3i4, #top_centro_cataleg, #top_centro_produccions, #top_left, #top_right, #ico_home, #ico_mail, #ico_club, #ico_blogosfera, #ico_info, .img_articulo, #margen_top, #usuaris_top, #ico_twitter, #ico_facebook, #ico_youtube, #ico_rss, #ico_xip, #imagen_centro, #texto_centro, .btn_prev, .btn_item, .btn_next, .txt_articulo, #ico_home_selec, #ico_mail_selec, #ico_club_selec, #ico_blogosfera_selec, #ico_info_selec, .btn_prev_selec, .btn_item_selec, .btn_next_selec {display:inline; float:left;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.articulo {width: 360px; height: 273px;}
.articulo_div {width: 5px; xxxheight: 233px;}
.img_articulo {width: 196px; xxxheight: 233px; margin-right: 8px;}
.txt_articulo {width: 155px; xxxheight: 152px;}
#blog {width: 250px; height: 233px; margin-top: 11px;}
#logo_blog {width: 250px; height: 40px; padding-bottom: 5px;}
#buscador {width: 148px; height: 18px; margin: 14px 0px 4px 2px;}
#centro {width: 986px; padding-top: 10px;}
#centro_left {width: 250px; margin-right: 11px;}
#centro_right {width: 725px;}
#margen_top {width: 155px;}
#pie {height: 20px; width: 986px; margin-top: 16px; padding: 8px 0px 8px 0px;}
#top {width: 986px;}
#top_bar {width: 150px; height: 29px; padding-top: 1px;}
#top_centro {width: 559px; padding-top: 4px; padding-bottom: 10px;}
#top_left {width: 150px; padding: 0px 11px 0px 100px; height:50px;}
#top_right {width: 155px; margin-left: 11px;}

#top_centro_3i4 {width: 170px; margin-right: 13px; margin-left: 13px;}
#top_centro_cataleg {width: 164px; margin-right: 13px;}
#top_centro_produccions {width: 173px; margin-right: 13px;}

#usuaris_top {width: 147px;}
#usuaris_bottom {width: 147px;}

#ico_home, #ico_home_selec {width: 22px; height: 28px; margin-right: 6px;}
#ico_mail, #ico_mail_selec {width: 28px; height: 28px; margin-right: 7px;}
#ico_club, #ico_club_selec {width: 24px; height: 28px; margin-right: 8px;}
#ico_blogosfera, #ico_blogosfera_selec {width: 23px; height: 28px; margin-right: 9px;}
#ico_info, #ico_info_selec {width: 23px; height: 28px;}

#ico_twitter, #ico_facebook, #ico_youtube, #ico_rss{width: 20px; height: 20px; margin-right: 3px;}
#ico_xip {float: right; width: 39px; height: 17px;}

#imagen_centro {width: 559px; height: 308px; padding: 6px 0px 0px 0px; margin-bottom: 11px; margin-right: 11px;}
#texto_centro {width: 155px; height: 308px; padding: 6px 0px 0px 0px; margin-bottom: 11px; position: relative;}
#btn_slide {width: 77px; height: 8px; position: absolute; bottom: 8px;}
.btn_prev, .btn_item, .btn_next, .btn_prev_selec, .btn_item_selec, .btn_next_selec {width: 8px; height: 8px; margin-right: 3px;}


/* */
body {background: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
a, a:hover {text-decoration: none;}
p {line-height: 1.3em;}

#buscador, #buscador input[type="submit"], #contenido, #ico_home, #ico_mail, #ico_club, #ico_blogosfera, #ico_info, #logo_blog, #top_centro h1, #top_right h1, #usuaris_top span, #usuaris_top input[type="submit"], #banner_club, #banner_info, #banner_blogosfera, #ico_twitter, #ico_facebook, #ico_youtube, #ico_rss, #ico_xip, .btn_prev, .btn_item, .btn_next, #ico_home_selec, #ico_mail_selec, #ico_club_selec, #ico_blogosfera_selec, #ico_info_selec, .btn_prev_selec, .btn_item_selec, .btn_next_selec {background: url(./imagenes/imagenes.png) no-repeat;}
#buscador {background-position: 0px -90px}
#buscador input[type="text"] {border: none; background: none; width: 121px; height: 14px; padding: 2px 3px 2px 3px;}
#buscador input[type="submit"] {border: none; width: 18px; height: 18px; background-position: -185px -90px; cursor: pointer; float: right; display: inline;}
#buscador input[type="submit"]:hover {background-position: -206px -90px;}
#buscador input[type="submit"]:active {background-position: -227px -90px;}
#contenido {background-position: -250px -210px;}
#top {background: url(./imagenes/cabecera.png);}
#top_bar {border-bottom: 1px solid #000;}
#top_centro ul li {list-style: none; float: left; border-bottom: 1px solid #fff; padding-bottom: 2px; font-family: 'Oswald', sans-serif; font-size: 11px; font-weight: normal;}
#top_centro h1 {border-bottom: 1px solid #000; height: 16px; padding: 4px 0px 2px 20px; font-size: 13px; font-family: 'Oswald', sans-serif; font-weight: normal;}
#top_centro h1 a {color: #000;}
#top_centro h1 a:hover {color: #808080;}
#top_centro h1 a:active {color: #F15A24;}
#top_centro h1 span {color: #F15A24;}
#top_centro ul li a {color: #000000;}
#top_centro ul li a:hover {color: #808080;}
#top_centro ul li a:active {color: #F15A24;}
#top_centro ul li span {color: #F15A24;}
#top_centro_3i4 h1 {background-position: -168px 0px;}
#top_centro_cataleg h1 {background-position: -168px -30px;}
#top_centro_produccions h1 {background-position: -171px -60px;}
#top_centro_3i4 ul li {width: 170px;}
#top_centro_cataleg ul li {width: 164px;}
#top_centro_produccions ul li {width: 173px;}
#top_right h1 {border-bottom: 1px solid #000; height: 15px; padding: 7px 0px 2px 18px; font-size: 13px; background-position: -232px -455px; margin-bottom: 5px; font-family: 'Oswald', sans-serif; font-weight: normal;}

#usuaris_top {border-bottom: 1px solid #fff; padding: 4px; padding-bottom: 2px;}
#usuaris_bottom {padding: 2px 4px 2px 4px; font-family: 'Oswald', sans-serif; font-weight: normal;}
#usuaris_top h3{padding-bottom: 4px; font-family: 'Oswald', sans-serif; font-weight: normal;}
#usuaris_top h3 a, #usuaris_bottom h3 a {font-size: 13px; font-weight: normal;}
#usuaris_top label {display: inline; float: left; width: 59px; font-size: 10px;}
#usuaris_top span {display: inline; float: left; width: 84px; height: 12; background-position: -250px -90px;}
#usuaris_top span input[type="text"] {border: none; background: none; width: 78px; height: 10px; padding: 1px 3px 1px 3px; font-size: 10px;}
#usuaris_top span input[type="password"] {border: none; background: none; width: 78px; height: 10px; padding: 1px 3px 1px 3px; font-size: 10px;}
#usuaris_top input[type="submit"] {border: none; width: 84px; height: 13px; background-position: -111px -408px; cursor: pointer; color: #fff; font-size: 10px; display: inline; float: left;}
#usuaris_top input[type="submit"]:hover {background-position: -111px -447px;}
#usuaris_top input[type="submit"]:active {background-position: -111px -428px;}
#usuaris_top a, #usuaris_bottom a {font-size: 10px; color: #000;}
#usuaris_top a:hover, #usuaris_bottom a:hover {color: #808080;}
#margen_top {background: #fff; padding-top: 2px;}

#centro_left h1 {border-bottom: 1px solid #000; font-size: 20px; height: 29px;}
#btn_banners li {list-style: none; float: left; padding-top:3px; padding-bottom:0px;}
#banner_club, #banner_info, #banner_blogosfera {width: 250px; height: 100px; display: block; text-indent: -9000px;}
#banner_club {background-position: 0px -108px;}
#banner_info {background-position: 0px -208px;}
#banner_blogosfera {background-position: 0px -308px;}

#blog {background: #f2f2f3;}
#logo_blog {background-position: 0px -509px;}
#blog h2 {margin: 5px 9px 5px 9px; font-size: 13px; color: #f15a24; border-bottom: none;}
#blog p {margin: 0px 9px 4px 9px; font-size: 11px; color: #000;}
#blog p.fecha {margin: 0px 9px 0px 9px; font-size: 10px; color: #808080; border-bottom: 1px solid #000; padding-bottom: 4px;}

#pie {clear:both; border-top: 1px solid #000; font-size:14px;}

#ico_home, #ico_mail, #ico_club, #ico_blogosfera, #ico_info, #ico_home_selec, #ico_mail_selec, #ico_club_selec, #ico_blogosfera_selec, #ico_info_selec {cursor: pointer; text-indent: -9000px;}
#ico_home {background-position: -3px 0px}
#ico_mail {background-position: -31px 0px}
#ico_club {background-position: -66px 0px}
#ico_blogosfera {background-position: -98px 0px}
#ico_info {background-position: -130px 0px}

#ico_home:hover {background-position: -3px -57px}
#ico_mail:hover {background-position: -31px -57px}
#ico_club:hover {background-position: -66px -57px}
#ico_blogosfera:hover {background-position: -98px -57px}
#ico_info:hover {background-position: -130px -57px}

#ico_home:active {background-position: -3px -29px}
#ico_mail:active {background-position: -31px -29px}
#ico_club:active {background-position: -66px -29px}
#ico_blogosfera:active {background-position: -98px -29px}
#ico_info:active {background-position: -130px -29px}

#ico_home_selec {background-position: -3px -29px}
#ico_mail_selec {background-position: -31px -29px}
#ico_club_selec {background-position: -66px -29px}
#ico_blogosfera_selec {background-position: -98px -29px}
#ico_info_selec {background-position: -130px -29px}

#top_bar a.selec, #top_bar a.selec:hover {background-position-y: -29px;}
#top_bar a:active {background-position-y: -29px;}

#ico_twitter {background-position: -5px -409px; text-indent: -9000px;}
#ico_facebook {background-position: -27px -409px; text-indent: -9000px;}
#ico_youtube {background-position: -50px -409px; text-indent: -9000px;}
#ico_rss {background-position: -72px -409px; text-indent: -9000px;}
#ico_twitter:hover {background-position: -5px -437px;}
#ico_facebook:hover {background-position: -27px -437px;}
#ico_youtube:hover {background-position: -50px -437px;}
#ico_rss:hover {background-position: -72px -437px;}
#ico_xip {background-position: -209px -410px; text-indent: -9000px;}

#centro_right h1 {font-size: 20px; font-weight: normal; font-family: 'Oswald', sans-serif;}
#imagen_centro {border-top: 1px solid #000000;}
#texto_centro {border-top: 1px solid #000; border-bottom: 1px solid #e6e6e6;}
#texto_centro h1{line-height: 20px; padding-top: 4px; padding-bottom: 6px; font-size: 19px; font-weight: normal;}
#texto_centro p {font-size: 11;}
#texto_centro p.fecha {font-size: 10px; color: #808080; padding-bottom: 6px;}
.btn_prev, .btn_item, .btn_next, .btn_prev_selec, .btn_item_selec, .btn_next_selec {cursor: pointer;}
.btn_prev {background-position: -103px -487px;} 
.btn_prev:hover {background-position: -90px -487px;}
.btn_item {background-position: -101px -469px;}
.btn_item:hover {background-position: -145px -469px;}
.btn_next {background-position: -143px -487px;}
.btn_next:hover {background-position: -156px -487px;}
.btn_prev_selec {background-position: -134px -487px;}
.btn_item_selec {background-position: -134px -469px;}
.btn_next_selec {background-position: -134px -487px;}
.txt_articulo {border-top: 1px solid #000; border-bottom: 1px solid #e6e6e6; padding-bottom:10px;}
.txt_articulo h2 {font-size: 15px; line-height: 19px; font-family: 'Oswald', sans-serif; color: #000; font-weight: normal;}
.txt_articulo p.fecha {font-size: 10px; color: #808080; padding-top: 4px;}