* {margin: 0; padding: 0 }
a img {border: none;}
.clear {clear: both }
object {margin-bottom: 10px}
body {color: #222; text-align: center; background: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.2em}
DIV.noticia {margin: 2px 0pt; text-align: left; float: left; width: 100%}
DIV.noticia .pic-noticia {text-align: left; float: left; width: 105px}
.content-noticia {float: right; width: 435px}
DIV.noticia h2, .title {text-align: left; color: #E30916; line-height: 10px; margin-bottom: 4px}
DIV.noticia h2 a {color: #E30916; text-decoration: none}
DIV.noticia h2 a:hover {color: #E20816}
DIV.noticia small {color: #E30916; font-weight: bold; font-size: 10px}
DIV#noticia {text-align: left}
DIV#noticia h2.title {font-size: 18px; line-height: 22px; margin-bottom: 3px; width: 250px}
DIV#noticia .body {padding: 5px 0pt}
DIV#noticia .body img {margin-bottom: 7px}
DIV#noticia .body img.left {float: left; margin: 0pt 7px 7px 0pt}
DIV#noticia .body img.right {float: right; margin: 0pt 0pt 7px 7px}
DIV#noticia .body p {margin-bottom: 5px}
#comentario h2 {margin-bottom: 20px; padding-left: 20px; background: url(/images/comment.gif) no-repeat left center !important; height: 15px}
#comentario form {margin-top: 25px}
#comentario form p {margin-bottom: 8px}
#comentario form label {padding: 2px 5px 0 0; text-align: right; display: block; width: 150px; float: left}
#comentario form textarea {height: 150px; width: 338px; border: #ddd 1px solid}
#comentario form input {width: 338px; border: #ddd 1px solid}
p#botonera {margin-right: 68px; text-align: right}
#comentario form input.boton {width: auto; padding: 1px 4px 2px 4px; background: #f1f1f1; color: #666; border-top: #ddd 2px solid; border-left: #ddd 2px solid}
#comentario form input.boton:hover {color: #444; cursor: pointer}
DIV.coment {padding: 15px 0}
DIV.coment h3 {font-weight: normal; color: #333}
DIV.coment small {display: block; margin-bottom: 3px}
DIV.odd {background: #f1f1f1}
a#rss {color: #444; margin-top: 40px; line-height: 25px; background: url(/images/feed-icon.jpg) no-repeat left center; padding-left: 20px; display: block; text-align: left}
#errorExplanation h2, #errorExplanation p {display: none}
a.spreadshirt img {border: none}
div.body p, div.textilize p {padding: 0px; line-height: 14px}
div.noticia div.body {margin-bottom: 15px}
div.noticia a:hover {text-decoration: line-through}
.gallery {border-bottom: #999 1px dotted; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px}
.gallery-list {margin-top: 5px; margin-bottom: 15px; padding-bottom: 10px}
.gallery h3 {color: #E30916}
.gallery_content {text-align: left; margin-left: 5px; font-size: 11px}
.gallery_content p {font-size: 11px; line-height: 13px; padding-left: 100px}
.gallery img, .gallery-list img {float: left; width: 80px; height: 60px; border: 2px solid #000}
.gallery_content {float: right; margin-left: 5px; width: 452px; text-align: left}
.gallery-list ul {list-style: none}
.gallery-list ul li {float: left; margin-right: 7px; margin-bottom: 6px}
.gallery-list ul li.last-row-pic {margin-right: 0pt}
.gallery-list span.galleryOverlay {display: none; background-color: #EB514E; width: 100%; height: 100%; cursor: pointer; left: 0pt; top: 0pt; position: absolute; z-index: 100; visibility: visible; opacity: 0.4}
.gallery-list a:hover span.galleryOverlay {display: block}
.display-efect a {display: block; height: 64px; width: 84px; overflow: hidden; position: relative}
DIV.gallery h3 span{ font-weight: bold}
DIV:hover.gallery img {border-color: #E30916}
DIV:hover.gallery {cursor: pointer}
DIV:hover.gallery h3 {color: #FB818C}
DIV:hover.gallery p {color: #999}
.profile {text-align: left; font-size: 12px}
.profile img.left {float: left; margin: 0 8px 0 0}
.profile img.right {float: right; margin: 0 0 0 8px}
.profile h3 {color: #444; font-size: 13px; margin: 6px 0pt 2px}
.profile p {margin-bottom: 5px}
.decorated {font-weight: normal; margin-bottom: 1px; text-align: left; color: #E30916; font-size: 13px}
.description {font-size: 11px; text-align: left; line-height: 13px; margin: 25px 0}
.decorated span {font-weight: bold}
#load-gallery p {line-height: 20px; font-size: 11px; color: #E72E31}
#banners {float: left; width: 580px; margin-bottom: 4px}
#flash{ width: 380px}
#picture_banners {float: right; width: 190px}
#picture_banners img {border: none; margin: 0 0 7px 0; float: right}
div.desktop {float: left; padding: 6px; margin: 10px 6px 10px 0; background: #E30916 }
.last-desktop {margin-right: 0pt}
div.desktop img {margin-bottom: 5px}
div.desktop a {display: block; color: #fff; text-decoration: none; font-size: 11px; line-height: 15px}
div.desktop a:hover {text-decoration: line-through}
p.desktop {line-height: 15px; text-align: left; margin-bottom: 10px}
#tv_banner {margin-bottom: 5px}
.tv #tv_banner {display: none}
#tv {position: absolute; right: 20px; top: 10px}
img#tv {width: 50px}
#logo-tv {text-align: left; padding-left: 20px}
#logo-tv a img {border: none}
div#wrapper_video {width: 540px; background: url(/images/loading.gif) no-repeat center center}
div#video_list h3, h3#title_video, #logo-tv h3 {font-size: 13px; color: #E30916; margin-bottom: 3px; text-align: left}
#logo-tv h3 {margin-bottom: 10px}
div#description_video {text-align: left; font-size: 11px; padding: 5px 20px; margin-right: 3px; line-height: 1.2em}
div#video_list {text-align: left; margin: 20px 3px 10px auto; margin-right: 3px; padding: 10px 20px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd}
div.video_list {font-size: 11px; margin-bottom: 8px}
div.video_list h4 {font-size: 12px}
div.video_list h4 a {color: #333; text-decoration: none}
div.video_list div.des {line-height: 1em}
.pagination {text-align: right !important; margin: 5px auto}
span.disabled {display: none}
#predicciones {margin: 20px 55px}
#predicciones div.left, #predicciones div.right {width: 174px; text-align: left}
#predicciones div.left {float: left}
#predicciones div.right {float: right}
.predicciones {padding-bottom: 30px}
.predicciones a span.disable {display: none}
.predicciones a.image {display: block; width: 174px; height: 81px; background: url(/images/predicciones/tablas_portuarias.jpg) no-repeat left top; margin-bottom: 10px}
.predicciones a:hover.image {background-position: left bottom}
.predicciones a.windguru {background-image: url(/images/predicciones/windguru.jpg)}
.predicciones a.meteoGalicia {background-image: url(/images/predicciones/meteoGalicia.jpg)}
.predicciones a.olas_animado {background-image: url(/images/predicciones/olas_animado.jpg)}
.predicciones a.hidrografico_portugal {background-image: url(/images/predicciones/hidrografico_portugal.jpg)}
.predicciones a.boyas {background-image: url(/images/predicciones/boyas.jpg)}
.predicciones a.link {color: #E30916; font-size: 11px; font-weight: bold; text-decoration: none}
#info {text-align: left}
#info p {margin-bottom: 5px}
#info p div {display: inline}
#info label {text-align: right; padding-right: 5px; float: left; width: 20%; color: #F22214; font-weight: bold}
#info input {background: transparent url(/images/bg_input.gif/) repeat scroll 0%; border-width:0pt; padding: 3px; width: 381px; color: #fff}
#info textarea {width: 381px; padding: 2px; height: 110px; border: 1px solid red}
#info .boton input {width: auto}
#info .boton {text-align: right; padding-right: 42px}
#error-info {border: 1px solid red; border-bottom-width: 2px; padding: 5px 20px; margin-bottom: 15px}
#error-info ul {text-align: left; margin-bottom: 20px; color: #E30916}
#error-info ul li {padding-bottom: 5px}
.articlulos {margin-top: 40px; text-align: left}
.articulo {margin-bottom: 20px; padding-left: 72px}
.articulos h3 {display: inline; margin-left: 4px; margin-bottom: 5px}
.articulos a {text-decoration: none; color: #E30916}
.articulo-enlace {margin-bottom: 7px; font-size: 11px }
.articulo-enlace a {color: #222}
.articulos h3 a:hover {text-decoration: line-through}
#nike {text-align: left; margin-top: 180px}
#nike form input {background: none; width: 82%}
#nike form p {background: url(/images/bg_input2.gif) no-repeat right top; height: 25px}
#nike .info {color: #FF030E; background: none}
#nike .boton {background: none; text-align: right; padding-right: 0pt}
#nike .boton input {width: auto; background: url(/images/bg_input.gif) no-repeat left top; color: #fff; font-weight: bold}
#nike form label {width: 12%; padding-right: 3%}
#events a {float: left; margin-bottom: 15px; margin-right: 10px}
#nav ul {list-style: none; text-align: right; margin: 10px 0pt; font-size: 95%; height: 21px; width: 800px; background: url(/images/menu.gif) no-repeat center center}
#nav ul li {float: right}
#nav ul li a span {display: none}
#nav ul li a {display: block; height: 21px}
#nav ul li a#articulos {width: 74px; background: url(/images/articulos.gif) no-repeat top left}
#nav ul li a#contacto {width: 74px; background: url(/images/contacto.gif) no-repeat top left}
#nav ul li a#galeria {width: 59px; background: url(/images/galeria.gif) no-repeat top left}
#nav ul li a#profile {width: 62px; background: url(/images/profiles.gif) no-repeat top left}
#nav ul li a#videos {width: 51px; background: url(/images/video.gif) no-repeat top left}
#nav ul li a#noticias {width: 58px; background: url(/images/noticias.gif) no-repeat top left}
#nav ul li a:hover, #nav ul li a.active {background-position: bottom left !important}
.clear {clear: both !important; line-height: 0pt}
.fieldWithErrors {display: inline}
.go_back {color: #E72E31; text-decoration: none; position: absolute; right: 19px; top: 10px; font-size: 11px}
.go_back:hover {color: #E72E31; text-decoration: line-through}
.pagination {text-align: right; font-size: 11px; color: #ccc}
.pagination a {color: #E30916}
#content-wrapper {text-align: center; width: 800px; margin: 0pt auto; background: #000 url(/images/content-wrapper.jpg) no-repeat bottom center fixed}
#wrapper {padding: 0pt 8px}
#header {text-align: left; background: #000 url(/images/header.jpg) no-repeat top center; height: 130px; width: 800px}
#content {position: relative; float: left; width: 583px; background: #fff url(/images/bg_content.gif) repeat-y top center}
#content_top {height: 22px; background: url(/images/content_top.gif) no-repeat top center}
#content_bottom {height: 83px; background: url(/images/content_bottom.png) no-repeat top center}
body.videos #content_bottom, body.tv #content_bottom {height: auto; background: url(/images/content_bottom_videos.gif) no-repeat top right}
#main {padding: 0 20px 10px 20px; min-height: 300px}
body.videos div#main, body.tv div#main {padding-bottom: 150px; background: url(/images/content_bottom_videos.gif) no-repeat bottom right}
body.tv div#main {padding-bottom: 200px}
#side {float: right; width: 185px}
#footer {height: 50px}
h1#title{ text-align: left; margin: 0 0 20px 0; font-size: 24px; color: #E30916}
h3 {color: #E30916}
h2 {font-size: 13px}
p {font-size: 11px}
small {font-size: 11px}
.profile h3 {font-size: 13px}
#side dl {margin-bottom: 15px}
#side dt {height: 10px; background: url(/images/top_side_bar.png) no-repeat top center}
#side dt span {display: none}
#side dd {background: url(/images/bg_side.png) no-repeat top center; padding-bottom: 3px}
#side dd.bottom-side {height: 27px; margin-top: -3px; background: url(/images/bottom_side_bar.png) no-repeat bottom center}
#side dd ul {list-style: none; text-align: right; padding: 0 10px; margin: 0 0 12px 0}
#side dd ul li {font-size: 10px; line-height: 12px}
#side dd ul li.title {text-align: right; font-size: 12px; margin: 0; padding: 0 0 0 0}
#side dd ul li a {text-decoration: none; padding: 0 0 0px 0; color: #f1f1f1}
#side dd ul li a:hover {text-decoration: line-through}
UL#sub_menu li {text-align: center; padding-bottom: 8px}
UL#sub_menu li a {display: block; height: 33px}
UL#sub_menu li a span {display: none}
UL#sub_menu li a#desktop {background: url(/images/desktop_botn.png) no-repeat top center}
UL#sub_menu li a#com {background: url(/images/competi.png) no-repeat top center}
UL#sub_menu li a#potcast {background: url(/images/videopotcast_botn.png) no-repeat top center}
UL#sub_menu li a:hover {background-position: bottom center !important}