*{ margin:0; padding:0; border:none; }
body { background-color:#111; color:#FFF; font-family:sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#CCC; }
/* fix swfobject margin issue */
object,embed { outline:none; display:block; margin:0 auto; }
acronym { cursor:help; border-bottom:1px dotted #CCC; }

/* ---------------------------------- LINKS --------------------------------- */
a { color:#EEE; }
#content { font-size:80%; background:#222 url('szmbg.jpg') no-repeat left top; clear:both; border-bottom:3px solid #AAA; }
  #content a:link, #content a:visited { text-decoration:none; background-color:#444; color:#CCC; }
  #content a:hover, #content a:active { text-decoration:none; background-color:#666; color:#FFF; }

/* ----------------------------------- MENÚ --------------------------------- */
#navigation { float:left; width:100%; overflow:hidden; position:relative; border-top:3px solid #AAA; border-bottom:3px solid #AAA; }
  ul#menu { clear:left; float:left; list-style:none; padding:1em; position:relative; left:50%;
            text-align:center; font:lighter 100% "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif; }
    ul#menu li { display:block; float:left; list-style:none; /*margin:0; padding:0;*/ position:relative; right:50%; }
      ul#menu li a { display:block; margin:0 1em 0 0; padding:2px 6px; background:#000; color:#FFF; text-decoration:none; line-height:1.3em; }
      ul#menu li a:hover { background:#555; color:#FFF; }
      ul#menu li a.active,
      ul#menu li a.active:hover { color:#000; background:#AAA; font-weight:bold; cursor:default; }

/* ---------------------------------- LAYOUT -------------------------------- */
#global { background-color:#000; /*border-bottom:1px solid #555;*/ }
#top, #pftop { background-color:#111; }
#top, .flashcontent { font-size:70%; text-align:center; padding:1em; color:#999; }
.flashcontent h1.bright { color:#CCC; }
.flashcontent h1.big { line-height:80%; }
.imgframe { height:36px; background:transparent url('imgframe.gif') repeat-x bottom left; }

.round { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url('border-radius.htc'); }

#wellcome { margin-top:2em; }
  #wellcome .enter { margin-top:.5em; font-size:200%; }  

.layout { width:90%; margin:0 auto; padding:2em; /*background-color:#222; border-right:3px solid #333; border-left:3px solid #333;*/ }
.box { border:1px solid #555; background-color:#111; }
/* ------------------------------ FORM BUTTONS ------------------------------ */
.button { cursor:pointer; padding:.5em; width:auto !important; color:#CCC !important;
               font:bold 1em sans-serif; color:#FFF; /*text-transform:uppercase;*/ 
               background:#333 url('button-center1.gif') repeat-x center center !important; border:1px solid #555; }
.button:hover { background:#000 url('button-center2.gif') repeat-x center center !important; border:1px solid #333; color:#FFF !important; }

/* --------------------------------- FOOTER --------------------------------- */
#stats/*, #footer*/ { width:700px; margin:0 auto; }
#stats { font-size:80%; margin-top:2.75em; }

.column { float:left; width:170px; height:90px; margin-right:5px; padding-top:10px; }
/* column bgs */
.bgr1 { background:url('bgr1.gif') no-repeat left top; }
.bgr2 { background:url('bgr2.gif') no-repeat left top; }
.bgr3 { background:url('bgr3.gif') no-repeat left top; }
.bgr4 { background:url('bgr4.gif') no-repeat left top; }
/* column stuff */ 
.column h1 { text-align:center; font-size:1.35em; color:#CCC; }
.column ul { text-align:center; list-style-type:none; }
  .column ul li { display:inline; }
    .column ul li a { color:#888; }
    .column ul li a:hover { text-decoration:none; color:#FFF; }

#top { text-align:left; overflow:auto; }
.logo_img { float:left; border:1px solid #555; margin-right:1em; }
.logo_txt { float:left; }
h1.head { font-size:300%; }
  h1.head a { text-decoration:none; }
h1.head + h2 { font-size:100%; color:#999; }
/*h1.head { font-size:300%; width:328px; height:79px; text-indent:-999999px; background:url('charlogo.gif') no-repeat; }*/
/*h1.head, p.head { text-align:left; }*/

.clear { clear:both; }
.center { text-align:center; }
.mt { margin-top:1em !important; }
.mr { margin-right:1em !important; }
.mb { margin-bottom:1em !important; }
.ml { margin-left:1em !important; }

#footer { text-align:center; padding-top:.4em; padding-bottom:1em; border-top:1px solid #555; background-color:#111; }
  #footer p { font-size:70%; margin-bottom:0; }
  #footer a { color:#CCC; padding:2px; font-size:90%; font-weight:bold; }
  #footer p img { vertical-align:middle; }
  
  #footer ul { list-style-type:none; font-size:70%; margin:.3em auto; }
    #footer ul li { display:inline; margin-top:2px; height:12px; margin-left:5px; padding:1px; }
      #footer ul li a { color:#FFF; text-decoration:none; }
      #footer ul li a:link,
      #footer ul li a:visited { background-color:#333; }
      #footer ul li a:hover,
      #footer ul li a:active { background-color:#555; }
      
    #disclaimer { text-align:left; padding-left:1em; }
    #links { padding-top:2em; }
.spam { color:#888; font-style:italic; }