/* [HTML] */
body {margin: 0; padding: 0; border: 0; cursor: default;}
/**********/

/* [GLOBAL MENU] */

.menu {}
.menu td.items {background: transparent url(default/menu-items-bg.png) repeat bottom left; padding: 0px 20px 0px 20px;}
.menu td.items table.item {margin: 0px 1px 0px 0px; float: left; cursor: pointer;}
.menu td.items table.item td.container {background: #741e1e; border-top: 1px #852f2f solid; border-left: 1px #852f2f solid; border-right: 1px #852f2f solid; border-bottom: 0px transparent solid; padding: 3px 15px 3px 15px; visibility: hidden;}
.menu td.items table.item td.container-over {background: #782222; border-top: 1px #963030 solid; border-left: 1px #963030 solid; border-right: 1px #963030 solid; border-bottom: 0px transparent solid; padding: 3px 15px 3px 15px;}
.menu td.items table.item td.container-selected {background: #9a2828; border-top: 1px #ab3939 solid; border-left: 1px #ab3939 solid; border-right: 1px #ab3939 solid; border-bottom: 1px #9a2828 solid; padding: 3px 15px 3px 15px;}
.menu td.items table.item td.container nobr{font: normal 10pt tahoma; color: #fd8b8b;}
.menu td.items table.item td.container-over nobr{font: normal 10pt tahoma; color: #ffffff;}
.menu td.items table.item td.container-selected nobr{font: normal 10pt tahoma; color: #ffffff;}

.menu td.subitems {height: 35px; background: #9a2828; border-bottom: 1px #891717 solid; padding: 0px 5px 0px 5px;}
.menu td.subitems table.subitem {margin: 0px 10px 0px 10px; float: left; cursor: pointer;}
.menu td.subitems table.subitem td.container nobr{font: normal 10pt tahoma; color: #fd8b8b;}
.menu td.subitems table.subitem td.container-over nobr{font: normal 10pt tahoma; color: #ffffff;}
.menu td.subitems table.separator {margin: 0px 0px 0px 0px; float: left; cursor: pointer;}
.menu td.subitems table.separator td{font: normal 10pt tahoma; color: #bc4a4a;}

.menu td.navitems {height: 38px; background: #f3f3f3; border-top: 1px #c4c4c4 solid; border-bottom: 1px #dddddd solid; padding: 0px 5px 0px 5px;}
.menu td.navitems table.init-item {margin: 0px 1px 0px 1px; float: left;}
.menu td.navitems table.init-item td.text {font: bold 8pt tahoma; color: #999999;}
.menu td.navitems table.init-item td.img {padding: 0px 0px 0px 0px; cursor: pointer;}
.menu td.navitems table.item {margin: 0px 1px 0px 1px; float: left; cursor: pointer;}
.menu td.navitems table.item td.text {font: normal 8pt tahoma; color: #bbbbbb;}
.menu td.navitems table.item td.text-over {font: normal 8pt tahoma; color: #888888;}
.menu td.navitems table.item td.img {font: normal 8pt tahoma; color: #bbbbbb; padding: 0px 4px 0px 0px;}

/******************/

/* [ITEM SHADOW] */
.shadow {width: 100%; height: 100%; margin: 0px auto auto 0px;}
.shadow table.gradient-size {padding: 1px 1px 1px 1px;}
.shadow td.gradient {background: transparent url(default/shadow/shadow.png) repeat;}

.shadow-page {}
.shadow-page table.gradient-size {padding: 1px 1px 1px 1px;}
.shadow-page td.gradient {background: transparent url(default/shadow/shadow.png) repeat;}
/*****************/

/* [EFFECTS] */
.layout-shiny {width: 100%; height: 100%;}
.layout-shiny td.center {background: #e5e5e5 url(default/effects/bg-shiny.png) no-repeat top left; border: 1px #ffffff solid; padding: 0px 4px 0px 4px;}
/*************/

/* [MESSAGES] */
.msg-advert {width: 100%; height: 100%;}
.msg-advert td {font: normal 10pt tahoma; color: #777777;}
/**************/

/* [PAGING CONTROL] */
.layout-paging-item {float: left; margin: 2px 2px 2px 2px;}
.layout-paging-item td.panel-paging-item {width: 23px; height: 25px; background: #eeeeee; border: 1px #dddddd solid; font: normal 9pt tahoma; color: #999999; cursor: pointer;}
.layout-paging-item td.panel-paging-item-selected {width: 23px; height: 25px; background: #dddddd; border: 1px #cccccc solid; font: normal 9pt tahoma; color: #ffffff;}
/********************/

.container {}
.container td.panel {border: 1px #ffffff solid; background: #eeeeee;}
.container td.panel td.effect {background: transparent url(default/effects/bg-shiny.png) no-repeat top left;}

.panel-global td.top {height: 40px; border-bottom: 1px #e6ecf1 solid; padding: 10px;}
.panel-global td.top table.title {}
.panel-global td.top table.title td.text{font: normal 10pt tahoma; color: #666666;}
.panel-global td.middle {border-top: 1px #ffffff solid; border-bottom: 1px #dce2e7 solid; padding: 10px 10px 10px 10px;}
.panel-global td.bottom {height: 30px; border-top: 1px #f7f8fc solid;}

.panel-autenticar td.top {border-bottom: 1px #e6ecf1 solid; padding: 5px;}
.panel-autenticar td.top table.title {}
.panel-autenticar td.top table.title td.text{font: normal 10pt tahoma; color: #666666;}
.panel-autenticar td.middle {border-top: 1px #ffffff solid; border-bottom: 1px #dce2e7 solid; padding: 10px 10px 10px 10px;}
.panel-autenticar td.bottom {height: 30px; border-top: 1px #f7f8fc solid;}

.group-ligas {margin: 10px 0px 10px 0px;}
.group-ligas td.title {}
.group-ligas td.title td.image {width: 16px; height: 16px; cursor: pointer;}
.group-ligas td.title td.text {font: normal 11pt tahoma; color: #999999; padding: 0px 0px 0px 3px; cursor: pointer;}
.group-ligas table.content {display: block;}
.group-ligas table.contentcollapsed {display: none;}
.group-ligas table.contentexpanded {display: block;}

.title-ligas {}
.title-ligas td.image {width: 16px; height: 16px;}
.title-ligas td.text {font: normal 10pt tahoma; color: #666666;}

.title-autenticar {}
.title-autenticar td.images {width: 31px; height: 31px;}
.title-autenticar td.text {font: normal 10pt tahoma; color: #666666; padding: 0px 10px 0px 5px;}

.textbox-logon {}
.textbox-logon td.text {width: 60px; font: normal 10pt tahoma; color: #999999; padding: 0px 2px 0px 10px;}
.textbox-logon td.input {padding: 0px 20px 0px 2px;}

.btn {height: 24px; margin: 10px 5px 0px 5px; float: left; cursor: pointer;}
.btn td.left {width: 4px; background: transparent url(default/buttons/btn-left.png) no-repeat;}
.btn td.center {background: transparent url(default/buttons/btn-center.png) repeat;}
.btn td.center td.image {}
.btn td.center td.text {font: normal 9pt tahoma; color: #999999; padding: 0px 10px 0px 10px;}
.btn td.right {width: 4px; background: transparent url(default/buttons/btn-right.png) no-repeat;}

.layout-autenticar {}
.layout-autenticar td.container {}

.layout-sugerencias {}
.layout-sugerencias td.left {padding: 0px 4px 0px 0px;}
.layout-sugerencias td.right {width: 200px; padding: 0px 0px 0px 0px;}

.item-pregunta {margin: 10px 0px 10px 0px;}
.item-pregunta table.pregunta {cursor: pointer;}
.item-pregunta table.pregunta td.image {width: 16px; height: 16px;}
.item-pregunta table.pregunta td.text {font: normal 11pt tahoma; color: #999999; padding: 0px 0px 0px 3px;}
.item-pregunta table.pregunta td.otext {font: normal 11pt tahoma; color: #555555; padding: 0px 0px 0px 3px;}
.item-pregunta table.respuestacollapsed {display: none;}
.item-pregunta table.respuestaexpanded {display: block;}
.item-pregunta table.respuesta {display: block;}
.item-pregunta table.respuesta td.text {font: normal 9pt tahoma; color: #bbbbbb; padding: 0px 10px 0px 17px;}
.item-pregunta table.respuestacollapsed  td.text {font: normal 9pt tahoma; color: #bbbbbb; padding: 0px 10px 0px 17px;}
.item-pregunta table.respuestaexpanded td.text {font: normal 9pt tahoma; color: #bbbbbb; padding: 0px 10px 0px 17px;}

.page-bg {background: #efefef url(default/backgrounds/page.jpg) no-repeat top left; padding: 10px 0px 10px 0px;}
.layout-logo-bg {background: #333333 url(../imgs/logos/header.png) no-repeat top left;}
.layout-bg {background: #ffffff; padding: 0px 0px 0px 0px;}
.layout-header-panel {height: 190px; background: transparent; padding: 5px 0px 0px 25px;}
.layout-menu-panel {height: 70px;}
.layout-body-panel {height: 400px; border-top: 1px #eeeeee solid; background: #ffffff; padding: 20px;}
.body-panel {}


.layout-footer-panel {height: 100px; background: #f3f3f3; border-top: 1px #dddddd solid; padding: 5px 1px 5px 1px;}
.layout-footer {width: 100%; height: 100%;}
.layout-footer-top {text-align: center; vertical-align: middle;}
.layout-footer-bottom {text-align: center; vertical-align: middle;}

.browser-container {margin: auto auto auto auto;}
.browser-container-top {font: normal 8pt tahoma; color: #bbbbbb; padding: 2px 2px 2px 2px;}
.browser-container-bottom {padding: 0px 0px 0px 20px;}

.general {margin: auto auto auto auto;}
.general-top {font: normal 8pt tahoma; color: #777777; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}
.general-bottom {font: normal 8pt tahoma; color: #777777; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}

.browser {margin: 2px 10px 2px 10px; float: left;}
.browser-top {text-align: center; vertical-align: middle;}
.browser-bottom {font: normal 8pt tahoma; color: #cccccc; text-align: center; vertical-align: middle;}

.shortcut-panel-init {border-right: 1px #6f7a8b solid; padding: 0px 5px 0px 5px;}
.shortcut-panel {border-left: 1px #8691a1 solid; border-right: 1px #6f7a8b solid; padding: 0px 5px 0px 5px;}
.shortcut-panel-end {border-left: 1px #8691a1 solid; padding: 0px 5px 0px 5px;}
.shortcut-item-title {padding: 5px 5px 5px 5px;}
.shortcut-item-title-text {font: bold 9pt tahoma; color: #efbb56; padding: 0px 0px 0px 2px;}
.shortcut-item {cursor: pointer;}
.shortcut-item-text {font: normal 8pt tahoma; color: #ffffff; padding: 0px 0px 0px 2px;}
.layer-transparency {position: absolute; background: transparent url(default/layer-transparent.png) repeat;}
.btn-bg-left {width: 6px; height: 29px; background: transparent url(default/buttons/btn-left.png) no-repeat;}
.btn-bg-center {height: 29px; background: transparent url(default/buttons/btn-center.png) repeat; font: normal 8pt tahoma; color: #777777; padding: 0px 10px 0px 10px; cursor: pointer;}
.btn-bg-right {width: 6px; height: 29px; background: transparent url(default/buttons/btn-right.png) no-repeat;}