/* Demo styles, page-specific - not needed for your use. */

html {
 background:#0E0803;
 background-image:url(../images/fondo_degra.png); background-repeat:repeat-x; 
 height:100%;
}

body {
 font:normal 76% verdana,tahoma,arial;
}

.textocoments {
 color:#5F4800;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
  line-height:1.2em;
}

.top {width:100%; height:149px; background-image:url(../images/top.png); background-repeat:no-repeat; background-position:center;}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#FFE600; margin:0 5px;}
.b2f {height:1px; background:#FFE600; margin:0 3px;}
.b3f {height:1px; background:#FFE600; margin:0 2px;}
.b4f {height:2px; background:#FFE600; margin:0 1px;}
.contentf {background: #FFE600;}
.contentf div {margin-left: 5px; }


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EFE488;}

.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #F7F2C4;
  border-right:1px solid #F7F2C4;
  background:#EFE488}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #F7F2C4;
  border-right:1px solid #F7F2C4;
  background:#F7F2C4}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #F7F2C4;
  border-right:1px solid #F7F2C4;}
.spiffy4{
  border-left:1px solid #F7F2C4;
  border-right:1px solid #F7F2C4}
.spiffy5{
  border-left:1px solid #F7F2C4;
  border-right:1px solid #F7F2C4}
.spiffyfg{
  background:#EFE488}
 

a {
color:#9A3E00;
text-decoration:none;
}

.idiomas {
 color:#9A3E00;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}

.textocentral {
 color:#5F4800;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
  line-height:1.2em;
}

.titulocentral {
 color:#9A3E00;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:22px;
 line-height:1.2em;
}

.titulocentral1 {
 color:#9A3E00;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:30px;
 line-height:1.2em;
}

.textosnot1 {
 color:#9A3E00;
 font: "Courier New", Courier, monospace;
 font-size:14px;
}

.menus {
 color:#FFF478;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}


.ancho {
width:98% 
}

a:hover {
 color:#9A3E00;
}

h1, h2 {
 font:normal 1em georgia,helvetica,arial;
 letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */
}

h2 {
 font-size:1.25em;
 letter-spacing:0px;
 font-style:italic;
}

h2.compact {
 margin-top:0.05em;
 margin-bottom:1em;
}

h2.tight {
 margin-bottom:0.5em;
}

h2 em {
 text-decoration:underline;
}

ul {
 margin:0.5em 0px 0px 1.5em;
 padding:0px;
}

ul li {
 line-height:1.9em;
}

p {
 margin:0.5em 0px 1.25em 0px;
 padding:0px;
 line-height:1.7em;
}

p.last {
 margin-bottom:0px;
}

p.compact {
 margin:0px;
 padding:0px;
}

pre {
 border:1px solid #cc3333;
 width:99%;
 overflow:auto;
 max-height:39.4em;
}

pre span {
 display:block;
 border:1px solid #cc3333;
 border-left:none;
 border-right:none;
 margin-top:1em;
 padding:0.5em 0px 0.5em 0px;
 color:#ff9999;
}

p, ul {
 font-size:0.9em;
}

/* demo layout (columns, etc.) - only for this demo page */

#demo {
 position:relative;
 margin:0px auto;
 width:830px; /* IE 6 sucks. */
/* max-width:1600px; */
}

.col {
 float:left;
 display:inline;
 width:100%;
 _width:48%;
 margin:0px 0.5% 0px 0.5%;
}

.col.last {
 margin-right:0px;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}