/*
==============================================================
==============================================================
==============================================================
==============================================================

	ESTILOS HOME PRINCIAPL DE UNA PRODUCCION
	Aqui estan todos los estilos para los modulos dentro del home de una seccion

==============================================================
==============================================================
==============================================================
==============================================================
*/
.titulo_modprod { font: normal 30px Arial, Helvetica, sans-serif; color:#666; margin:0 0 10px 0;}
.box_personajesprod { background: url(/images/caracol/bg_modprod.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.box_personajesprod  h5 { font:bold 11px Arial, Helvetica, sans-serif; padding:10px 0 0 0; *padding:0; text-align:right; clear:both;}
.box_personajesprod  h5 a { color:#000;}
.list_personajesprod li{ float:left; border-right: 1px solid #edebeb; padding:0 14px;}
.list_galeriasprod li{ float:left; padding:0 15px; margin:0 0 10px 0;}
.box_notasprod { background: url(/images/caracol/bg_modprod.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.box_notasprod img { float:left; margin:0 10px 10px 0;}
.box_notasprod h3 { margin:0 0 3px 0;}
.box_notasprod h3 a { font:bold 16px Arial, Helvetica, sans-serif; color:#333;}
.box_notasprod p a { font:normal 12px Arial, Helvetica, sans-serif; color:#666;}
.box_notasprod p a:hover { text-decoration:none;} 
.una_notaprod { margin:0 0 15px 0;}
.box_notasprod  h5 { text-align:right; padding:10px 0 0 0;}
.box_notasprod  h5 a { font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
.box_galeriasprod {background: url(/images/caracol/bg_modprod.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.box_capitulosprod { background: url(/images/caracol/bg_modprod.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.slideable {position: relative;}
.slideable .wrapper {overflow: hidden; padding:0 0 0 12px;}
.slideable .navigation{ position:absolute; top:50px; left:-40px; width:580px;}
.box_carrusel { margin:0 auto; padding:0; width:495px;}
.box_carrusel .slideable .navigation p {display: block;cursor: auto;width:26px;height: 26px;text-indent: -9999px;}
.box_carrusel .slideable .navigation p a {background: url(/images/caracol/arrow_features.gif) no-repeat 0 0;}
.slideable .navigation p a {display: block;cursor: auto;width:26px;height:26px;}
.slideable .navigation p.previous { float:left;}
.slideable .navigation p.previous a {background-position: -26px -26px;}
.slideable .navigation p.previous_on a {background-position: 0 -26px;}
.slideable .navigation p.previous_on a:hover {background-position: -52px -26px;}
.slideable .navigation p.previous_on a,.slideable .navigation p.next_on a {cursor: pointer;cursor: hand;}
.slideable .navigation p.next { float:right;}
.slideable .navigation p.next a {background-position: -26px 0;}
.slideable .navigation p.next_on a {background-position: -52px 0;}
.slideable .navigation p.next_on a:hover {background-position: 0 0;}
.box_carrusel .slideable .wrapper { margin:0;}
.box_carrusel .wrapper { height:158px; overflow:hidden; position:relative;}
li.slide img { border:1px solid #eaeaea; margin:0 0 3px 0;}
li.slide {height:150px; position:relative;}
ul.slides {width:10000px; list-style:none;position:absolute;}
li.slide {width:100px;padding:0 12px 0 0; float:left; text-align:left; border-right:1px solid #edebeb; margin:0 12px 0 0;}
.first h5 { font:bold 12px/13px Arial, Helvetica, sans-serif; color:#333; margin:2px 0 4px 0;}
.first h5 a{color:#333;}
.first h6 { font:normal 11px Arial, Helvetica, sans-serif; color:#333; margin:2px 0 4px 0;}
.first h6 a{color:#ccc;}
.first p { font:normal 10px/11px Arial, Helvetica, sans-serif;}
.first p a{color:#333;}
.first p a:hover { text-decoration:none;}
.boxvideo_prod { background:url(/images/caracol/bg_mod_der_prod.gif) repeat-x top left; margin:0 0 20px 0;}
.titulo_modprod_der { font: normal 24px Arial, Helvetica, sans-serif; color:#666; margin:0 0 5px 0; padding:7px 10px 0 10px;}
.infovideoprod { background:url(/images/caracol/bg_videoprod.gif) repeat-x bottom left; padding:10px; border:1px solid #cacaca; border-top:0;}
.infovideoprod h5 { font:normal 11px Arial, Helvetica, sans-serif; color:#666;}
.infovideoprod p { font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.mas_galerias { margin:-35px 0 0 0;}
.mas_galerias a { float:right; font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
.mas_galerias a strong { color:#ff7700;}
.box_urnavirtual { margin:0 0 20px 0; border-bottom:2px solid #ccc; padding:0 0 10px 0; background: url(/images/caracol/bg_mod_der_prod.gif) no-repeat  top left;}
.pds-question-top { 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;}
.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;}
.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(/images/caracol/pd00-votebutton.gif) no-repeat; outline: none; float: right;}
.pds-answer-feedback-bar {background: url(/images/caracol/pd01-bargif.gif) repeat-x; margin: 3px; padding: 0px; height:12px; border: 0px;}
.pds-answer-feedback img {background: url(/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;}
.patrocinio { padding:0; margin:-35px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#666;}
.patrocinio img { margin:0 0 0 5px;}
.first h6 a{color:#666;}
.boxredes_prod { background:url(/images/caracol/bg_mod_der_prod.gif) repeat-x top left; margin:0 0 20px 0;}
.boxredes_prod a { font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.boxredes_prod a:hover { text-decoration:none;} 



/*
==============================================================
==============================================================

	ESTILOS COLUMNA DERECHA ELECCIONES PRESIDENCIALES 2010

==============================================================
==============================================================
*/
.codigo_caracol { margin:0 0 20px 0;}
.codigo_caracol h2 {font:bold 18px/16px Arial, Helvetica, sans-serif; color:#333; border-bottom:3px solid #333; padding-bottom:5px;}
.codigo_caracol .contenedor { border:1px solid #ccc; background:#f4f4f4; padding:5px;}
.codigo_caracol .contenedor img { float:left; width:138px; height:92px; margin-right:5px;}
.codigo_caracol .contenedor h3 {font:bold 12px/12px Arial, Helvetica, sans-serif;}
.codigo_caracol .contenedor h3 a {color:#333;}
.codigo_caracol .contenedor h3 a:hover {color:#000; text-decoration:none;}
.codigo_caracol .contenedor h4 {font:normal 11px/11px Arial, Helvetica, sans-serif; color:#f60; margin-top:5px;}

.blogs_elecciones { margin:0 0 20px 0;}
.blogs_elecciones h2 {font:bold 18px/16px Arial, Helvetica, sans-serif; color:#333; border-bottom:3px solid #333; padding-bottom:5px;}
.blogs_elecciones .contenedor { border:1px solid #ccc; background:#fff; padding:5px;}
.blogs_elecciones .contenedor h1 { font:bold 14px/14px Arial, Helvetica, sans-serif;}
.blogs_elecciones .contenedor .un_blog {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; }
.blogs_elecciones .contenedor .un_blog img { border:1px solid #333; float:left; margin-right:5px;}
.blogs_elecciones .contenedor .un_blog h1 {font:bold 12px Arial, "Helvetica", sans-serif; margin-top:5px; padding-top:5px;}
.blogs_elecciones .contenedor .un_blog h1 a {color:#333; text-transform:uppercase;}
.blogs_elecciones .contenedor .un_blog h1 a:hover {text-decoration:none; color:#069;}
.blogs_elecciones .contenedor .un_blog h3 {margin-top:2px; padding-bottom:5px; font:normal 12px Arial, "Helvetica", sans-serif; }
.blogs_elecciones .contenedor .un_blog h3 a {color:#333;}
.blogs_elecciones .contenedor .un_blog h3 a:hover {text-decoration:none;}
.blogs_elecciones .contenedor .un_blog h4 {margin-top:5px; font:normal 10px Arial, "Helvetica", sans-serif; color:#fff; background:#333; float:left; padding:0 2px; border:1px solid #000; margin-right:5px;}
.blogs_elecciones .contenedor .un_blog h5 {font:bold 13px Arial, "Helvetica", sans-serif; margin-top:5px;}
.blogs_elecciones .contenedor .un_blog h5 a {color:#069;}
.blogs_elecciones .contenedor .un_blog h5 a:hover {text-decoration: underline;}
.blogs_elecciones .contenedor .un_blog h6 {font:bold 10px Arial, "Helvetica", sans-serif; color:#666;}

.cedula { margin:0 0 20px 0;}
.cedula h2 {font:bold 18px/16px Arial, Helvetica, sans-serif; color:#333; border-bottom:3px solid #333; padding-bottom:5px;}
.cedula .contenedor {padding:5px; background:url(/images/caracol/cedula.jpg) no-repeat; height:209px;}
.cedula .contenedor .despliegue_buscador {}
.cedula .contenedor .despliegue_buscador h1 {font:bold 14px Arial, Helvetica, sans-serif; color:#333; float:left; margin-left:5px; margin-top:5px;}
.cedula .contenedor .despliegue_buscador .container-inline input {border:1px solid #ccc; height:34px; margin-top:10px; font:normal 14px Arial, Helvetica, sans-serif; color:#333; padding-left:10px; width:214px;}
.cedula .contenedor .despliegue_buscador .container-inline .form-submit { background:#f60; color:#fff; float:right; width:64px; margin-top:-35px; cursor:pointer; text-transform:uppercase; font-size:12px; padding:0; border:2px solid #fff;}
.cedula .contenedor .despliegue_buscador .container-inline .form-text { color:#ccc;}

.parlamentarias { margin:20px 0px;}



.box_capitulosprodRock{background: url(/images/caracol/bg_descargasrock.jpg) no-repeat top left; padding: 10px;}
.box_capitulosprodRock ul li{float:left; margin-right:15px; width: 100px; padding-right:15px; border-right:solid 1px #ccc;}
.box_capitulosprodRock ul li h5, .box_capitulosprodRock ul li h5 a{font: bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.box_capitulosprodRock .titulo_modprod {color: #fff;}


.box_capitulosprodcatacoa{background: url(/images/caracol/bg_modulocatacoa.png) no-repeat top left; padding: 10px;}
.box_capitulosprodcatacoa ul li{float:left; margin-right:15px; width: 100px; padding-right:15px; border-right:solid 1px #ccc;}
.box_capitulosprodcatacoa ul li h5, .box_capitulosprodcatacoa ul li h5 a{font: bold 12px Arial, Helvetica, sans-serif; color:#fff;}
.box_capitulosprodcatacoa .titulo_modprod {color: #fff;}


.box_capitulosprodTeleton {background: url(/images/caracol/bg_modprod.jpg) no-repeat scroll 0 0 transparent}
.box_capitulosprodTeleton ul li{float:left; margin-right:15px; width: 100px; padding-right:15px; border-right:solid 1px #ccc;}
.box_capitulosprodTeleton ul li h5, .box_capitulosprodTeleton ul li h5 a{font: bold 12px Arial, Helvetica, sans-serif; color:#000;}
.box_capitulosprodTeleton .titulo_modprod {color: #000;}


/*blogs amor y amistad ------*/
.blogs_aya{margin: 15px 0; background: url(/images/caracol/bg_mod_der_prod.gif) no-repeat left top; *height:280px;}
.blogs_aya h2 {font: normal 24px Arial, Helvetica, sans-serif; color:#666; padding:7px 10px 0 10px;}
.blogs_aya .un_blog {margin:20px 0; background:url(/images/caracol/mundial/borde_sup_un_blog_home.gif) no-repeat right 0; padding-top:10px;}
.blogs_aya .un_blog img { border:2px solid #333; float:left; margin-right:5px; margin-top:-10px;}
.blogs_aya .un_blog h2 {font:bold 12px Arial, "Helvetica", sans-serif; }
.blogs_aya .un_blog h2 a {color:#333; text-transform:uppercase;}
.blogs_aya .un_blog h2 a:hover {text-decoration:none; color:#069;}
.blogs_aya .un_blog h3 {margin-top:2px; border-bottom:1px dotted #ccc; padding-bottom:5px; font:normal 12px Arial, "Helvetica", sans-serif; }
.blogs_aya .un_blog h3 a {color:#333;}
.blogs_aya .un_blog h3 a:hover {text-decoration:none;}
.blogs_aya .un_blog h4 {margin-top:5px; font:normal 10px Arial, "Helvetica", sans-serif; color:#fff; background:#333; float:left; padding:0 2px; border:1px solid #000; margin-right:5px;}
.blogs_aya .un_blog h5 {font:bold 13px Arial, "Helvetica", sans-serif; margin-top:5px;}
.blogs_aya .un_blog h5 a {color:#069;}
.blogs_aya .un_blog h5 a:hover {text-decoration: underline;}
.blogs_aya .un_blog h6 {font:bold 10px Arial, "Helvetica", sans-serif; color:#666;}