/*COLUMNA DERECHA---------------*/

/* publicidad
/********************************************************/
.publicidad { background:#f3f3f3; margin-bottom:20px;}
.borde_sup { background:url(../images/bk_publi_der_sup.gif) no-repeat left top; padding-top: 6px;}
.borde_inf { background:url(../images/bk_publi_der_inf.gif)  no-repeat left bottom; padding-top: 10px;}
.publicidad h1 {font:normal 10px Arial; color:#555; margin-left:10px;}

/*titulo modulo derecha
/********************************************************/
.titulo_modulo { background:url(../images/borde_sup_titulo_modulo.jpg) no-repeat left top; padding-top:3px}
.titulo_modulo h1 {font:bold 18px Arial; color:#333; margin-left:10px; margin-top:5px; margin-bottom:5px;}


/*encuesta*/
/*===============================================*/
.titulo_lateral { font:bold 18px Arial, Helvetica, sans-serif; color:#333;}
.box_urnavirtual { margin:0 0 20px 0; padding:0 0 10px 0;}
.pds-question-top { font:normal 17px/19px Arial, Helvetica, sans-serif; padding:15px;}
.pds-answer { font:bold 12px/20px Arial, Helvetica, sans-serif; padding:10px 10px 10px 20px; color:#003366;}
.pds-answer input.pds-textfield { border:1px solid #ccc; padding:2px; font:12px Arial, Helvetica, sans-serif; color:#666;}
.pds-box { margin:0;}
.pds-votebutton-outer { height:40px;}
.pds-votebutton-outer input { float:right; margin:0 20px 0 0; background: #76b4e2; border: solid 1px #3f86bb; color: #fff; font-size: 12px; font-weight: bold; padding: 4px 8px;}
.pds-votebutton-outer a { float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#FF6600; margin:5px 0 0 20px;}
input.pds-votebutton {width: 78px; height: 29px; background: url(http://static.canalcaracol.com/images/caracol/pd00-votebutton.gif) no-repeat; outline: none; float: right;}
.pds-answer-feedback-bar {	background: url(http://static.canalcaracol.com/images/caracol/pd01-bargif.gif) repeat-x; margin: 3px; padding: 0px; height:12px; border: 0px;}
.pds-answer-feedback img {	background: url(http://static.canalcaracol.com/images/caracol/pd01-bargif.gif) repeat-x; margin: 3px; padding: 0px; height:12px; border: 0px;}
.pds-totalvotes-inner { text-align:right; font:bold 14px Arial, Helvetica, sans-serif; color:#003366; height:20px; padding:0 20px 0 0;}
.content_pregunta { font:normal 17px/19px Arial, Helvetica, sans-serif; background:#f3f3f3; padding:15px; border:1px solid #e7e7e7; border-top:2px solid #333;	-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px;}
.content_select { padding:10px 10px 15px 10px;}
.box_urnavirtual .patrocinio { padding:0; margin:-35px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#666;}
.box_urnavirtual .patrocinio img { margin:0 0 0 5px;}


/*Player lo ultimo
/********************************************************/
.lo_ultimo_player {background:#f3f3f3; margin-bottom:20px;}
.lo_ultimo_player .reproductor { margin:5px 15px;}
.otros_videos { margin:5px 15px;}
.otros_videos ul li { border-bottom:1px solid #ccc; list-style:none; border-top:1px solid #fff; padding:2px 0;}
.otros_videos ul li a {font:bold 12px Arial; color:#333; text-decoration:none; margin-left:5px;}
.otros_videos ul li a:hover { text-decoration:underline;}
.lo_ultimo_player .patrocinio_ultimo { margin-top:15px; margin-left:15px;}
.lo_ultimo_player .patrocinio_ultimo img { border:1px solid #ccc;}
.lo_ultimo_player .patrocinio_ultimo h3 {font:normal 10px Arial; color:#666;}

/*trivia
/********************************************************/
.trivia_modulo_der {margin-bottom:20px;}
.borde_sup_trivia { background:url(../images/bk_modulo_der_sup.gif) no-repeat left top; padding-top: 5px;}
.borde_inf_trivia { background:url(../images/bk_modulo_der_inf.gif)  no-repeat left bottom; padding-top: 5px;}
.trivia_modulo_der .contenido_trivia {border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 9px;}
.trivia_modulo_der .contenido_trivia img { border:1px solid #ccc; margin:9px 0;}
.trivia_modulo_der .contenido_trivia h2 a {font:bold 14px Arial; color:#333; text-decoration:none;}
.trivia_modulo_der .contenido_trivia h2 a:hover { text-decoration:underline;}
.trivia_modulo_der .contenido_trivia p { margin-top:5px;}
.trivia_modulo_der .contenido_trivia p a {font:normal 12px Arial; color:#666; text-decoration:none;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia { padding:5px 0;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia ul { background:#ccc; margin:5px; margin-right:45px;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia ul li { background:url(../images/flecha_accion.jpg) no-repeat right top; float:right;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia ul li span {font:normal 11px Arial; margin-right:20px; margin-left:20px;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia ul li span a { color:#666; text-decoration:none;}
.trivia_modulo_der .contenido_trivia .herramientas_trivia ul li span a:hover { color:#333;}

/*lo m‡s visto
/********************************************************/
.lo_mas_visto { margin-bottom:15px;}
.borde_superior { background:url(../images/borde_sup_lomas.jpg) no-repeat left top; padding-top: 35px;}
.borde_inferior { background:url(../images/bk_modulo_der_inf.gif)  no-repeat left bottom; padding-top: 5px;}
.lo_mas_visto .contenido {padding:10px 6px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.lo_mas_visto .contenido .lo_mas .borde_s {background:url(../images/bk_s_lomas.jpg) no-repeat left top; padding-top: 4px;} 
.lo_mas_visto .contenido .lo_mas .borde_i { background:url(../images/bk_i_lomas.jpg)  no-repeat left bottom; padding-top: 4px;}
.lo_mas_visto .contenido .lo_mas .desarrollo { background:#efefef;}
.lo_mas_visto .contenido .lo_mas .desarrollo ul { padding:0px;}
.lo_mas_visto .contenido .lo_mas .desarrollo ul li {list-style:none; border-top:1px solid #fff; clear:both; padding:5px; }
.lo_mas_visto .contenido .lo_mas .desarrollo ul li a {font:bold 13px Arial; color:#333; text-decoration:none; margin:0; padding:0; font-weight:normal;}
.lo_mas_visto .contenido .lo_mas .desarrollo ul li a:hover {text-decoration:underline;}
.lo_mas_visto .contenido .lo_mas .desarrollo ul li span {font:bold 11px Arial; color:#693; margin-left:10px; width:34px; height:33px; float:left; margin-right:10px;}

.tabs_lo_mas {background:url(../images/bk_tabs_lo_mas.jpg) no-repeat left top; height:35px;}
.tabs_lo_mas li { padding:0 20px; float:left; height:35px; display:block; font:normal 15px Arial; color:#888; padding-top:8px;}
.tabs_lo_mas li a { text-decoration:none; color:#fff; text-shadow: #000 0px 1px 0;}
.tabs_lo_mas li a:hover { color:#fff;}
.tabs_lo_mas .selected { background:#fff; padding:0 20px; float:left; height:27px; border-right:1px solid #ccc; border-left:1px solid #ccc; display:block; padding-top:8px; color:#333;}
.tabs_lo_mas .selected a { color:#333; text-shadow:none;}
.tabs_lo_mas .selected a:hover { color:#333;}

/*FIN COLUMNA DERECHA---------------*/



/*COLUMNA IZQUIERDA---------------*/


/*perfil participante
/********************************************************/
.perfil_participante { margin-top:-10px;}
.perfil_participante .info_participante {margin-right:10px; margin-bottom:10px; width:359px; float:left;}
.perfil_participante .info_participante img { border:1px solid #ccc;}
.perfil_participante .info_participante .actividad_web { margin-top:5px; background:url(../images/bk_actividad_participante.jpg) no-repeat right 7px; height:65px;}
.perfil_participante .info_participante .actividad_web img { border:0; margin-left:10px; float:left;}
.perfil_participante .info_participante .actividad_web .popularidad { width:110px; height:35px; margin-left:20px; float:left; border-right:1px solid #fff; margin-top:14px;}
.perfil_participante .info_participante .actividad_web .popularidad ul { margin-left:4px; margin-top:5px; _margin-top:-3px; *margin-top:-3px;}
.perfil_participante .info_participante .actividad_web .popularidad ul li {font:bold 10px Arial; color:#666; }
.perfil_participante .info_participante .actividad_web .votacion { width:150px; _width:155px; *width:155px; height:35px; float:left; margin-top:14px; border-left:1px solid #ccc;}
.perfil_participante .info_participante .actividad_web .votacion h3 {font:bold 9px Arial; color:#666; margin-left:6px;}
.perfil_participante .info_participante .actividad_web .votacion ul { margin-left:4px; margin-top:5px;}
.perfil_participante .info_participante .actividad_web .votacion ul li { float:left; margin:0 8px; }

.perfil_participante .info_participante .nota { background:#eaeaea; padding:5px; font:normal 10px Arial; color:#666; margin-left:80px;}

.perfil_participante .info_participante .relacionados { background:#eaeaea; padding:5px; margin-top:10px;}
.perfil_participante .info_participante .relacionados img { border:0;}
.perfil_participante .info_participante .relacionados ul { padding:0 10px;}
.perfil_participante .info_participante .relacionados ul li { border-bottom:1px solid #ccc; list-style:none; border-top:1px solid #fff; padding:5px 0;}
.perfil_participante .info_participante .relacionados ul li a {font:bold 12px Arial; color:#666; text-decoration:none; margin-left:5px; }
.perfil_participante .info_participante .relacionados ul li a:hover { text-decoration:underline; color:#333;}
.perfil_participante .info_participante .relacionados ul li span {font:bold 11px Arial; color:#069;}


.perfil_participante p {font:normal 14px Arial; color:#666; margin-bottom:20px;}

.perfil_participante .bio_participante { float:left; border-bottom:1px solid #ccc; padding-bottom:10px; width:270px; _margin-top:10px;}
.perfil_participante .bio_participante h2 {font:bold 30px Arial; color:#296f29;}
.perfil_participante .bio_participante ul li {font:normal 12px Arial; color:#666;}
.perfil_participante .bio_participante ul li strong {color:#888;}


/*perfil presentador
/********************************************************/
.perfil_presentador { margin-top:-10px;}
.perfil_presentador .info_presentador {margin-right:10px; margin-bottom:10px; width:359px; float:left;}
.perfil_presentador .info_presentador img { border:1px solid #ccc;}

.perfil_presentador .relacionados {padding:5px; margin-top:10px;}
.perfil_presentador .relacionados img { border:0;}
.perfil_presentador .relacionados ul { padding:0 10px;}
.perfil_presentador .relacionados ul li {list-style:none; border-top:1px solid #fff; float:left; border-bottom:1px dotted #ccc; padding:5px 0; width:600px;}
.perfil_presentador .relacionados ul li a {font:bold 13px Arial; color:#333; text-decoration:none; margin:0; padding:0; font-weight:normal;}
.perfil_presentador .relacionados ul li a:hover {text-decoration:underline;}
.perfil_presentador .relacionados ul li span {font:bold 11px Arial; color:#c00; margin-left:10px; width:34px; height:33px; float:left; margin-right:10px;}

.perfil_presentador { margin-top:10px;}
.perfil_presentador p {font:normal 14px Arial; color:#666; margin-bottom:20px;}
.perfil_presentador .relacionados {padding:5px; margin-bottom:20px;}
.perfil_presentador .bio_presentador { float:left; border-bottom:1px solid #ccc; padding-bottom:5px; width:270px; _margin-top:10px; margin-bottom:20px;}
.perfil_presentador .bio_presentador h2 {font:bold 30px Arial; color:#296f29;}
.perfil_presentador .bio_presentador ul li {font:normal 12px Arial; color:#666;}
.perfil_presentador .bio_presentador ul li strong {color:#888;}


/*titulo
/********************************************************/
.titulo_sub_seccion { background:url(../images/bk_titulo_sub_seccion.gif) no-repeat top left; height:40px; padding-top:8px; padding-left:10px;}
.titulo_sub_seccion h3 {font:bold 16px Arial; color:#666;}

/*comentarios
/********************************************************/
.comentarios_aviso { background:url(../images/bk_comentarios_info.jpg) no-repeat top left; height:158px;}
.comentarios_aviso .numero_comentarios { float:left; width:130px; height:100px; margin-left:10px; margin-top:25px; text-align:center;}
.comentarios_aviso .numero_comentarios h4 {font:bold 60px Arial; color:#333;}
.comentarios_aviso .numero_comentarios h5 {font:bold 12px Arial; color:#333; margin-top:-10px;}

.comentarios_aviso .recomendacion { float:left; padding:0 10px; width:430px; margin-left:30px; margin-top:20px;}
.comentarios_aviso .recomendacion  h4 {font:bold 13px Arial; color:#333;}
.comentarios_aviso .recomendacion  h4 span { margin-left:5px;}
.comentarios_aviso .recomendacion  h4 span a { text-decoration:none; color:#f90;}
.comentarios_aviso .recomendacion  h4 span a:hover { text-decoration:underline;}
.comentarios_aviso .recomendacion p {font:normal 12px Arial; color:#666; margin-top:20px;}


/*Modulo de =Opiniones*/
/********************************************************/
.num_opiniones {background:url(http://static.canalcaracol.com/images/caracol/opinion_icon.gif) no-repeat 0 0; font: normal 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:-5px 8px 0 0; height:45px; float:left; width:63px; text-align:center; padding:7px 0 0 0;}
.info_opiniones {padding:0 0 10px 0; margin:0 0 20px 0; width:140px;}
.info_opiniones h2 {font: normal 23px Arial, Helvetica, sans-serif; letter-spacing:-1px;}
.info_opiniones p {font: 12px Arial, Helvetica, sans-serif;}
.info_opiniones p a{ font-weight:bold; color:#ff6600;}
.info_opiniones p a:hover{ text-decoration:underline;}
.una_opinion { margin:0; padding:0 0 10px 0;}
.opinion_padre {padding:15px 0 10px 0; border-top:1px solid #eaeaea;}
.opinion_hijo { padding:0 0 5px 0;}
.opinion_hijo .txt_opinion {width:380px; padding:15px;}
.opinion_hijo .txt_opinion p { width:310px;}
.autor_opinion { width:180px; float:left; padding:7px 0 0 0;}
.autor_opinion h6 {font: 11px Arial, Helvetica, sans-serif; color:#999;}
.autor_opinion h6 a{font:11px Arial, Helvetica, sans-serif; color: #FF6600;}
.autor_opinion h6 a:hover{ text-decoration:underline;}
.autor_opinion h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#333;}
.txt_opinion { width:430px; float:right; padding:10px;font:normal 12px/17px Arial, Helvetica, sans-serif; border:1px solid #b9b9b9; -moz-border-radius-bottomleft: 7px;	-moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px;	-moz-border-radius-topright: 7px; position:relative;}
.txt_opinion span { display:block; width:10px; height:20px; background:url(/images/arrow_opinion.gif) no-repeat 0 0; position:absolute; left:-10px; top:15px;}
.txt_opinion h6 { font: bold 24px Arial, Helvetica, sans-serif; color:#666; float:left; min-width:15px;}
.txt_opinion p {font: 12px/17px Arial, Helvetica, sans-serif; color:#000; float:left; width:365px; margin:0 0 0 10px;}
.txt_opinion a{color:#999;}
.txt_opinion p a{color:#999;}
.txt_opinion p a:hover{ text-decoration:underline;}

/*=paginacion comentarios*/
.paginacionbus {margin: 40px 0 0 0;*height: 30px;padding:25px;text-align:center;font: normal 12px Arial, Verdana,  Helvetica, sans-serif;}
.paginacionbus ul{	margin: 0 0 20px 0;padding: 0;}
.paginacionbus li{	margin: 0 3px 0 0;padding:0;list-style:none;display:inline;}
.paginacionbus li span.current {padding:4px 5px 4px 8px; background:#030; color:#fff;}
.paginacionbus li a{margin:0;padding:4px 5px 4px 8px; border:1px solid #e5e5e5; font:bold 12px Arial, Helvetica, sans-serif; color:#f60;}
.paginacionbus li a:hover{margin: 0;padding:4px 5px 4px 8px;background:#030; color:#fff;}

/*participantes
/********************************************************/
.titulo_desafiante {background:url(../images/bk_titulo_blog.jpg) no-repeat top left; height:46px;}
.titulo_desafiante h2 {font:bold 30px Arial, Helvetica, sans-serif; color:#333; margin-left:10px;}
.titulo_desafiante .patrocinio {float:right; margin-top:-30px; margin-right:10px;}
.titulo_desafiante .patrocinio img { border:1px solid #ccc;}
.titulo_desafiante .patrocinio h3 {font:normal 10px Arial, Helvetica, sans-serif; color:#fff; float:left; margin-right:5px;}