body, td, th, p {
    font: 9pt / 13pt "lucida grande", tahoma, verdana, arial, sans-serif;
    color: #CCC;
}

td, th {
    vertical-align: top;
}

body {
    margin: 0 20px 0 20px;
    background: #161616; /*url( 'background.png' ) repeat-x 0 6px;*/
}

p {
    margin-left: 20px;
}

A {
    color: #E67A7A;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

A:visited {
    color: #E05858;
}

h1 {
    font: 14pt Century Gothic, Arial, Tahoma, Verdana, Arial, Serif;
    color: #999;
    border-bottom: 1px solid #555;
}

h2 {
    font: 13pt Century Gothic, Arial, Tahoma, Verdana, Arial, Serif;
    color: #777;
}

li {
    list-style-type: square;
    color: #CCC;
}

.err {
/*font: bold 8pt Tahoma, Arial, Tahoma, Serif;*/
    color: #F66;
}

#login .err {
/*font: bold 8pt Tahoma, Arial, Tahoma, Serif;*/
    background: #000;
    color: #F00;
}

#topmenu {
    float: right;
    margin-top: 5px;
    margin-right: 30px;
}

#topmenu A {
    font: 11pt / 13pt "lucida grande", tahoma, verdana, arial, sans-serif;
}

#topmenu A:hover {
    text-decoration: none;
    border-bottom: 3px solid #E05858;
}

#sidebar {
    float: left;
    width: 160px;
    margin: 0;
    margin-right: 20px; /*background:#100;*/
    overflow: hidden;
}

#sidebar UL {
    margin: 0;
    padding: 0;
}

#sidebar LI {
/*list-style-type:none;*/
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

#header {
    margin-top: 4px;
    padding-bottom: 20px;
    margin-right: 20px;
    background: #444;
    border-top: 2px solid #555;
    border-right: 1px solid #555;

}

#title {
    font: bold 20pt Courier New, Century Gothic, Arial, Tahoma, Verdana, Arial, Serif;
    margin: 0;
    color: #888;
    padding: 0;
    display: block;
}

#subtitle {
    font: italic 9pt Verdana, Century Gothic, Arial, Tahoma, Verdana, Arial, Serif;
    color: #666;
}

#login {
    padding: 15px 0;
    background: #444;
    border-top: 2px solid #555;
    border-left: 1px solid #555;
    border-bottom: 2px solid #383838;
}

#login H1 {
    border-bottom: 1px dashed #DDD;
    color: #DDD;
}

#login TABLE {
    margin-bottom: 12px;
}

#sidebar h1 {
    font-size: 10pt;
    font-weight: bold;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

#sidebar H1 {
    margin: 0 20px 15px;
}

#sidemenu1, #sidemenu2, #sidemenu3, #sidemenu4 {
    margin-top: 20px;
    padding: 15px 0;
}

#sidemenu1 A, #sidemenu2 A, #sidemenu3 A, #sidemenu4 A {
    color: #DDD;
}

#sidemenu1 {
    background: #4E7C8C;
    color: #000;
}

#sidemenu2 {
    background: #2F4A54;
    color: #000;
}

#sidemenu3 {
    background: #56542F;
}

#sidemenu4 {
    background: #7A573C;
}

form input, form textarea {
    border-width: 1px;
    font: bold 9pt Arial, Tahoma, Verdana, Arial, Serif;
}

#l_l, #l_p {
    width: 100px;
    margin: 0 2px;
}

button {
    padding: 1px 5px;
    margin-top: 2px;
    border-width: 1px;
    font: 9pt / 13pt "lucida grande", tahoma, verdana, arial, sans-serif;
}

.forminfo {
    font: 8.5pt "lucida grande", tahoma, verdana, arial, sans-serif;
    color: #baa;
}

#main {
    margin-left: 159px;
    border: 1px solid #404040; /*border-bottom:1px solid #444;*/
/*border-right:1px solid #444;*/
    padding: 10px 25px 25px 25px;
    background: #2D2D2D; /*border-color:-moz-use-text-color #B7B7B7 rgb(59, 89, 152);*/
/*border-style:none solid solid;*/
/*border-width:medium 1px 1px;*/
/*margin:-2px 1px 0px -1px;*/
    min-height: 400px;
}

#footer {
    text-align: center; /*height:30px;*/
    font: 9px Small Fonts, VT100, Arial, Helvetica;
    text-transform: uppercase; /*border-top: 4px solid #222;*/
/*border-top: 1px solid #444;*/
/*border-bottom: 4px solid #000;*/
/*background-color: #111;*/
    padding-top: 0;
    padding-left: 1px; /*clear: both;*/
    margin: 20px 0 0 200px;
    color: #555;
}

#footer A {
    color: #8A8;
}

#subfooter {

}

.borde {
    border: 1px solid #555;
}

table.admin {
    border: 1px solid #555;
}
table.admin thead TD {
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #555;
    background: #3C3C3C;
}
table.admin TD {
    background: #222;
    padding: 2px 5px 2px 5px;
}

table.proyecto {
    border: 1px solid #555;
    width: 100%;
}

table.proyecto thead TD {
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #555;
    background: #3C3C3C;

}

TR.td1 TD {
    padding: 2px 5px 2px 5px;
}

TR.td0 TD {
    background: #252525;
    padding: 2px 5px 2px 5px;
}

.conerror {
    font-weight: bold;
    color: #FF0000;
}

.sinerror {
    font-weight: bold;
    color: #00FF00;
}

#cuponw {
    padding: 5px 20px;
    background: #555;
    border: 1px solid black;
    color: #FFF;
}

h4 {
    font: 9pt Arial;
    margin: 0 100px 0 100px;
    padding: 10px;
    border: 1px solid #BFE959;
    background: #563;
    text-align: center;
}

h5 {
    font: 9pt Arial;
    margin: 0 100px 0 100px;
    padding: 10px;
    border: 1px solid #E95959;
    background: #632;
    text-align: center;
}

td.label {
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
}

#proyexception pre {
    border: 1px solid #666;
    background: #000;
    color: #CCC;
    overflow: auto;
}

A.playnow, A.playnow:visited {
    display: block;
    width: 230px;
    border: 2px outset #8D8;
    background: #8D8;
    text-align: center;
    font: 12pt / 16pt Century Gothic, Arial, tahoma, verdana, arial, sans-serif;
    margin: 5px auto;
    color: #462;
    text-decoration: none;
}

A.playnow:hover {
    border: 2px outset #AAF;
    background: #AAF;
    text-align: center;
    font: 12pt / 16pt Century Gothic, Arial, tahoma, verdana, arial, sans-serif;
    margin: 5px auto;
    color: #246;
    text-decoration: none;
}

fieldset {
    border: 1px solid #444;
}


/* Tabs */

/*
div#menu{background: #FFF;color: #333;text-align:center;font: 12px "Trebuchet MS",Verdana,Arial,sans-serif}
div#menu{float:left;width: 100%;padding-top:30px;background: transparent; border-bottom:5px solid #53ABD5;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{margin-left: 50px;width:950px}
ul#nav li{float:left;margin-right: 3px;text-align: center;}
ul#nav a,ul#nav a:visited,ul#nav a:link {float:left;width: 7em;padding: 10px 0;background: #9FD3EB;text-decoration:none;color: #333;height:30px;}
ul#nav a:hover{background: #3D5E85;color: #FFF;border-top:2px solid white;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #53ABD5;color: #EEF;text-decoration:none;}
*/


.panel {
	clear: both;
	display: none;
    margin:0;
    padding:0;
}

.panel.active-tab-body {

    margin:0;
    padding:10px;
    display: block;
    /*clear:none;*/
}
#mainmenu {
    /*margin-bottom:9px;*/
}

UL#tabs {
    height: 28px;
    margin:10px 0 0 15px;
    padding:0;
}

#tabs li {
    float: left;
    list-style: none;
}

#tabs a {
	float: left;
	padding: 10px 8px 0px 8px;
    height:35px;
    margin-left: 10px;
	background-color: #3e3e3e;
	text-decoration: none;
	color: #999999;
    width: 8em;
}

#tabs a.active-tab {
    background-color: #53ABD5;
    color: #FFF;
}

#panelwraper {
border:1px solid #444;
}

/*
#lightbox {
    width:500px;
    height:400px;
    background: #333  repeat-x 0 123px;
    border:2px solid #666;
}

#lbClose {
    position:absolute;
    top:5px;
    right:20px;
    margin:0;
    width:14px;
    height:14px;
    */
/*background:url('system/static/themes/default/close.gif');*/
/*
}

#l_sub_loading {
}
*/


/* doc */

#doc .content {
    padding: 20px;
    background: #FFF;
}

#doc h1 {
    font: 1.8em Helvetica, Arial, Verdana, Sans-serif;
    margin-top: 35px;
    margin-bottom: 12px;
    padding-top: 7px;
    border-bottom: 1px solid #555;
    color: #000;
}

#doc h1.header {
    font: 2.2em Helvetica, Arial, Verdana, Sans-serif;
    margin-top: 10px;
    padding-top: 0;
    border: 0;
    color: #000;
}

#doc h2 {
    font: bold 1.5em Helvetica, Arial, Verdana, Sans-serif;
    border-bottom: 1px solid #555;
    margin-top: 1.5em;
    color: #000;
}

#doc h3 {
    font: bold 1.2em Arial, Verdana, Helvetica, Sans-serif;
    border-bottom: 1px solid #BBB;
    color: #000;
    margin-bottom: 0;
}

#doc h6 {
    font: 1em Helvetica, Arial, Verdana, Sans-serif;
    padding: 0;
    margin: 20px 0 0 0px;
}

#doc p {
    margin: 0.6em 0 0.8em 0;
    color: #000;
}

#doc h6 + p {
    font: 0.99em Helvetica, Arial, Verdana, Sans-serif;
    margin: 3px 0 0.8em 20px;
}

#doc pre {
    margin: 0.3em 30px 0 25px;
    background: #f4f4FF;
    font: normal 1.05em / 1.05em Monospace, Courier New, Courier;
    padding: 2px;
    overflow-x: auto;
    padding-left: 6px;
    border: 1px dashed #AEBDCC;
    border-bottom: 1px solid #8E9DAC;
    border-left: 4px solid #AEBDCC;
    color: #333;
}

#doc .preHead {
    margin: 0.3em 30px 0 25px;
    background: #FFE;
    padding: 4px;
    padding-right: 10px;
    text-align: right;
    overflow-x: auto;
    padding-left: 6px;
    border: 1px dashed #AEBDCC;
    border-left: 4px solid #AEBDCC;
    color: #666;
}

#doc .preBottom {
    margin: 0 30px 0 25px;
    background: #FFE;
    padding: 4px;
    padding-right: 10px;
    text-align: right;
    overflow-x: auto;
    padding-left: 6px;
    border: 1px dashed #AEBDCC;
    border-left: 4px solid #AEBDCC;
    color: #666;
}

#doc .preHead B, #doc .preBottom B {
    color: #7F0055;
}

textarea.code {
    width: 100%;
    height: 200px;
}

#doc pre.sh_kenshira {
    background: #FFF;
    margin-top: 0;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 4px;
}

#doc pre.r {
    background: #119;
    margin: 0.3em 5em 0 4em;
    color: #DDD;
    border: 1px solid #000;
    border-left: 4px solid #449;
}

#doc pre.d {
    background: #efefef;
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #AAA;
}

#doc code {
    padding: 0 2px 0 2px;
    border: 1px dotted #BBB;
    font: bold 1.05em monospace, fixed;
    color: #026789;
}

#doc DIV.content TABLE {
    margin: 0.3em 0 0 3em;
    border: 1px solid #BBB;
    border-collapse: collapse;
}

#doc DIV.content TH {
    color: #000;
    margin: 0;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background: #BB9;
}

#doc DIV.content TD {
    margin: 0;
    color: #000;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #DDD;
}

#doc li {
    color: #000;
    list-style-type: square;
}

#doc ul {
    padding-left: 30px;
}

#doc .content A {
    color: #00B;
    text-decoration: underline;
}

#mejora {
    background: #DFD;
    margin: 15px 20px 0 60px;
    padding: 10px;
    border: 1px solid #CCC;
}

#mejora h2 {
    padding: 0;
    margin: 0;
}

#mejora li, #mejora td {
    color: #030;
}

hr {
    border-width: 1px;
}

.timestamp {
    text-align: right;
    color: #999;
    font-size: 8pt;
    line-height: 9pt;
}

#doc, #doc p, #doc TD, #doc th {
    font-family: Helvetica, Arial, sans-serif;
}

#doc .content TD.frase {
    font: 8pt Verdana, Helvetica, Arial, Verdana;
    color: #007;
}

DIV.frase {
    font: 9pt Monospace, Courier New, Courier;
    color: #000;
    margin-top: 15pt;
}