* {
    margin: 0;
    padding: 0;
}

html {
    background: #eaeaea url(bg/public/html_bg.jpg) repeat-y top center;
}

body {
    background: transparent;
    font-family: Verdana, Garamond, "trebuchet ms", verdana; /***** helvetica? *****/
    background: transparent url(bg/public/body_bg.jpg) no-repeat top center;
}

a img {
    outline: 0;
    border: 0;
}

a.ir {
    background: transparent url(bg/public/external_link_orange.jpg) no-repeat scroll right center;
    padding-right: 20px;
    font-weight: normal;
	margin-left: 5px;
}

.container {
}

#header {
    /*background: transparent url(bg/public/header_bg.png) repeat-x 0 0;*/
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
}

#header #pagetitle {
	text-decoration: none;
	color: white;
}

#header a {
    font-weight: bold;
}

#header #language_selector {
    height: 33px;
}

#header #head_carousel {
    height: 90px;
    height: 75px;
}

#header #second_menu {
    height: 24px;
    color: #ccc;
    font-weight: 600;
    color: #fff;
}

#header #second_menu a {
    font-size: 1em;
    line-height: 24px;
    text-decoration: none;
    color: white;
}

#header #second_menu ul li.selected, #header #second_menu ul li:hover {
    color: #333;
}

#wrapper {
}

#content {
    position: relative;
    background: #d2d2d2;
    background: #fff;
    background: transparent;
}

#columnadcha {
}

#footer {
    text-align: center;
    background: #ccc url(bg/public/footer_bg.jpg) no-repeat bottom center;
	background: #aaa;
}

/******************** titulos **********************/
h1 {
    /*background: transparent url(bg/public/h1_bg.jpg) no-repeat top right;*/
    /*boreder 69bc43 */
    color: #888;
    font-size: 2em;
}

h1.h1_header {
    background: none;
    display: block;
    margin: 30px 0 0 120px;
    color: #ffffff;
    font-size: 2.5em;
    font-family: sans-serif;
    text-transform: uppercase;
}

h1.h1_header span {
    font-weight: 600;
}

h3 {
    text-align: left;
    color: #555;
}

.boxed h3 {
    line-height: 31px;
    color: #fff;
    margin-left: 5px;
    text-align: left;
}

h3.headderBox {
    position: relative;
    background: url("bg/public/prueba_bn.gif") no-repeat top left;
    line-height: 40px;
    color: #333;
    font-weight: 600;
    font-variant: small-caps;
    margin-left: 5px;
    text-align: left;
}

h3.headedrBox span {
    display: block;
    float: right;
    height: 40px;
    width: 40px;
    background: url("bg/public/prueba_bn.gif") no-repeat right -40px;
}

/******************* elements default ********************/
p { /* añadimos un margen a los p para que no se queden pegados al lateral del grid */
    margin-right: 10px;
    margin-left: 10px;
}

p img.left {
    margin: 0.5em 1.5em 1.5em 0;
}

p img.right {
    margin: 0.5em 0 1.5em 1.5em;
}

table {
}

th {
}

th a {
    background: #58F577;
    color: #dddddd;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}

th a:hover {
    background: #58F577;
    color: #333;
    text-decoration: none;
}

table tr td {
    text-align: center;
    vertical-align: middle;
    /*color: #555;*/
}

table tr.altrow td {
    background: #ccffdd;
}

a {
    /*background:#fff;*/
    color: #146c31;
    text-decoration: underline;
    /*font-weight: bold;*/
    outline: none;
}

a:hover {
    /*background:#fff;*/
    color: #003d4c;
    color: #14bd4c;
    text-decoration: none;
}

.marco {
    padding: 5px !important;
    background: #d9ecd9;
    border: 1px solid #00c13a;
}

/************** cajas bloques web  ***************/
div.boxed {
    /*background: transparent url(bg/public/boxed-middle.jpg) repeat-y left top;*/
    background: red;
    background: #d8f1ca url(bg/public/escudo_boxed.png) no-repeat right bottom;
}

div.boxed div.top {
    position: relative;
    padding-top: 6px;
    width: 100%;
    background: url("bg/public/boxed2.jpg") repeat-x left -39px;
}

div.boxed div.top span {
    background: url("bg/public/boxed2.jpg") no-repeat -10px top;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 31px;
}

div.boxed div div.bottom {
    position: relative;
    height: 7px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    background: transparent url(bg/public/boxed2.jpg) no-repeat left -31px;
}

div.boxed div.bottom span {
    background: url("bg/public/boxed2.jpg") no-repeat left -23px;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 7px;
}

/*
 .cajaContenedora {
 background: url("bg/public/h3dCaja.gif") no-repeat top left;
 }
 
 h3.hdcaja {
 background: url("bg/public/h3dCaja.gif") no-repeat right -31px;
 line-height: 31px;
 */
div.caja {
    margin-bottom: 5px;
    /*width: 100%;*/
    background: transparent url(bg/public/caja_middle_bg.jpg) repeat-y top center;
}

div.caja div.top {
    padding-top: 6px;
    width: 100%;
    background: transparent url(bg/public/caja_top_bg.jpg) no-repeat top center;
}

div.caja div div.bottom {
    height: 6px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    background: transparent url(bg/public/caja_bottom_bg.jpg) no-repeat top center;
}

/*
 div.caja230 {
 width: 210px;
 padding: 6px 10px 0 10px;
 background: transparent url(bg/public/caja_230_middle_bg.jpg) repeat-y top center;
 text-align: center;
 }
 div.caja230 div.top{
 background: transparent url(bg/public/caja_230_top_bg.gif) no-repeat top center;
 }
 div.caja230 div div.bottom{
 background: transparent url(bg/public/caja_230_bottom_bg.gif) no-repeat top center;
 }
 
 div.caja710 {
 width: 690px;
 padding: 0 10px;
 margin: 10px auto;
 background: transparent url(bg/public/caja_710_middle_bg.jpg) repeat-y top center;
 }
 div.caja710 div.top{
 background: transparent url(bg/public/caja_710_top_bg.jpg) no-repeat top center;
 }
 div.caja710 div div.bottom{
 background: transparent url(bg/public/caja_710_bottom_bg.jpg) no-repeat top center;
 }
 
 
 */
/*************** paginacion ******************/
.index div.paging {
    width: 70%;
    background: none;
    margin: 20px auto;
    float: none;
    text-align: center;
    border: 0;
    overflow: visible;
}

.index div.paging a {
    margin: 5px;
    height: 18px;
    width: 21px;
    padding: 0 10px;
    border: 1px solid #91ac41;
}

.index div.paging a.paginationright {
    background: transparent url(../img/pagination-right.gif) no-repeat top center;
}

.index div.paging a.paginationleft {
    background: transparent url(../img/pagination-left.gif) no-repeat top center;
}

.index div.paging div.disabled {
    background: #fff;
    color: #fff;
    display: inline;
    margin: 5px;
    border: 0;
}


.index div.paging span {
    margin: 0 5px;
}

.index div.paging span.current {
}

.index div.paging span a {
    text-decoration: none;
    margin: 0;
    border: 1px solid #91ac41;
    padding: 0px 3px;
    background: none;
    color: #444;
}

.index div.paging span.current {
    color: #fff;
    background: #91ac41;
    margin: 0;
    border: 1px solid #444;
    padding: 5px 4px;
}

/************* formatos especiales index ***********/
#agenda {
}

#agenda #fecha {
    background: transparent url(bg/public/fecha_eventos_bg.jpg) no-repeat scroll center top;
    text-align: center;
}

#agenda #fecha p.mes {
    color: white;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    margin: 0;
}

#agenda #fecha p.dia {
    color: #444444;
    font-size: 1.8em;
    font-weight: 600;
    height: 30px;
    line-height: 25px;
    margin: 0;
}

agenda div.evento {
}

agenda div.evento p, div.evento a {
    margin: 0 5px;
    text-align: left;
}

agenda div.evento a.texto {
}

#noticias {
}

#noticias .noticia {
    clear: both;
}

#noticias div div.titulo {
}

#noticias div div span.fecha {
}

#noticias div div a.titulo, #noticias div p.titulo {
}

#noticias div img {
    margin-top: 10px;
}

/*************** formato base ver ******************/
.ver {
}

.ver div.paging {
    width: 70%;
    background: none;
    margin: 20px auto;
    float: none;
    text-align: center;
    border: 0;
    overflow: visible;
    font-size: 1.2em;
}

.ver div.paging a {
    margin: 5px;
    height: 18px;
    width: 21px;
    padding: 0 10px;
    border: 1px solid #91ac41;
}

.ver div.paging a.paginationright {
    background: transparent url(../img/pagination-right.gif) no-repeat top center;
}

.ver div.paging a.paginationleft {
    background: transparent url(../img/pagination-left.gif) no-repeat top center;
}

/************* formatos especiales ver ***********/
#noticiasVer {
}

#tablaVer {
}

#tablaVer div.input {
    width: auto;
}

#tablaVer div.input label {
    clear: both;
    margin: 5px 15px;
}

#tablaVer div.input select {
    clear: both;
    margin: 5px 15px;
}

#tablaVer table {
    /*	font-size: 1.2em;*/
}

#equipoVer {
}

.tecnicos {
}

#equipoVer .jugador, #equipoVer .tecnico {
    text-align: center;
}

#equipoVer .jugador {
    height: 210px;
}

#equipoVer .jugador .title {
    height: 35px;
    text-align: left;
    border-bottom: 5px solid red;
}

#equipoVer .jugador .title p, #equipoVer .tecnico .title p {
    font-weight: 600;
    font-size: 19px;
    margin: 0;
    margin-left: 0px;
    font-size: 1.2em;
}

#equipoVer .tecnico .title p {
    font-size: 1.2em;
    line-height: 1.2em;
}

#equipoVer .jugador .title .numero {
    font-weight: 600;
    font-size: 2em;
    padding-right: 5px;
    color: #444;
    margin: 0;
    background: none; /* estas 4 son para uqe no interfiera el box span */
    position: relative;
    height: auto;
    width: auto;
}

#equipoVer .jugador .foto {
    margin: 0 auto;
    float: none;
    /*width: 150px;*/
}

#equipoVer .jugador .campo_titulo, #equipoVer .tecnico .campo_titulo {
    margin: 2px 0;
    background: no-repeat url(bg/public/jugador_campos_bg.jpg) 0 0;
    color: #888;
}

#equipoVer .jugador .campo_dato, #equipoVer .tecnico .campo_dato {
    margin: 2px 0;
}

#partidoVer {
}

#partidoVer ul.tabs a {
    background: url(bg/public/tabs_90.png) no-repeat -0 0;
    height: 20px;
    line-height: 20px;
    width: 73px;
}

#partidoVer ul.tabs a:hover {
    background-position: 0 -20px;
    color: #fff;
}

#partidoVer ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0 -40px;
}

#partidoVer div.panes {
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #999999 #999999;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding-top: 10px;
}

#jugadorVer {
}

#jugadorVer table.estadisticas {
    background: url(bg/public/tabla_590_bg2.png) no-repeat top left;
    border-bottom: 1px solid #ccc;
}

#jugadorVer table.estadisticas th {
    height: 26px;
    color: #6f6f6f;
    text-align: center;
    width: 85px;
}

#jugadorVer table.estadisticas td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#jugadorVer .campo_titulo {
    margin-bottom: 2px;
    background: no-repeat url(bg/public/jugador_campos_bg.jpg) 0 0;
    color: #888;
}

#jugadorVer .campo_dato {
}
#jugadorVer .nombreCompleto {
	text-transform: uppercase;
}
/*************** formato base tabla ******************/
div.tabla {
    width: 98%;
}

/*************** formato base partidos ******************/
div.emparejamientos {
    width: 98%;
}

div.emparejamientos ol {
    margin: 0.5em auto;
    width: 95%;
}

div.emparejamientos ol li {
    width: 36px;
}

div.emparejamientos ol li.current a {
    background: #46c35f;
}

div.emparejamientos ol li a {
    background-color: #e5ffc2;
}

/*************** formato base error ******************/
.error {
    width: 100%;
    height: 500px;
    background: transparent url(bg/escudo_fondo_admin.png) no-repeat center center;
}

.error h1 {
    color: #555;
    text-align: center;
    margin-top: 20px;
}

.error h2 {
    color: #555;
    text-align: center;
    margin-top: 80px;
}

/************** pagina de inicio *******************/
#lastnew a.titulo {
    font-size: 1.3em;
    letter-spacing: 0.2ex;
}

#lastnew img {
    width: 270px;
}

#othernews p, #lastnew p {
    margin-left: 0;
    margin-right: 0;
}

/** news torator **/
#news-rotator {
    padding-top: 2em;
    background: transparent url(bg/public/news_rotator_bg4.jpg) no-repeat top left;
}

#news-rotator .main_image {
    height: 300px;
    width: 460px;
    float: left;
    /*background: #333;*/
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

#news-rotator .main_image img {
    margin-right: 10px;
}

#news-rotator .main_image h4 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 5px;
    color: white;
	text-transform: uppercase;
}

#news-rotator .main_image p {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
}

#news-rotator .block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    background: url(icon_calendar.gif) no-repeat 0 center;
}

#news-rotator .main_image .block small {
    font-style: italic;
}

#news-rotator .main_image .desc {
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

#news-rotator .main_image .block {
    /*margin-left: 10px;*/
    padding: 0.5em 1em;
    background: #111;
    border-top: 1px solid #000;
}

#news-rotator .main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}

#news-rotator .main_image a.show {
    background-position: left bottom;
}

#news-rotator .image_thumb {
}

#news-rotator .image_thumb img {
    border: 1px solid #ccc;
    margin-top: 4px;
    margin-left: 2px;
    padding: 3px;
    background: #eee;
    float: left;
    height: 70px;
}

#news-rotator .image_thumb small {
    font-weight: 400;
}

#news-rotator .image_thumb li.active small {
    color: #fff;
}

#news-rotator .image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 300px;
}

#news-rotator .image_thumb ul li {
    margin: 0;
    margin-left: 10px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    text-align: center;
}

#news-rotator .image_thumb ul li.hover { /*--Hover State--*/
    background: #7cce52;
    cursor: pointer;
    opacity: 0.75;
}

#news-rotator .image_thumb ul li.active { /*--Active State--*/
    background: #111;
    opacity: 0.75;
    cursor: default;
}

#news-rotator .image_thumb ul li h4 {
    margin: 5px 0;
    padding: 0;
    color: white;
    font-size: 1.1em;
	/*
	text-transform: uppercase;*/
	font-variant: small-caps;
}

#news-rotator .image_thumb ul li.active h4 {
    color: #fff;
}

#news-rotator .image_thumb ul li .block {
    float: left;
    padding: 0;
    text-align: left;
}

#news-rotator .image_thumb ul li p {
    display: none;
}
 /*--Hide the description on the list items--*/
/* info */
#info {
}

#info_tabs ul.tabs a {
    background: url(bg/public/tabs_104.png) no-repeat -0 0;
    height: 20px;
    line-height: 20px;
    width: 73px;
    width: 103px;
    width: 77px;
}

#info_tabs ul.tabs a:hover {
    background-position: 0 -20px;
    color: #fff;
}

#info_tabs ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0 -40px;
    /*width: 104px;*/
}

#info_tabs div.panes table th {
    border-bottom: 1px solid #ccc;
    background: url(bg/public/white20.png) repeat top left;
}

#info_tabs div.panes table td {
    border-top: none;
}

#othernews {
}

#othernews a {
   
    /*text-transform: lowercase;*/
    font-weight: normal;
	margin-left: 5px;
}

#othernews strong {
    font-size: 0.8em;
}

/************** element emparejamiento ***************/
div.listaEmparejamientos {
    width: 627px;
    margin: 5px auto;
}

.listaEmparejamientos ul {
    margin-left: -1%;
    padding: 0;
    list-style: none;
}

.listaEmparejamientos ul li {
    width: 627px;
    /*width: 880px;
     height: 330px;
     position: relative;*/
    margin: 0;
}

/* numeric controls */
ol {
    margin: 0.5em 0;
    padding: 0;
    /*height:28px;*/
}

ol li {
    margin: 2px 2px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}

ol li a {
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #D8F1CA;
    color: #555;
    padding: 0 8px;
    text-decoration: none;
    text-align: center;
    width: 18px;
    width: 22px;
}

ol li.current a {
    background: #46c35f;
    color: #fff;
    font-weight: bold;
}

ol li a:focus, #prevBtn a:focus, #nextBtn a:focus {
    outline: none;
}

table.emparejamientos {
    width: 80%;
    margin: 10px auto;
    border: none;
}

table.emparejamientos th {
    /*
     border-bottom: 2px solid #8ed227;
     background-color: #4f8f1e;
     background: #aab788;
     color: #fff;
     vertical-align: middle;
     
     line-height: 30px;
     text-transform: uppercase;*/
    border-bottom: 2px solid #CCCCCC;
    text-align: center;
}

table.emparejamientos tr {
}

table.emparejamientos tr td {
    /*height: 40px;*/
    background-color: transparent;
    border: none;
}

table.emparejamientos tr td.marcador {
    width: 24px;
    width: 10%;
}

table.emparejamientos tr td.local, table.emparejamientos tr td.visitante {
    width: 200px;
    width: 45%;
    /*line-height: 40px;*/
}

/************** element clasificacion ***************/
table.tablaClasificacion {
    width: 90%;
    margin: 0 auto;
    border: none;
}

table.tablaClasificacion th {
    border-bottom: 2px solid #CCCCCC;
    text-align: center;
}

table.tablaClasificacion th.numbertd {
    /*width: 1.5em;*/
}

table.tablaClasificacion th.escudo {
    border-right: none;
    width: 32px;
}

table.tablaClasificacion th.nombre {
    border-left: none;
}

table.tablaClasificacion tr {
}

table.tablaClasificacion tr td {
    background-color: transparent;
    line-height: 36px;
    padding: 0;
}

table.tablaClasificacion tr td.escudo {
    width: 24px;
    border: none;
    text-align: center;
}

table.tablaClasificacion tr td.escudo img {
    margin: 0 auto;
    float: none;
}

table.tablaClasificacion tr td.marcador {
}

table.tablaClasificacion tr td.local {
    width: 200px;
    line-height: 40px;
}

/************** element miniclasificacion ***************/
table.miniTablaClasificacion {
    margin-top: 5px;
}

table.miniTablaClasificacion td {
    background: #eee;
    background: url(bg/public/white20.png) repeat top left;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

/************** element agenda ***************/
#shortAgenda {
}

#shortAgenda #fecha {
    background: transparent url(bg/public/fecha_eventos_small_bg.jpg) no-repeat scroll center top;
    text-align: center;
}

#shortAgenda #fecha p.mes {
    color: white;
    font-weight: 600;
    font-size: 0.8em;
    height: 11px;
    line-height: 12px;
    margin: 0;
}

#shortAgenda #fecha p.dia {
    color: #444444;
    font-size: 1.2em;
    font-weight: 600;
    height: 19px;
    line-height: 17px;
    margin: 0;
}

#shortAgenda div.evento {
}

#shortAgenda div.evento p, div.evento a {
    margin: 0;
    text-align: left;
  /*  text-transform: lowercase;*/
}

/************** element ads ***************/
#ads {
    text-align: center;
}

#ads .ad {
    margin-bottom: 10px;
}

#ads .ad img {
    background: white;
}

.noCaja img {
    margin: 3px 8px;
}

/************** element ads_footer ***************/
#ads_footer {
    text-align: center;
	background: white;
}

#ads_footer {
    margin-bottom: 10px;
}

#ads_footer img {
    background: white;
	opacity: .50;
	margin: 3px;
}
#ads_footer img:hover {
    background: white;
	opacity: 1;
}

/************** element links ***************/
#links {
}

div.link {
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    background: transparent url(bg/public_thirdcolumitem_middle_bg.jpg) repeat-y top center;
}

div.link div.top {
    padding-top: 6px;
    /*height:16px;*/
    width: 100%;
    background: transparent url(bg/public_thirdcolumitem_top_bg.jpg) no-repeat top center;
}

div.link div div.bottom {
    height: 6px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    background: transparent url(bg/public_thirdcolumitem_bottom_bg.jpg) no-repeat top center;
}

div.link div a span {
    line-height: 1em;
    position: absolute;
    text-align: center;
    width: 80%;
    font-size: 1.4em;
}

div.link div a span.transpa_link {
    padding: 2px 0;
    filter: alpha( opacity = 60);

opacity:
    .60;

background:
    green;

color:
    #f00;

bottom:
    0.6em;

left:
    10%;
}

div.link div a span.transpa_text {
    color: #fff;
    bottom: 0.7em;
    left: 11%;
}

/************** element textsize ***************/
#textsize {
    display: none;
}