/**********************************************ESTILOS GENERICOS************************************************/ body {padding: 0px; margin: 0px; border: 0px; font: .6886em arial, helvetica, sans-serif; /* 12pt */; background:#E40202 url(images/background.jpg) top center no-repeat;} img { border: 0px;} hr{ border-width: 0px; color: #CCC; height: 1px; background-color: #CCC; } p{ padding: 0px; padding-top: 5px; padding-bottom: 5px; margin: 0px;} td { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1em; } .hidden, .oculto{ display:none;} .derecha{ float: right;} img.izquierda{ margin-right: 15px;} .izquierda{ float: left; } img.derecha{ margin-left: 15px;} .centro{ margin-right:auto; margin-left:auto; } .centrado{ text-align: center; } .txtcentrado{ text-align: center; } .txtizquierda{ text-align: left; } .txtderecha{ text-align: right; } a{ outline: none;} h2.h2-tit{ margin: 0px; padding: 0px; margin-bottom: 10px; display: block;} a, a:link, a:visited { color: #000; text-decoration: none;} a:hover { color: #000; text-decoration: underline;} .limpiarlinea{clear:both;} .fila{ width: 100%; float:left; clear: left;} /**********************************************ESTILOS GENERALES************************************************/ /* Formularios */ /* Fin Formularios */ /* Bloque Contenido */ .contenidos{ width: 100%; float:left; } .contenidos h3{ color: #BD0E1A; font-size: 1.4em; font-weight: bold; display: block; margin-top: 5px; margin-bottom:0px; padding: 0px; text-transform: uppercase; } .contenidos h4{ color: #F00; font-size: 1.4em; font-weight: normal; display: block; margin: 0px; padding: 0px; text-align: justify;} .contenidos h5{ padding: 0px; padding-bottom:2px; margin:0px; margin-top: 20px; margin-bottom:10px; font-size: 1em; color: #BD0E1A; border-bottom:1px solid #ccc; } .contenidos p{ text-align: justify; } .contenidos p.breve{ text-align: justify; padding: 0px; margin: 0px; margin-bottom: 10px; font-size: 1.1em; color: #878787; } .contenidos .fav{ float:left; margin-bottom:5px; font-size:0.9em;} .contenidos .fav img{ cursor:pointer; vertical-align: middle;} .contenidos ul { list-style:none; margin: 0px; margin-top:10px; margin-bottom:10px; padding: 0px; padding-bottom: 5px; padding-left:40px; padding-right:6px; text-align: left; } .contenidos ul li{ background-position:left 0.7em; background-repeat:no-repeat; border: 0px; padding-top: 3px; padding-bottom:3px; padding-left:15px; text-align: left; } .contenidos ul li a, .contenidos ul li a:link, .contenidos ul li a:visited {color:#4A453E;} .contenidos ul li a:hover {color:#CC0000;} .contenidos img.imagendcha { margin: 10px; margin-left: 25px; margin-right: 0px; float:right;} .contenidos img.imagenizda { margin: 10px; margin-left: 0px; margin-right: 25px; float:left;} .rojo{color: #F0071C;} .rojonegrita{color:#CC0000; font-weight: bold; } .resaltado{ margin:20px; margin-right:auto; margin-left:auto; padding:10px; padding-bottom:12px; text-align: center; background-color: #F5F5F5; border-top:10px solid #CC0000; border-bottom:5px solid #9A9A9A; } #contenedor{ padding: 0px; margin: 0px; border: 0px; width: 100%; position: relative; z-index:0; top: 0;} /* Cabecera */ #cabecera100{ width:100%; float: left; position:relative;z-index:1; } #cabecera{ width:950px; margin-right:auto; margin-left:auto; position:relative; height: 140px;} #cabecera .logo{ width: 207px; height: 55px; background: url(images/logo_basketzaragoza.gif) top left no-repeat; position: absolute; top:20px; left:0px; } #cabecera .logo h1, #cabecera .logo h1 a{ width: 207px; height: 55px; display: block; margin: 0px; padding: 0px;} #cabecera .logo h1 a span {display: none;} #cabecera .accesos{ color: #fff;} #cabecera .accesos a, #cabecera .accesos a:link, #cabecera .accesos a:visited{ color:#FFF; text-decoration: none;} #cabecera .accesos a:hover{ text-decoration: underline;} /*MENU*/ #cabecera .menu{ width: 950px;font-size: 17px; font-weight: bold; font-style: italic; color:#FFF; position: absolute; top: 100px; left: 0px; border-top: 1px solid #FFF; padding: 7px 0px; margin: 0px; } #cabecera .menu ul{list-style-type: none; margin: 0px auto; padding: 0px; /*width: 2000px;*/ } #cabecera .menu ul li{float: left; margin: 0px; padding: 0px; } #cabecera .menu ul li:last-child{border-right: 0px } #cabecera .menu a{text-decoration: none; padding: 0px 12px; color: #FFF; height: 25px; line-height: 24px; display: block;} #cabecera .menu a:hover{ background-color: #FFF; color:#FF0000; height: 25px; line-height: 24px; display: block;} #cabecera .menu ul li.activo{ float: left; color: #FFF; margin: 0px; padding: 0px; } #cabecera .menu ul li.activo a {color: #FFFFFF;} /* Pie */ #pie100{ width: 100%; float: left; background: #000 url(images/pie-bg.gif); background-position: top left; background-repeat: repeat-x; clear:both; margin-top: 30px;} #pie{ width:990px; margin-right:auto; margin-left:auto; padding-top: 20px; padding-bottom: 20px; color: #FFF; background: url(images/pie-bg-int.gif) top left no-repeat; height: 212px; text-align: center } #pie .fila{ width: 100%; float: left; clear:both; } #pie a{ text-decoration: none; color:#FFF;} #pie a:hover{ text-decoration: underline;} #pie .copy{ font-size: 1em;} /* Menu Horizontal */ #menu100{ width: 100%; float: left; } #menu{ width: 964px; margin-right:auto; margin-left:auto; padding-right:20px; padding-left:20px; } /* Menu Vertical */ .menuvertical{} /* Bloques del Cuerpo */ #cuerpo100{ width: 100%; float: left; clear:both; } #cuerpo{ width:990px; margin-right:auto; margin-left:auto; } #cuerpofondo{ width: 990px; float:left; } #cuerpofondo .fila{ width: 100%; float:left; } #cuerpofondo .columna{ float:left; overflow: hidden; } #breadcrumbs{ margin: 0px 0px 10px 0px; padding: 3px 0px 0px 22px; height: 16px; background-image: url(images/house_16x16.png); vertical-align: middle; background-position: left center; background-repeat: no-repeat; font-size: 1em; color: #4A453E; } #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited { color: #4A453E; text-decoration: none; padding-left: 2px; padding-right: 2px; } #breadcrumbs a:hover{ color: #CC0000; text-decoration: underline; } #breadcrumbs .activo{ font-weight: bold; padding-left: 2px;} .fondointerior{ background-image: url(images/fondo_menuvertical.gif); background-position: top left; background-repeat: no-repeat; } /* Fin Bloques del Cuerpo */ /* Bloques preHome */ .menuvertical .banners { float:right; margin:0px; padding: 0px; margin-bottom:16px; } .menuvertical .banners h4{ font-size: 1em; color: #5E5E5E; padding: 5px; padding-left:7px; margin: 0px; background-color: #DFDFDF; text-align: left;} .menuvertical .banners h4 a, #bannersPreHome .banner h4 a:link, #bannersPreHome .banner h4 a:visited{ color: #5E5E5E; text-decoration: none; } .menuvertical .banners h4 a:hover{ color: #CC0000; text-decoration: underline; } .marcaerror, .txtrojo{color:#F00;} /**********************************/ .div50flotante{width:50%; float:left;} .menupie li{float:left;} .menupie ul{list-style-type: none;} .banner-h100{ margin: 0px; padding: 0px; margin-bottom: 20px;} .menuvertical .top { background-image: url(images/h4-bg-bottom.gif); background-position: bottom left; background-repeat: no-repeat;} .menuvertical .top h4{ color: #FFF; font-size: 1.4em; font-weight: bold; margin: 0px; padding: 7px 10px; background: url(images/h4-bg-top.gif) top left no-repeat;} .menuvertical .top h4 a{ color: #FFF; text-decoration:none;} .menuvertical .top-dcha { background-image: url(images/h4-bg-bottom-grey.gif); background-position: bottom left; background-repeat: no-repeat;} .menuvertical .top-dcha h4{ color: #FFF; font-size: 1.2em; font-weight: bold; margin: 0px; padding: 7px 10px; background: url(images/h4-bg-top-grey.gif) top left no-repeat;} .menuvertical .top-dcha h4 a{ color: #FFF;} .menuvertical .principal, .menuvertical ul, .menuvertical ul ul { margin: 10px; padding: 0px; list-style-type: none; font-size: 1.1em;} .menuvertical li{list-style-type: none; background: url(images/img-lista.png) left top no-repeat; margin: 0px; padding: 0px 0px 6px 15px} .menuvertical li a{ text-decoration:none;} /*P?gina Intermedia*/ .menuvertical {padding:0px; margin:0px;} .menuvertical {list-style:none; margin: 0px; margin-top:15px; padding: 0px; padding-left:10px; padding-right:10px; text-align: left;} .menuvertical ul li{background-image: url(images/img-lista.png); background-position:left top; background-repeat:no-repeat; border: 0px; padding: 0px; padding-left:15px; margin:0px; margin-top:5px; text-align: left; font-weight:bold; font-size:0.9em; } .menuvertical ul li a, .menuvertical ul li a:link, .menuvertical ul li a:visited {color:#4A453E;} .menuvertical ul li a:hover {color:#CC0000;} .menuvertical ul ul { list-style:none; margin: 0px; margin-bottom:15px; padding: 0px; padding-left:0px; padding-right:0px; text-align: left;} .menuvertical ul ul li{ background-image:url(images/cuna2.png); background-position:left 5px; background-repeat:no-repeat; border: 0px; padding-top: 0px; padding-left:10px; text-align: left; font-weight:normal; font-size:0.9em; } .menuvertical ul ul li a, .menuvertical ul ul li a:link, .menuvertical ul ul li a:visited {color:#4A453E;} .menuvertical ul ul li a:hover {color:#CC0000; font-weight:bold;} /**********************************************PAGINAS DINAMICASS************************************************/ .columna{float: left;} .col5{ width: 5%; float: left; margin-bottom: 3px;} .col9{ width: 10%; float: left; margin-bottom: 3px;} .col10{ width: 10%; float: left; margin-bottom: 3px;} .col20{ width: 20%; float: left; margin-bottom: 3px;} .col30{ width: 30%; float: left; margin-bottom: 3px;} .col40{ width: 40%; float: left; margin-bottom: 3px;} .col50{ width: 50%; float: left; margin-bottom: 3px;} .col60{ width: 60%; float: left; margin-bottom: 3px;} .col70{ width: 70%; float: left; margin-bottom: 3px;} .col80{ width: 80%; float: left; margin-bottom: 3px;} .col90{ width: 90%; float: left; margin-bottom: 3px;} .col98{ width: 98%; float: left; margin-bottom: 3px;} .col99{ width: 99%; float: left; margin-bottom: 3px;} .col100{ width: 100%; float: left; margin-bottom: 3px;} /*ESTILOS ALTERNATIVOS*/ .margensuperior20px{margin-top:20px;} .margeninferior20px{margin-bottom:20px;} .margenizquierdo20px{margin-left:20px;} .margenderecho20px{margin-right:20px;} .alttitulo{color:#B5B5B5;} /*********************************************ESTILOS GENERALES*************************************************/ /**************************************************PLUGINS*****************************************************/ /* PLAYER HOME*/ #feature{ width: 599px; height: 310px; position: relative; float: left; background: url(images/playerhome-bg.png) center center no-repeat; left: 375px;} #navi { margin:0px; width: 130px; height: 294px; position: absolute; top: 4px; left: 465px; background-color: #000; color: #FFF; overflow: hidden; padding: 0px; padding-top: 8px; } #navi ul { margin: 0px; padding: 0px; padding-top: 0px; padding-left: 5px; list-style-type:none;} #navi li { width: 130px; height: 68px; float:left; padding:0px; margin: 0px; display: block; overflow: hidden; padding-bottom: 5px;} #navi li div{ height: 66px;overflow:hidden;float:left;display:block;} #navi a { padding: 1px; margin: 0px; height: 66px; display: block; overflow: hidden; padding-left: 10px; float: left;} #navi a.current { background: url(images/playerhome-foto-activo.png) top left no-repeat; } #navi a:hover {background: url(images/playerhome-foto-activo.png) top left no-repeat; } #navi a img {width:101px;margin: 0px; padding: 0px; border: 0px;} /* panes */ #panes { position:relative; } #panes div { display:none; position:absolute; top:4px; left:4px; width: 461px; height: 302px; overflow:hidden;} #panes img { float:left; width:461px; border:0px;} #feature #panes span.titulo { left:0px; position:absolute; height:57px; bottom:0px; width:461px; font-size:18px; font-weight:bold; overflow:hidden; background: url(images/slider/fotogrande-caption-bg.png);} #feature #panes span.titulo { font-size: 1.8em; font-weight: bold; padding: 15px; color: #FFF;width:94%; } #feature #panes span.titulo a{ color:#fff;} /* RESULTADO HOME*/ .resultado {width: 100%; background: url(images/resultados-home-bg.png) top center no-repeat; color:#FFF; float: left;} .resultado h2{ display: none;} .resultado .jornada{ width: 100%; float: left; text-align: center; margin: 0px; padding: 0px; display: block; margin-top: 43px;} .resultado .partido{margin: 0px; padding: 0px; margin-top: 15px; width: 100%; float: left; display: block; text-align: center } .resultado .partido .equipo { width: 49%; text-align: center; float: left;} .resultado .partido .equipo img{ padding: 10px 0px; margin: 0px; } .resultado .partido .equipo span{ font-size: 1.3em; font-weight: bold;} .resultado .datos{ text-align: center; color: #FFF; padding-bottom: 25px; padding-top: 25px; width: 100%; display:block; float: left; margin: 0px;} .resultado a, .resultado a:link, .resultado a:visited{ color: #FFF; text-decoration: none;} .resultado a:hover{ text-decoration: underline;} /* NOTICIAS HOME*/ .noticias{ width: 100%; float: left; } .noticias h2{ display:none;} .noticias .contenido{ padding:47px 18px 1px 18px; background: url(images/noticias-bg.png) top center no-repeat; width: 456px; float: left } .noticias .contenido .noticia{ padding: 0px 15px 14px 15px; margin: 0px; font: 1.1em arial, helvetica, sans-serif;} .noticias .contenido .noticia div{ height:83px;width:83px;overflow:hidden;float:left;margin-right:15px;} .noticias .contenido .noticia img{ float: left;height:83px; } .noticias .contenido .noticia p{ display: block; float: left; margin: 0px; padding: 0px; } .noticias .contenido .fecha, .noticias a, .noticias a:link, .noticias a:visited{ color: #F0071C; text-decoration: none ;} .noticias a:hover{ text-decoration: underline;} .noticias .masinfo{color: #F0071C; text-decoration: none ;float:right;padding:0 10px 10px 0px;font-weight:bold;} /* PROXIMO PARTIDO HOME*/ .proximo{ background: url(images/proximo-partido-bg.png) top left no-repeat; padding: 44px 15px 0px 15px; float: left; color: #FFF; width: 100%; height: 76px;} .proximo h2{ display: none;} .proximo p{ padding-left: 70px;} .proximo img{ float: left;} /* GALERIA HOME*/ .galeria{ background: url(images/galeria-home-bg.png) top left no-repeat; height: 207px; position:relative; float:left; width: 100%;} .galeria h2{ display: none;} .galeria .container{ position:absolute; top:45px; left:12px; right:12px; bottom:12px; overflow: hidden;} .galeria .container ul{ list-style-type: none; margin: 0px; padding: 0px; width: 3000px;} .galeria .container ul li{ float: left; height: 150px; margin: 0px; padding: 0px; margin-right: 11px; } .galeria .container ul li div{height:150px;width:105px;overflow:hidden;float:left;margin-right:5px;} .galeria .container ul li div img{height:150px;} .galeria .mover-izda{ position: absolute; top:8px; right:34px;} .galeria .mover-dcha{ position: absolute; top:8px; right:15px;} /* Easy Slider */ #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:450px; height:150px; overflow:hidden; } #slider li div{width:105px;height:150px;overflow:hidden;} span#prevBtn{} span#nextBtn{} .galeria #prevImages{ position: absolute; top:8px; right:54px;background:url('images/f-izd.png') left no-repeat;padding-right:5px;height:18px;width:9px;} .galeria #nextImages a, .galeria #prevImages a{ display:block;width:100%;height:100%;} .galeria #prevImages a:hover, .galeria #prevImages a:visited, .galeria #nextImages a:hover, .galeria #nextImages a:visited{text-decoration:none;} .galeria #nextImages{ position: absolute; top:8px; right:35px;background:url('images/f-der.png') left no-repeat;padding-right:5px;height:18px;width:9px;} /* // Easy Slider */ .player-feb{ width: 465px; height: 207px; position: relative; float: right; background: url(images/player-feb.png) top left no-repeat;} .player-feb .titulo{ position: absolute; top:90px; left: 14px; width: 180px;} .player-feb .video { position: absolute; top:14px; right: 14px; width: 250px; height: 180px; background-color: #000;} /* // Menu horizontal */ .dropdown-upward { margin-top: 400px !important; } ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown { font-weight: bold; } ul.dropdown li { padding: 7px 13px; border-style: solid; border-width: 0px 1px 0px 0; border-color: #fff #d9d9d9 #d9d9d9; color: #FFF; } ul.dropdown li:last-child { /*border-width: 0px;*/ } ul.dropdown li.hover, ul.dropdown li:hover { background-color: #C30000; color: #FFF; } ul.dropdown a:link, ul.dropdown a:visited { color: #FFF; text-decoration: none; } ul.dropdown a:hover { color: #FFF; } ul.dropdown a:active { color: #ffa500; } /* -- level mark -- */ ul.dropdown ul { width: auto; margin-top: 0px; padding: 10px 0px; background-color: #C30000; border-width: 0px; z-index:700; } ul.dropdown ul li { font-weight: normal; font-size: 12px; font-style: normal; background-color: #C30000; border-width: 0px; padding: 4px 10px; width:100%; } ul.dropdown ul li a, ul.dropdown ul li a:link, ul.dropdown ul li a:visited { text-decoration: none; white-space:nowrap;} ul.dropdown ul li a:hover { text-decoration:underline;} /*-------------------------------------------------/ * @section Support Class `dir` * @level sep ul, .class */ /* -- Components override -- */ ul.dropdown-horizontal ul *.dir { /*padding-right: 15px;*/ } /* carrusel */ ul.ppt { position: relative; } .ppt li { list-style-type: none; position: absolute; top: 0; left: 0; width:auto; height:auto; } .ppt img { background-color: #fff; text-align:center; /*width:180px; height:135px;*/ width:auto; height:auto; } .ppt span{width:100%; text-align:center; display:block;} /* SPONSORS HOME*/ .sponsors{ background:#FFF url(images/sponsors-bg.png) top center no-repeat; height: 243px; float: left; width: 100%; text-align: center;} .sponsors ul{ margin: 60px 30px 0px 20px; text-align: center;} /*.sponsors ul .logotipo{ width: 100%; height: 135px; float:left; margin-bottom: 15px; overflow: hidden; vertical-align: middle;}*/ /*.sponsors .data .tipo-sp{ text-align: center; color:#464646;}*/ /*WORDCLOUD*/ .nube-tags{margin:0px; padding:0px; background-color:#FFFFFF; width:100%; float:right;padding:5px;} /*.nube-tags h4{color:#000;font-size:2.1em;text-align:center;}*/ .nube-tags span.tit{color: #EF0619;width:100%;clear:both;font-family:Arial;font-size:16px;font-weight: bold;font-style: italic;} .nube-tags .caja-tags{margin-top:5px;padding-top:10px;border-top:1px solid #CBCBCB;} .cont_nube{margin:0px; padding:20px; border:1px solid #A7A7A7; } .nube-tags a, .nube-tags a:link, .nube-tags a:visited{color:#000000; text-decoration:none; white-space: nowrap;} .nube-tags a:hover{color:#000000; text-decoration:underline; white-space: nowrap;} .word{float:left;} .size1{padding:3px; font-size:0.9em; color:#000000;} .size2{padding:3px; font-size:1.0em; color:#000000;} .size3{padding:3px; font-size:1.2em; color:#000000;} .size4{padding:3px; font-size:1.3em; color:#000000;} .size5{padding:3px; font-size:1.4em; color:#000000;} .size6{padding:3px; font-size:1.5em; color:#000000;} .size7{padding:3px; font-size:1.6em; color:#000000;} .size8{padding:3px; font-size:1.7em; color:#000000;} .size9{padding:3px; font-size:1.8em; color:#000000;} .size10{padding:3px; font-size:2.0em; color:#000000;} /**/ /** VIDEOS **/ .videoteca{ width: 100%; clear:left; } .videoteca .buscador{ padding: 10px; margin: 20px;) top left repeat-x; color: #000; font-size: 2em;} .videoteca .buscador .resultado{color:#8F8F8F;font-size:0.9em;} .videoteca .listado-videos{ margin: 20px 10px; } .videoteca .listado-videos .tira{ margin-left: -20px; width: 1000px; overflow: hidden; clear: left; margin-bottom: 20px;} .videoteca .listado-videos .bloque-video{ width: 215px; margin-left: 20px; background-color: blue; float: left; background-color: #FFF;}