body{background: #ececec; text-align: center; font-family: arial, tahoma, verdana, sans-serif; color: #000;}
p, pre, address, li, dt, dd, th, td, caption, legend{font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em;}
address, dl, ul, ol, table{ margin-bottom: 1.2em; }
address{ font-style: normal; }
li, dt{ margin-bottom: 0; }
blockquote{font-style: italic;}
input, select, textarea{font-family: arial, verdana, sans-serif; color: #000;}
pre, code, samp, tt, kbd{font-family: courier, "Courier New", Courier, monospace; color: #000;}

a{ color: #df0024; font-weight: bold;}
a:hover{ background: #df0024; color: #fff; }


/*----------------------------------
REUTILIZABLES
----------------------------------*/
/* alineacion / flotado */
.f_left{float: left;}
.f_right{float: right;}
.a_left{text-align: left;}
.a_right{text-align: right;}
.a_center{text-align: center;}

/*----------------------------------
ENCABEZADOS
----------------------------------*/
h2{ font-size: 2em; font-weight: bold; color: #df0024; margin-bottom: .85em;}
h2 span{ color: #c7c7c7; padding-left: .9em; background: url(../img/ptoGrisXL.gif) 0 50% no-repeat; }
h3{ font-size: 1.6em; font-weight: bold; color: #b4001d; margin-bottom: .75em; margin-top: 2em; }
h4{ font-size: 1.4em; font-weight: bold; margin-top: 1em; margin-bottom: .5em;}
h5{ font-size: 1.1em; }

/*----------------------------------
ESTRUCTURA
----------------------------------*/
#contenedor-exterior{  }
#contenedor{  }
#cuerpo{ background: #fff url(../img/bgCuerpo.jpg) 0 0 repeat-x; }
#cuerpo .deco{ padding: 6.1em 0 6.2em; background: url(../img/bgCuerpoCentro.jpg) center 0 no-repeat; }

/*----------------------------------
BANNER SUPERIOR
----------------------------------*/
#promo-superior{ text-align: center; background: #fff; }
#promo-superior .interior{ padding: 4.3em 0 0; }
#promo-superior object, #promo-superior img{ /*width: 72.7em; height: 9em; */margin: 0 auto; }
#promo-superior a:hover{ background: none; }

/*----------------------------------
CABECERA
----------------------------------*/
#cabecera{ background: #fff; }
#cabecera .logo{ font-size: 1em; float: left;}
#cabecera .logo img{ display: block; width: 24.7em; height: 4.2em; }
#cabecera .logo a{ display: block; }
#cabecera .interior{ width: 91em; padding: 5.8em 2em 0; margin: 0 auto; text-align: left; }

/*----------------------------------
MENU PPAL
----------------------------------*/
#menu-ppal{  }
#menu-ppal ul{ float: right; margin-bottom: 0; }
#menu-ppal li{ float: left; margin-left: .6666em; display: inline;}
#menu-ppal li a{ color: #fff; text-decoration: none; background: #000 url(../img/bgRightBtnNegro.gif) top right no-repeat; text-transform: lowercase; line-height: 2.25em; display: block; }
#menu-ppal li.icon a{ line-height: normal; padding-top: 1px;}
#menu-ppal li.icon a, #menu-ppal li.icon a:hover{background: none;}
#menu-ppal li.activo a,
#menu-ppal li a:hover{ background: #df0024 url(../img/bgRightBtnRojo.gif) top right no-repeat; }
#menu-ppal li a span{ padding: 0 .9166em; background: url(../img/bgLeftBtnNegro.gif) 0 0 no-repeat; display: block;}
#menu-ppal li.activo a span,
#menu-ppal li a:hover span{ background: url(../img/bgLeftBtnRojo.gif) 0 0 no-repeat; }
#menu-ppal li.activo a:hover{ cursor: default; }

/*----------------------------------
CUERPO
----------------------------------*/
#cuerpo .interior{ width: 96em; margin: 0 auto; text-align: left; padding-top: .1em;}
#cuerpo .interior .fila{ padding: 0 2em; margin-bottom: 2.3em;}
#cuerpo .mitad{ width: 43em; background: #f8f8f8; border: .1em solid #d8d8d8; padding: .9em;}
#cuerpo .mitad .contenido{ /*min-height: 19.7em; */  height: 24.3em; overflow: hidden; position: relative; background: #fff url(../img/ajax-loader.gif) center no-repeat;}
html>/**/body #cuerpo .mitad .contenido{ height: 24.4em; }
/*html>body #cuerpo .mitad .contenido{ height: auto; } */
#cuerpo .mitad .item{ margin-bottom: 8em; position: relative; background: #fff; min-height: 20em; height: auto !important; height: 20em;}
#cuerpo .mitad .item ul.relacionados li{ position: relative; }
#cuerpo .mitad .item img{ position: absolute; top: 50%; left: 50%; }

#cuerpo .completa { background: #f8f8f8; border: .1em solid #d8d8d8; padding: .9em; }
#cuerpo .contenido{ background: #fff; border: .1em solid #ececec; padding: 1em;}
#cuerpo .completa .contenido{ padding: 3.7em 11.9em;  min-height: 30em; height: 30em; }
html>body #cuerpo .completa .contenido{ height: auto; }

#cuerpo .completa .enlaces ul,
#cuerpo .completa .enlaces p{ float: right; }
#cuerpo .completa .enlaces li{ float: left; margin-left: 1em; }

#cuerpo .completa .imagen{ padding: .3em; background: #cfcfcf; margin: 0 1.4em 0 0; display: inline; }
#cuerpo .completa .f_right{ margin-right: 0; margin-left: 1.4em; }
#cuerpo .completa .imagen img{ border: .1em solid #fff; display: block; }
/*
#cuerpo .completa p{ clear: both; }
#cuerpo .completa .intro p{ clear: none; }
*/
.noticias-artista{ float: left; clear: both; width: 66em; padding-top: 1.5em; }
.noticias-artista h3{ margin-top: 0; }
.noticias-artista ul.bullet{ width: 64.3em; }
.enlaces{ float: right; }

/*----------------------------------
PIE
----------------------------------*/
#pie{ background: #ececec url(../img/bgPie.gif) 0 0 repeat-x; }
#pie .interior{ width: 92em; padding: 1em 2em 2em; margin: 0 auto; text-align: left;}
#pie p, #pie li a{ color: #939393; font-weight: normal;}
#pie li a strong{ color: #6f6f6f; }
#pie li a:hover{ background: none; color: #545454; }
#pie p, #pie ul, #pie li{ float: left; }

#pie ul{ padding-left: 1em; }
#pie li{ padding-right: .5em; margin-right: .4166em; background: url(../img/sepLiPie.gif) 100% 65% no-repeat; }
#pie li:last-child, #pie li.ultimo{ padding-right: 0; margin-right: 0; background: none; }

#pie p.f_right{ float: right; }
#pie p.f_right a{ font-weight: bold; text-decoration: none; }



/*----------------------------------
CONTACTO
----------------------------------*/
.contacto{ width: 50.2em; margin: 0 auto; background: url(../img/bgMiddleCajaContacto.gif) 0 0 repeat-y; text-align: left;}
.contacto .top{ background: url(../img/bgTopCajaContacto.gif) 0 0 no-repeat; padding-top: 1em; }
.contacto .bottom{ background: url(../img/bgBottomCajaContacto.gif) bottom left no-repeat; padding-bottom: 1em;  }
.contacto .mitad_izda{ width: 24.7em; padding: 0 .9em 0 .7em; background: url(../img/bgMitadLeftContacto.gif) right 0 no-repeat; float: left; min-height: 9.8em; height: 9.8em;}
html>body .contacto .mitad_izda{ height: auto; }
.contacto .mitad_dcha{ float: left; width: 22em; padding-left: .7em; }
.contacto a{ font-weight: normal; }

.contacto ul{ padding-top: .6em; margin-bottom: 0; }
.contacto li{ font-size: 1.2em; padding-left: 2.2142em; padding-bottom: .2142em; margin-bottom: .4285em;}
.contacto li.nombre{ background: url(../img/icoUsuario.gif) 1px 0 no-repeat; }
.contacto li.email{ background: url(../img/icoEmail.gif) 0 0 no-repeat; }
.contacto li.tfno{ background: url(../img/icoTfno.gif) 0 0 no-repeat; }

.acceso{ width: 42em; height: 23.1em; background: url(../img/bgCajaAcceso.gif) 0 0 no-repeat; margin: 0 auto; text-align: left; padding: 2.1em; }
.acceso input.texto{ border: 1px solid #d0d0d0; padding: 8px 39px 9px; background: #fff url(../img/bgInputAcceso.gif) 1px 1px no-repeat; width: 302px;  -moz-box-sizing: content-box; font-size: 25px; color: #a9a9a9; letter-spacing: 4px; margin-top: 24px; margin-bottom: 13px;}


/*----------------------------------
TABLA NOTICIAS
----------------------------------*/
table.noticias{ width: 100%; margin-bottom: 3.1em;}
table.noticias td, table.noticias th{ padding: 9px 7px 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: top; }
table.noticias thead th{ font-size: 1.6em; font-weight: bold; color: #b4001d; border-top: 1px solid #c6c6c6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #d7d7d7 url(../img/bgThTheadNoticias.gif) bottom left repeat-x; line-height: 1;}
table.noticias thead th.ultima{ border-right: 0; }
table.noticias tbody td,
table.noticias tbody th{ background: #fcfcfc;  padding-bottom: 9px; padding-top: 6px;}
table.noticias tbody tr.odd td, table.noticias tbody tr.odd th{ background: #f2f2f2; }
table.noticias tbody th{ font-size: 1.4em; font-weight: bold; }
table.noticias tbody a{ font-weight: normal; }
table.noticias tbody tr.ultima td,
table.noticias tbody tr.ultima th{ border-bottom-color: #c6c6c6; }
table.noticias tbody tr:hover td,
table.noticias tbody tr:hover th{ background: #fefee3; }


/*----------------------------------
GALERIA HOME
----------------------------------*/
#cuerpo .interior #galeria{ padding: 0 1em; }
#galeria .sombra{ padding: 0 1em; background: url(../img/bgSombraGaleria.gif) 0 0 no-repeat; }
#galeria .borde{ padding: 0; border: .1em solid #d8d8d8; background: #ececec url(../img/bgBordeGaleria.jpg) 0 0 repeat-x; }
#galeria .interior{ padding: 1em; background: url(../img/bgInteriorGaleria.gif) bottom left repeat-x; width: auto; }
#galeria ul{ margin-bottom: 0; }
#galeria li{ font-size: 1em; float: left; padding: .5em .5em 1.6em; background: url(../img/bgSombraLiGaleria.gif) 0 0 no-repeat;  display: inline; cursor: pointer;}

#galeria li.fila-inferior{ padding-bottom: 0; }
#galeria li.ultimo{ margin-right: 0; }
#galeria li img{ display: block; width: 16.3em; height: 10.5em; border: .3em solid #fff; margin-bottom: .3em;}
#galeria li a{ text-decoration: none; color: #000; display: block; }
#galeria li a:hover img{ border-color: #fff; }
#galeria li a:hover{ background: none; }
#galeria li.activo a, #galeria li a:hover span{ color: #df0024; }
#galeria li span.bn{ display: inline-block; height: 100%; cursor: pointer;  }
#galeria li span span{ font-size: 1.2em; }


/*----------------------------------
LISTADOS
----------------------------------*/
ul.relacionados{ padding-top: .2em; }
.relacionados li, p.relacionados{ padding-left: 1em; background: url(../img/bullet.gif) 0 .5em no-repeat; }
ul.descargas{ padding-left: 1.4em; }
.descargas li, p.descargas{ padding-left: 1.3333em; background: url(../img/icoDescarga.gif) 0 .2em no-repeat; margin-bottom: .3333em; color: #565656;}
.descargas a{ font-weight: normal; }
ul.bullet{ padding-left: 1.7em; }
.bullet li, p.bullet{ padding-left: 1em; background: url(../img/bulletPto.gif) 0 .5em no-repeat; }



/*----------------------------------
Listado noticias en artistas
----------------------------------*/
.bullet li:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;  }
.bullet li{ width: 52.5833em;}
.bullet li, p.bullet{ padding-left: 1em; background: url(bulletPto.gif) 0 .5em no-repeat; }
.bullet li .fecha{ display: block; float: left; padding-right: .5em; }
.bullet li .link{ display: block; float: left; width: 46.25em;}


/*----------------------------------
Errores en el form de profesionales
----------------------------------*/
.error{ color: #DA3023; margin-left: -.8333em; padding: .8333em; background: #ffe8e8; border: 1px solid #da3023; width:420px; padding-left:21px; margin-left: auto; margin-right: auto;margin-bottom:20px}
.error p {margin-bottom: 0}

/*----------------------------------
ADSENSE
----------------------------------*/
.ad728x90{text-align: center; margin: 0 auto;}