html { height:100%; overflow:auto; }
html, body, body.iframes, body.iframes2 { margin:0; padding:0; }
body { background:#3F3F3F; font-family:Georgia; font-size:12px; color:#3F3F3F; padding:20px 0; }
body.iframes { background:transparent; }
body.iframes2 { background:transparent; }
table { border-collapse:collapse; border:0; }
ul, ol, li, h1, h2, h3, h4, h5, p { margin:0; padding:0; }
h1 { font-size:30px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
img { border:0px none; }
a { text-decoration:none; }
a:hover { color:#FF0033; }
a:focus { outline:none; outline:0; }
.left { float:left }
.right { float:right }
.bold { font-weight:bold; }
.red { color:#FF0033; }
.letter-spacing { letter-spacing:-0.05em; }
/* separador vertical */
.sep20h { height:20px; clear:both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* esquinas redondeadas */
.rounded-corner-tl, .rounded-corner-tr, .rounded-corner-bl, .rounded-corner-br { position:absolute; width:6px; height:6px; background-image:url('../images/rounded-corners.png'); background-repeat:no-repeat; }
.rounded-corner-tl { top:0; left:0; background-position:left top; }
.rounded-corner-tr { top:0; right:0; background-position:right top; }
.rounded-corner-bl { bottom:0; left:0; background-position:left bottom; }
.rounded-corner-br { bottom:0; right:0; background-position:right bottom; }

#wrapper { width:950px; height:725px; margin:auto; background:#FFFFFF; }
#wrapper .padding { padding:15px; }

/* header */
#logo { position:relative; background:#7A022A url('../images/logo-bg.gif') repeat-y left top; height:115px; }
.logo-wrap { position:absolute; top:13px; left:10px; }
.logo { width:184px; height:87px; display:block; }
.slogan-wrap { position:absolute; bottom:15px; right:15px; }
.slogan-wrap p { font:normal 12px Tahoma; color:#FFFFFF; text-align:right; }
.slogan-wrap p.slogan { font-size:20px; }

#mainnav { position:relative; background:#BCBAA5 url('../images/mainnav-bg.gif') repeat-x left top; height:35px; font-family:Arial; font-size:11px; }
#mainnav .col1, #mainnav .col2, #mainnav .col3 { position:absolute; top:7px; height:21px; }
#mainnav .col1 { left:0; width:230px; }
#mainnav .col2 { left:231px; width:503px; border-left:1px solid #8C8C8C; border-right:1px solid #8C8C8C; }
#mainnav .col3 { right:0; width:184px; }

#mainnav .col1 a { font-weight:bold; color:#FF0033; padding-left:15px; line-height:21px; }
#mainnav .col1 a:hover { color:#7A022A; }

#mainnav .col2 span.entra { float:left; color:#8C8C8C; line-height:21px; margin:0 8px 0 10px }
#mainnav .col2 span.fields { float:left; }
#mainnav .col2 label { float:left; font-weight:bold; font-size:10px; color:#3F3F3F; text-transform:uppercase; line-height:21px; margin:0px 5px 0px 8px; }
#mainnav .col2 span.field-lft { float:left; width:5px; height:21px; background:url('../images/login-field-lft.png'); }
#mainnav .col2 span.field-rgt { float:left; width:5px; height:21px; background:url('../images/login-field-rgt.png'); }
#mainnav .col2 input { float:left; width:97px; height:17px; font-size:11px; color:#7A022A; background:#FFFFFF; border-style:none; margin:0; padding:4px 0 0 0; }
#mainnav .col2 span.login-btn { float:left; }
#mainnav .col2 span.login-btn img { width:21px; height:21px; }
#mainnav .col2 img { margin-left:5px; display:block; }

#mainnav .col3 p { color:#8C8C8C; line-height:21px; padding-right:15px; text-align:right;  }
#mainnav .col3 a { color:#3F3F3F; }
#mainnav .col3 a:hover { color:#7A022A; }

/* content */
#content { height:484px; }

/* footer */
#footer { position:relative; width:920px; height:35px; border-top:1px solid #8C8C8C; font:normal 11px Tahoma; color:#8C8C8C; line-height:17px; }
#footer .menu { position:absolute; width:400px; }
#footer .menu ul { list-style-type:none; margin-top:9px; }
#footer .menu ul:after { clear:left; }
#footer .menu li { display:inline; float:left; }
#footer .menu li a { display:inline; color:#8C8C8C; padding:2px 15px 2px 16px; border-right:1px solid #8C8C8C;  }
#footer .menu li a.first { padding-left:5px; }
#footer .menu li a:hover, #footer .menu li a.active { color:#ff0033; }
#footer .credits { position:absolute; right:5px; top:9px; }

/* paginacion */
#paginacion { padding:10px 5px 0 5px; margin-top:10px; border-top:1px solid #8C8C8C; font:normal 11px Arial; }
#paginacion a { color:#ff0033; padding:0 2px; }
#paginacion a:hover { text-decoration:underline; }
.paginas { width:70%; text-align:right; }
.registros { width:25%; }
.registros span { font-weight:bold; font-size:12px; color:#ff0033; }