/* Design: Carlos Emilio Ruiz Llaven */
/* Web: www.emilio.com.mx */


body{
background: black url(background.jpg) repeat-x;
margin: 0;
padding: 0;
}

#logo_facebook {
display: none;
}
#encabezado{
background: #020100 url(cargando.gif) no-repeat center;
height: 333px;
}
#encabezado span{
display: none;
}
#splash{
background: transparent url(encabezado.jpg) no-repeat center;
height: 333px;
color: white;
}
#splash .imagen{
width: 800px;
margin: 0 auto;
text-align: center;
}
#splash .imagen img{
border: 0;
padding-left: 550px;
}
#contenedor{
width: 800px;
margin: 0 auto;
text-align: center;
background: white url(bg_contenedor.jpg) no-repeat;
}
#reproductor{
}
#pagina{
width: 780px;
margin: 0 auto;
text-align: center;
}
#contenido{
}
#columna1{
text-align: center;
margin: 0 auto;
width: 500px;
float: left;
}
#columna2{
width: 280px;
float: left;
background: white url(bg_columna2.jpg) no-repeat;
height: 450px;
}
#menu{
width: 220px;
padding-top:10px;
padding-left: 10px;
padding-right: 10px;
font-family: georgia;
font-size: 15px;
font-weight: bold;
text-align: left;
color: #282828;
text-align: center;
margin: 0 auto;
}
#menu a{
text-decoration: none;
color: #282828;
}
#menu a:hover{
text-decoration: underline;
color: #a92c00;
}
#menu li, ul{
margin: 0;
padding: 0;
}
#menu li{
list-style: none;
background: transparent url(vineta.gif) no-repeat center bottom;
padding-bottom: 20px;
margin-top: 20px;
}
#programa_bg{
background: transparent url(bg_programa1.gif) no-repeat top center;
}
#programa{
padding-top: 20px;
padding-left: 40px;
width: 400px;
height: 335px;
font-family: georgia;
color: white;
text-align: left;
}
#programa a{
color: gray;
}
#programa a:hover{
color: #a92c00;
}
#programa h2{
font-size: 30px;
color: #a92c00;
margin: 0;
padding: 0;
}
#programa .reproductor_flash{
margin-top: 10px;
margin-bottom: 2px;
}
#programa .programa_datos{
width: 350px;
font-size: 11px;
margin-bottom: 30px;
}
#programa .programa_mensaje{
font-size: 16px;
margin-bottom: 20px;
}
#programa .programa_opciones{
font-size: 12px;
}
.limpiar{
clear: both;
}

/* AREA DE COMENTARIOS */
#comments{
font-family: georgia;
}
#comments .hidethis{
display: none;
}
#comentarios{
text-align: left;
}
#comentarios h2{
color: #a92c00;
text-align: center;
}
#comentarios .comentario{
margin-bottom: 20px;
margin-top: 10px;
padding: 0 50px 0 50px;
background: transparent url(bg_comentarios.jpg) no-repeat top left;
color:	#404040 ;
}
#comentarios .nombre_comentario{
font-size: 20px;
font-weight: bold;
font-style: italic;
color: black;
}
#comentarios .nombre_comentario a{
color: black;
}
#comentarios .nombre_comentario a:hover{
color: #a92c00;
}
#comentarios .fecha_comentario{
font-size: 14px;
color:	#A0A0A0;
}

#paginacion{
background: transparent url(bg_paginacion.gif) no-repeat;
margin: 0 30px 0 30px;
height: 80px;
font-family: georgia;
text-align: left;
}
#paginacion p{
padding-top: 20px;
padding-left: 80px;
}
#paginacion a{
color: black;
}
#paginacion a:hover{
color: #a92c00;
}

/* FORMATO COMENTARIOS */
#formato_comentarios{
border: solid 1px gray;
background: #E8E8E8 url(bg_formato_comentarios.gif) no-repeat;
margin: 0 50px 0 50px;
padding: 10px;
text-align: left;
font-family: georgia;
}
#formato_comentarios h2{
color: #a92c00;
text-align: center;
}
#formato_comentarios p{
font-size: 14px;
font-weight: bold;
color: #404040;
margin-top: 5px;
text-align: right;
}
#formato_comentarios #commentname, #commentmail, #commentweb{
width: 200px;
border: solid 1px gray;
padding: 3px;
}
#formato_comentarios #commentpreview, #commentsubmit{
border: none;
background: gray;
padding: 10px;
color: white;
font-size: 16px;
}
#formato_comentarios textarea{
border: solid 1px gray;
padding: 3px;
}


/* CONTENIDO CMS */
#contenido_cms{
text-align: left;
font-family: georgia;
color: #3d3d3d;
}
#contenido_cms h1{
color: #a92c00;
}
#contenido_cms h4{
margin-top: 20px;
}
#contenido_cms a:link{
color: #a92c00;
}
#contenido_cms a:hover{
color: black;
}
#contenido_cms a:visited{
color: gray;
}
#contenido_cms ul{
margin-top: 15px;
margin-left: 30px;
}
#contenido_cms li{
margin-bottom: 5px;
}


/* IGLIFO */
#iglifo{
color: white;
background: url(pie_bg2.jpg) no-repeat center top;
font-family: "trebuchet ms", helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
text-align: right;
}
#iglifo a{
color: white;
text-decoration: none;
}
#iglifo a:hover{
border-bottom: solid 1px white;
}