/*

  "Emilio"
  Loudblog-Template
  (c) by Carlos Emilio Ruiz Llaven
  www.emilio.com.mx

*/
body{
padding:0px;
margin: 0px;
background: white;
font-family: arial;
}
a:link{
color: #610605;
}
a:visited{
color: #5e3f3f;
}
a:hover{
color: #a00a08;
}
#contenedor{
width: 1000px;
margin: 0px auto;
text-align: center;
}

#encabezado{
text-align: center;
margin: 0 auto;
width: 980px;
height: 80px;
}
#encabezado span{
display: none;
}

#logo{
float: left;
background: white url(archivosonoro.jpg) no-repeat left;
width: 164px;
height: 60px;
}
#logo h1{
padding: 0;
margin: 0;
}
#logo a{
display: block;
height: 60px;
}
/*  ----- Splash ------ */
#splash{
height: 250px;
background: transparent url(cargando.gif) no-repeat center;
}
#splash p{
margin: 0;
padding: 0;
}
#splash_documentos{
margin: 0;
padding:0;
background: transparent url(documentos_1.jpg) no-repeat center;
height: 90px;
}
#splash img{
border: none;
}

/*  ----- Contenido ------ */

#contenido{
width: 980px;
margin: 0 auto;
text-align: center;
background: white;
font-size: 11pt;
}

/*  ----- Menu principal ------ */

#menu_principal{
float: right;
width: 553px;
height: 64px;
background: transparent url(bg_menu_principal.jpg) no-repeat;
}
#navlist
{
margin: 0;
padding: 0;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}


#navlist a.enlace_1, a.enlace_2, a.enlace_3, a.enlace_4, a.enlace_5, a.enlace_6, a.enlace_7{
height: 64px;
display: block;
float: left;
}

#navlist a.enlace_1{
width: 58px;
}
#navlist a:hover.enlace_1{
background: transparent url(enlace_1.jpg) no-repeat;
}

#navlist a.enlace_2{
width: 65px;
}
#navlist a:hover.enlace_2{
background: transparent url(enlace_2.jpg) no-repeat;
}


#navlist a.enlace_3{
width: 109px;
}
#navlist a:hover.enlace_3{
background: transparent url(enlace_3.jpg) no-repeat;
}

#navlist a.enlace_4{
width: 89px;
}
#navlist a:hover.enlace_4{
background: transparent url(enlace_4.jpg) no-repeat;
}
#navlist a.enlace_5{
width: 65px;
}
#navlist a:hover.enlace_5{
background: transparent url(enlace_5.jpg) no-repeat;
}
#navlist a.enlace_6{
width: 121px;
}
#navlist a:hover.enlace_6{
background: transparent url(enlace_6.jpg) no-repeat;
}
#navlist a.enlace_7{
width: 46px;
}
#navlist a:hover.enlace_7{
background: transparent url(enlace_7.jpg) no-repeat;
}

/* --- col1  --*/
#col1 {
float: left;
margin-left: 5px;
margin-right: 5px;
width: 680px;
text-align: left;
}
#col1 #col1_encabezado{
height: 47px;
background: #edeeef url(col1_encabezado.jpg) no-repeat;
}
#col1 .archivos_lista{
margin-top: 1px;
margin-bottom: 3px;
}
#col1 .archivos_lista p{
margin: 0;
padding: 0;
}
#col1 .datos{
font-style: italic;
font-size: 8pt;
}
#col1 strong{
font-size: 15pt;
}
#col1 .archivos_lista a{
display: block;
padding: 10px;
text-decoration: none;
color: black;
background-color: #f6f7f7;
}
#col1 .archivos_lista a:hover{
color: white;
background: #9f9b91 url(audifono.jpg) no-repeat right;
}

#col1 .pagina{
text-align: justify;
color: #333333;
}
#col1 .pagina li{
margin-bottom: 10px;
}
#col1 .pagina h1, h2, h3, h4{
padding: 0;
margin: 0 0 10px 0;
color: black;
}
#col1 .pagina h1, h2, h3{
border-bottom: solid 1px gray;
text-align: right;
font-size: 22pt;
letter-spacing: 10px;
}

/* ---- Links anteriores ---*/
#links_anteriores{
float: left;
text-align: left;
width: 680px;
margin-left: 5px;
margin-right: 5px;
background: #71292a;
}

#numero_paginas{
text-align: left;
padding: 9px;
}
#numero_paginas .paginas{
padding: 3px;
font-size: 9pt;
text-decoration: none;
background-color: #c5292a;
color: white;
}
#numero_paginas .pagina_seleccionada{
padding: 3px;
font-size: 9pt;
background-color: black;
color: white;
}
#numero_paginas .anterior, .siguiente{
font-size: 10pt;
color: white;
text-decoration: none;
}
#numero_paginas .anterior{
padding-right: 10px;
color: white;
}
#numero_paginas .siguiente{
padding-left: 10px;
color: white;
}
#numero_paginas .anterior:hover, siguiente:hover{
text-decoration: underline;
}
#info_registros{
font-size:8pt;
padding: 10px;
color: white;
}
/* ----- Col2 ----- */
#col2{
float: left;
width: 278px;
}
#buscador{
text-align: right;
padding-top: 15px;
padding-bottom: 15px;
}
#buscador form{
margin: 0;
padding: 0;
}
#buscador .q{
border: solid 1px gray;
font-size: 11px;
}
#buscador .sa{
border: solid 1px gray;
background-color: gray;
font-size: 7pt;
font-weight: bold;
color:white;
padding: 1px;
}
#buscador .seccion_archivo, .seccion_canales{
padding-top: 5px;
float: left;
font-size: 11pt;
color: gray;
}
#buscador .seccion_canales strong{
color: black;
}
#buscador span{
margin-left: 345px;
font-size: 10pt;
}
#buscador span a{
color: gray;
text-decoration: none;
}
#buscador span a:hover{
color: black;
}



.bloque{
text-align: left;
}
#bloque_menu{
border-left: solid 1px gray;
border-bottom: solid 1px gray;
}
#bloque_menu ul{
padding-left: 15px;
}
#bloque_menu li{
margin-bottom: 5px;
}
#bloque_menu .menulevel1{
font-size: 12pt;
}
#bloque_menu .menulevel2{
font-size: 10pt;
margin-bottom: 15px;
}

#banners{
margin-top: 10px;
}
#banners img{
border: none;
}


.limpiar{
clear: both;
}


/* --- Pie --- */
#pie{
border-top: solid 1px gray;
margin-top: 40px;
padding: 10px;
color: gray;
font-size: 9pt;
text-align: right;
}
#pie a{
color: gray;
text-decoration: none;
}
#pie a:hover{
color: black;
text-decoration: underline;
}


/* ################################## */
/* ################################## */
/* Archivo individual */

#archivo_individual{
font-size: 12pt;
text-align: justify;
}

#archivo_individual strong{
font-size: 11pt;
}

#archivo_individual h2{
text-align: left;
letter-spacing: 0;
border: none;
background: #9f9b91 url(audifono.jpg) no-repeat right bottom;
padding: 20px  80px 20px 10px;
margin: 0;
color: white;
font-size: 15pt;
}

#comentarios{
background-color: #edeeef;
font-size: 10pt;
padding: 10px;
}

#comentarios li{
margin-bottom: 50px;
border-bottom: solid 1px gray;
margin-right: 30px;
}

#comentarios h3{
text-align: left;
border: none;
letter-spacing: 0;
padding: 10px;
font-size: 14pt;
}

#formato_comentarios{
background-color: #f6f7f7 ;
}
#formato_comentarios h3{
text-align: right;
border: none;
letter-spacing: 0;
font-size: 14pt;
}
#formato_comentarios label{
font-size: 9pt;
font-weight: bold;
color: gray;
}

#formato_comentarios form{
padding: 20px;
font-size: 10pt;
text-align: right;
}

#formato_comentarios input{
border: solid 1px gray;
padding: 3px;
}
#formato_comentarios textarea{
padding: 3px;
width: 500px;
height: 100px;
}

#ficha{
background: white url(descargar.jpg) no-repeat bottom right;
font-size: 9pt;
padding: 20px;
text-align: left;
border: solid 1px gray;
}
#ficha p{
padding: 0;
margin: 0 0 10px 0;
font-size: 14pt;
}

#compartir{
background: #edeeef;
padding: 10px;
margin-top: 10px;
}
#compartir label{
font-size: 9pt;
font-weight: bold;
color: #5e5e5e;
}
#compartir p{
margin: 0 0 3px 0;
padding: 0;
}

#compartir form{
margin-bottom: 8px;
}

#compartir input{
width: 250px;
}

#compartir ul{
margin: 3px 0 0 0;
padding: 0 0 0 60px;
}
#compartir li{
padding-left: 18px;
margin-top: 8px;
font-size: 10pt;
}

#compartir li.twitter{
background: transparent url(twitter.jpg) no-repeat;
}
#compartir li.facebook{
background: transparent url(facebook.jpg) no-repeat;
}
#compartir li.meneame{
background: transparent url(meneame.gif) no-repeat;
}
#compartir li.delicious{
background: transparent url(delicious.png) no-repeat;
}

#otrosaudios{
padding: 10px;
font-size: 11pt;
}

#otrosaudios a{
display: block;
background: #f6f7f7 url(speaker.jpg) no-repeat top right;
text-decoration: none;
padding: 5px 5px 5px 5px;
color: black;
}
#otrosaudios a:hover{
background: #9f9b91 url(speaker_over.jpg) no-repeat top right;
color: white;
}
#otrosaudios ul, li{
list-style-type: none;
}
#otrosaudios li{
margin-bottom: 3px;
}


#ultimos_comentarios{
padding: 5px;
font-size:12pt;
margin-bottom: 10px;
background: #F0F0F0 url(comentarios.jpg) no-repeat;
}
#ultimos_comentarios a{
text-decoration: none;
padding: 5px 5px 5px 5px;
color: black;
}
#ultimos_comentarios a:hover{
text-decoration: underline;
}
#ultimos_comentarios ul{
padding: 0;
}
#ultimos_comentarios ul, li{
list-style-type: none;
}
#ultimos_comentarios li{
margin-bottom: 10px;
color: gray;
}
#ultimos_comentarios p{
font-size: 8pt;
margin-left: 5px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}

/* /////////// PAISAJE SONORO ////////////////// */
#paisaje_sonoro{
background: transparent url(bg_paisajes_sonoros.jpg) no-repeat center;
height: 735px;
}

#reproductor{
width: 300px;
height: 320px;
float: right;
margin-top: 50px;
margin-right: 20px;
padding: 0px 10px 10px 10px;
background: transparent url(bg_reproductor.png) no-repeat center;
}
#reproductor h4{
font-size: 20pt;
color: #506b44;
padding: 20px;
}
#reproductor p{
padding: 10px;
}


/* HACK PARA QUE APAREZCA EL LOGO EN FACEBOOK */
#logotipo_facebook img{
display: none;
}

/* Estilo al reproductor en HTML5 */
audio{
width: 680px;
height: 32px;
}

}