/*generalesGENERALES*/

/*=== === === === === === === === === === */
a:focus{ -moz-outline: none !important;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.fleft{float:left;}
.fright{float:right;}
* {padding:0;margin:0;}
.clear { clear: both; font:1px Arial, Helvetica, sans-serif;}
ul { list-style:none;}.
.naranja { color: #FF6600;}
img { border:0;}






/*=estructura

=== === === === === === === === === === */
html, body {height: 100%;}
body {behavior:url("/sites/all/themes/garland/css/csshover.htc");}/*permite que los :hover funcionen en explorer*/		


#content_all { position:relative; width:950px; text-align:left; min-height: 10%; height: auto !important; height:100%; margin: 0 auto -270px auto;  solid #1d232a; border-bottom:0; border-top:0;}

#epl_expandable_div { border-bottom:1px solid #787878;}

.header { background:#006633;}
.footer { height:120px; background:#1d400a; border-top:5px solid #aa6600;border-bottom:1px solid #aa6600; padding:0 0px;}
.content_body {width:900px; margin:0 auto; padding:10px 0;}

.content_izq { width:640px;}
.content_der { width:300px;}

.content_logo { width:400px; padding:20px 0 0 20px;}


.links_topheader {font:bold 10px Arial, Helvetica, sans-serif; color:#999; padding:25px 20px 0 0; text-align: right;}
.links_topheader a { font:bold 10px Arial, Helvetica, sans-serif; color:#fff; padding:0 3px;}

.content_buscador { padding:15px 0 0 0; *padding:0;}
.links_ingreso {float:right; height:23px; padding:5px 0 0 0;}
* html .content_buscador { padding-top:10px; padding-bottom:5px;}
.content_buscador input { margin:0; padding:0;}
.content_buscador form.search-form {height:28px;}
.content_buscador input.input_text { border:1px solid #3c3c3c; background:#1b1d1f; color:#fff; width:155px; padding:3px 3px 4px 3px; font:normal 13px Arial, Helvetica, sans-serif; margin:0 0 0 15px; *margin:0 0 -7px 15px;}
.content_buscador input.bt_lupa { margin:0 0 -8px 5px; *margin:0 0 -11px 5px; padding:0;}
.content_buscador {font:bold 10px Arial, Helvetica, sans-serif; color:#999; padding:15px 25px 0 0;}
.content_buscador a { font:bold 10px Arial, Helvetica, sans-serif; color:#fff; padding:0 3px;}


/* box =ingreso*/
.alert_error { background:#feea9a; padding:10px; text-align:center; font:normal 19px Arial, Helvetica, sans-serif; margin:0 0 20px 0;}
.close_content { border-bottom:1px solid #ccc;  padding:8px 0; margin:0 0 10px 0;}
.content_inputsbox {border:5px solid #999;text-align:left;background:#fff;width:410px; padding:8px; top:0; }
.content_inputsbox input {font-size: 14px; width:200px; padding:3px 5px; margin:0 0 10px 15px; border:1px solid #ccc;}
.content_inputsbox input.form-checkbox {width:12px; padding:0; margin:0; border:none;}
.content_inputsbox input#edit-submit {width:115px; margin:3px 0 15px 112px; background-color:#76b4e2; cursor:pointer; color:#fff; border:1px solid #3f86bb;}
.content_inputsbox input#edit-persistent-login { margin:0 5px 0 0;}
.content_inputsbox label { display:block; margin:0 0 3px 15px; font:normal 12px Arial, Helvetica, sans-serif; color:#666;}
.content_inputsbox label span {color:#f90; font-size:15px;}
.content_inputsbox input:focus {border:1px solid #f90; background-color:#f9f9f9;}
.content_buscador ul { list-style:square; list-position:inside; padding:10px 0 0 30px; border-top:1px solid #ccc; margin:0 15px;}
.content_buscador li {padding:0 0 5px 0; color:#666;}
.content_buscador li a {font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.content_buscador li a:hover { text-decoration:underline; color:#f90;}

/* Modulo =OpenId en el registro*/
div#Dialog div.content_inputsbox .user-login-block { height:225px;}
div#Dialog div.content_inputsbox .user-login-block a.openid-link { display:none;}
.content_inputsbox ul.menu { border:0; padding:10px 0 0 15px;}

a.openid-link, a.user-link, #edit-openid-url { background: url(/images/login-openid.png) 0% 8px no-repeat; margin:0 0 0 15px;}
div#edit-openid-url-wrapper {display: none;}
html.js #user-login div#edit-openid-url-wrapper {display: none;}
html.js #user-login-form a.openid-link, 
html.js #user-login a.openid-link {display : block;}
#user-login-form a.openid-link, 
#user-login-form a.user-link, 
#user-login a.openid-link, 
#user-login a.user-link {display: none;}
#user-login-form a.openid-link, 
#user-login-form a.user-link {text-align : left;}
.content_inputsbox #user-login-form .form-item #edit-openid-url{ padding:3px 10px 3px 30px; width:170px; color:#666;}
.content_inputsbox #edit-openid-url-wrapper .description a{color:#f90; font-size:11px; font-weight:normal; margin:0 0 0 15px; cursor:help; line-height:20px;}
.content_inputsbox form#user_login_form #edit-openid-url-wrapper .description a{ margin:0; padding:0; color:#f90;}
.toboggan-login-link { display:none;}

.user-login-block { width:240px; border-left:1px solid #eaeaea; float:right;}
.item-list ul{ padding:10px 0 10px 15px;}
.item-list ul li a { font:normal 12px Arial, Helvetica, sans-serif; color:#FF6600;}
.form-item .option input { float:left;}
.form-item .option em {font:normal 11px Arial, Helvetica, sans-serif; float:left; padding:2px 0 0 0;}
.content_btregistro { float:left; width:155px; padding:0 0 0 10px;}
.content_btregistro p { font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:60px 0 15px 0;}
.content_btregistro a {width:90px; background-color:#76b4e2; color:#fff; border:1px solid #3f86bb; font:bold 14px "Trebuchet MS"; padding:4px 10px; display:block; text-align:center;}
.content_btregistro a:hover { text-decoration:none;}

.fuente { font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:0 0 20px 0;}
.fuente h6 { font:normal 10px Arial, Helvetica, sans-serif; color:#666; margin:0 0 3px 0;}

.footer_links { height:10px; padding:10px 0 0 0;}
.footer p { text-align:center; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; margin:0 auto; border-top:1px dashed #666; padding:20px 0 0 0;}
.footer p a { color:#FF6600;}

.list_footer h4 { font:normal 16px Arial, Helvetica, sans-serif; color:#FF6600; margin:0 0 5px 10px;}

.list_footer li a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff;}
.list_footer select { width:200px; padding:1px; margin:0 0 0 8px;}
.content_logofooter { width:125px;}



/*======
MENU
/*=============*/
#barra_menu {width:100%; height:35px; margin:20px 0 0 0; position:relative; background:#666 50% 0 repeat-x; z-index:100;}

/* hack to correct IE5.5 faulty box model */
html #barra_menu {width:100%; w\idth:950px;}

/*PRIMER NIVEL DE NAVEGACION
=================================================================== */
/* remove all the bullets, borders and padding from the default list styling */
#barra_menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#barra_menu li {float:left; position:relative;}
/* style the links for the top level */
#barra_menu li a, #barra_menu li a:visited {font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; padding:10px 8px; display:block; border-right:1px solid #999; height:15px;}
/* Con esto borra el contenido de los span, asi se puede dejar textos dentro de los links para los buscadores ya qu eesto esta por imagenes*/
#barra_menu a span { display:none;}


#barra_menu li.lonuevo a { background:url(/images/caracol/lonuevo.gif) no-repeat 0 0; width:131px; border:0;}
#barra_menu li.lonuevo a:hover { background:url(/images/caracol/lonuevo.gif) no-repeat 0 0; background-position:0 -35px;}

#barra_menu a.inicio { background:  50% 0 no-repeat; width:47px; } 
#barra_menu a.noticias { background:  50% 0 no-repeat; width:75px; } 
#barra_menu a.clase_especial { background: 50% 0 no-repeat; width:130px; } 
#barra_menu a.deportes { background: 50% 0 no-repeat;  width:130px; } 
#barra_menu a.entretenimiento { background:  50% 0 no-repeat; width:112px;} 
#barra_menu a.telenovelas { background:  50% 0 no-repeat; width:120px;} 
#barra_menu a.pequena { background:  50% 0 no-repeat; width:90px;} 

#barra_menu a.inicio:hover, 
#barra_menu a.noticias:hover, 
#barra_menu a.clase_especial:hover, 
#barra_menu a.deportes:hover,
#barra_menu a.entretenimiento:hover,
#barra_menu a.telenovelas:hover,
#barra_menu a.pequena:hover, #barra_menu a.activo, #barra_menu li:hover a{background-position: 50% -36px;}

/*SEGUNDO NIVEL DE NAVEGACION
=================================================================== */
/* hide the sub levels and give them a positon absolute so that they take up no room */
#barra_menu ul ul {visibility:hidden;position:absolute; top:35px;left:0; width:205px; padding:10px 15px 20px 15px; background-color:#333; z-index:999;}
#barra_menu ul ul.ul_pequena { width:182px;}
/* style the second level links */
body div#content_all div.header #barra_menu ul ul li a { background: 8px 50% no-repeat; color:#fff; height:auto; line-height:1em; padding:5px 15px; width:170px; border:none;}
body div#content_all div.header #barra_menu ul ul.ul_pequena li a { width:147px;}
#barra_menu ul ul li a:visited {color:#fff; height:auto; line-height:1em; padding:5px 15px; width:170px; border:none;}
/* yet another hack for IE5.5 */
* html #barra_menu ul ul li a, * html #barra_menu ul ul li a:visited {width:180px; w\idth:178px; padding:5px 15px; p\adding:0 15px;}
body div#content_all div.header #barra_menu ul ul li a:hover { background:#f60 url(/images/caracol/back_menu_over.gif) 5px 50% no-repeat; text-decoration:none;}
#barra_menu ul ul h3 {font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px dotted #999; margin:0 0 10px 0; display:block; padding:0;}
#barra_menu ul ul h3 a, #barra_menu ul ul h3 a:visited { border:none; color:#FF6600; padding:6px 0 6px 7px; margin:-5px 0 0 0; text-transform:uppercase;}
#barra_menu ul ul h3 a:hover {color:#fff;}
/* make the second level visible when hover on first level list OR link */
#barra_menu ul li:hover ul,
#barra_menu ul a:hover ul {visibility:visible;}

/*Contenido especial en el menu*/
#barra_menu ul ul.doble_columna {width:380px; padding:0;}
#barra_menu ul ul.doble_columna h3 { margin:0 10px; padding-top:10px;}

#barra_menu ul ul.doble_columna .entretenido { float:left; width:150px; padding:10px 10px 20px 10px;}
#barra_menu ul ul.doble_columna .entretenido h2 {font:bold 12px/24px Arial, Helvetica, sans-serif; color:#f60; border:none; display:block; height:20px; padding:0 0 10px 8px; text-decoration:none;}
#barra_menu ul ul.doble_columna .entretenido a{ background: 8px 50% no-repeat; color:#fff; height:auto; line-height:1em; padding:5px 5px 5px 15px; border:none;}
#barra_menu ul ul .entretenido a:hover { background:#f60 url(/images/caracol/back_menu_over.gif) 5px 50% no-repeat; text-decoration:none;}

#barra_menu ul ul.doble_columna .entretenido a.bullet_top { background-position:8px 9px;}
#barra_menu ul ul.doble_columna .entretenido a.bullet_top:hover { background-position:5px 7px;}


/* ESTILOS MODULO CONCURSOS */
.modulo_concursos { margin:0 0 20px 0;}
.modulo_concursos p {font:12px Arial, Helvetica, sans-serif; margin:5px 0 10px 0;}
.modulo_concursos h6 {margin:10px 0 0 0; border-top:1px dotted #666; padding:5px 0 0 0;}
.pregunta img { float:left; margin:0 10px 0 0;}
.pregunta h2 a{color:#000; font:bold 14px Arial, Helvetica, sans-serif;}
.pregunta h5 {margin:5px 0 0 0;}
.pregunta h5 a{font:14px Arial, Helvetica, sans-serif; color:#fff; background-color:#f60; padding:0 10px 2px 10px;}

/* ESTILOS ADMIN */
.tabs { border-bottom:1px solid #ccc; height:27px; list-style:none; margin:20px 0 10px 0; padding:0 0 0 20px;}
.tabs li { float:left; margin:0 5px 0 0;}
.tabs li a { float:left; display:block; border:1px solid #ccc; padding:5px 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; background:#eaeaea;}
.tabs li a:hover { background:#ccc; color:#333;}
.tabs li a.active { background:#fff; color:#FF6600; border-bottom:1px solid #fff;}


.links a { font:bold 12px Arial, Helvetica, sans-serif; color:#FF0000;}
.links li { padding:2px 0 3px 19px;}


/* RESPUESTA A COMENTARIOS*/
.content_reply {width:645px; margin:40px auto; border:none;}
.content_reply .opinion_padre {border:none;}

.content_body .error { background:#sss; border-bottom:0;}

.messages{display:block; padding:20px 0 15px 0;font:bold 16px Arial, Helvetica, sans-serif; text-align:left;}
.messages a, .messages a:visited { color:#336699;}

.error ul { margin:-7px 0 0 0; list-style:square; list-style-position:inside;}



.pds-answer input { margin:0 5px 0 0;}
.titulo_modprod_der { font: normal 24px Arial, Helvetica, sans-serif; color:#666; margin:0 0 5px 0; padding:7px 10px 0 10px;}
.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;}

/*PATROCINIO*/
.patrocinio_der {margin:-40px 0 0 0; width:170px; height:32px;}
.patrocinio_der span { font: normal 10px Arial, Helvetica, sans-serif; color:#666; float:left; display:block; width:80px; padding:8px 0 0 0; }
.patrocinio_der .box_patrocinio {width:88px; height:31px; float:right; margin:-11px 0 0 0;}

/*SERVICIOS*/
.list_servicios li img { float:left; margin:0 10px 20px 0;}
.list_servicios li { padding:12px 0 10px 0; border-bottom:1px dashed #dfdfdf;}
.list_servicios li h3 { font:bold 14px Arial, Helvetica, sans-serif;}
.list_servicios li p { font:normal 12px Arial, Helvetica, sans-serif;}
.list_servicios li h3 a, .list_servicios li p a { color:#333;}
.list_servicios li p a:hover { text-decoration:none;}
.list_servicios .registroboletin {margin:0 0 0 42px;}
.list_servicios .registroboletin .campo {width: 144px; padding: 4px; margin-right: 4px; border: solid 1px #ccc;}
.list_servicios .registroboletin .bt_suscribirse {background: #76b4e2; border: solid 1px #3f86bb; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 0; width: 95px;}