/******************************************************************************
 WEBANKO: Web Application NKO
-------------------------------------------------------------------------------

 webanko.css: Cascada de estilos principal

 + 2007-03-09: Basado en http://www.thenoodleincident.com y CBNSE (layout)

-------------------------------------------------------------------------------
 by TXiNo (J. Fernando Moyano) - txino@evolus.net
******************************************************************************/

/*-----------------------------------------------------------------------------
 General:
-----------------------------------------------------------------------------*/
* {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.5em;
	color: #505050;
	/*background-color: #330214;*/
	background-color: #620426;

	scrollbar-face-color: #b2b09c;
	scrollbar-highlight-color: #b2b09c;
	scrollbar-shadow-color: #b2b09c;
	scrollbar-3dlight-color: #F0F0F0;
	scrollbar-arrow-color: #F0F0F0;
	scrollbar-track-color: #E3E3E3;
	scrollbar-darkshadow-color: #000000;
}

td {
	text-align: left;
}

img {
	border: 0;
}

a {
	font-weight: bold;
	/*color: #ee941b;*/
	color: #801010;
	text-decoration: none;
}
a:hover {
	color: #505050;
	text-decoration: underline;
}
a:active,
a:visited {
}

strong, b {
	font-weight: bold;
}

p {
	margin-top: 1.0em;
	margin-bottom: 0.8em;
	line-height: 1.5em;
	text-align: justify;
}

pre {
	margin-top: 1.0em;
	margin-bottom: 0.8em;
	line-height: 1.5em;
}

form {
	margin:0;
}
input,
select,
textarea {
	padding-left: 0.2em;
	border: solid 0px #101010;
	font-size: 100%;
	color: #F0F0F0;
	background-color: #505050;
}

input[type=submit],
input[type=button] {
	text-align: center;
}
input[type=submit]:hover,
input[type=button]:hover {
	cursor: pointer;
	background-color: #AB0000;
}

input:focus,
textarea:focus {
	background-color: #707070;
}


/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around.
UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning.
At the moment i'm leaving it in only in case the issue turns up again. possibly the original bug
in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 200%;
	line-height: 2.0em;
	font-weight: bold;
	text-align: left;
	color: #303030;
}
h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 170%;
	font-weight: bold;
	line-height: 2.0em;
	text-align: left;
	color: #303030;
}
h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 2.0em;
	text-align: left;
	color: #303030;
}
h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 2.0em;
	text-align: left;
	color: #303030;
}
h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 2.0em;
	text-align: left;
	color: #303030;
}
h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 2.0em;
	text-align: left;
	color: #303030;
}

hr {
	color: #505050;
}

.ghost {
	display: none;
}

.nowrap {/* must be combined with nobr in html for ie5win */
	white-space: nowrap;
}

.tiny {
	font-size: 70%;
}

.terminal {
	font-family: courier, serif;
	font-size: 80%;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

div.aligner {
	margin: 0;
	padding: 0;
	text-align: center;
}

img.section_img {
	/*opacity: 0.6;*/
}

/*-----------------------------------------------------------------------------
 Collapsible Fieldsets:
-----------------------------------------------------------------------------*/

/* Removes Fieldset Border */
fieldset.collapsible {
}

fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

fieldset.collapsed * {
	display: none;
}

fieldset.collapsed table *,
fieldset.collapsed legend,
fieldset.collapsed legend * {
	display: inline;
}

fieldset.collapsible legend a:after {
	content: ' [-]';
}

fieldset.collapsed legend a:after {
	content: ' [+]';
}


/*-----------------------------------------------------------------------------
 Pestañeros:
-----------------------------------------------------------------------------*/

div.tabset {
	margin: 12px 0px;
	padding: 0px 0px;
	background-color: #f2f1ed;
}

div.tabset_header {
	height: 17px;
	margin: 0px;
	margin-bottom: 4px;
	padding: 0px 8px;
	border-bottom: solid 1px #838385;
	background-color: #ffffff;
}

div.tabset_header a {
	color: #3f3b3a;
	font-weight: normal;
	letter-spacing: 0px;
}
div.tabset_header a:hover {
	text-decoration: none;
	background-color: #f3be59;
}

div.tabset_header ul {
	margin: 0px;
	padding: 0px;
}

div.tabset_header li {
	display: inline;
	padding: 2px 14px;
	font-size: 120%;
	color: #838385;
}
div.tabset_header li:hover {
	border-bottom: solid 1px #f3bf5a;
	background-color: #f3bf5a;
}

div.tabset_header li.selected {
	font-size: 130%;
	border: solid 1px #838385;
	border-bottom: solid 2px #f2f1ed;
	background-color: #f2f1ed;
}
div.tabset_header li.selected:hover {
	border-bottom: solid 1px #f3bf5a;
	background-color: #f3bf5a;
}

div.tabset_header li.selected a {
	font-weight: bold;
}

div.tabset_footer {
	padding-bottom: 4px;
	border-bottom: solid 1px #838385;
	background-color: #f2f1ed;
}

div.tabset_body {
	margin: 0px;
	padding: 8px;
	overflow: auto;
	/*border-right: solid 1px #838385;
	border-left: solid 1px #838385;*/
	background-color: #f2f1ed;
}

div.tabset_body a {
	font-weight: normal;
}

div.freeheight {
	max-height: none;
	height: auto;
}

div.freeheight_control {
	float: right;
	height: 0px;
	padding-top: 2px;
	text-align: right;
}

div.freeheight_control a {
	color: #838385;
}
div.freeheight_control a:hover {
	color: #f00000;
}

div.freeheight_control a:after {
	content: '[+]';
}
div.freeheight + div.freeheight_control a:after {
	content: '[-]';
}

div.tabset div.freeheight + div.tabset_footer div.freeheight_control a:after {
	content: '[-]';
	font-size: 6px;
}
div.tabset div.freeheight_control a:after {
	content: '[+]';
	font-size: 6px;
}


/*-----------------------------------------------------------------------------
 Layout Principal:
-----------------------------------------------------------------------------*/

div#menu_admin {
	position:absolute;	
	left: 0px;
	top: 100px;
	width: 140px;
}

div#frame_body {
	background-image: url(/img/frame_middle.png);
	background-position: center;
	background-repeat: repeat-y;
}

div#bg_top {
	background-color: #620426;
	/*background-color: #62002b;*/
	background-image: url(/img/bg_top.png);
	background-position: 52% top;
	background-repeat: repeat-x;
}

div#frame_top {
	background-image: url(/img/frame_top.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div#bg_bottom {
	background-image: url(/img/bg_bottom.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#frame_bottom {
	padding-bottom: 41px; 
	background-image: url(/img/frame_bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

table#layout {
	/*width: 100%;*/
	margin: 0px;
	padding: 0px;
	/*border: solid 1px green;*/
	border-collapse: collapse;
	text-align: left;
}

table#layout td#header,
table#layout td#navleft,
table#layout td#navright,
table#layout td#body,
table#layout td#footerleft,
table#layout td#footer
{
	margin: 0px;
	padding: 0px;
	/*border: solid 0px red;*/
	vertical-align: top;
}

table#layout td#header {
	width: 760px;
}

table#layout td#navleft {
	width: 171px;
}

table#layout td#body {
	width: 580px;
	/*color: #000000;*/
}

table#layout td#footer {
	/*background-color: #000;
	border-right: solid 1px #BC7173;*/
	vertical-align: middle;
}

table#layout td#footerleft {
	/*background-color: #000;
	border-right: solid 1px #BC7173;*/
}



/*-----------------------------------------------------------------------------
 Elementos de Layout:
-----------------------------------------------------------------------------*/

div#header,
div#navtop,
div#navleft,
div#body,
div#footer {
	margin: 0;
	padding: 0;
	/*border: solid 0.5em #888;*/
	/*color: #FFFFFF;*/
}

/*header: ---------------------------*/

div#header {
	height: 60px;
	padding-right: 12px;
	/*background-color: #ffffff;
	border: solid 1px red;*/
}


/*navtop: ---------------------------*/

div#navtop {
	height: 52px;
	margin: 0;
	padding: 0;
	/*border: solid 1px red;*/
}

/*navleft: --------------------------*/

div#navleft {
	padding: 0;
	margin: 0;
	margin-left: 5px;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}

/*body: --------------------------*/

div#body {
	min-height: 352px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

div#body h1,
div#body h2 {
	margin-bottom: 8px;
	border-bottom: dotted 1px #800000;
	font-weight: normal;
	color: #800000;
}

/*
div#body a {
	color: #505050;
}
div#body a:hover {
	color: #AB0000;
}
*/

div#body div.forceps {
	width: 100%;
}

div#body div.aligner {
	margin: 0;
	padding: 0;
	text-align: center;
}

/*footer: ---------------------------*/

div#footer {
	padding-right: 16px;
	font-size: 90%;
	text-align: right;
	color: #FFFFFF;
}

div#footer a {
	font-weight: bold;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------
 Componentes WEBANKO:
-----------------------------------------------------------------------------*/

/*wbnk_menu: ----------------------*/

ul.wbnk_menu {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	list-style-type: none;
}

ul.wbnk_submenu {
	/*display: none;*/
	margin: 0;
	padding: 0.5em 0;
	list-style-type: none;
}

ul.wbnk_menu a,
ul.wbnk_submenu a {
	display: block;
	margin: 0;
	font-weight: normal;
	color: #AB0000;
}

ul.wbnk_menu a {
	margin-top: 1px;
	padding: 0.1em;
	padding-left: 0.5em;
	font-weight: bold;
	color: #ffffff;
	background-color: #AB0000;
}

ul.wbnk_menu a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #C00000;
}

ul.wbnk_submenu a {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	font-weight: normal;
	color: #ffffff;
	background-color: transparent;
}

ul.wbnk_submenu a:hover {
	color: #ffffff;
	background-color: #D09000;
}


/*menu_top: ----------------------*/

div.wbnk_menu_top {
	width: 250px;
	height: 40px;
	margin: 0;
	padding: 0px;
	padding-top: 8px;
	_padding-top: 8px;
	padding-left: 31px;
	text-align: center;
	border: 1px
}

div.wbnk_menu_top a {
	margin: 0;
	padding: 0;
	padding-right: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

div.wbnk_menu_top a:hover {
	text-decoration: none;
}

div.wbnk_menu_top ul{
	padding: 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

div.wbnk_menu_top ul li{
	display: inline;
}

div.wbnk_menu_top ul li a{
	margin: 0;
	padding: 0;
	padding-right: 1em;
	text-decoration: none;
}

/*chrome submenus: ----------------------*/

.dropmenudiv{
	position:absolute;
	visibility: hidden;
	top: 0;
	width: 210px;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	display: block;
	width: auto;
	padding: 2px 0;
	text-indent: 3px;
	border-bottom: 1px solid #BBB;
	text-decoration: none;
	font-weight: bold;
	color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{
	background-color: #F0F0F0;
}


/*wbnk_menu_locale_top : ----------------------*/

div.wbnk_menu_locale_top {
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}


div.wbnk_menu_locale_top input {
	height: 23px;
	margin: 0px;
	padding: 3px;
	font-size: 90%;
}


/*wbnk_login : ----------------------*/

form.wbnk_login {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	text-align: left;
	color: #F0F0F0;
}

form.wbnk_login div.title {
	margin-top: 1px;
	padding: 0.1em;
	padding-left: 0.5em;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #AB0000;
}

form.wbnk_login div.inputs {
	margin: 0.2em;
	text-align: right;
	line-height: 1.8em;
}

form.wbnk_login div.inputs input {
	width: 6em;
	font-size: 85%;
}

form.wbnk_login div.buttons {
	margin: 0.4em;
	text-align: center;
}

form.wbnk_login div.buttons input {
	font-size: 85%;
	font-weight: bold;
}

form.wbnk_login div.info {
	margin: 0.2em;
	text-align: center;
}


/*wbnk_login_top : ----------------------*/

div.wbnk_login_top {
/*	width: 450px;*/
	height: 40px;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	_padding-top: 4px;
	padding-left: 24px;
	text-align: right;
	background-image: url(/img/menu_det2.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.wbnk_login_top div.inputs {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.wbnk_login_top div.inputs input {
	width: 50px;
	margin: 0px;
	padding: 2px;
	font-size: 90%;
}

div.wbnk_login_top div.buttons {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.wbnk_login_top div.buttons input {
	_height: 18px;
	margin-left: 4px;
	margin-right: 0px;
	padding: 1px;
	font-size: 90%;
	font-weight: bold;
}

div.wbnk_login_top div.info {
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	_padding-top: 8px;
	font-size: 95%;
	text-align: right;
	color: #999;
}

/*wbnk_log: ----------------------*/

div.wbnk_log {
	margin: 0;
	padding: 0.8em;
	text-align: left;
	color: #101010;
	background-color: #E0E0E0;
	border-top: solid 1px #BC7173;
}

div.wbnk_log div.info {
	padding: 0.1em;
	color: #109010;
}

div.wbnk_log div.error {
	padding: 0.1em;
	color: #901010;
}

/*wbnk_message: ----------------------*/

div.wbnk_message {
	width: 640px;
	padding: 1em;
	text-align: left;
}

div.wbnk_message div.title {
	background-image: url(/img/webanko/wbnk_error.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 128px;
	margin: 1em;
	margin-bottom: 2em;
	padding-top: 30px;
	padding-left: 140px;
	font-size: 120%;
}


div.wbnk_message p.info {
	margin: 1em;
}

div.wbnk_message textarea {
	width: 39em;
}

/*wbnk_upload: ----------------------*/

div.wbnk_upload {
	padding-left: 20px;
}

div.wbnk_upload p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*wbnk_calendar: --------------------*/

table.wbnk_calendar {
	margin: 0.5em;
	margin-bottom: 1.5em;
	padding: 0;
	font-size: 95%;
	background-color: #FFFFFF;
	border-collapse: collapse;
}

table.wbnk_calendar tr {
	padding: 0;
}

table.wbnk_calendar td {
	text-align: right;
	vertical-align: top;
	background-color: #F6F6F6;
	border: solid 1px white;
}

table.wbnk_calendar td.dia {
	padding: 0;
	color: #484;
}
table.wbnk_calendar td.dia:hover {
	background-color: #C0F0C0;
	cursor: pointer;
}

table.wbnk_calendar td.dom {
	padding: 0;
	background-color: #FFE0E0;
	color: #944;
}
table.wbnk_calendar td.dom:hover {
	background-color: #FFD0D0;
	cursor: pointer;
}

table.wbnk_calendar td.hoy {
	padding: 0;
	font-weight: bold;
	background-color: #E0E0F0;
	color: #449;
}

table.wbnk_calendar td.hoy:hover {
	background-color: #D0D0F0;
	cursor: pointer;
}

table.wbnk_calendar td.tit {
	padding: 0.2em;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #55C;
}

table.wbnk_calendar td.bottom {
	padding-top: 1.0em;
	text-align: center;
}

table.wbnk_calendar input {
	/*font-size: 95%;*/
	text-align: center;
}


div.wbnk_content_calendar {
}

div.wbnk_content_calendar h3 {
	margin: 0px 5px;
	padding: 0px;
	text-align: right;
}

div.wbnk_content_calendar table.wbnk_calendar {
	width: 98%;
}

div.wbnk_content_calendar td {
	width: 14%;
	height: 40px;
	font-weight: bold;	
}

div.wbnk_content_calendar td li {
	list-style-type: none;
	margin: 2px;
	padding: 0px;
	padding-left: 12px;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	color: #8080C0;
	background-image: url(/img/bullets/0001_arrow_trans.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div.wbnk_content_calendar td li a {
	font-weight: normal;
	color: #8080C0;
}
div.wbnk_content_calendar td li a:hover {
}

/*wbnk_pager: --------------------*/

ul.wbnk_pager {
	clear: both;
	margin: 10px;
	padding: 0;
	padding-top: 12px;
	padding-bottom: 2px;
	list-style-type: none;
	font-size: 95%;
}

ul.wbnk_pager li {
	display: inline;
	margin: 0;
	padding: 0 1px;
}

ul.wbnk_pager a {
	padding: 0 2px;
	color: #ee941b;
}

ul.wbnk_pager a:hover {
	color: #ffffff;
	background-color: #ee941b;
}

ul.wbnk_pager a.selected {
	color: #ffffff;
	background-color: #AB0000;
}


/*wbnk_blog: --------------------*/

div.wbnk_blog {
	width: 80%;
	margin: 1.5em auto 0.5em auto;
	padding: 0;
	/*border-top: solid 0.4em #888;
	border-bottom: solid 0.4em #888;*/
	font-size: 90%;
	text-align: left;
}

div.wbnk_blog div.title {
	margin: 0;
	padding: 0 0.4em;
	font-size: 110%;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #7B1E1C;
}

div.wbnk_blog div.info {
	margin: 0;
	margin-bottom: 1px;
	padding: 0 0.4em;
	color: #777;
	background-color: #DDD;
}

div.wbnk_blog div.body {
	margin: 0;
	padding: 0.4em;
	background-color: #DDD;
}

div.wbnk_blog div.footer {
	margin: 0;
	padding: 0.1em;
	color: #F0F0F0;
	background-color: #7B1E1C;
}

/*wbnk_file_manager: --------------------*/

div.wbnk_file_manager {
	margin: 1em;
	padding: 1em;
}

div.wbnk_file_manager tr {
	background:#f0f0f0;
}


/*wbnk_popup: --------------------*/

div#wbnk_popup {
	z-index: 200;
	display: none;
	position: absolute;
	top: 120px;
	width: 600px;
	/*height: 380px;*/
	margin: 0px 30%;
	padding: 12px;
	background: #F0F0F0;
	opacity: 0.95;
	border: solid 1px #B0B0B0;
}

div#wbnk_popup img {
	float: right;
	margin: 8px;
	margin-right: 0px;
}

/*-----------------------------------------------------------------------------
 Componentes SWAL:
-----------------------------------------------------------------------------*/

/*swal_form: -----------------------*/

.swal_form {
	padding: 0px 16px;
	font-size: 100%;
	text-align: left;
	color: #ffffff;
}

.swal_form_body {
	padding: 0px 0px;
	color: #404040;
} 

.swal_form h2 {
	padding: 0.8em 0px;
	font-size: 130%;
	text-align: left;
	color: #ffffff;
}

.swal_form h3 {
	padding-top: 0.8em;
	font-size: 110%;
	text-align: left;
	color: #ffffff;
}

.swal_form div.extra_buttons {
	float: right;
	clear: right;	
	margin: 4px;
	padding-top: 1em;
	text-align: right;
}

.swal_form table {
}

.swal_form th {
	font-weight: normal;
	text-align: left;
}

.swal_form td {
}

.swal_form input,
.swal_form select,
.swal_form textarea {
	padding-left: 0.2em;
	border: solid 1px #000000;
	color: #F0F0F0;
	background-color: #404040;
}

.swal_form input[type=button]:hover {
	cursor: pointer;
	background-color: #AB0000;
}

.swal_form input:focus,
.swal_form textarea:focus {
	background-color: #406640;
}

.swal_form div.marger {
	margin: 6px;
}

.swal_form iframe {
	background-color: #ffffff;
}

.swal_form fieldset {
	border-color: #C0C0C0;
}
	
.swal_form fieldset legend {
	font-weight: bold;
}

.swal_form fieldset legend a {
}
.swal_form fieldset legend a:hover {
	text-decoration: none;
	color: #ee941b;
}

/*Buttonbar: */

.swal_form div.button_bar {
	margin: 4px 0px;
	padding: 0px 4px;
	word-spacing: 0;
	white-space: nowrap;
	color: #f0f0f0;
	background-color: #404040;
}

.swal_form div.wide_button_bar {
	margin: 0px -16px;
	padding: 0px 16px;
}

.swal_form .button_bar input,
.swal_form .button_bar select {
	margin: 0;
	padding: 0 0.1em;
	border: solid 1px #909090;
	font-size: 95%;
	color: #E0E0E0;
	background-color: #7B1E1C;
}

.swal_form .button_bar input[type=button] {
	text-align: center;
}

.swal_form .button_bar input[type=button]:hover {
	cursor: pointer;
	background-color: #B71021;
}

.swal_form .button_bar select {
	padding: 0;
}


/*swal_iter: -----------------------*/

div.swal_iter {
	/*clear: both;
	overflow: auto;
	height: 1%;*/
	width: 100%;
	margin: 0;
	padding: 0;
	border: solid 0px red;
}

/*swal_table: -----------------------*/

table.swal_table {
	margin: 0px 0px;
	padding: 0;
	border: solid 0px #555;
	/*border-collapse: collapse;*/
}

table.swal_table tr {
	margin: 0;
	margin-bottom: 1px;
	padding: 0px;
}

table.swal_table tr.non {
	color: #F0F0F0;
	background-color: #777;
}

table.swal_table tr.par {
	color: #F0F0F0;
	background-color: #666;
}

table.swal_table tr.non:hover,
table.swal_table tr.par:hover {
	background-color: #888;
	cursor: pointer;
}

table.swal_table tr.totals {
	font-weight: bold;
	background-color: #797;
}

table.swal_table td {
	font-weight: normal;
}

table.swal_table th {
	padding: 0 0.5em;
	font-weight: bold;
	color: #ffffff;
	background-color: #620426;
}

table.swal_table th:hover {
	background-color:  #520416;
	cursor: pointer;
}

table.swal_table th.order_asc {
	padding-right: 20px;
	background-image: url(/img/bullets/arrow_down.png);
	background-position: center right;
	background-repeat: no-repeat;
}

table.swal_table th.order_desc {
	padding-right: 20px;
	background-image: url(/img/bullets/arrow_up.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------
 Wutemberg => Gestor de Contenidos:
-----------------------------------------------------------------------------*/

div.block_iter {
	/*clear: both;
	overflow: auto;
	height: 1%;*/
	width: 100%;
	margin: 0;
	padding: 0;
	border: solid 0px red;

}

div.wbnk_content {
	clear: both;
	margin: 16px 8px;
	margin-right: 16px;
	border: solid 0px #555;
	color: #666666;
}

div.wbnk_content .pretitle {
	margin: 0;
	font-size: 105%;
	font-weight: bold;
	text-transform: uppercase;
	color: #ee941b;
}

div.wbnk_content .pretitle .right {
	float: right;
	clear: right;	
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
}

div.wbnk_content .title {
	margin: 0;
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
}

div.wbnk_content .pretitle_big {
	margin: 0;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #ee941b;
}

div.wbnk_content .pretitle_big .right {
	float: right;
	clear: right;	
	font-size: 105%;
	font-weight: normal;
	text-transform: none;
}

div.wbnk_content .title_big {
	margin: 0;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
}

div.wbnk_content .intro {
	margin-bottom: 8px;
	font-weight: bold;
	text-align: justify;
}

div.wbnk_content .body {
	margin-bottom: 8px;
	text-align: justify;
}

div.wbnk_content .signature {
	font-size: 90%;
	font-style: italic;
	text-align: right;	
}

div.wbnk_content img.mini_left {
	float: left;
	width: 100px;
	margin: 2px 6px;
}

div.wbnk_content img.mini_right {
	float: right;
	width: 100px;
	margin: 2px 6px;	
}

div.wbnk_content img.left {
	float: left;
	margin: 2px 6px;
}

div.wbnk_content img.right {
	float: right;
	margin: 2px 6px;
}

div.wbnk_content a {
	font-weight: bold;
	color: #800000;
}

div.wbnk_content ul {
	margin: 8px;
	margin-left: 12px;	
	padding: 0px;	
}

div.wbnk_content a.file {
	padding-left: 16px;
	background: url(/img/bullets/0029_doc.png) center left no-repeat;
}

div.wbnk_content a.link {
	padding-left: 16px;
	background: url(/img/bullets/0001_arrow.png) center left no-repeat;
}

div.wbnk_content .info {
	font-size: 90%;
	color: #aaa;
}

/*-----------------------------------------------------------------------------
 Administración:
-----------------------------------------------------------------------------*/

/*wbnk_admin: ----------------------*/

div.wbnk_admin {
	float: right;
	margin: 0px 12px;
	padding: 0;
	font-size: 95%;
}

div.wbnk_admin a,
a.wbnk_admin,
a.wbnk_admin_mode {
	margin-left: 0.3em;
	padding-left: 20px;
	padding-top: 5px;
	font-weight: normal;
	color: #AB0000;
	background-image: url(/img/bullets/editar.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

a.wbnk_admin {
	display: block;
	margin-left: 0.2em;
	color: #ccc;
	background-color: #751;
}
a.wbnk_admin:hover {
	color: #ccc;
	background-color: #961;
}

a.wbnk_admin_mode {
	display: block;
	margin-left: 0.2em;
	color: #D0D0D0;
	background-color: #090;
}
a.wbnk_admin_mode:hover {
	color: #D0D0D0;
	background-color: #0A0;
}

/*wbnk_content_bar: ----------------------*/

div.wbnk_admin_bar,
div.wbnk_admin_bar_content,
div.wbnk_admin_bar_block {
	clear: both;
	margin: 1px;
	padding: 0;
	padding-left: 0.5em;
	font-size: 90%;
	color: #ccc;
	background-color: #651;
}

div.wbnk_admin_bar_block {
	background-color: #771;
}

div.wbnk_admin_bar_content div.buttons,
div.wbnk_admin_bar_block div.buttons,
div.wbnk_admin_bar div.buttons {
	float: right;
	margin: 0;
	padding: 0;
}

/*wbnk_query_result: ----------------------*/

div.wbnk_query_result {
	width: 560px;
	height: 500px;
	max-height: 500px;
	margin: 16px 0px;
	overflow: auto;
}

/* TinyMCE specific rules -----------------*/
body.mceContentBody {
   background-color: #FFFFFF;
}

/*-----------------------------------------------------------------------------
 EKOM: Comercio Electrónico
-----------------------------------------------------------------------------*/

/*ekom_menu: ----------------------*/

ul.ekom_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.ekom_submenu {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.ekom_menu a,
ul.ekom_submenu a {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ul.ekom_menu a {
	height: 33px;
	padding-left: 22px;
	line-height: 32px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/img/menu_header_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.ekom_menu a.red {
	background-image: url(/img/menu_header_red.png);
}

ul.ekom_menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

ul.ekom_submenu a {
	height: 27px;
	margin-bottom: 1px;
	padding-left: 22px;
	line-height: 26px;
	font-size: 100%;
	font-weight: bold;
	color: #404040;	
	background-image: url(/img/menu_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.ekom_submenu a:hover {
	text-decoration: none;
	color: #404040;	
	background-image: url(/img/menu_bg_hover.png);
}

div.ekom_submenu {
	margin-bottom: 1px;
	padding: 6px 0px;
	padding-left: 20px;
	font-size: 100%;
	color: #404040;	
	background-image: url(/img/menu_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
}

div.ekom_submenu input {
}
div.ekom_submenu input:focus {
	background-color: #406640;
	border: solid 1px green;
}

div.ekom_submenu a {
	display: inline;
	height: 24px;
	margin: 0px;
	padding: 0px;
	line-height: 23px;	
	background: transparent;
}

div.ekom_submenu img {
	height: 24px;
	margin: 0px;
	cursor: pointer;
}

div.ekom_submenu div.info {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	/*text-align: center;*/
}

div.ekom_submenu div.info a {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.1em;
	color: #808080;
}
div.ekom_submenu div.info a:hover {
	color:#AB0000;
	text-decoration: underline;
}

div.ekom_submenu div.inputs input {
	width: 100px;
	margin-bottom: 1px;
	font-size: 90%;
}

div.ekom_submenu div.buttons {
	margin-bottom: 4px;
	/*text-align: center;*/
}

div.ekom_submenu div.buttons input {
}


/*ekom_productos: ----------------------*/

div.ekom_navpath {
	clear: both;
	margin: 0px;
	padding: 1px 6px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}

div.ekom_menu_order {
	text-align: right;
	padding-top: 16px;
	padding-bottom: 8px; 
}

div.ekom_menu_order a {
	padding: 0px 16px;
}

div.ekom_marcas {
	height: 54px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-bottom: dotted 1px #E0E0E0;
	border-top: solid 1px #E0E0E0;
}

div.ekom_marcas a {
	margin: 0;
	padding: 0;
	line-height: 54px;
	vertical-align: middle;
	border: dotted 1px #FFFFFF;
}

div.ekom_marcas img {
	/*width: 110px;*/
	border: dotted 1px #FFFFFF;
	padding: 4px;
}
div.ekom_marcas img:hover {
	border: dotted 1px #AB0000;
}

div.ekom_productos {
	margin: 0px;
	margin-top: 8px;
	padding: 6px;
	width: 168px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	border: solid 1px #ffffff;
}
div.ekom_productos:hover {
	border: dotted 1px #AB0000;
}

div.ekom_productos a {
	font-weight: bold;
	color: #000000;	
}
div.ekom_productos a:hover {
	color: #AB0000;	
}

div.ekom_productos img {
	margin: 8px;
	margin-left: 0px;
	/*width: 110px;*/
	cursor: pointer;	
}

div.ekom_productos h3 {
	margin: 0px;
	padding: 1px 0px;
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
	cursor: pointer;	
}

div.ekom_productos .marca {
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

div.ekom_productos .precio_tit {
	font-weight: bold;
	white-space: nowrap;	
	color: #000000;
}
div.ekom_productos .precio {
	font-weight: bold;
	white-space: nowrap;
	color: #AB0000;
}

div.ekom_productos .stock {
	color: #10A010;
}

div.ekom_productos .no_stock {
	color: #A01010;
}

div.ekom_productos .outlet {
	font-weight: bold;
	color: #10A010;
}

div.ekom_productos .proveedor {
	display: none;
}

/*ekom_producto: ----------------------*/

div.ekom_producto {
	/*width: 554px;*/
	margin: 0px;
	padding-top: 12px;
	text-align: left;
	color: #000000;
}

div.ekom_producto h3 {
	font-size: 130%;
	font-weight: bold;
}

div.ekom_producto h4 {
	margin: 2px;
	padding: 1px 6px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4em;
}

div.ekom_producto p {
	padding: 0 4px;
	font-size: 100%;
	font-weight: normal;
	color: #000;
}

div.ekom_producto ul {
	margin: 0px;
	padding: 8px;
}

div.ekom_producto a {
	font-weight: bold;
	color: #800000;
}
div.ekom_producto a:hover {
	color: #AB0000;
}

div.ekom_producto a.file {
	padding-left: 16px;
	background: url(/img/bullets/0029_doc.png) center left no-repeat;
}

div.ekom_producto img {
	/*width: 110px;*/
	margin: 10px;
	margin-top: 16px;
	margin-left: 0px;
	text-align: left; 
}

div.ekom_producto img.right {
	/*width: 110px;*/
	margin: 10px;
	margin-top: 0px;
	margin-right: 0px;
	text-align: right;
	float: right; 
}

div.ekom_producto_minis {
	float: right;
	margin: 0px 12px;
}

div.ekom_producto_minis img {
	display: block;
	width: 60px;
	margin: 0px;
	padding: 4px;
	border: solid 1px #FFFFFF;
}
div.ekom_producto_minis img:hover {
	border: dotted 1px #A0A0A0;
	cursor: pointer;
}


div.ekom_producto_details {
	float: right;
	width: 140px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 12px;
	padding: 16px;
	text-align: left;
	color: #ffffff;
	background-color: #000000;
}

div.ekom_producto_details a {
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

div.ekom_producto_details img {

}

div.ekom_producto_details .stock {
	font-size: 120%;
	font-weight: bold;
	color: #10A010;
}

div.ekom_producto_details .no_stock {
	font-size: 120%;
	font-weight: bold;
	color: #C00000;
}

div.ekom_producto_details .outlet {
	font-weight: bold;
	color: #10A010;
}

div.ekom_producto_details .precio_tit {
	font-size: 100%;
	font-weight: bold;
}
div.ekom_producto_details .precio {
	font-size: 110%;
	font-weight: bold;
	white-space: nowrap;	
	color: #AB0000;
}

div.ekom_producto_details .precio_susc {
	font-size: 110%;
	font-weight: bold;
	white-space: nowrap;	
	color: #A0A0A0;
}

div.ekom_producto_details a.button {
	display: block;
	margin: 2px 0px;
	padding: 2px 5px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #F0F0F0;
	background-color: #505050;
}
div.ekom_producto_details a.button:hover {
	background-color: #AB0000;
	text-decoration: none;
}

div.ekom_producto_details input {
	width: 100%
}


/*ekom_fragmento: ----------------------*/

div.ekom_fragmento {
	/*width: 554px;*/
	height: 530px;
	margin: 20px 30px;
	padding: 16px 20px;
	font-size: 110%;	
	text-align: left;
	color: #000000;
	background-color: #ffffff;	
}

div.ekom_fragmento h3 {
	font-size: 130%;
	font-weight: bold;
}

div.ekom_fragmento h4 {
	margin: 2px;
	padding: 1px 6px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4em;
}

div.ekom_fragmento p {
	height: 420px;
	margin-bottom: 20px;
	padding: 1em;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	overflow:auto;
}



/*ekom_autores: ----------------------*/

div.ekom_autores {
	margin: 30px 16px;
}

div.ekom_autores a {
	font-weight: normal;
	color: #000000;
}
div.ekom_autores a:hover {
	color: #AB0000;
}

/*ekom_info_marca: ----------------------*/

div.ekom_info_marca {
	padding: 20px 20%;
}

div.ekom_info_marca p {
	color: #000;
}

/*ekom_cart: ----------------------*/

table.ekom_cart {
	width: 100%;
	text-align: right;
	vertical-align: middle;
	color: #000000;
	border-collapse: separate;
	border-spacing: 2px 2px;
}

table.ekom_cart th {
	font-weight: bold;
	text-align: right;
}

table.ekom_cart td {
	font-weight: normal;
	text-align: right;
}

table.ekom_cart tr.row,
table.ekom_cart tr.row0 {
	background-color: #DDD;
}

table.ekom_cart tr.row1 {
	background-color: #EEE;
}

table.ekom_cart tr.totales {
	font-size: 120%;
	font-weight: bold;
}

table.ekom_cart a {	
	padding: 5px;
	color: #000000;
}
table.ekom_cart a:hover {
	color: #AB0000;
}

table.ekom_cart .precio {
	padding: 5px;
	font-size: 120%;
	color: #A00;
}
table.ekom_cart .preciob {
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
	color: #A00;
}

/*ekom_order: ----------------------*/

div.ekom_order {
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #303030;
}

div.ekom_order_confirm {
	padding: 20px;
	font-size: 110%;
	text-align: left;
	color: #303030;
	background-color: #f2f1ed;
}

div.ekom_order_confirm .precio {
	font-weight: bold;
	color: #701D1B;
}


/*contents_scroll: --------------------*/

div.contents_scroll {
	margin-left: 16px;
	width: 480px;
	height: 352px;
	padding-right: 10px;
	overflow:auto;
}

/*Strogof: --------------------*/

div.strogof_email_view {
	height: 340px;
	margin: 4px 0px;
	padding: 1em; 
	overflow: auto;
	text-align:left;
	color: #606060;
	background-color: #ffffff;
}

/*ajax divs: --------------------*/

div.ajax_view_div,
div.ajax_list_div {
	width: 560px;
	height: 520px;
	margin: 4px 0px; 
	padding: 0px; 
	overflow: auto;
}

div#email_log_ajax_list_div {
	height: 320px;
	padding: 0px;
	margin-bottom: 10px; 
}

div#email_log_ajax_view_div {
	height: 420px;
	margin: 4px 0px;
	padding: 0px; 
	overflow: auto;
}

/*email_log_table : --------------------*/

table.email_log_table {
	width: 99%;
}

/*-----------------------------------------------------------------------------
 Estilos para Txalaparta
-----------------------------------------------------------------------------*/


/*txalaparta_menu_lang: --------------------*/

div.txalaparta_menu_lang {
	padding-top: 30px;
	padding-right: 12px;	
}

div.txalaparta_menu_lang a {
	display: block;
	float: right;
	width: 80px;
	height: 20px;
	margin-right: 2px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	color: #404040;	
	background-image: url(/img/button_lang.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.txalaparta_menu_lang a:hover {
	text-decoration: none;
	color: #606060;		
	background-image: url(/img/button_lang_hover.png);	
}

/*txalaparta_menu_search: --------------------*/

form#search_form input#search_text {
	width: 100px;
}

/*txalaparta_menu_top: --------------------*/

div.txalaparta_menu_top {
	padding-top: 18px;
	padding-left: 180px;
	text-align: center;
}

div.txalaparta_menu_top a {
	margin: 0px 20px;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}

div.txalaparta_menu_top a:hover {
	text-decoration: none;
	color: #fcff00;
}


/*txalaparta_menu_bottom: --------------------*/

div.txalaparta_menu_bottom {
	margin-top: 40px;
	text-align: center;
}

div.txalaparta_menu_bottom a {
	margin: 0px 8px; 
	font-size: 10px;
	font-weight: normal;
	color: #404040;
}

div.txalaparta_menu_bottom a:hover {
	text-decoration: none;
	color: #fcff00;
	background-color: #404040;
}



/*txalaparta_cart: --------------------*/

table.txalaparta_cart {
	width: 100%;
	border-collapse: collapse;
	font-size: 85%;
	color: #202020;
	background-color: #e7dc7c;
}

table.txalaparta_cart th {
	padding: 2px;
	font-weight: bold;
	color: #ffffff;
	background-color: #989152;
}

table.txalaparta_cart td {
	padding: 2px;
	line-height: 1.0em;
}

table.txalaparta_cart input[type=button] {
	width: 52px;
	height: 16px;
	margin-top: 8px;
	padding: 2px;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;	
	color: #ffffff;
	background-image: url(/img/button_cart.png);
}


/*txalaparta_regalo: --------------------*/

div.txalaparta_regalo {
	float: left;
	width: 120px;
	margin-left: 190px;
	margin-top: 0px;
	padding: 4px 28px;
	font-size: 11px;
	text-align: left;
	background-image: url(/img/regalo1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
} 

div.txalaparta_regalo a {
	display: inline;
	float: none;
	text-align: left;
	font-size: 11px;
	background: none;
}

/*txalaparta_mi_cuenta: --------------------*/

div.txalaparta_mi_cuenta h3 {
	margin-bottom: 8px;
	border-bottom: dotted 1px #505050;
	font-weight: normal;
}

div.txalaparta_mi_cuenta a {
	font-weight: normal;
}

div.txalaparta_mi_cuenta a:hover {
	color: #AB1010;
}

/*wbnk_autocompleter: --------------------*/

div.wbnk_autocompleter {
	display: none;
	color: #F0F0F0;
	border-top: dotted #505050 1px;
}

div.wbnk_autocompleter select {
	width: 100%;
	background-color: #90B090;
}

div.wbnk_autocompleter select option {
}
div.wbnk_autocompleter select option:hover {
	background-color: #80A080;
	cursor: pointer;
}

/*---------------------------------------------------------------------------*/