/* colores */
/*  verde: #828f10 */
/*  verde back form: #d8dcb7 */
/*  gris: #666 */

.negro{ color: #000 }

div#cabeceraGobierno{ background: #fff; font-family:Helvetica, Arial, sans-serif; padding: 0; height: 65px; overflow: hidden; margin: 0 0 8px 0 }
    div#cabeceraGobierno div.right{ float: left; height: 15px; background: #ddd; margin-top: 5px; font-size:12px; text-align: right; width: 810px }
            div#cabeceraGobierno div.right ul li{ display: inline; padding: 0 6px }
                div#cabeceraGobierno div.right ul li a{ font-weight: bold; color: #666 }
                
    img.logoGobierno{ margin: 4px 15px }

    div#cabeceraGobierno h3.departamento{ color: #cc0000; margin-top: 3px; font-size: 14px; font-weight: bold }
        div#cabeceraGobierno h3.departamento span{ color: #666; font-size: 16px }

    ul.cambioIdioma{ float: right; margin-top: -11px; font-size: 11px }
        ul.cambioIdioma.left{ float: none; margin: 2px 0 12px -10px; font-size: 11px }
        ul.cambioIdioma li{ display: inline; padding: 0 15px }
            ul.cambioIdioma li a{ color: #666 }
                ul.cambioIdioma li a.negrita{ font-weight: bold; color: #333 }
                
div#pieGobierno{ font-family:Helvetica, Arial, sans-serif; border: 1px solid #d4d4d4; background: #fff; height: 33px; margin: 5px 0; padding-top: 2px }
    a.avanzamos{ margin: 3px 0 0 4px }
        a.avanzamos img{ float: left; margin-left: 3px }
    
ul.otrosEnlaces{ float: right; margin-top: 6px }
    ul.otrosEnlaces li{ display: inline; padding: 0 8px }

/*div.container div.cabeceraGobierno{ margin-left: 0; padding-left: 0 }*/

body.bak1{ background-image: url(../images/backgrounds/bkg_1.jpg) }
body.bak2{ background-image: url(../images/backgrounds/bkg_2.jpg) }
body.bak3{ background-image: url(../images/backgrounds/bkg_9.gif) }
body.bak4{ background-image: url(../images/backgrounds/bkg_4.jpg) }
body.bak5{ background-image: url(../images/backgrounds/bkg_5.gif) }
body.bak6{ background-image: url(../images/backgrounds/bkg_6.gif) }
body.bak7{ background: #f6d3fd url(../images/backgrounds/bkg_7.jpg) repeat-x }
body.bak8{ background-image: url(../images/backgrounds/bkg_8.jpg) }
body.bak9{ background-image: url(../images/backgrounds/bkg_10.gif) }

div.pad-l-15{ padding-left: 15px; margin: 0 }
div.pad-r-15{ padding-right: 15px; margin: 0 }
    div.pad-l-15 div, div.pad-r-15 div{ padding: 0 }
    div.portada div.pad-l-15.pad-r-15{ padding: 0 }
    div.portada div.dstk{ padding-left: 15px }
    

div.container{ font-size: 12px }
    div.container h3 { margin: 1.5em 0 0; font-size: 1em }
    div.container .error h3 { color:#8a1f11; padding: 0 0 .4em .8em; font-size: 1.2em; font-weight: bold }


div.hr{ background: transparent url(../images/barra.gif) repeat-y; height: 11px; margin: 1em 0 0 }
    div.hr hr { display: none }
    div.hr.largo{ background-repeat: repeat-x; width: 18.5em }
    div.hr.extrLargo{ background-repeat: repeat-x; width: 100% }
        div.hr.hei-1{ height: 11px }
        div.hr.hei-2{ height: 27px }
        div.hr.hei-3{ height: 41px }
        div.hr.hei-4{ height: 55px }

ul.logotipos{ display: block; clear: both; float: none; margin: 12px 0 0 }
    ul.logotipos li a{ float: left }
    ul.logotipos a{ background: transparent url(../images/logos_cas.jpg) no-repeat; display: block; height: 100px; text-indent: -9999px }
    ul.logotipos.eu a{ background: transparent url(../images/logos_eus.jpg) no-repeat; display: block; height: 100px; text-indent: -9999px }
        ul.logotipos a.gobierno{ background-position: 0 0; width: 107px; margin-right: 12px }
        ul.logotipos a.instituto{ background-position: -130px 0; width: 110px }
 
/*  Bloque lateral izquierdo  */
h2.enlace-portada a{ background: transparent url(../images/logo_encuentros.gif) no-repeat; height: 25px; margin: .45em 0 1em 0; width: 239px }

ul.main-menu{ margin: 1.5em 0 0 }

ul.sub-menu{ margin: 0 }

ul.listado-destacado{ margin: 0 }
    ul.listado-destacado li a{ color: #666 }
        ul.listado-destacado li a:hover{ color: #828f10 }

h3.encuentranos{ float: left }

ul.iconos-sociales{ margin: 14px 0 0 15px }
ul.iconos-sociales li{ display: inline }
    ul.iconos-sociales li a{ float: left; background: transparent url(../images/bkg_iconos.gif) no-repeat; display: block; height: 16px; margin-right: 6px; text-indent: -9999px; width: 16px }
        ul.iconos-sociales li a.twitter{ background-position: 0 -20px }
        ul.iconos-sociales li a.facebook{ background-position: 0 -40px }
        ul.iconos-sociales li a.myspace{ background-position: 0 -60px }
        ul.iconos-sociales li a.flicker{ background-position: 0 -80px }
        ul.iconos-sociales li a.salir{ background: url(../images/icons/cross.png) no-repeat transparent }
        ul.iconos-sociales li a.editar_perfil{ background: url(../images/icons/edit.png) no-repeat transparent }
        ul.iconos-sociales li a.admin_trabajos{ background: url(../images/icons/list.png) no-repeat transparent }
        ul.iconos-sociales li a.editar_info{ background: url(../images/icons/im.png) no-repeat transparent }
             ul.iconos-sociales li a, ul.iconos-sociales li a:hover{ text-decoration: none; border: none }
             
ul.menu-privado{ margin: 16px 0 0 0 }
    ul.menu-privado li{ background: transparent url(../images/barra.gif) no-repeat right; float: left; padding: 0 10px 0 2px  }
        ul.menu-privado li.cabecera, ul.menu-privado li.last{ background-image: none; margin-right: 10px }

    ul.menu-privado li a{ color: #828f10; border-bottom: 1px solid #828f10 }
            
    ul.menu-privado.portada{ margin-left: 15px }
            
/*  Contenido de la web   */
div#contenido{ min-height: 575px; color: #666 }
    div#contenido.portada{ background: transparent }
        div#contenido.portada div.column{ margin-left: 0; padding-left: 0; background: #fff }
            div#contenido.portada div#principal-portada{ background-color: #fff; height: 495px; overflow: hidden }
                div#contenido.portada div#principal-portada.backDefecto{ background: #fff url(../images/imagen_portada.jpg) no-repeat 50% 50% }
                
div#contenido.instituto{ background: #fff url(../images/logo_inj.gif) no-repeat 88% 82px }
div#contenido.aniversario{ background: #fff url(../images/sello_25_anos.gif) no-repeat 96% 75px }

    div#contenido p{ padding-left: 0 }

    div#contenido img{ margin-bottom: 15px }

h1, h2.con-barra{ background: transparent url(../images/barra.gif) repeat-x; font-size: 12px; margin: 2.2em 3px 0 0; height: 11px; }
    h1 span, h2.con-barra span{ background: #fff; padding-right: .8em }
        h2.con-barra{ margin: 15px 5px 20px 0 }
        
    h2.con-barra.artista span a{ color: #828f10; border-bottom: 1px solid #828f10 }
        
div#contenido strong.negro{ display: block; margin: 8px 0 14px 0 }
        
/*  Elementos exclusivos de la portada   */
div.portada-bloque{ margin-top: 13px; height: 125px; overflow: hidden; width: 334px }
    div.portada-bloque h3{ margin: 7px 0 5px 0; padding: 0 }
    div.portada-bloque ul, div.portada-bloque div.hr{ margin: 0; padding: 0 }
        div.portada-bloque ul a{ color: #666 }
            div.portada-bloque ul a:hover{ color: #828f10 }
        
a.enlace-mas{ background: transparent url(../images/mas.gif) no-repeat 0 6px; color: #000; padding: 0 0 0 12px }
    a.enlace-mas:hover{ background-position: 0 -5px; color: #828f10 }
    
/*  Elementos exclusivos del listado de artistas   */
ul.listado-login{ margin: 0; padding: 0 }
    ul.listado-login li{ float: left }
        ul.listado-login li.inscribete{ background: transparent url(../images/barra.gif) no-repeat right; padding-right: 12px; margin-right: 6px }
            ul.listado-login li a{ color: #828f10; border-bottom: 1px solid #828f10 }
                ul.listado-login li a:hover{ text-decoration: none; color: #000; border-bottom: none }
                
div.formulario-busqueda-artistas{ margin-top: 20px }

ul.listado-artistas{ margin: 0; padding: 0 }

    ul.listado-artistas li{ margin-bottom: 10px }

    ul.listado-artistas div{ width: 530px; float: right }
        ul.listado-artistas li p{ width: 500px }

    ul.listado-artistas li img, div.detalles-artista img{ float: left; margin-right: 12px }
        div.detalles-artista img{ margin-right: -9px }
    
    ul.listado-artistas li h4 a, div.detalles-artista li h4 a{ color: #828f10; border-bottom: 1px solid #828f10 }
        ul.listado-artistas li h4 a:hover, div.detalles-artista li h4 a:hover{ text-decoration: none; color: #000; border-bottom: none }
        
    ul.listado-artistas li h5, div.detalles-artista h5{ color: #666; float: left; margin-right: 5px }
    
    ul.categorias li{ background: transparent url(../images/barra.gif) no-repeat right; display: inline; padding-right: 12px; margin-right: 6px}
        ul.categorias li.last{ background: none }
            ul.categorias li a{ color: #828f10; border-bottom: 1px solid #828f10 }
                ul.categorias li a:hover{ text-decoration: none; color: #000; border-bottom: none }
                
/*  Elementos exclusivos de los detalles de un artistas   */
ul.detalles-artista{ float: right; line-height: 14px; margin-top: -9px; text-align: left; width: 515px }
    ul.detalles-artista li{ min-height: 20px; margin: 6px 0 }
    
    ul.detalles-artista br.clear{ margin-bottom: 14px }

ul.detalles-artista a, ul.detalles-artista h4 span{ color: #828f10; border-bottom: 1px solid #828f10 }
    ul.detalles-artista a:hover{ text-decoration: none; color: #000; border-bottom: none }

ul.detalles-artista strong{ background: transparent url(../images/barra.gif) repeat-x; display: block; float: left; font-weight: normal; margin-right: 5px; width: 120px }
    ul.detalles-artista strong span{ background: #fff; padding-right: 3px }
    
ul.categorias.artistas, ul.iconos-sociales.artista, p.artistas{ float: right; text-align: left; width: 389px; margin: 0; padding: 0 }

h2.trabajos{ margin-top: -10px }

/*  Listado de trabajos tanto para los detalles de un artista como para anadir    */
ul.listado-trabajos{ margin: 0; padding: 0 }
    ul.listado-trabajos div.caracteristicas{ float: right; padding: 0; margin: 0; width: 250px }
        ul.listado-trabajos ul, ul.listado-trabajos div.obra, ul.listado-trabajos div.obra img{ padding: 0; margin: 0 }
        
    ul.listado-trabajos div.obra{ overflow: hidden; width: 385px; height: auto; text-align: center }

/*  Elementos exclusivos del buscador de anteriores ediciones */
div.buscador-anteriores select{ margin-right: 10px }

ul.artistas-anteriores-certamenes{ color: #000; margin: 0; padding: 0 }
    ul.artistas-anteriores-certamenes li{ line-height: 18px }

        ul.artistas-anteriores-certamenes span{ background: transparent url(../images/barra.gif) repeat-x; height: 11px; margin: 0 3px 0 0; padding-right: 10px }

            ul.artistas-anteriores-certamenes a{ color: #828f10; border-bottom: 1px solid #828f10 }
                ul.artistas-anteriores-certamenes a:hover{ text-decoration: none; color: #000; border-bottom: none }

/*  Dudas y sugerencia    */
ul.form-dudas{ margin: 0; padding: 0 }
    ul.form-dudas strong{ font-weight: normal; width: 25% }
    ul.form-dudas input.text{ width: 64% }


/*  Formularios de registro   */
div.formularios-personal{ background: #d8dcb7; margin-top: 20px }
    div.pad-l-15.pad-r-15 div.formularios-personal{ padding: 10px }

        div.formularios-personal h2.con-barra, h2.con-barra.sin-layout{ background: transparent url(../images/barra-trans.png) repeat-x; font-size: 12px; margin: 0; height: 11px }
            div.formularios-personal h2.con-barra span{ background: #d8dcb7 }
            h2.con-barra.sin-layout span{ background: #EFEFEF }

ul.info-personal{ margin: 20px 0 0; color: #000 }
    ul.info-personal li{ float: left; line-height: 20px; margin-right: 15px }
        ul.info-personal li label{ color: #000; display: block; margin-bottom: -8px }
            ul.info-personal li label.mail{ width: 190px; margin-bottom: -3px }

            ul.info-personal li.line{ padding-top: 15px }
                ul.info-personal li.line label{ display: inline; padding-left: 3px }

            ul.info-personal li.clear{ width: 100% }

            ul.info-personal li input[type=text], ul.info-personal li input select, ul.info-personal li input[type=password]{ border: none }
                ul.info-personal li input[type=text], ul.info-personal li select, ul.info-personal li input[type=password]{ color: #666; height: 16px; padding: 1px 2px }
                    ul.info-personal li input[type=text].smallInput, ul.info-personal li input[type=password].smallInput{ width: 125px }
                    ul.info-personal li input[type=text].medium, ul.info-personal li input[type=password].medium{ width: 190px }
                    ul.info-personal li input[type=text].big, ul.info-personal li input[type=password].big{ width: 225px }
                    ul.info-personal li input[type=text].veryBig, ul.info-personal li input[type=password].veryBig{ width: 345px }
        
            ul.info-personal li select{ height: 17px; border: none; padding: 0 0 0 2px }
        
        ul.info-personal ul.checkbox_list{ width: 510px; margin: -12px 0 0; padding: 0; float: left }
            ul.info-personal ul.checkbox_list li{ display: block; float: left; width: 200px }
                ul.info-personal ul.checkbox_list li label{ display: inline }

        li.condiciones-envio{ text-align: right; margin-top: 25px; width: 100% }
        
        
/*  Formulario de perfil  */
div.perfil div.span-1, div.perfil div.span-3{ background: transparent }
    div.perfil div.span-1{ width: 108px; overflow: hidden; text-align: center }
    div.perfil div.span-3{ width: 490px; overflow: hidden }
    
    div.perfil textarea.medium{ width: 500px; height: 80px; border: none }
    
    div.perfil div.span-1 strong{ color: #000; font-weight: bold }
    
    div.perfil div.span-1 img{ margin-top: 4px }
    
    div.perfil div.span-3 ul.info-personal{ margin: 0; padding: 0 }
    
    div.perfil a.como{ color: #828f10; border-bottom: 1px solid #828f10; vertical-align: inherit }
        div.perfil a.como:hover{ text-decoration: none; color: #000; border-bottom: none }
        
/*  Subir nuevo trabajos  */
input.subir-trabajo{ margin: 20px 0 10px 0; width: 100% }

div.caracteristicas ul.opciones{ margin-top: 10px }
    div.caracteristicas ul.opciones li{ margin-bottom: 10px }
    
ul.info-personal ul.listaSugiere li{ width: 225px; }

div.container h3.success{ font-size: 1.5em; clear: both; float: none; margin: 11px 0 -4px 0}

/*  Parte privada de la web   */
ul.login label{ display: block; font-weight: normal }
    
    ul.login li.recordarme label{ float: left; vertical-align: inherit; margin: 5px 2px 0 0 }
        ul.login li.recordarme input{ vertical-align: inherit }
        
    ul.login li.signin{ margin: 10px 0 0 15px }
    
ul#cambiarBacks{ margin: 10px 0 0 10px; width: 110px }
    ul#cambiarBacks li{ float: left }
        ul#cambiarBacks li a{ background: #fff url(../images/backgrounds/16x16/bakgrounds.gif) no-repeat; margin: 0 7px 7px 0; text-indent: -9999px; height: 16px; width: 16px; display: block; border: 2px solid #666 }
        ul#cambiarBacks li.bk2 a{ background-position: 0 -18px } ul#cambiarBacks li.bk3 a{ background-position: 0 -144px }
        ul#cambiarBacks li.bk4 a{ background-position: 0 -54px } ul#cambiarBacks li.bk5 a{ background-position: 0 -72px }
        ul#cambiarBacks li.bk6 a{ background-position: 0 -90px } ul#cambiarBacks li.bk7 a{ background-position: 0 -108px }
        ul#cambiarBacks li.bk8 a{ background-position: 0 -126px } ul#cambiarBacks li.bk9 a{ background-position: 0 -162px }
        
/*  Formularios de subida de trabajos */
ul.subir-video li label{ color: #000; display: block; float: left; margin-top: 8px; text-align: left; width: 120px }
    ul.subir-video li.tipo{ margin-top: 4px }
        ul.subir-video li.tipo label{ margin-top: 0 }
    
    ul.subir-video li input.largo{ width: 310px }
        ul.subir-video li textarea.largo{ width: 300px }
        
ul.subir-imagenes li label{ color: #000; display: block; float: left; margin-top: 10px; text-align: left; width: 100px }
    ul.subir-imagenes li input[type=text]{ width: 150px }

/*  Noticias  */
p.date{ color: #828f10; margin: 6px 4px 2px 0 }

/*Formularios edicion de trabajos*/
div.dest.danger{ background-image: url(../images/danger-trans.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 110px; height: 92px }
    div.dest.danger h3{ color:#E4E4E4; font-size: 17px }
    div.dest.danger a{ color:#E4E4E4; cursor: pointer }
    
a.borraImagen, a.ponerPrincipal{ background: transparent url(../images/ui.stars.gif) -15px 0; margin-right: 3px; width: 16px; height: 16px; text-indent: -9999px; display: block; float: left }
    a.ponerPrincipal{ background-position: -49px 0 }
        a.ponerPrincipal:hover, a.ponerPrincipal.principal{ background-position: -65px 0 }
        
ul.galeriaImagen li{ display: inline; padding-right: 4px }
    ul.galeriaImagen li a{ color: #828f10; text-decoration: underline }
        ul.galeriaImagen li a:hover, ul.galeriaImagen li a.activo{ text-decoration: none; color: #000; border-bottom: none }
        
div.ratings{ width: 98px; float: left; margin: 4px 8px }

div.soporteMp3{ background: transparent url(../images/Imagen-fondo-reproductos-audio.jpg) 0 0; width: 385px; height: 208px }
    div.soporteMp3 object{ margin-top: 100px }
    
a.descargarTrabajo{ background: transparent url(../images/Imagen-fondo-textos.jpg); width: 385px; height: 208px; text-indent: -9999px; display: block; }

div.last.taller{ background: #fff url(../images/sello_25_anos.gif) no-repeat 101% -7px }

    a.verde{ color: #828f10 }
        a.verde:hover{ border-bottom: 1px solid #828f10 }
        
table.formTaller th{ width: 140px }

ul.error_list{ margin: 0 0 0 1px }
    ul.error_list li{ color: #D91E1E; font-weight: bold; margin: 0; padding: 0 }


h3.tituloAgenda{ color: #828f10; padding-bottom: 15px }
    h3.tituloAgenda span.negro{ display: block; color: #000; }
    h3.tituloAgenda span.verde{ text-decoration: underline }

ul.paginador{ margin-left: 0 }
    ul.paginador li{ display: inline }
        ul.paginador li a{ color: #828f10; border-bottom: 1px solid #828f10 }
        ul.paginador li a:hover{ text-decoration: none; color: #000; border-bottom: none }

h3.backBlacK span{ background: #000; color: #fff; padding: 0 2px }

a.aSave{ background: url(../images/icons/save.png) no-repeat transparent; padding: 1px 0 2px 20px}

ul.documentacion li{ float: none; clear: both; margin-bottom: 4px }
    ul.documentacion label{ display: block; float: left; width: 166px; margin-top: 3px }
    
h2.titulosAviso{ font-size: 1.2em }