/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 1;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:20px;color:#fff; font-weight:normal;}
h2{font-size:20px;color:#222;}
h3{font-size:17px;color:#333;}
h4{font-size:14px;color:#006699; margin: 5px 0;}
h5{font-size:15px;color:#333;}
h6{font-size:11px;color:#555}

p{color:#777; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; line-height:14px;}
p a{color:#006699;}

code {background-color:#DDD; font-family:"Courier New", Courier, monospace; color:#111}

body{
	background:url(../img/background.png) repeat-x fixed;
  	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;/* for ie5.+*/
}
/*INPUTS*/
input[type="text"],
input[type="password"]{
	height: 14px;
	width: 110px;
	margin: 2px;
	padding: 3px;
	border: 1px solid #AAA;
	font-size: 10px;
	color: #aaa;
	background-color:#fff;
}
input[type="button"]{
	height: 20px;
	border:0;
	background:transparent;
	cursor:pointer;
	margin:0; padding:0;
}
select{
	margin: 2px;
	padding: 3px;
	border: 1px solid #AAA;
	font-size: 10px;
	color: #aaa;
	background-color:#fff;
}
/*GENERAL*/
#container{
	width:850px;
	margin:auto;/* center the page*/
	text-align:left;/* reset text back to left due to ie5.x fix */
}
#content{
	width:850px;
	background:#fff;
	border:1px solid #aaa;
}
#content_top{
	background:#111;
	height:40px;
	padding:10px;
}
#content_subtitle{
	background:#111;
	height:20px;
	padding:10px;
}
#folders_top a{
	color:#fff;
	font-size:11px;
	font-weight:normal;
}
#heads{
	width:850px;
	color:#000;
	height:25px;
}
#footer{
	width:840px;
	height:75px;
	padding:5px;
	background: #111;
	clear:left;
}
#footer div{
	font-size:10px;
	color:#FFF;
	text-align:right;
	margin:0; padding:0;
}
#footer p{
	font-size:10px;
	color:#FFF;
	width:550px;
	text-align:left;
	line-height:11px;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a{
	color:#FFF;
}
.ejemplos{
	background:#ededed;
	border:1px solid #eee;
	padding:5px;
}
/*CONTENT*/
#mens_read{
	padding:10px;
}
#mens_read p{
	color:#454545;
}
/*TABLES*/
td[colspan="2"]{
	padding: 25px 0  5px 10px;
}
/*MAQUETACIO*/
#col-left{
	width:650px;
	float:left;
}
#col-right{
	width:200px;
	margin-left:650px;
	background:#F3F3F8;
	border-bottom:1px solid #ccc;
}
#col-left-a{
	width:200px;
	background:#F3F3F8;
	border-bottom:1px solid #ccc;
	float:left;
}
#col-right-a{
	width:650px;
	margin-left:200px;
}
/*SEARCH*/
#search_content select{
	height: 20px;
	width:100px;
	border:0;
	cursor:pointer;
	color:#333;
	margin:2px; padding:0;
}
#search_content input[type="submit"]{
	height: 20px;
	width:100px;
	border:0;
	margin:0; padding:0;
	background:url(../img/button-search.png) no-repeat 0 0;
	cursor:pointer;
}
#search_content_lat{
	background:#111;
	height: 40px;
	padding:10px;
}
#span_search{
	color:#dedede;
	font-size:10px;
}
#search_content_lat input[type="submit"]{
	height:20px;
	width:20px;
	border:0;
	margin:0 3px; padding:0;
	background:url(../img/button-search-lat.png) no-repeat;
	cursor:pointer;
}
#search_content_lat input[type="text"]{
	height: 12px;
	width: 120px;
}
#form_search{
	background:#F3F3F8;
	border-bottom: 1px solid #ccc;
	padding:10px;
}
/*COMMENTS*/
#coments_content{
	padding:10px;
	background-color:#ededed;
}
#coments_content hr{
	border:1px dotted #ccc;
}
#coments_content h2{
	margin:0; padding:0;
}
#coments_content table{
	width:100%;
}
#coments_content p{
	margin:0; padding:0;
	font-size:9px;
}
#coments_content a{
	color:#006699;
}
#coments_content input[type="submit"]{
	height: 20px;
	width:100px;
	border:0;
	background:url(../img/button-send.png) no-repeat;
	cursor:pointer;
	margin:0; padding:0;
}
/*STARS*/
#val_bar{
	height:16px;
	width:80px;
	background:url(../img/icon-star-gr.png) repeat-x;
	margin: 10px;
}
#val_bar div{
	height:16px;
	background:url(../img/icon-star.png) repeat-x;
	font-size:10px; color:#222;
}
#val_bar_s{
	height:12px;
	width:60px;
	background:url(../img/icon-star-gr-s.png) repeat-x;
	margin: 10px;
}
#val_bar_s div{
	height:12px;
	background:url(../img/icon-star-s.png) repeat-x;
	font-size:10px; color:#222;
}
/*PAGINATION*/
#pag_content{
	padding:10px;
	background:#ccc;
	color:#222;
}
#pag_content a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	color:#006699;
}
#pag_nums{
	color:#343434;
	background:#F3F3F8;
	border: 1px solid #666;
	line-height:15px;
	text-align:center;
	margin-top: 10px;
}
#pag_text{
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.first-arrow{ background:url(../img/icon-arrow-left-t.png) no-repeat 0 2px; padding-left: 3px;}
.before-arrow{ background:url(../img/icon-arrow-left.png) no-repeat 0 2px; padding-left: 3px;}
.later-arrow{ background:url(../img/icon-arrow-right.png) no-repeat 0 2px; padding-left: 3px;}
.last-arrow{ background:url(../img/icon-arrow-right-t.png) no-repeat 0 2px; padding-left: 3px;}
/*BAR NAVIGATION QUICK*/
#nav_quick_content{
	padding:10px;
	background:#ccc;
	color:#222;
	font-size:11px;
}
#nav_quick_content p{
	padding-left:17px;
	margin-left: 5px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}
/*RELACIONATS*/
#bar_rel_nav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 10px 15px 10px;
	color:#222;
	border-left:1px solid #ccc;
}
#bar_rel_nav_a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 10px 15px 10px;
	color:#222;
	border-right:1px solid #ccc;
}
#bar_rel_nav p,
#bar_rel_nav_a p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	text-align:left;
	padding: 0;
}
#bar_rel_nav a,
#bar_rel_nav_a a{
	color:#006699;
}
.h7{
	font-weight:bold;
	color:#111;
	margin-bottom:5px;
}
/*BANNERS*/
#banner-sup{
	height:220px;
}
#banner-sup-control{
	text-align:right;
	font-size:9px;
	height:10px;
	padding-right: 15px;
	background:url(../img/barra_flash_up.png) no-repeat top right;
}
#banner_lat_sup{
	padding:10px;
	background:#ccc;
}
#banner_tit_sup{
	background:#000;
}
#banner_x6{
	padding:7px;
	border-left:1px solid #ccc;
}
#banner_x6 td{
	padding:3px;
}
/*REGISTRO*/
#users_reg_content{
	padding:10px;
	background:#F3F3F8;
}
#users_reg_content p{
	padding:5px;
	text-indent:10px;
	line-height:13px;
}
#users_reg_content div{
	line-height:15px;
	font-size:11px;
	font-weight:bold;
}
#but_users_pass{
	background:url(../img/icon-send.png) no-repeat;
	width:20px;	
}
#SubmitRegister{
	background:url(../img/icon-users-send.png) no-repeat;
	width:20px;	
}

.ajax-loading{ background:url(../img/spinner-s.gif) no-repeat 0 0;}

.cancel{ padding-left:20px; background:url(../img/icon-users-no.png) no-repeat 0 0; color:#FF6666;}
.accept{ padding-left:20px; background:url(../img/icon-users-ok.png) no-repeat 0 0; color:#66CC33;}

/*INTERFACE*/
#form_user_aut{
	padding:10px;
	background:#ccc;
}
#form_user_aut div{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}
#form_user_aut_lat{
	padding:10px;
	background:#ccc;
	color:#222;
}
#form_user_aut_lat div{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}
#form_user_aut_lat a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}
#but_acc_users{
	background:url(../img/icon-users-acc.png) no-repeat;
	width:20px;	
}
#but_reg_users { background:url(../img/icon-users-reg.png) no-repeat;}
#but_pass_users{ background:url(../img/icon-users-pass.png) no-repeat;}

.link_form_aut{
	padding: 3px 0 3px 20px;
	line-height: 12px;
}
.i_last_vis	{ background:url(../img/icon-users-lvis.png) no-repeat; line-height:12px; padding-left:14px;}
.i_vis		{ background:url(../img/icon-users-vis.png) no-repeat; line-height:12px; padding-left:14px;}
.i_down		{ background:url(../img/icon-users-down.png) no-repeat; line-height:12px; padding-left:14px;}
.i_bono		{ background:url(../img/icon-users-bono.png) no-repeat; line-height:12px; padding-left:14px;}
.i_com		{ background:url(../img/icon-users-com.png) no-repeat; line-height:12px; padding-left:14px;}
.i_num		{ background:url(../img/icon-users-num.png) no-repeat; line-height:12px; padding-left:14px;}
.i_users	{ background:url(../img/icon-users-on.png) no-repeat; line-height:12px; padding-left:14px;}
.i_users_off{ background:url(../img/icon-users-off.png) no-repeat; line-height:12px; padding-left:14px;}
.i_cpanel	{ background:url(../img/icon-users-cp.png) no-repeat; line-height:12px; padding-left:14px;}
.i_logout	{ background:url(../img/icon-users-logout.png) no-repeat; line-height:12px; padding-left:14px;}

.i_users p		{ font-size:10px; color:#666;}
.i_users_off p	{ font-size:10px; color:#666;}
/*CPANEL*/
#user_cpanel{
	padding:10px;
	background:#ccc;
}
#user_cpanel div{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:10px;
}
/*DOWNLOADS*/
#downloads_content{
	padding:25px;
}
#downloads_content input[type="text"]{
	height: 12px;
	border: 1px solid #AAA;
	font-size: 9px;
	color: #222;
	background-color:#CCCCCC;
}
#downloads_content input[type="submit"]{
	height: 20px;
	width:100px;
	border:0;
	background:url(../img/button-downolad-secure.png) no-repeat;
	cursor:pointer;
	margin:0; padding:0;
}
#button_download{
	background:url(../img/button-downolad-nosecure.png) no-repeat;
	cursor:pointer;
	padding: 0 20px 0 100px;
	font-size:24px;
}
#descargaPay{
	margin-bottom:40px;
}
.download_secure{background:url(../img/icon-ok.png) no-repeat; padding-left: 20px;}
.download_nosecure{background:url(../img/icon-alert.png) no-repeat; padding-left: 20px;}
.icon_ej_d{background:url(../img/icon-ej-down.png) no-repeat; padding-left: 15px;}
.icon_ej_pay_d{background:url(../img/icon-ejp-down.png) no-repeat; padding-left: 15px;}
#list_ej{
	margin: 10px;
	width: 627px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#list_ej tr td{
	padding: 10px;
}
#list_ej a{
	color:#336666;
	font-weight:bold;
}
#list_ej font{
	font-size:9px;
}	

/*KNICKS*/
#kwicks_container{
	height:90px;
	padding:10px 11px;
	background:#111;
}
#kwicks {position: relative;} 
#kwicks .kwick {
	float: left;
	display: block;
	width: 113px;
	margin-left:4px;
	height: 90px;
}
#kwick_php {background-image:url(../img/menu_01.png);}
#kwick_flash {background-image:url(../img/menu_02.png);}
#kwick_js {background-image:url(../img/menu_03.png);}
#kwick_ajax {background-image:url(../img/menu_04.png);}
#kwick_others {background-image:url(../img/menu_05.png);}

/*NOVETATS*/
#nov_container{	padding:10px;}
#nov_content{ color:#121212;}
#nov_last{ margin-bottom: 10px;}
#nov_grp{margin:5px;}

.nov_img{ float:left; margin-right:10px;}
.nov_tags{ color:#ccc;; font-size:10px;}

#nov_data_content{background:url(../img/icon-calendar.png) no-repeat 0 0; width:40px; height:40px; margin-right: 5px;}
#nov_data_month{width: 38px; height: 12px; line-height: 12px; color:#FFF; font-size:10px; font-weight:bold; text-align:center;}
#nov_data_day{width: 38px; height: 28px; line-height: 25px; color:#000; font-size:18px; font-weight:bold; text-align:center;}

#nov_data_content_s{ background:url(../img/icon-calendar-s.png) 0 0; width:30px; height:30px; margin-right: 5px;}
#nov_data_month_s{ width: 29px; height: 10px; line-height: 10px; font-size:8px; color:#FFF; font-weight:bold; text-align:center;}
#nov_data_day_s{ width: 29px; height: 20px; line-height: 17px; color:#000; font-size:14px; font-weight:bold; text-align:center;}

/*LIST*/
#list_container table tr td{
	vertical-align:top;
}
#list_title { margin:0; padding:5px;}
#list_title h3{ margin:0; padding:0;}
#list_content{ margin:0; padding:5px; color:#333; line-height:13px;}

/*ERRORS & EXITS*/
#custom_exit{
	padding:10px;
	background:#F3F3F8;
}
#but_custom_exit{
	background:url(../img/icon-return.png) no-repeat;
	width:20px;	
}
.error_user_lat{
	background:url(../img/icon-error-lat.png) no-repeat;
	line-height:12px;
	text-indent:14px;
	color:#FF3333;
	margin: 10px 0;
}
.error_download h4{
	margin: 20px 0;
	color:#CC0000;
}
/*LINKS*/
#links_out{
	padding: 6px;
	border-left:1px solid #ccc;
}
#links_out ul{
	padding: 0 10px;
}
#links_out li{
	padding: 0 10px;
	line-height:20px;
	background:url(../img/icon-arrow-li.png) no-repeat 0 7px;
}
#complementos{
	padding: 6px;
	background:#111;
	border-left:1px solid #ccc;
	font-size:10px;
}
#complementos a{
	color:#fff;
}
#complementos ul{
	padding: 0 10px;
}
#complementos li{
	padding: 0 14px;
	line-height:20px;
	background:url(../img/rss.png) no-repeat 0 7px;
}
/*GOOGLE AWARDS*/
.google_pub_468x60{ text-align:center; margin: 0 auto;}
.google_pub_468x60_list{ margin: 10px 5px}
#content_adds{ clear:left; text-align:center; width:850px; height:125px; padding-top:20px;}
.google_pub_728x90 { padding: 0 50px;}
.google_pub_728x90 img{ float:left; margin: 0 13px;}
/*ICONS*/
.icon_next	{background:url(../img/icon-next.png) no-repeat;}
.icon_bef	{background:url(../img/icon-bef.png) no-repeat;}
.icon_dow	{background:url(../img/icon-down.png) no-repeat;}
.icon_imp	{background:url(../img/icon-imp.png) no-repeat;}
.icon_ej	{background:url(../img/icon-ej.png) no-repeat;}
.icon_ej_pay{background:url(../img/icon-ej-pay.png) no-repeat;}
.icon_sel	{background:url(../img/icon-sel.png) no-repeat;}
.icon_articulos	{background:url(../img/icon-art.png) no-repeat;}
.icon_manuales	{background:url(../img/icon-man.png) no-repeat;}
.icon_scripts	{background:url(../img/icon-scr.png) no-repeat;}
.icon_programas	{background:url(../img/icon-pgr.png) no-repeat;}
.icon_libros	{background:url(../img/icon-lib.png) no-repeat;}
/*MOOSEARCH*/
#moo-search{ 
	background: transparent url(../img/search_input.png) no-repeat;
	width:140px; height:20px;
	position:relative;
}
#moo-key_words{
	font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: transparent;
	border:0;
	margin:2px; padding:2px 0 0 20px;
}
#moo-action_search{
	position:absolute;
	top:-3px; right:-4px;
	width:11px; height:11px;
	margin:9px 10px;
	z-index:2;
	cursor:pointer;
	display:none;
}
#moo-content_stat_search{
	width:11px; height:11px;
	margin:0;
	z-index:3;
	cursor:pointer;
}
.moo-start_search{background: url(../img/search_spinner.gif) no-repeat;}
.moo-end_search {background: url(../img/search_controls_02.png) no-repeat;}
.moo-error_search {background: url(../img/search_controls_03.png) no-repeat;}

#moo-results_search{
	position:absolute;
	display:none;
	width: 328px;
	font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	z-index:4;
}
#moo-results_search ul{
	background:url(../img/results_back.png) repeat-y;
	border:0; margin:0;
}
#moo-results_search li{
	height:60px;
	margin:0 3px;
	cursor:pointer;
	border-left:1px solid #919191;
	border-right:1px solid #919191;
}
#moo-results_search li div.imgs{
	height:60px; width:70px;
	float:left;
}
#moo-results_search li div.txt{
	height:50px;
	padding:5px 7px 5px 2px;
	overflow:hidden;
}
#moo-results_search img{
	margin:5px auto;
	height: 50px;
}
#moo-no_results{
	font-style:italic;
	margin:0; padding:0;
}
input:focus {
	outline: 0;
}
#search_content_lat h1{ font-size:11px; color:#eee; height:25px; line-height:25px; padding:0 8px; font-weight:bold; background:url(../img/results_title_back.png) no-repeat; margin:0;}
#search_content_lat h1.bottom{ font-size:11px; color:#eee; height:30px; line-height:25px; padding:0 8px; font-weight:bold; background:url(../img/results_title_back.png) no-repeat left bottom; margin:0; text-align:right;}
#search_content_lat h1.bottom a{ font-size:11px; color:#eee; background:url(../img/search_controls_03.gif) no-repeat right top; margin:0 3px; padding:1px 20px 1px 0; height:15px;}
#search_content_lat h3{ font-size:11px; color:#222; margin-bottom:1px;}
#search_content_lat p{ font-size:10px; color:#555; line-height:14px; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-align:left;}