/*
 * Layout
 */
*{
	margin:0; padding:0; border: 0;
}

html, body {
	text-align: center;
}

.container {
	width: 930px; margin: 0 auto; text-align: left;
}
.pop_container {
	width: 680px; margin: 0 auto; text-align: left;
}

#head {
	background: url(../images/bg-head.gif) repeat-x bottom;
	background-color: #8060b6;
	height: 110px; margin: 0 0 .5em 0;
}

#body {
	margin: .5em 0; min-height: 200px; color: #4a3c26;
	font: normal normal 1em arial;
}

#main {
	float: left; width: 680px;
	margin: 0;
}

#main a:hover {
	color: #654;
}

#main_full {
	float: left; width: 100%;
	margin: 0;
}

#right {
	float: right; width: 230px;
	margin: 0;
}

#head #logo {
	position: absolute; top: 10px; margin-left: 5px; padding: 0;
	text-align: left; width: 300px;
	z-index: 50;
}

#head #head_banner {
	position: absolute; top: 6px; margin-right: 5px; padding: 0;
	text-align: right; width: 920px;
}

#head #menu {
	position: absolute; top: 83px; margin: 0; padding: 0;
}


/*
 * Menu principal
 */
#menu li {
	list-style-type: none;
	float: left;
	background: transparent url(../images/menutab_l.gif) no-repeat;
}

#menu a {
	display: block; height: 27px; float: left; padding: 0 22px;
	background: transparent url(../images/menutab_r.gif) no-repeat right top;
	text-decoration: none;
	font: normal bold .9em sans-serif; color: #775d99;
	text-transform: uppercase;
	line-height: 30px;
}

#menu li.selected {
	background-image: url(../images/menutab_ls.gif);
}

#menu li.selected a {
	background: url(../images/menutab_rs.gif) no-repeat right top;
}

#menu a:hover {
	color: #553b77;
}


/*
 * User
 */
#head #user {
	position: absolute;
	top: 78px;
	height: 32px;
	width: 360px;
	margin: 0;
	padding-left: 565px;
	text-align: right;
	background: transparent url(../images/user_detail.gif) no-repeat top right;
}

#user .user_container {
	float: left;
	height: 33px;
	width: 275px;
	background: transparent url(../images/user_bk.gif) left top no-repeat;
	padding-left: 35px;
	padding-top: 6px;
	text-align: right;
	font: normal bold .6em verdana;
	color: #777;
}

#user input {
	border: 1px solid #777; padding: 1px 1px 1px 14px;
	font: normal bold 10px verdana; color: #464; width: 60px;
}

#user input#wacNick, .prueba {
	background: transparent url(../images/wacNick.gif) left no-repeat;
}

#user input#wacPass {
	background: transparent url(../images/wacPass.gif) left no-repeat;
}

#user button {
	padding: 1px 1px 1px 1px;
	margin: 0 1px 0 1px;
	font: normal bold 1em verdana; color: #464;
	background: transparent;
}

#user div.nick {
	float: left;
	width: 185px;
	margin-top: 4px;
	text-align: center;
}

#user a {
	border: 1px solid #777; padding: 2px 2px 1px 2px; margin: 1px;
	font: normal bold 1em verdana; color: #464;
	text-decoration: none;
}
#user a.gratuita {
	color: #080;
	border: 0px;
	text-decoration: none;
}
#user a.premium {
	color: #00A;
	border: 0px;
	text-decoration: none;
}
#user a.no_suscrito {
	border: 0px;
	color: #A00;
	text-decoration: underline;
}

.iconPass, .iconUser {
	width: 16px; height: 16px; background: red; margin: 2px; cursor: pointer;
	float: left;
}


/*
 * Canales
 */
.chnbox {
	position: relative;	z-index: 20;
	padding: 20px 0 30px 25px;
	background: transparent url(../images/v1_foot.gif) no-repeat left bottom;
	margin: 0 0 0 0;
}

ul.chntags li {
	list-style-type: none;
	display: list-item;
	font: normal normal 1.0em arial, sans-serif;
	padding: 0px 20px 0px 0px;
}

.chnbox1 {
	background: transparent url(../images/box1-1.gif) no-repeat left top;
	width: 228px;
	margin: 20px 35px 40px 35px;
	float: left;
}

.chnbox1 h2 {
	background: transparent url(../images/box1-2.gif) no-repeat left bottom;
	padding: 20px 8px 25px 8px;
	text-align: center;
	font: normal bold .8em georgia, sans-serif; color: #5a4c36;
}

.chnbox1 .box1_container {
	background: transparent url(../images/box1-3.gif) no-repeat left bottom;
	width: 210px; padding: 0 10px 15px 10px;
	float: left;
}

.img_container {
	display: block;
	width: 80px;
	padding: 0;	margin: 0;
	float: left;
}

.category_container {
	display: block;
	width: 125px;
	float: right;
}

.chnbox1 dl {
	margin-left: .5em;
}

.chnbox1 li {
	margin-left: 15px;
	list-style-type: circle;
	display: list-item;
	text-align: left;
	font: italic normal .9em verdana, sans-serif; color: #444;
}
.chnbox1 li a {
	font: italic normal .9em verdana, sans-serif; color: #444;
}


/*
 * Lista de canales
 */
#chnindex {
	margin: .5em 0 0 0; padding: 0;
	background: #8060b6 url(../images/bg-head.gif) repeat-x bottom;
}

#chnindex h3 {
	background: #000 url(../images/chnIdx_head.gif) no-repeat left bottom;
}

#chnindex h3 b {
	padding-left: 30px; height: 32px;
	display: block;
	padding-right: 30px; height: 32px;
	background: transparent url(../images/chnIdx_head_end.gif) no-repeat right bottom;
	font: normal normal 1em georgia; color: #fff;
}

#chnindex table {
	width: 100%; border-collapse: separate; border-spacing: 2px 0;
	margin: 2px 0 8px 0;
	table-layout: fixed;
}

#chnindex th {
	width: 14%; vertical-align: top;
	padding: .4em;
	border-bottom: 2px solid #baa9d7;
	font: normal bold .6em verdana; color: #472671;
	background: #d2c7e5;
}

#chnindex td {
	vertical-align: top;
	padding: .4em; padding-bottom: 40px;
	font: normal bold .6em verdana; color: #472671;
	background: #ece7f4;
}

#chnindex td li {
	list-style: none;
}

#chnindex td li a {
	color: #472671;
}


/*
 * Pie
 */
#foot {
	height: 30px;
	margin: 20px 0 0 0; padding: 10px 0 0 0;
	background: #8060b6 url(../images/bg-foot.gif) repeat-x top;
	font: normal normal .7em verdana; color: #FFF;
}

#foot a {
	color: #FFF;
}

#foot a:hover, #foot a:visited {
	color: #DDD;
}

#foot ul {
	width: 320px;
	margin: 0 auto;
	text-align: center;
	list-style: none;
}

#foot li {
	list-style: none;
	float: left;
	margin: 0 10px 0 10px;
}

.copyright {
	width: 100%;
	float: left;
}


/*
 * Contenido
 */
#main h1 {
	font: normal bold 22px georgia, serif; color: #55347f;
	margin: 5px 0 -10px 20px;
}
 
#v1box p {
	font: normal normal .9em verdana, sans-serif;
	margin: .5em 0;
	line-height: 1.3em;
	text-align: justify;
}	

#v1box ul {
	margin-left: 25px;
	text-align: justify;
}

#v1box li {
	font: normal normal .9em verdana, sans-serif;
	line-height: 1.3em;
}

#v1box h2, #v1box h3, #v1box h4 {
	color: #55347f;
}

#v1box h2 { font: normal bold 20px georgia, serif; }
#v1box h2 { font: normal bold 18px georgia, serif; }
#v1box h4 { font: normal bold 16px georgia, serif; }

#v1box a {
	color: #55347f;
}

#v1box blockquote {
	font: normal normal 1.1em georgia, serif;
	text-align: right; padding-left: 120px; margin: .9em 0;
}

#v1box fieldset, #v1boxEx fieldset {
	margin: .4em 0; padding: .6em 0;
}

#v1box fieldset.send, #v1boxEx fieldset.send {
	text-align: right;
}

#v1box fieldset.advanced, #v1boxEx fieldset.advanced {
	display: none;
}

#v1box legend, #v1boxEx legend  {
	font: italic normal 1.4em georgia, serif; color: #8060B6;
}

#v1box input, select, button, textarea, #v1boxEx input {
	border: 1px solid #88a; margin: .1em 0; padding: .1em;
	font: normal normal .9em arial;
}

#v1box dl, #v1boxEx dl { clear: both; }

#v1box dt, #v1boxEx dt {
	float: left;
	width: 155px; padding-right: .4em;
	text-align: right;
}

#v1box dd, #v1boxEx dd { float: left; }

#v1box span.gratuita {
	font-weight: bold;
	color: #080;
}

#v1box span.premium {
	font-weight: bold;
	color: #00A;
}

#v1box span.caducada {
	font-weight: bold;
	color: #A00;
}

#v1box code.tab {
	display: block;
	margin-left: 20px;
}

.clear { clear: both; }


/*
 * PATHWAY
 */
#pathway {
	width: 100%; height: 16px;
	border-bottom: 1px solid #e1ba66;
	padding: 0 0 3px 0;
	margin-bottom: .8em;
	float: left;
}

#pathway li {
	list-style: none;
	font: normal normal .6em verdana; color: #7c58aa;
	float: left; margin: 0 .4em 0 0; padding: 0;
}

#pathway a { color: #7c58aa; }
#pathway b { color: #7c58aa; }


/* Maquetacion */
.ly_025_l { float: left; padding: 0px 6px 6px 0; width: 172px;}
.ly_033_l { float: left; padding: 0px 6px 6px 0; width: 230px;}
.ly_066_l { float: left; padding: 0px 6px 6px 0; width: 445px;}
.ly_075_l { float: left; padding: 0px 6px 6px 0; width: 512px;}
.ly_100_l { float: left; padding: 0px 0px 6px 0; width: 690px;}


/*
 * MENU DE OPCIONES
 */
#options ul {
	text-align: right;
}

#options li {
	width: 20px;
	list-style: none;
	text-align: center;
	float: right;
}

/*
 * Texto principal
 */
.v1detail {
	position: absolute;
	width: 673px; height: 151px;
	background: transparent url(../images/v1_head.gif) no-repeat left;
	z-index: 10;
}

#v1box {
	position: relative;	z-index: 20;
	padding: 35px 0 30px 25px;
	background: transparent url(../images/v1_foot.gif) no-repeat left bottom;
	margin: 0 0 0 0;
}

#v1boxEx {
	padding: 35px 0 0 15px;
	background: transparent url(../images/v1_head.gif) no-repeat left top;
	margin: 0 0 0 0;
}

#v2box {
	width: 485px;
	background: transparent url(../images/v2_head.gif) no-repeat left top;
	float: right;
}

#v2box .vcontainer {
	background: transparent url(../images/v2_foot.gif) no-repeat left bottom;
	padding: 45px 20px;
}

#v3box {
	width: 180px;
	background: transparent url(../images/v3_head.gif) no-repeat left top;
	float: left;
}

#v3box .vcontainer {
	background: transparent url(../images/v3_foot.gif) no-repeat left bottom;
	padding: 20px 12px 40px 12px;
	font: normal normal .7em verdana, sans-serif;
}


/*
 * CAJAS
 */
.box1, .box2, .box3 {
	width: 228px; margin: 1em 0;
}

.box1 { background: transparent url(../images/box1-1.gif) no-repeat left top; }
.box2 { background: transparent url(../images/box2-1.gif) no-repeat left top; }
.box3 { background: transparent url(../images/box3-1.gif) no-repeat left top; }

.box1 h2, .box2 h2 {
	padding: 20px 8px 25px 8px;
	text-align: center;
	font: normal bold 14px georgia, sans-serif; color: #5a4c36;
}

.box1 h2 { background: transparent url(../images/box1-2.gif) no-repeat left bottom; }
.box2 h2 { background: transparent url(../images/box2-2.gif) no-repeat left bottom; }

.box1 .box1_container, .box2 .box2_container, .box3 .box3_container {
	padding: 0 10px 15px 10px;
}

.box1 .box1_container {	background: transparent url(../images/box1-3.gif) no-repeat left bottom; }
.box2 .box2_container {	background: transparent url(../images/box2-3.gif) no-repeat left bottom; }
.box3 .box3_container {	background: transparent url(../images/box3-2.gif) no-repeat left bottom; }

.box1 .box1_container ul.options, .box2 .box2_container ul.options {
	margin-top: 5px;
}

.box1 .box1_container ol, .box2 .box2_container ol,
.box1 .box1_container ul, .box2 .box2_container ul {
	margin-left: 15px;
}

.box1 .box1_container ul.options li, .box2 .box2_container ul.options li {
	list-style-image: url(../images/t1_dot.gif);
}

.box1 .box1_container .list li, .box2 .box2_container .list li {
	list-style-image: url(../images/t3_dot.gif);
}

.box1 .box1_container li, .box2 .box2_container li {
	font: normal normal 12px verdana, sans-serif; color: #444;
	margin-bottom: 5px; text-align: justify;
}

.box1 .box1_container a { color: #55347f; }
.box2 .box2_container a { color: #444; }

.box1 .box1_container a:hover, .box2 .box2_container a:hover, .box3 .box3_container a:hover { color: #ba9; }

.box1 .box1_container p, .box2 .box2_container p { text-align: justify; }

.box3 .box3_container li a {
	font: italic normal .9em verdana, sans-serif; color: #444;
}

.box1 li.new {
	background: transparent url(../images/new.png) no-repeat left top;
	height: 16px;
	padding-left: 50px;
}

.box {
	margin-bottom: 1em; padding: .3em;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.box h2 { font: normal normal 1.2em georgia; color: #888; }

dl.options dd { height: 20px; }
dl.options dd a { padding-left: 18px; }

dl.options2 dd { height: 20px; margin-left: 5px; }
dl.options2 dd a { padding-left: 22px; }

dd.renew a { background: transparent url(../images/icons/renew.png) no-repeat left top; }
dd.key a { background: transparent url(../images/icons/key.png) no-repeat left top; }
dd.list a { background: transparent url(../images/icons/list.png) no-repeat left top; }
dd.close a { background: transparent url(../images/icons/close.png) no-repeat left top; }
dd.user a { background: transparent url(../images/icons/user.png) no-repeat left top; }

dd.new_doc a { background: transparent url(../images/icons/new_doc.png) no-repeat left top; }
dd.edit_doc a { background: transparent url(../images/icons/edit_doc.png) no-repeat left top; }
dd.pending a { background: transparent url(../images/icons/pending.png) no-repeat left top; }
dd.enciclonet a { background: transparent url(../images/icons/enciclonet.png) no-repeat left top; }
dd.favorite a { background: transparent url(../images/icons/favorite.png) no-repeat left top; }


/*
 * WAC
 */
#wacLoginBox { margin: .5em 0; width: 400px; }

#wacLoginBox.left {
	padding: 1em .4em 1em 40px;
	float: left;
}

#wacLoginBox.right {
	padding: 1em 40px 1em .4em;
	float: right; background: #fee;
}

#wacLoginBox h2 {
	font: normal normal 1.6em georgia; color: #a99;
	margin: 0; padding: 0;
}

#wacLoginBox p {
	font: normal normal .9em arial; color: #655;
	margin: 0; padding: 0;
}

#wacLoginBox dt {
	float: left; width: 100px; clear: both; text-align: right; padding: .2em;
	font: normal bold 1em arial;
}

#wacLoginBox dd { float: left; padding: .1em; }

#wacLoginBox dl { margin: 1em 0; }

#wacLoginBox input {
	font: normal bold 1em arial;
	border: 1px solid #a99; color: #a99;
	padding: .1em;
}

#wacLoginBox button {
	font: normal bold 1em arial;
	border: 1px solid #a99; color: #a99;
	padding: .1em;
}


/*
 * Errors and messages
 */
#errors {
	display: none;
	background: transparent url(../images/b_err_head.gif) top no-repeat;
}

#errors .verrors {
	padding: 1em ; padding-left: 70px; padding-right: 70px;
	background: transparent url(../images/b_err_foot.gif) bottom no-repeat;
}

#errors ul { padding-left: 1.4em; }

#errors li {
	list-style-image: url(../images/icons/li_error.gif);
	font: normal normal .9em arial; padding: .2em; color: #b00;
}

#messages {
	display: none;
	background: transparent url(../images/b_msg_head.gif) top no-repeat;
}

#messages .vmessages {
	padding: 1em ; padding-left: 70px; padding-right: 70px;
	background: transparent url(../images/b_msg_foot.gif) bottom no-repeat;
}

#messages ul { padding-left: 1.4em; }

#messages li {
	list-style-image: url(../images/icons/li_ok.gif);
	font: normal normal .9em arial; padding: .2em; color: #b00;
}


/********************************************
 * LISTADOS
 ********************************************/

/*
 * Nube de etiquetas
 */
ul.tags li {
	list-style-type: none !important; 
	float: left;
	font: normal bold 12px verdana;
	padding-right: 10px;
}

ul.tags li b { font: normal bold 12px verdana; }

ul.tags a {	text-decoration: none; }

ul.tree li {
	text-align: left !important;
}

ul.tree a {
	font-size: 11px !important;
	color: #444 !important;
	text-decoration: none;
}

ul.tree li.level0 {
	margin-left: 2px;
	font-size: 12px !important;
	font-weight: bold !important;
}

ul.tree li.level1 {
	margin-left: 12px;
}

ul.tree li.level2 {
	margin-left: 22px;
	_display: none;
}

ul.tree li.level3 {
	margin-left: 32px;
	display: none;
}

ul.tree li.level4 {
	margin-left: 42px;
	display: none;
}

ul.list { margin-left: 1.4em; }

ul.list li {
	font: normal normal .8em arial, sans-serif;
	padding: 0 .3em 0 0;
}

ul.media li { margin-left: 12px !important; }
ul.media li.o1 { list-style-image: url(../images/icons/o1.gif) !important; }
ul.media li.o2 { list-style-image: url(../images/icons/o2.gif) !important; }
ul.media li.o3 { list-style-image: url(../images/icons/o3.gif) !important; }

ul.list a { text-decoration: none; }

#main a.o1 { padding-left: 25px; background: transparent url(../images/icons/o1.gif) left no-repeat; }
#main a.o2 { padding-left: 25px; background: transparent url(../images/icons/o2.gif) left no-repeat; }
#main a.o3 { padding-left: 25px; background: transparent url(../images/icons/o3.gif) left no-repeat; }


/*
 * Ayuda
 */
.help h3 {
	font: normal normal 1.1em serif; color: #996; margin-top: .4em;
}

.help p {
	font: normal normal .8em verdana, sans-serif; color: #666;
}

.help .highlight {
	font: normal bold 1em verdana, sans-serif; color: red;
}

.help dl {
	margin-left: .5em;
}

.help dt {
	font-weight: bold;
	margin-top: .3em;
}

.help dd {
	font: italic normal .8em verdana, sans-serif; color: #666;
}


/*
 * Abreviaciones
 */
.abbr {	clear: all; }

.abbr acronym {
	display: block; float: left; margin: .2em;
	width: 200px;
	cursor: help;
	border-bottom: 1px dashed #000;
}


/*
 * Creditos
 */
ul.creditos { margin-left: 2em; }


/*
 * Contacto 
 */
ul.contacto li {
	margin: 15px;
	list-style-image: url(../images/mail.gif);
}


/*
 * Botones
 */
button.img_btn_votacion, button.img_btn_enviar, button.img_btn_icon {
	margin: 0px; border: 0px;
	background-color: transparent;
}

button.img_btn_enviar {	width: 72px; }
button.img_btn_votacion { width: 104px; }
button.img_btn_icon { width: 20px; }


/*
 * Paginacion
 */
.pagination {
	text-align: center;	display: block;
	padding: 10px 0px;
}

a.pagination-number {
	color: #645742;
	text-decoration: none;
	padding: 2px 7px; margin: 0px 5px;
	border: 1px solid #d1a037;
	background-color: #e9e2d7;
}

a.pagination-number:hover {
	background-color: #e9e2d7;
	text-decoration: none; padding: 4px 9px; margin: 0px 3px;
}

.pagination-selected {
	color: #000; font-weight: bold;
	background: #e9e2d7;
	padding: 4px 9px;
	border: 1px solid #d1a037;
	margin: 0px 5px;
	height: 40px;
}

.pagination-break {
	padding: 0px 5px;
	background: transparent url(../images/icons/break.gif) 2px 2px no-repeat;
}


/*
 * REGISTRO
 */
#wacCreateBox p {
	text-align: justify;
}
#wacCreateBox input {
	font: normal normal 14px verdana;
	padding: .1em;
	border: 1px solid #000;
	margin: .1em;
}
#wacCreateBox .icon_mail {
	width: 100px; height: 127px; margin: 10px; float: left;
	background: transparent url(../images/logo_email.png) no-repeat;
}

#wacCreateBox .icon_enciclonet {
	width: 55px; height: 55px; margin: 10px; float: left;	
	background: transparent url(../images/logo_enciclonet.png) no-repeat;
}

#wacCreateBox dl dt { width: 200px; }

#wacCreateBox input[readonly="readonly"] {
	background-color: #eee;
}

#wacCreateBox button[disabled] {
	color: #888;
}

#wacCreateBox textarea.lopd {
	width: 650px;
	height: 80px;
	font-size: 11px;
	background-color: #eee;
}

#wacCreateBox .user {
	background: transparent url(../images/wacNick.gif) 0px 4px no-repeat; padding-left: 16px;
}

#wacCreateBox .pass {
	background: transparent url(../images/wacPass.gif) 0px 4px no-repeat; padding-left: 16px;
}

#checkOk, #checkKo {
	float: right;
	width: 250px;
	margin-left: 10px;
	padding-left: 20px;
	display: none;
}

#checkOk { background: transparent url('/themes/default/images/icons/li_ok.gif') no-repeat left; }
#checkKo { background: transparent url('/themes/default/images/icons/li_error.gif') no-repeat left; }

#messageOk, #messageKo {
	font: normal normal 11px verdana;
}

.steps {
	float: left;
	padding: 4px;
	background-color: #FFFCF6;
	border: 4px #d1a037 solid;
}

.stepOk, .stepOn, .stepOff {
	float: left;
	width: 165px;
	font: normal normal 10px verdana, sans-serif;
}

.stepOk { font-weight: bold; color: #d1a037; }
.stepOn { font-weight: bold; color: #44DD44; }
.stepOff { color: #e9e2d7; }

.stepNumber {
	font-size: 40px;
	width: 50px;
	text-align: center;
	float: left;
	background-color: #FDDE7F;
	border: 2px #d1a037 solid;
}

.stepText {
	width: 100px;
	float: left;
	padding: 0 0 0 5px;
}

legend.icon_visa, legend.icon_bank, legend.icon_number { padding-left: 50px; }
legend.icon_paypal { padding-left: 70px; }

legend.icon_visa   { background: transparent url('/themes/default/images/icons/visa.gif') no-repeat; }
legend.icon_bank   { background: transparent url('/themes/default/images/icons/banco.gif') no-repeat;}
legend.icon_paypal { background: transparent url('/themes/default/images/icons/paypal.gif') no-repeat; }
legend.icon_number { background: transparent url('/themes/default/images/icons/tarjeta.gif') no-repeat; }


/*
 * Caja de busqueda
 */
#searchForm input.query, #miEnciclonetForm input.query{
	font: normal bold 0.8em sans-serif; color: #99c;
	padding: .1em;
	margin: 0 0 0 0;
	vertical-align: middle;
	border: 1px solid #99c;
	width: 170px;
}

#searchForm button, #miEnciclonetForm button {
	margin: 0px; border: 0px;
	vertical-align: middle;
	background-color: transparent;
	width: 26px;
}

#searchForm a, #miEnciclonetForm a {
	font: normal bold 0.8em sans-serif; color: #99c;
}


/*
 * PUNTUACIONES
 */
div.rating { font: normal bold .7em verdana; }

div.rating dd {
	height: 32px;
	line-height: 32px;
}

div.star0, div.star1, div.star2, div.star3, div.star4, div.star5, div.star6, div.star7, div.star8, div.star9, div.star10 {
	width: 110px; height: 32px;
	float: left;
}

div.star0  { background: transparent url('/themes/default/images/star0.gif') no-repeat left; }
div.star1  { background: transparent url('/themes/default/images/star1.gif') no-repeat left; }
div.star2  { background: transparent url('/themes/default/images/star2.gif') no-repeat left; }
div.star3  { background: transparent url('/themes/default/images/star3.gif') no-repeat left; }
div.star4  { background: transparent url('/themes/default/images/star4.gif') no-repeat left; }
div.star5  { background: transparent url('/themes/default/images/star5.gif') no-repeat left; }
div.star6  { background: transparent url('/themes/default/images/star6.gif') no-repeat left; }
div.star7  { background: transparent url('/themes/default/images/star7.gif') no-repeat left; }
div.star8  { background: transparent url('/themes/default/images/star8.gif') no-repeat left; }
div.star9  { background: transparent url('/themes/default/images/star9.gif') no-repeat left; }
div.star10 { background: transparent url('/themes/default/images/star10.gif') no-repeat left; }

div.rating div.count {
	width: 32px; height: 32px; margin-left: 20px;
	background: transparent url('/themes/default/images/monigotes.gif') no-repeat left;
	float: left;
}

div.rating div.score, div.rating div.average {
	width: 95px; height: 32px;
	float: left;
}

div.rating div#votos {
	margin-left: 10px;
	float: left;
}

div.rating button {
	cursor: pointer;
}

div.rating.hidden {
	display: none;
}


/**
 * SUGERENCIAS
 */
div.suggestion, div.suggestion input, textarea {
	font: normal normal 12px verdana;
}

div.suggestion button {
	cursor: pointer;
}

div.sugerencia_ok, div.sugerencia_ko {
	padding-left: 20px;
	text-align: justify;
}

div.sugerencia_ok { background: transparent url('/themes/default/images/icons/li_ok.gif') no-repeat left top; }
div.sugerencia_ko { background: transparent url('/themes/default/images/icons/li_error.gif') no-repeat left top; }

div.bocadillo {
	width: 192px; height: 145px;
	margin-top: 5px;
	float: left;
	background: transparent url('/themes/default/images/bocadillo.gif') no-repeat left;
}

div.bocadillo textarea {
	width: 155px; height: 85px;
	margin: 3px 0 0 25px;
	border: 0px;
}

div.bocadillo div.button_send {
	margin: 20px 0 0 70px;
}

span.text_length {
	font: normal normal 0.7em verdana;
}


/**
 * ENCUESTAS
 */
div.survey { font: normal bold .7em verdana; }

div.survey label { font-weight: normal; }

div.survey dl dd { margin: 5px 0 0 15px; }

div.survey button { font: normal normal 1.0em verdana; }

div.survey .survey_bar {
	width: 170px; height: 16px;
	border: 2px solid #FACA63;
	padding: 2px;
	display: block;
}

div.survey .survey_bar_text {
	width: 170px;
	position: absolute;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}

div.survey .survey_bar_fill {
	height: 100%;
	background: #FCD09D;
	display: block;
	overflow: visible;
}

div.survey div.cont_count {
	height: 32px;
	line-height: 32px;
}

div.survey div#totalHits {
	margin-left: 10px;
	float: left;
}

div.survey div.count {
	width: 32px; height: 32px; margin-left: 20px;
	background: transparent url('/themes/default/images/monigotes.gif') no-repeat left;
	float: left;
}


/**
 * AVISOS
 */
div#warning-content { display: none; }

div#warning-text {
	width: 422px; height: 120px;
	padding: 30px 30px 20px 30px;
	background: transparent url('/themes/default/images/cabecera.gif') top left no-repeat;
	background-color: #fff;
	border: 2px #FABA00 solid;
}

.aviso {
	margin: 15px 0 15px 0;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #5a4c36;
	line-height: 18px;
}

.avisodestacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #393022;
}

div.warning_button {
	width: 107px; height: 23px;
	padding-top: 5px;
	background: transparent url('/themes/default/images/btn_renovacion.gif') no-repeat;
}


/**
 * CAJAS
 */
#noSuscriptor {
	margin: 2em 0;
	background: transparent url(../images/b_err_head.gif) top no-repeat;
}

#noSuscriptor .content {
	padding: 1em; padding-left: 70px; padding-right: 70px;
	background: transparent url(../images/b_err_foot.gif) bottom no-repeat;
	text-align: left;
}

#noSuscriptor .highlight {
	font: normal bold 1em verdana, sans-serif; color: red;
}

#noSuscriptor .content h4 {
	font: normal normal 1.1em verdana, serif;
	color: #000;
}

#noSuscriptor a { font-size: 1em; }

table.noSuscriptorLogin {
	font: normal normal .8em verdana, sans-serif;
	margin-left: 60px;
}

table.noSuscriptorLogin td.title {
	text-align: right;
	padding-right: 2px;
}

table.noSuscriptorLogin td.descrip {
	text-align: left;
	padding-left: 2px;
}

#noSuscriptor ul { margin-left: 2em; }

#noSuscriptor li {
	margin: .3em 0;
	font: normal normal .8em verdana, sans-serif;
}

#noSuscriptorBox { margin: 1.3em 0 .6em 0; }

#noSuscriptorBox .content { text-align: left; }

#noSuscriptorBox .content h4 {
	bacskground: #ededed;
	font: normal bold .8em verdana, sans-serif; color: #ef4444;
	text-align: left;
	margin: 0 0;
}

#noSuscriptorBox .content p {
	font: normal normal .7em verdana, sans-serif;
	text-align: left;
}

.d1box {
	float: left; width: 680px; margin: 0;
}

.d2box {
	float: right; width: 230px;	margin: 0;
}

table.suscriptions { width: 100%; }

table.suscriptions th {
	font: normal bold 1em georgia, serif;
	text-align: left;
	background-color: #f2cb77;
	padding: 4px 6px;
}

table.suscriptions tr:nth-child(even) {
	background-color: #fdeac2;
}
table.suscriptions tr:nth-child(odd) {
	background-color: #fffaf0;
}

table.suscriptions td {
	font: normal normal .9em verdana, arial, sans-serif;
	padding: 2px 6px;
}


/**
 * WIZARD
 */
#wizardSteps {
	margin-bottom: 50px;
}

#step1, #step2, #step3, #step4 {
	float: left; width: 115px; height: 44px;
	list-style-type: none;
	margin: 0 4px 0 0; padding: 6px 4px 4px 44px;
	font: normal bold 10px verdana, arial, sans-serif; color: #f4b42b;
}

#step1        { background-image: url(../images/wizard/step1off.gif); }
#step2        { background-image: url(../images/wizard/step2off.gif); }
#step3        { background-image: url(../images/wizard/step3off.gif); }
#step4        { background-image: url(../images/wizard/step4off.gif); }
#step1.active { background-image: url(../images/wizard/step1on.gif ); }
#step2.active { background-image: url(../images/wizard/step2on.gif ); }
#step3.active { background-image: url(../images/wizard/step3on.gif ); }
#step4.active { background-image: url(../images/wizard/step4on.gif ); }

#wizardSteps div.validate {
	background: transparent url(../images/wizard/validate.gif) no-repeat right;
	height: 18px;
}

#wizardSteps div.no_validate {
	height: 18px;
}

#pay_options {
	margin-bottom: 40px;
	border: 1px solid white;
}

#pay_options li { list-style-type: none; float: left; }

#pay_options li a {
	display: block; float: left;
	background: white url(../images/wizard/tab.gif) no-repeat;
	width: 140px; height: 25px;
	font: normal bold 10px verdana, arial, sans-serif; color: #f4b42b;
	text-transform: uppercase; text-decoration: none;
	padding: 6px; text-align: right; margin: 0 5px 0 0;
	outline-style: hidden;
}

#pay_options li a:hover {
	background: #fef3db url(../images/wizard/tab.gif) no-repeat;
}

#pay_options li a.selected {
	background: #ffd188 url(../images/wizard/tab.gif) no-repeat;
	color: #fff;
}

#pay_options li a.selected:hover {
	background: #fef3db url(../images/wizard/tab.gif) no-repeat;
}

#pay_visa, #pay_bank, #pay_paypal, #pay_number, #pay_phone {
	min-height: 330px;
}


/*
 * PAGINAS DE ERROR
 */
#errorPage .content {
	padding: 0px 10px 10px 10px;
	text-align: left;
}

#errorPage ul { margin-left: 2em; }

#errorPage li {
	margin: .3em 0;
	font: normal normal .9em verdana, sans-serif;
}


/*
 * FAVORITOS
 */
#favorites h2 {
	text-align: center; margin-top: .5em;
	font: normal bold 1.2em georgia, serif; color: #765c97;
}

#favoritesList { clear: both; }

#favoritesList ul {
	border-top: 1px dotted #ddd;
	padding: .3em 0;
}

#favoritesList li {
	font: normal normal 1.3em serif; color: #669;
	list-style-type: none;
	padding-left: .2em;
	height: 100%;
}

#favoritesList button {
	text-decoration: none;
	padding: 2px;
	float: right;
}

#favoritesList a.link {
	display: block;
	text-decoration: none;
}

#favoritesList li:hover, #favoritesList a:hover {
	background: #f0f0ff;
}

/* Mi Enciclonet */
#mienciclonet ul#menu_me { margin: 0; }
#mienciclonet ul#menu_me li { margin: 0; list-style-type: none; }
#mienciclonet h2 { font: normal bold 1.2em serif; margin: 1em 0 .4em 0; }
#mienciclonet h4 { margin: 0; }
#mienciclonet p { font: italic bold .8em sans-serif; color: #666; margin: 0 0 .4em 0; }
