/* @override 
	http://s81984.gridserver.com/wp-content/themes/blass2/style.css
	http://s81984.gridserver.com/site/wp-content/themes/blass2/style.css
	http://ilumina.fm/site/wp-content/themes/blass2/style.css
*/

/*

Theme Name: Blass2
Theme URI: http://1000ff.de/wordpress-theme-blass-english-version/
Description: Elegant and simple. Blass2 is a CSS-only theme, has a widgetized sidebar, support for gravatars, and works nicely with WordPress 2.5+. Brought to you by <a href="http://1000ff.de/">1000ff</a>.
Version: 1.6.2
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: 1000ff
Author URI: http://1000ff.de/

*/

/* body
--------------------------------------------------*/
body {
font:62.5%/1.6em "Arial", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#333;
margin:0;
background: url(images/back2.jpg);
}

* {
margin:0;
padding:0;
}
a{
	text-decoration: none;
	color: #000;
}

/* header
--------------------------------------------------*/
#header {
}

#encabezado{
	height: 192px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(images/back_header_ilumina.jpg) repeat-x;
}

#elementosEncabezado{
	height: 192px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#logo{background: url(images/logo4.png) no-repeat; width: 351px;  height: 129px; float: left; margin-top: 30px;}
#logo a{ display: block;  width: 305px;  height: 129px; }
#logo a span{ display: none; }

#arriba{
	background: url(images/arriba.jpg) no-repeat;
	height: 19px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;	
}


/* menu
--------------------------------------------------*/
#menu-principal{
	background: url(images/bgmenu1.jpg);
	height: 28px;
	font: bold 11px Arial;
	text-transform: uppercase;
}

#wrapper {
	overflow:hidden;
	width:960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

/* pizzaron Index
--------------------------------------------------*/

#BG-Pizarron{
	width: 100%;
	height: 433px;
	background: url(images/BG-Pizarron7.jpg) no-repeat center top;
	overflow: hidden;
	margin: 0 auto;
}

#Contenido-BGPizarron{
	width: 960px;
	margin: 0 auto;
	height: 433px;
	overflow: hidden;	
}

#inside-BGPizarron{
	float: left;
	width: 960px;
	height:333px;
	margin: 0 auto;
	overflow: hidden;	
}

#BG-Cuadros{
	width: 100%;
	height: 283px;
	background: url(images/BG-Cuadros3.jpg) no-repeat center top;
	overflow: hidden;
	margin: 0 auto;
}

#BG-Sala{
	width: 100%;
	height: 636px;
	background: url(images/BG-Sala4.jpg) no-repeat center top;
	overflow: hidden;
	margin: 0 auto;
}

#pizarronIndex{
	width: 960px;
	height: 317px;
	margin-bottom: 20px;
	overflow: hidden;
}

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

#pizarronContenido{
	width: 960px;
	height: 317px;
	background: url(images/pizzaron_contenido.jpg) no-repeat center top;
	margin-bottom: 20px;
	overflow: hidden;
}

#pizarronPaginas{
	width: 960px;
	height: 333px;
	background: url(images/pizzaron_paginas.jpg) no-repeat center top;
	overflow: hidden;
}


.logo-pizarron{
	width: 240px;
	height: 185px;
	float: left;
	margin-top: 65px;
	margin-left: 88px;
}

.logo-pizarron a{
	display: block;
	width: 240px;
	height: 185px;
}

.logo-pizarron a span{
	display: none;
}

#logo-vayacondios{
	background: url(images/logo-vayacondios.jpg) no-repeat center center;
}

#logo-tendencias{
	background: url(images/logo-tendencias.jpg) no-repeat center center;
}

#logo-conciertovirtual{
	background: url(images/logo-conciertovirtual.jpg) no-repeat center center;
}

#logo-cooldown{
	background: url(images/logo-cooldown.jpg) no-repeat center center;
}

#logo-familiadelfuturo{
	background: url(images/logo-familiadelfuturo.jpg) no-repeat center center;
}

#logo-sinergia{
	background: url(images/logo-sinergia.jpg) no-repeat center center;
}

#logo-vamosguate{
	background: url(images/logo-vamosguate.jpg) no-repeat center center;
}

#logo-zonacero{
	background: url(images/logo-zonacero.jpg) no-repeat center center;
}

#logo-agentedecambio{
	background: url(images/logo-agentedecambio.jpg) no-repeat center center;
}

#logo-asusalud{
	background: url(images/logo-asusalud.jpg) no-repeat center center;
}

#logo-notaeditorial{
	background: url(images/logo-notaeditorial.jpg) no-repeat center center;
}

#logo-default{
	background: url(images/logo-deafult.jpg) no-repeat center center;
}

#texto-pizarron{
	width: 235px;
	margin-left: 40px;
	margin-top: 55px;
	float: left;
	padding-left: 20px;
	padding-right: 15px;	
}

#texto-pizarron h2{
	color: #fff;
	font-size: 25px;
	line-height: 25px;
}

#texto-pizarron p{
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	margin-top: 15px;
}

#locutores-pizarron{
	width: 250px;
	float: left;
	margin-top: 15px;
}

#locutores-pizarron h3{
	margin-top: 13px;
	margin-bottom: 5px;
	margin-right: 20px;
	color: #ccc;
	font-size: 8px;
	font-weight: 100;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: right;
}

#locutores-pizarron-element{
	width: 68px;
	height: 88px;
	float: left;
	margin-right: 12px;	
}

#locutores-pizarron-element h4{
	line-height: 10px;
	font-size:10px;
	text-align: center;
	margin-top: 3px;
	font-weight: normal;
	font-style: normal;
	color: #ccc;
}

#locutores-pizarron-element h4 a,locutores-pizarron-element h4 a:hover{
	color: #ccc;
}

#locutores-pizarron-element img{
	width: 60px;
	height: 60px;
	border: 4px solid #ccc;
}


#pizarron-fb{
	margin-top: 35px;
	margin-left: 15px;	
	width: 260px;
	height: 235px;
	background: #fff;
	float: left;
	border: 5px solid #e2ddc9;
}



/* content
--------------------------------------------------*/


#piso{
	width: 100%;
	height: 179px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/piso.jpg) no-repeat center top;
}


#Contenido{
	background: url(images/franja_contenido.jpg) repeat-y center top;
	overflow: hidden;
	width: 960px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#sidebarIzquierdo{
	float: left;
	width: 264px;
	overflow: hidden;
	margin-bottom: 10px;
}

#sidebar{
	float: right;
	width: 243px;
	overflow: hidden;
}

#content {
	width: 408px;
	float: left;
	padding: 10px 20px 20px;
	min-height: 550px;
}


/* posts
--------------------------------------------------*/
.post {
	margin: 15px 0 20px;
	overflow: hidden;
	text-align:justify;
	color: #707373;	
}

.post p{
	line-height:25px;
	font-size:13px;
	margin:15px 0;
	float: left;	
}

.post h3{
	line-height:25px;
	font-size:16px;
	word-spacing:1px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}


.post ul{
	float: left;
	padding-left: 10px;
	line-height:25px;
	font-size:120%;
	word-spacing:1px;
	float: left;
	list-style-type: square;	
	list-style-position: inside;
}


.post li{
	
}

.post ol{
	float: left;
	padding-left: 10px;
	line-height:25px;
	font-size:120%;
	word-spacing:1px;
	float: left;
	list-style-type: decimal;	
	list-style-position: inside;
}



#header_post{
	float: left;
	margin: 0 0 15px;
	width: 410px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	top: 0;
	padding: 0 0 5px;
	text-align: center;
}

#titulo_post{
	background: #e2ddc9;
	overflow: hidden;
	text-align: center;
	width: 410px;
}

#titulo_post h1{
	width: 390px;	
	float: left;
	color:#999;
	text-align: center;
	font: normal 32px/30px "Courier New", Courier, mono;
	padding: 10px;
}

#imagen-post{
	margin-left: 34px;
	float: left;
}

#imagen-post img{
	border: 10px solid #d6cfbb;
}

#meta_post{
	width: 390px;	
	margin-top: 10px;
	float: left;
	font-size: 11px;
}

#descargar_material{
	float: left;
	width: 248px;
	height: 86px;
	background: url(images/material.jpg) no-repeat;
	margin-left: 80px;
}

#descargar_material a{
	display: block;
	width: 248px;
	height: 86px;
}

#descargar_material a span{
	display: none;
}

/* sidebar
--------------------------------------------------*/
#conectate-sidebar{
	background: url(images/sidebar-redes.jpg);
	width: 229px;
	height: 110px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	padding-top: 80px;
}


.social-sidebar-icono{
	height: 30px;
	width: 80px;
	float: left;	
	margin-left: 20px;
	margin-bottom: 13px;	
}

.social-sidebar-icono a{
	display: block;
	height: 30px;
	width: 80px;}

.social-sidebar-icono a span{
	display: none;
}

#radioenlinea-sidebar{
	background: url(images/sidebar-radioenlinea.jpg);
	height: 77px;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 15px;
	float: left;
	padding-top: 65px;
	padding-left: 30px;
	width: 198px;
}

.radio-sidebar{
	float: left;
	width: 35px;
	height: 40px;
	margin-right:10px;
}

.radio-sidebar a{
	display: block;
	width: 35px;
	height: 40px;
}

.radio-sidebar a span{
	display: none;
}

#camara-sidebar{
	background: url(images/sidebar-camara.jpg);
	float: left;
	margin: 0 0 15px 10px;
	width: 209px;
	height: 74px;
	padding: 20px 10px;
}

#camara-sidebar a{
	display: block;
	width: 209px;
	height: 74px;
}

#camara-sidebar a span{
	display: none;
}

/*sidebar izquierdo ARTICULOS
-------------------------------------------------- */

#articulos-programa-sidebar{
	float: left;
	overflow: hidden;
	background: #d6cfbb;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 10px;
}

#articulos-programa-sidebar-element{
	height: 100%;
	width: 205px;
	overflow: hidden;
	padding: 15px 10px 10px;
}

#articulos-programa-sidebar-thumbnail{
	width: 54px;
	height: 42px;
	float: left;
	margin-right: 7px;
}

#articulos-programa-sidebar-thumbnail img{
	border: 2px solid #999;	
	width: 50px;
	height: 38px;

}

#articulos-programa-sidebar-thumbnail img a, articulos-programa-sidebar-thumbnail img a:hover{
	border: none;	
}

#articulos-programa-sidebar h2{
	font-size: 11px;
	border: none;
	margin: 0px;
	line-height: 12px;
	text-align: left;
	padding-top: 5px;
	font-weight: normal;
	font-style: normal;
}

#articulos-programa-sidebar h2 a{
	color: #6d6e6e;
}

/* Articulos programa
--------------------------------------------------*/
#banner-articulos-programa{
	background: url(images/banner-articulos.jpg) no-repeat;
	width: 237px;
	height: 74px;
	float: left;
}

#banner-articulos-podcast{
	background: url(images/podcast-titulo2.jpg) no-repeat;
	width: 237px;
	height: 74px;
	float: left;
}

#articulos-programa{
	float: left;
	overflow: hidden;
}

#articulos-programa-element{
	margin-right:5px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	height: 100%;
	width: 400px;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
}

#articulos-programa-descripcion{
	margin-right:5px;
}

#articulos-programa-descripcion p{
	margin: 0px;
	line-height: 16px;
	font-size: 11px;
	color: #707373;
	}

#articulos-programa-thumbnail{
	width: 98px;
	height: 75px;
	float: left;
	margin-right: 7px;
}

#articulos-programa-thumbnail img{
	border: 4px solid #999;	
	width: 87px;
	height: 67px;

}

#articulos-programa-thumbnail img a{
	border: none;	
}

#articulos-programa-thumbnail img a:hover{
	border: none;	
}

#articulos-programa h2{
	font-size: 18px;
	border: none;
	margin: 0px;
	line-height: 18px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: normal;
	font-style: normal;
}

#articulos-programa h2 a{
	color: #424343;
	
}

#articulos-programa h3{
	font-size: 11px;
	margin-top:10px;
	margin-bottom: 15px;
	line-height: 13px;
	text-align: center;
	border-style: none;
	padding: 0px;
	color:#999;
	font-weight: bold;
	text-transform: uppercase;
}

#entradas-recientes{
	background: url(images/entradas-anteriores.jpg) no-repeat;
	width: 120px;
	height: 57px;
	padding-top: 18px;
}

#entradas-recientes a{
	color: #424343;
	font-size: 12px;
}


#entradas-anteriores{
	background: url(images/entradas-anteriores.jpg) no-repeat;	
	width: 140px;
	height: 57px;
	padding-top: 18px;

}

#entradas-anteriores a{
	color: #424343;
	font-size: 12px;

}

.titulo{
	width: 400px;
	height: 30spx;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	overflow: hidden;
	
}


.titulo h1{
	width: 280px;
	padding-top: 20px;
	float: left;
	font-family: "Courier New", Courier, mono;
	font-weight: 400;
	font-size: 30px;
	margin: 0;
	color:#999;
	line-height:30px;
	text-align: left;
	padding: 0px 0 0 10px;
}


#entradas-numeracion{
	background: url(images/entradas-numeracion.jpg) no-repeat;	
	width: 91px;
	height: 30px;
	float: left;
	padding-top: 12px;
	color: #424343;
	margin: 0 10px 0 0;
	text-align: center;
}

/* sidebarizquierdo
--------------------------------------------------*/
#titulo-podcast{
	background: url(images/podcast-titulo3.jpg);
	width: 237px;
	height: 74px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	float: left;
}

#podcast-listado{
	float: left;
	background: #d6cfbb;
	width: 200px;
	padding: 10px 10px 15px;
	margin: 0 20px;
}

.podcast-ul, .podcast-lista-ul{
	list-style-type: none;
}

.podcast-li{
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px;
	overflow: hidden;
}

.podcast-lista-li{
	height: 15px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 15px 0 15px 10px;
	font-size: 12px;
}

.podcast-download{
	background: url(images/podcast-download-icon.png);
	width: 15px;
	height: 14px;
	float: left;
	margin-top: 1px;
	
}

.podcast-download a{
	display: block;
	width: 15px;
	height: 14px;	
}

.podcast-download a span{
	display: none;
}

.podcast-play{
	float: left;
	background: url(images/podcast-play-icon.png) no-repeat;
	width: 15px;
	height: 14px;
	margin-left: 3px;
	margin-top: 1px;
	
}

.podcast-play a{
	display: block;		
	width: 15px;
	height: 14px;		
}

.podcast-play a span{
	display: none;		
}

.podcast-texto{
	float: right;
	width: 160px;
}

.podcast-texto a{
	color: #424343;
	font-size: 11px;
}

.podcast-lista-texto{
	float: left;
	margin-left: 10px;
	
}

.podcast-lista-texto a{
	color: #707373;
}


#vermas-podcast{
	background: url(images/vermas-podcast.jpg);
	width: 93px;
	height: 40px;
	float: right;
	margin: 5px 20px 10px 0;
}

#vermas-podcast a{
	display: block;
	width: 93px;
	height: 40px;
}

#vermas-podcast a span{
	display: none;
}

/* FANCYBOX POPUPS
--------------------------------------------------*/

.reproductor{
	background: #b4afa1 url(images/bg-fancy.jpg) repeat;
	width: 400px;
	overflow: auto;
	padding: 20px;
	color: #000;
	font-size: 12px;
}

h1.reproductor-titulo{
	width: 360px;
	float: left;
	font-family: "Courier New", Courier, mono;
	font-weight: 400;
	font-size: 20px;
	color:#000;
	line-height:18px;
	text-align: left;
	padding: 10px;
	background: #e2ddc9;	
	margin-bottom: 10px;
}

span.reproductor-nombre{
	margin-bottom: 5px;
}

.reproductor-nombre a{
	color: #000;
}

span.reproductor-player{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

#iconos-pizarron-suscripcion{
	background: #b4afa1 url(images/bg-fancy.jpg) repeat;
	width: 200px;
	height: 250px;
	overflow: hidden;
	padding: 20px;
}

#iconos-pizarron-suscripcion p{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;	
}


#iconos-pizarron-suscripcion form input{
	padding: 5px;
	width: 170px;
}

input.enviar{
	margin-top: 20px;
}

#radioenlinea-popup{
	width: 380px;
	height: 180px;
	overflow: hidden;
	padding: 20px;
}

#radioenlinea-popup p{
	font-size: 13px;
	margin-bottom: 10px;
}

#jukebox{
	margin-top: 20px;
	margin-bottom: 10px;
}

#camara-cabina{
	width: 400px;
	height: 390px;
	overflow: hidden;
	padding: 20px;
}

#embed-camara-cabina{
	width: 400px;
	height: 320px;
}


/* libros
--------------------------------------------------*/

#titulo-articulos-sidebar{
	background: url(images/banner-articulos2.jpg);
	width: 237px;
	height: 74px;
	margin-left: 10px;
	margin-top: 15px;
	float: left;
}

#titulo-libros-vayacondios{
	background: url(images/estamosleyendo-clip.jpg);
	width: 237px;
	height: 74px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
}

#libros-vayacondios{
	float: left;
	overflow: hidden;
	margin-top: 10px;
padding-left: 20px;
padding-bottom: 20px;
}

#libros-vayacondios-element{
	height: 100%;
	overflow: hidden;
	float: left;
	margin-right: 8px;
}

#libros-vayacondios-thumbnail{
	width: 108px;
	height: 137px;
	float: left;
}

#libros-vayacondios-thumbnail img{
	border: 4px solid #b0ac9d;	
	width: 100px;
	height: 129px;

}

#libros-vayacondios-thumbnail img a{
	border: none;	
}

#libros-vayacondios-thumbnail img a:hover{
	border: none;	
}

/* comments
--------------------------------------------------*/
h2#comments, h2#respond  {
	width: 410px;
	float: left;
	font-family: "Courier New", Courier, mono;
	font-weight: 400;
	font-size: 25px;
	margin: 0;
	color:#999;
	line-height:25px;
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}



ol.commentlist  {
	float: left;
	line-height:25px;
	font-size:13px;
	margin:15px 0;
	float: left;
	overflow: hidden;
	text-align:justify;
	color: #707373;
	list-style-type: decimal;
	list-style-position: inside;
}

ol.commentlist li {
	margin-bottom:1.5em;
	padding-bottom:1em;
	background: #e2ddc9;
	padding: 10px;
}

ol.commentlist li a{
	color: #707373;
}


ol.commentlist li p {
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 11px;
	text-transform: lowercase;
}

.commentmeta{
	font-weight: bold;
}

#commentform {
	text-align:left;
	margin:0 0 15px 0;
	float: left;
	margin-top: 20px;
}

#commentform p{
	margin-bottom: 10px;
	color: #707373;	
	line-height:25px;
	font-size:13px;
	width: 410px;
}

#commentform textarea {
	background:#f8f7f6;
	border:1px solid #d6d3d3;
	width:370px;
	font: 13px "Arial", "Lucida Sans Unicode", Trebuchet MS;
	color: #707373;	
	line-height:25px;
	padding: 5px;
}

#commentform #email,#commentform #author,#commentform #url {
	background:#f8f7f6;
	border:1px solid #d6d3d3;
	width:350px;
	padding: 5px;
	font: 13px "Arial", "Lucida Sans Unicode", Trebuchet MS;
	color: #707373;	
	line-height:25px;
}

#commentform input {
	margin-bottom:3px;
}


/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
	text-align:center;
	font-size:120%;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	height: 60px;
	float: left;
	width: 410px;
}


/* footer
--------------------------------------------------*/
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: #000;
}

#contenido_footer {
	color:#fff;
	margin-left: auto;
	margin-right: auto;
	padding:20px 0;
	width: 960px;
	padding-right: 25px;
	padding-left: 25px;
}

/* rotator
--------------------------------------------------*/
div.rotator-area{
	width: 570px;
	height: 105px;
	float: right;
	margin-right: 10px;
	border: 5px solid #fff;
	margin-top: 40px;
	background: #000;
}
    
div.rotator { 
	position: relative; 
	width: 570px;
	height: 105px; 
}

div.rotator img { 
	border: none;
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	width:620px;
	height:200px;
	position:relative;
	margin: 60px 0 0 50px;
}
#slideshow #slidesContainer {
  width:530px;
  height:200px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  margin-left: 58px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
	width: 530px;
  height:200px;
   margin-top: 4px;
 
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  height: 34px;
  width: 34px;
  background:transparent url(images/flecha-izq.png) no-repeat 0 0;
  margin-top: 80px;
}
#rightControl {
  top:0;
  right:0;
   height: 34px;
  width: 34px; 
   margin-top: 80px; 
  background:transparent url(images/flecha-der.png) no-repeat 0 0;
  float: left;
}

/* destacado PIZZARON
--------------------------------------------------*/

.destacado{
	margin-top: 60px;
	margin-left: 50px;
	width: 590px;
	height: auto;
}

.destacado-thumbnail img{
	width: 240px;
	height: 185px;
	float: left;
	border: none;
}

.destacado-texto{
	width: 230px;
	float: left;
	margin-left: 50px;
}

.destacado-texto h2{
	font-size: 18px;
	color: #999;
	line-height: 20px;
}

.destacado-texto h2 a:hover, .destacado-texto h2 a{
	color: #ccc;

}

.destacado-texto p{
	margin-top: 10px;
	text-align: left;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	line-height: 18px;
	
}

.destacado-leermas{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	width: 60px;
	height: 20px;
	color: #999;
	font-weight: bold;
}

.destacado-leermas a:hover{
	color: #ccc;
}


/* Otros elemenots pizzaron
--------------------------------------------------*/ 
#iconos-pizarron{
	width: 254px;
	height: 40px;
	position: absolute;
	margin-top: 215px;
	margin-left: 410px;
}

.icono{
	height: 20px;
	position: absolute;
	z-index: 1;	
}

.icono a{
	display: block;
	height: 20px;
}

.icono a span{
	display: none;
}


#icono-encuesta{ width: 170px; height: 20px; }
#icono-encuesta a{ width: 170px;}

#icono-foro{ width: 78px; height: 20px; margin: 0 0 0 175px; }
#icono-foro a{ width: 78px;	}

#icono-boletin{ width: 170px; height: 20px; margin: 20px 0 0; }
#icono-boletin a{ width: 170px;	}

#icono-rss{ width: 50px; height: 20px; margin: 20px 0 0 180px;}
#icono-rss a{ width: 50px;	}

#social-pizarron{
	width: 235px;
	height: 110px;
	position: absolute;
	margin-top: 185px;
	margin-left: 700px;
}

.social-pizarron-icono{
	height: 40px;
	width: 100px;
	float: left;	
	margin-right: 15px;
	margin-bottom: 13px;	
}

.social-pizarron-icono a{
	display: block;
	height: 40px;
	width: 100px;}

.social-pizarron-icono a span{
	display: none;
}

#versiculo-pizarron{
	width: 215px;
	height: 110px;
	position: absolute;
	margin-top: 55px;
	margin-left: 700px;
	text-align: center;
	padding-top: 5px;
}

#versiculo-pizarron p{
	font-size: 12px;
}

#radioenlinea-pizarron{
	width: 960px;
	height: 100px;
	text-align: center;
	float: left;
	
}

.radioenlinea-pizarron-camara{
	float: left;
	height: 60px;	
	width: 315px;
	margin-top: 17px;
	margin-left: 250px;
	margin-right: 203px;
}

.radioenlinea-pizarron-camara a{
	display: block;
	height: 60px;	
	width: 315px;
}

.radioenlinea-pizarron-camara a span{
	display: none;
}

.radioenlinea-pizarron-audio{ float: left; margin-top: 32px; height: 30px; }
.radioenlinea-pizarron-audio a{ display: block; height: 30px; }
.radioenlinea-pizarron-audio a span{ display: none; }

#pizarron-popup{ width: 30px; }
#pizarron-popup a{ width: 30px;}

#pizarron-real{ width: 38px; margin-left: 10px; }
#pizarron-real a{ width: 38px; }

#pizarron-itunes{ width: 35px; margin-left: 10px; }
#pizarron-itunes a{	width: 35px; }

#pizarron-windows{width: 35px;	margin-left: 10px;}
#pizarron-windows a{width: 35px; } 

/* imagenes en cuadros
--------------------------------------------------*/
#Contenido-BGCuadros{
	width: 960px;
	height: 221px;
	margin: 0 auto;
	padding-top: 62px;
}

#Ajuste-BGCuadros{
	width: 904px;
	height: 221px;
	margin: 0 auto;
	margin-left: 65px;	
}

.cuadros {
	float: left;
	position: relative;	
	width: 145px;
	height: 193px;
	margin-right: 81px;
	
}

.cuadros img{
	width: 145px;
	height: 193px;
	border: none;
}

#cat_articulos{
	margin-left: 15px;
}

.cat_articulo{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.cat_articulo img{
	float: left;
	width: 100px;
	height: 120px;
	border: 6px solid #d6cfbb;
}

/* eventos
--------------------------------------------------*/

#titulo_eventos h1{
	width: 400px;
}

#cartelera_eventos{
	float: left;
	overflow: hidden;
}

#cartelera_eventos_pasados{
	float: left;
	overflow: hidden;
	width: 410px;
	height: 100%;
	border-top: 1px solid #ccc;
	padding-top: 15px;	
}

.cartelera_eventos_element{
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	width: 400px;
	overflow: hidden;
}

.cartelera_eventos_descripcion{
	float: left;
	width: 260px;
}

.cartelera_eventos_descripcion p{
	margin: 0px;
	line-height: 16px;
	font-size: 11px;
	color: #707373;
	}
	
.cartelera_eventos_descripcion h2{
	font-size: 18px;
	border: none;
	margin: 0px;
	line-height: 18px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: normal;
	font-style: normal;
}

.cartelera_eventos_descripcion h2 a{
	color: #424343;
	
}

.cartelera_eventos_descripcion ul{
	padding-left: 5px;
	list-style-type: square;
	list-style-position: inside;
}

.cartelera_eventos_descripcion li{
	color: #707373;
}

.cartelera_eventos_descripcion li strong{
	color: #424343;
}	

.cartelera_eventos_mas a{
	float: right;
	color: #707373;
	margin-right: 10px;
	font-style: italic;
}

.cartelera_eventos_thumbnail{
	width: 128px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

.cartelera_eventos_thumbnail img{
	border: 4px solid #ccc;	
	width: 120px;
	height: 92px;

}

.cartelera_eventos_thumbnail img a{
	border: none;	
}

.cartelera_eventos_thumbnail img a:hover{
	border: none;	
}

#eventos-pasados{
	border-top: 1px solid #ccc;	
	background: url(images/eventos-pasados.jpg) no-repeat right 20px;
	width: 410px;
	height: 57px;
	float: right;
	padding-top: 20px;	
}

#eventos-pasados a{
	display: block;
	width: 140px;
	height: 57px;
	float: right;
}

#eventos-pasados a span{
	display: none;
}

/* eventos y recomendacion
--------------------------------------------------*/

#recomendacion{
	float: left;
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding-left: 20px;	
	padding-top: 15px;
}

.recomendacion_element{
	padding-top: 5px;
	width: 168px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	height: 165px;
	margin-bottom: 10px;
}
	
.recomendacion_element h2{
	font-size: 13px;
	border: none;
	margin: 0px;
	line-height: 18px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: normal;
	font-style: normal;
}

.recomendacion_element h2 a{
	color: #424343;
	
}

.recomendacion_element img{
	border: 4px solid #ccc;	
	width: 160px;
}

.recomendacion_element img a{
	border: none;	
}

.recomendacion_element img a:hover{
	border: none;	
}

/* Eventos-Recomendacion Popup
--------------------------------------------------*/


.evento_popup{
	width: 560px;
	padding: 20px;
	background: #b4afa1 url(images/bg-fancy.jpg) repeat;	
	font-size: 13px;
	overflow-y:auto;
}

.evento_popup_img_info{
	width: 560px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 25px;
}

.evento_popup_img_info ul{
	float: left;
	width: 312px;
	list-style-position: inside;
	list-style-type: square;
	
}

.evento_popup_img_info li{
	margin-top: 15px;
	margin-bottom: 15px;
}

.evento_popup_desc{
	width: 560px;
	float: left;
	overflow: hidden;
}

.evento_popup_desc p{
	margin-bottom: 10px;
}

.evento_popup img{
	float: left;
	width: 230px;
	margin-right: 10px;
	border: 4px solid #e2ddc9;
}

.evento_popup h1{
	width: 540px;
	float: left;
	font-family: "Courier New", Courier, mono;
	font-weight: 400;
	font-size: 30px;
	color:#000;
	line-height:30px;
	text-align: left;
	margin-bottom: 20px;
	padding: 10px;
	background: #e2ddc9;	
}

/* Sala
--------------------------------------------------*/
#sala{
	width: 960px;
	height: 637px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden ;
}

.elementosala{
	position: absolute;
}

.elementosala a{
	display: block;
}

.elementosala a span{
	display: none;
}


#zonacero{ width: 61px; height: 86px; margin: 86px 0 0 474px;}
#zonacero a{ width: 61px; height: 86px; }
#zonacero a:hover{ background: url(images/sombras/caja.png); }

#vayacondios{ width: 136px; height: 74px; margin: 50px 0 0 102px; }
#vayacondios a{ width: 136px; height: 74px;}
#vayacondios a:hover{ background: url(images/sombras/libros.png); }

#radio{ width: 92px; height: 64px; margin: 180px 0 0 130px;}
#radio a{ width: 92px; height: 64px;}
#radio a:hover{ background: url(images/sombras/radio1.png);}

#articulos{ width: 100px; height: 46px; margin: 196px 0 0 215px;}
#articulos a{ width: 100px; height: 46px; }
#articulos a:hover{ background: url(images/sombras/revistas.png);}

#sexperto{ width: 78px; height: 52px; margin: 188px 0 0 305px;}
#sexperto a{ width: 78px; height: 52px; }
#sexperto a:hover{ background: url(images/sombras/sexo.png);}

#lafamiliadelfuturo{ width: 114px; height: 140px; margin: 30px 0 0 530px;}
#lafamiliadelfuturo a{ width: 114px; height: 140px; }
#lafamiliadelfuturo a:hover{ background: url(images/sombras/cuadro.png);}

#sinergia{ width: 59px; height: 70px; margin: 116px 0 0 768px;}
#sinergia a{ width: 59px; height: 70px; }
#sinergia a:hover{ background: url(images/sombras/muneco.png);}

#vamosguate{ width: 68px; height: 131px; margin: 56px 0 0 824px;}
#vamosguate a{ width: 68px; height: 131px; }
#vamosguate a:hover{ background: url(images/sombras/bandera.png);}

#agentedecambio{ width: 58px; height: 89px; margin: 175px 0 0 780px;}
#agentedecambio a{ width: 58px; height: 89px; }
#agentedecambio a:hover{ background: url(images/sombras/pito.png);}

#eventos{ width: 54px; height: 100px; margin: 175px 0 0 830px;}
#eventos a{ width: 54px; height: 100px; }
#eventos a:hover{ background: url(images/sombras/gafete-evento.png);}

#conciertovirtual{ width: 70px; height: 133px; margin: 175px 0 0 874px;}
#conciertovirtual a{ width: 70px; height: 133px; }
#conciertovirtual a:hover{ background: url(images/sombras/gafete-concierto.png);}

#tendencias{ width: 121px; height: 85px; margin: 285px 0 0 712px; }
#tendencias a{ width: 121px; height: 85px; }
#tendencias a:hover{ background: url(images/sombras/compu.png);}

#podcast{ width: 68px; height: 83px; margin: 290px 0 0 651px;}
#podcast a{ width: 68px; height: 83px; }
#podcast a:hover{ background: url(images/sombras/ipod.png);}

#cooldown{ width: 141px; height: 270px; margin: 285px 0 0 21px;}
#cooldown a{ width: 141px; height: 270px; }
#cooldown a:hover{ background: url(images/sombras/saxofon.png);}

/* Versiculo
--------------------------------------------------*/
#versiculo{
	overflow: hidden;
	float: left;
	color: #707373;	
	line-height:25px;
	font-size:12px;	
}

.versiculo-element{
	width: 410px;
	margin: 0 0 15px;
	overflow: hidden;
	text-align:justify;
	border-top: 1px solid #ccc;
	height: 100%;
	width: 400px;
	overflow: hidden;
	padding: 10px 0;
}

.versiculo-texto{
	padding-right: 5px;
}

.versiculo-titulo h2{
	font-weight: bold;
	font-size: 15px;
}