/*
    Theme Name: Última Experiencia
    Version: 1.0
    Author: COOL Z
    Author URI: http://www.cool-z.com
*/

body{text-align: center; font-family: arial, sans-serif; color: #787978; background-color: #000; font-size: .687em;}
p, pre, address, li, dt, dd, th, td, caption, legend{ margin-bottom: .9090em;;}
address, dl, ul, ol, table{ margin-bottom: .9090em;; }
li, dt, li ul, li ol{ margin-bottom: 0; }
p{line-height: 1.3636; margin-bottom: .9090em;}
blockquote, q{font-style: italic;}
input, select, textarea{font-family: arial, helvetica, sans-serif; }
pre, code, samp, tt, kbd{font-family: courier, "Courier New", Courier, monospace; color: #333;}
abbr, acronym{border: none;}
a{ color: #f9d900; }
a:hover, a:focus{ background: #f9d900; color: #000;}




/* ---------------------------
  REUTILIZABLES
  ---------------------------- */
.left{float: left;}
.right{float: right;}
/* clases wordpress */
.aligncenter, .alignleft, .alignright{}
.wp-caption-text{text-align: center; margin-bottom: 0; padding-top: 5px;}
.aligncenter img, .alignleft img, .alignright img{padding: 6px; background: #000; /* display: block; */ margin: 0 auto;}
.aligncenter{display: block; margin: 0 auto 15px;}
.alignleft{float: left; margin: 0 10px 0 0;}
.alignright{float: right; margin: 0 0 0 10px;}
p img.alignleft, p img.alignright{padding-top: 4px;}

.bullet li{padding-left: 8px; background: url(img/bullet.gif) 0 4px no-repeat; margin-bottom: 5px;}
.text, .textarea{border: 1px solid #cfd0cb; padding: 1px 5px 0 5px; }
.textarea{height: 52px;}




/* ---------------------------
  ENCABEZADOS
  ---------------------------- */
h1#logo{margin-bottom: 5px;}
h1#logo a:hover, h1#logo a:focus{background: none;}

h2, h3, h4, h5, h6{color: #f9d900;}
h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none; font-weight: normal; color: #f9d900;}
h2{font-size: 1.9230em;}
h3{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
h3 a{font-weight: bold;}
h4{font-size: 11px; font-weight: bold; margin-bottom: 15px;}
h5{font-size: 1.1538em; margin-bottom: .8em; font-weight: bold;}
h6{margin-bottom: .9230em; font-weight: bold;}


/* ---------------------------
  ESTRUCTURA
  ---------------------------- */
img#fondo{height: auto; top: 0; left: 0; position: fixed; width: 100%; min-height: 100%; min-width: 1024px;}
* html img#fondo{position: absolute;}
* html #contenedor{height: 100%;}
#ie{background: #000; padding: 10px;}
img#grupo{position: fixed; bottom: 0; left: -5px; z-index: 1000;}
img#guitarra{position: fixed; bottom: 0; left: 0; z-index: 1002;}
#contenedor{width: 820px; margin: 0 auto; text-align: left; position: relative; min-height: 100%; height: auto; z-index: 1001; padding: 10px 0 0; }
#principal, #secundario{width: 400px;}
#principal{margin-left: 10px; margin-bottom: 15px; float: right; display: inline; min-height: 300px; height: 300px;}
html>body #principal{height: auto;}
#secundario{margin-right: 10px; margin-bottom: 15px; float: left; display: inline;}
/* si hemos posicionado el player de forma absoluta damos el padding por arriba */
.js-enabled #secundario{padding-top: 120px;}

#pie{background: #f9d900; text-align: center; margin-bottom: 15px;}
#pie p{line-height: 21px; color: #000; margin-bottom: 0;}
#pie p a{color: #000; margin-left: 30px;}



.transparente{background: rgba(0,0,0, .85);}

/* ---------------------------
  MENU PPAL
  ---------------------------- */
#menu-ppal{padding-bottom: 29px;}
#menu-ppal ul{margin-bottom: 0;}
#menu-ppal li{float: left; width: 204px; margin-right: 2px; margin-top: 3px; margin-bottom: 0;}
#menu-ppal li.ultimo-fila{width: 202px; margin-right: 0;}
#menu-ppal li a{display: block; font-size: 13px; color: #000; text-decoration: none; padding-left: 20px; background: #e3c600 url(img/bulletLinkMenu.gif) 5px 5px no-repeat; line-height: 17px; }
#menu-ppal li a:hover,
#menu-ppal li a:focus{color: #e3c600; background: #000 url(img/bulletLinkMenuHover.gif) 5px 5px no-repeat;}
#menu-ppal li.activo a{color: #e3c600; background: #000 url(img/bulletLinkMenu.gif) 5px -15px no-repeat;}
* html #menu-ppal li a{width: 182px; }

/* ---------------------------
  BLOQUES 
  ---------------------------- */
.bloque{margin-bottom: 12px;}
.bloque .titulo{background: rgba(0,0,0, .85); padding: 4px 18px; float: left; clear: both;}
.bloque .titulo h2{font: normal 24px AachenBTRoman, impact, sans-serif;}
.bloque .transparente{clear: both; padding: 10px 18px;}

    /* player audio 
Lo hemos tenido que mover a la cabecera
    */
.player{padding: 10px 7px; position: absolute; top: 197px; z-index: 1003;}



    /* conciertos home */
.home .conciertos{min-height: 329px; background: #000 url(img/conciertos.jpg) 0 0 no-repeat; text-align: right; padding-right: 25px; position: relative;}
* html .home .conciertos{height: 329px;}
.home .conciertos ul{padding-top: 135px;}
.home .conciertos h3{margin-bottom: 3px;}
.home .conciertos li, .home .conciertos p{color: #f9d900;}
.home .conciertos p{margin-bottom: 3px;}
.home .conciertos li{margin-bottom: 20px;}
.home .conciertos p.a-right{position: absolute; bottom: 10px; right: 25px;}

/*#wrapper div.home{background: url(img/grupo1.png) fixed 381px 100% no-repeat;}*/

.home .bloque{color: #f9d900;}
.home .bloque .fecha{color: #787978;}
.lo-ultimo .item{padding-bottom: 10px;}

.newsletter input.text{float: left; border: 1px solid #cfd0cb; padding: 1px 5px 0 5px; margin-top: 1px; margin-right: 10px;}
.newsletter form{padding-top: 5px; padding-bottom: 10px;}
.newsletter form div{padding-bottom: 4px;}
.newsletter label{font: normal 12px AachenBTRoman, impact, sans-serif;}

.redes .transparente{padding-top: 20px; padding-bottom: 20px;}
.redes ul{margin-bottom: 0;}
.redes li{float: left; margin-left: 25px; margin-bottom: 0;}
.redes li:first-child, .redes li.first-child{margin-left: 0;}
.redes a{color: #dedede; text-decoration: none; line-height: 20px; padding-left: 28px; background-position: 0 0; background-repeat: no-repeat; display: block; }
.redes a:hover,
.redes a:active,
.redes a:focus{background-color: transparent; background-repeat: no-repeat; color: #dedede;}
.redes a.twitter{background-image: url(img/twitter.gif);}
.redes a.facebook{background-image: url(img/facebook.gif);}
.redes a.myspace{background-image: url(img/myspace.gif);}
.redes a.youtube{background-image: url(img/youtube.gif);}

    /* blog y prensa */
.categorias li{margin-bottom: 10px;}
.noticias .titulo{float: none;}
.noticias h3{font-size: 20px;}
.noticias p.tags{color: #f9d900;}
.noticias p.tags .cat{padding-right: 3px;}
.noticias h3.entry-title{margin-bottom: 5px;}
.noticias h3.entry-title a{color: #f9d900; text-decoration: none; font-weight: bold; }
.noticias h3.entry-title a:hover,
.noticias h3.entry-title a:focus,
.noticias h3.entry-title a:active{background: none;}
.noticias .entrada{margin-bottom: 35px;}
.noticias .extracto{margin-bottom: 56px;}
.noticias .extracto p.left{margin-bottom: 0;}
.paginacion{margin-bottom: 0; color: #f9d900;}
.paginacion a{padding-left: 2px; padding-right: 2px;}
#comments{padding-top: 50px;}
#comments li{margin-bottom: 15px;}
#comments li p.info{color: #474747; margin-bottom: 5px;}
#comments li p.info span.author{color: #b9bab8; text-transform: capitalize;}
#respond{padding-top: 50px;}
#respond form{padding-bottom: 20px;}
#respond .doble .campo{float: left; width: 182px;}
#respond .campo{padding-bottom: 16px;}
#respond .campo div{padding-bottom: 6px;}
#respond .campo label{color:#f9d900;}
#respond input.text{width: 149px;}
#respond textarea{width: 332px;}



    /* canciones */
.canciones .canciones .titulo{float: none;}
.canciones .canciones .item{color: #f9d900; margin-bottom: 25px;}
.canciones .canciones .item h3{margin-bottom: 5px;}
.canciones .canciones .info{padding-bottom: 5px;}
.canciones .canciones .info p{margin-bottom: 0;}
.canciones .canciones .letra-cancion{padding-top: 20px;}
.canciones .canciones .letra-cancion .info li{margin-bottom: 5px; font-weight: bold;}

	/* fotos */
.fotos .fotos .titulo{float: none;}
#galerias .album{margin-left: -13px; margin-right: -13px; width: 390px; padding-bottom: 25px;}
#galerias .album h3, #galerias .album .fecha{padding: 0 15px;}
#galerias .album h3 a,
#galerias .album h3 a:active,
#galerias .album h3 a:focus{color:#f9d900; background-color: transparent;}
#galerias .album h3 a:hover{background-color: #f9d900; color: #f9d900;}
.js-enabled #galerias .album h3 a{padding-left: 22px; background: url(img/collapse.gif) 0 2px no-repeat;}
.js-enabled #galerias .album h3.active a{background-position: 0 -28px;}
#galerias .album h3{margin-bottom: 5px;}
#galerias .album .fecha{color: #f9d900;}
#galerias .thumbnails li{display: block; float: left; margin: 0 5px 5px;}
#galerias .thumbnails li.ultimo-fila{margin-right: 0;}
#galerias .thumbnails li a{display: block; border: 6px solid #000;}
#galerias .thumbnails li a:hover{border-color: #f9d900;}
#galerias .thumbnails li a img{display: block;}
#foto-ampliada{padding: 5px; background-color: rgba(0,0,0, .85); position: relative; }
#foto-ampliada img.cargando{position: absolute; top: 120px; left: 185px; width: 32px; height: 32px;}

    /* conciertos */
.conciertos .conciertos .titulo{float: none;}
.conciertos .conciertos .fecha{margin-bottom: 2px;}
.conciertos .conciertos ul{margin-bottom: 40px;}
.conciertos .conciertos li{margin-bottom: 20px;}
.conciertos .conciertos li li,
.conciertos .conciertos li ul{margin-bottom: 0;}
.conciertos .conciertos li h3{margin-bottom: 5px;}
.conciertos .conciertos .info li{float: left; margin: 0 6px 0 0; padding-left: 6px; color: #f9d900; background: url(img/sep.gif) 0 0 no-repeat;}
.conciertos .conciertos .info li.first-child{padding-left: 0; background: none;}

    /* biografia */
.biografia .biografia .titulo{float: none;}
.biografia .biografia p.subtitulo{color: #f9d900;}
.biografia .biografia h3{font-size: 20px; margin-bottom: 5px;}
.biografia .biografia h4{font-size: 16px; margin-bottom: 5px;}
.biografia .biografia .posicion{color: #f9d900;}
.biografia .biografia .item{padding-bottom: 15px;}

    /* videos */
.videos .videos .titulo{float: none;}
.videos .videos .descripcion{color: #f9d900;}
.videos .videos h3{margin-bottom: 20px;}
.videos .videos .video object,
.videos .videos .video img{margin-bottom: 25px;}
.videos .videos .redes{padding-top: 30px;}
.videos .videos .redes p{color: #f9d900;}
.videos .archivo-videos ul{margin-bottom: 0;}
.videos .archivo-videos li{padding-bottom: 15px;}
.videos .archivo-videos li .imagen img{padding: 0; background: none;}
.videos .archivo-videos li .imagen a{border: 1px solid #fff; display: block;}
.videos .archivo-videos li .imagen a:hover{border-color: #f9d900;}
.videos .archivo-videos li .entry-title{margin-bottom: 2px;}
.videos .archivo-videos .transparente{height: 350px; overflow: auto; position: relative; padding-top: 15px;}
.videos #principal .videos .transparente{min-height: 533px; height: 533px;}
html>body .videos #principal .videos .transparente{height: auto;}

    /* contratacion */
.contratacion .contratacion .titulo{float: none;}
.contratacion .contratacion h3{margin-bottom: 5px;}
.contratacion .contratacion .subtitulo{color:#f9d900;}
.contratacion .contratacion h4{margin-bottom: 5px;}