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

	ESTILOS HOME PRINCIPAL DE PRODUCCION CLUB 10
	Aqui estan todos los estilos para los modulos dentro del home de una seccion

==============================================================
==============================================================
==============================================================
==============================================================
*/
.titulo_modprod { font: normal 30px Arial, Helvetica, sans-serif; color:#c30; margin:0 0 10px 0;}
.box_personajesprod { background: url(/images/caracol/bg_modprod_club.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.box_personajesprod  h5 { text-align:right; padding:10px 0 0 0; *padding:0; clear:both;}
.box_personajesprod  h5 a { font:bold 11px Arial, Helvetica, sans-serif; color:#c30;}
.box_notasprod { background: url(/images/caracol/bg_modprod_club.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;font:bold 16px Arial, Helvetica, sans-serif; color:#333;}
.box_notasprod h3 a { font:bold 16px Arial, Helvetica, sans-serif; color:#333;}
.box_notasprod h4 { margin:0 0 3px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#f60;}
.box_notasprod p { font:normal 12px Arial, Helvetica, sans-serif; color:#666;}
.box_notasprod p a {color:#666;}
.box_notasprod p a:hover { text-decoration:none;} 
.una_notaprod { padding:10px;}
.azul { padding:10px; background-color:#cff;}
.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_club.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.box_capitulosprod { background: url(/images/caracol/bg_modprod_club.jpg) no-repeat top left; padding:10px; margin:0 0 25px 0;}
.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_club.gif) no-repeat  top left;}

.zona { width:587px; margin:0 0 0 20px;}
.notas { border-bottom: 1px solid #f60; border-left:1px solid #f60; border-right:1px solid #f60; padding-top:15px;}
.pestanas { height:39px; border-bottom:1px solid #f60;}
.pestanas li {float: left; font:bold 24px Arial, Helvetica, sans-serif; width: 293px; text-align: center; margin-right:1px;}
.pestanas li a {background: #fff url(/images/caracol/zona_pestana_act.jpg) no-repeat; text-decoration: none; color:#fff; padding: 4px 0; display: block; border-bottom:1px solid #fff; margin-top:2px;}
.pestanas li a:hover {background: #ffd07f url(/images/caracol/zona_pestana_inac.jpg) no-repeat; color:#09c;border-bottom:1px solid #f60;}
.pestanas li.selected a {background: #ffd07f url(/images/caracol/zona_pestana_inac.jpg) no-repeat; color:#09c; padding:5px 0;margin-top:0; }
.pestanas li.selected a:hover { border-bottom:1px solid #fff;}

.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;}
.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:150px; overflow:hidden; position:relative;}
li.slide img { border:1px solid #eaeaea;}
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 11px 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/12px 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;}
.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;}