* { margin:0; padding:0; }

img { border: 0; }

body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: gray;
background-color: white;
}

h1 {
padding: 10px 0 5px 0;
font-family: 'Philosopher', serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
color: #e00023;
}

h2 {
padding: 5px 0 0 25px;
font-family: Geneva, Arial, helvetica, sans-serif;
font-size: 12pt;
color: #00955f;
}

h3 {
padding: 0 0 5px 5px; 
font-family: Georgia, Times New Roman, serif;
font-size: 12pt;
color: #666633; 
}

h6 {
padding: 0 0 5px 5px; 
font-family: Arial, Helvetica, san-serif;
font-weight: normal;
font-size: 8pt;
color: #666; 
}

h3 a {
color: #8aacca;
}

p {
padding: 0 15px 10px 0;
font-family: Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
}

a{
color:#e4e4e4;
}

p a {
color:#666; 
}

ol {
margin: 0 20px 0 50px;
}

ol li {
padding-top: 10px;
}

.respuesta {
font-weight: bold;
color: #f30;
}

#container {
width: 998px;
margin: 0 auto 0 auto;
background-color: white;
}

.cl {
clear: left;
}

.cb {
clear: both;
}

.cr {
clear: right;
}

/****** Header *******/ 

#header {
text-align: left;
width: 998px;
height: 100px;
}

#header .header_left {
width: 246px;
margin-right: 10px; 
float: left; 
}

#header .logo {
margin:5px 0 0 5px !important;
margin:5px 0 0 2px;
}

#header .publi {
float: left;
width: 728px;
height: 90px;
background-color: silver;
margin-top:5px; 
}

/****** Login *******/ 
#log {
background:url("/images/iconos/user-onoff.png") no-repeat 0 0; 
margin: 3px 10px 0 5px !important;
margin: 3px 10px 0 2px;
height: 31px;
line-height: 18px;
}

#log a {
color: #000;
text-decoration: none;
}

#log a:hover {
color: #000;
text-decoration: underline;
}

#log.logged {
background:url("/images/iconos/user-onoff.png") no-repeat 0 -44px;
}

#login {
display: none;
z-index: 150000;
}

#loginb {
width: 500px;
border: 1px solid silver;
margin: 30px auto;
padding: 20px;
border-radius: 10px; 
-moz-border-radius: 10px;
}

div.error, .error_list {
font-size: 8pt;
font-style: italic;
padding-left: 85px;
color: #f00;
}

#login {
height: 200px;
}

#login h3 {
font-size: 14pt;
font-family: Georgia, Times New Roman, Times, serif;
}

#log-img {
float: left;
width: 128px;
height: 128px
}

#log-form {
margin-left: 20px;
float: left;
width: 280px;
}

#olvido {
margin-left: 150px;
width: 165px;
}

#olvido a {
color: #666633;  
}


#log-form li {
padding: 5px;
list-style: none;
}

#log-form label {
width: 70px;
float: left;
padding-right: 10px;
text-align: right;
}

#botonlog {
float: right;
margin-right: 30px
}

/****** Menu *******/

#menu {
float:left;
width:998px;
height: 33px;
padding-left: 13px;
background:url("/images/mnu_bkg.jpg") no-repeat 0 0;
line-height:normal;
}

#menu ul {
list-style:none;
}

#menu li {
float:left;
background:url("/images/mnu_inactivo_i.png") no-repeat left 0;
padding-left: 5px;
}

#menu a {
float:left;
display:block;
background:url("/images/mnu_inactivo_d.png") no-repeat right 0;
padding:6px 15px 9px 6px;
text-decoration:none;
font-size: 9pt;
color:#ccffcc;
}

#menu .leftcurrent a {
background:url("/images/mnu_inactivo_ii.png") no-repeat left 0;
}

/* Backslash Hack
   oculta reglas para IE5-Mac \*/
#menu a { float:none; }
/* Fin de hack IE5-Mac */

#menu a:hover {
color:#fff;
}

#menu #current {
background:url("/images/mnu_activo_i.png") no-repeat left 0;
height: 33px
}

#menu #current a {
background:url("/images/mnu_activo_d.png") no-repeat right 0;
padding-left: 10px;
height: 33px;   
color: #537797;
}

#contenido {
background:url("/images/border_laterales.png") repeat-y 0 0;
float: left;
width: 998px;
min-height: 400px;
padding-bottom: 20px;
}

#contenido_top {
height:8px;
background: url('/images/border_top_bottom.png');
background-repeat: no-repeat;
background-position: 0 -2px;
}

.contenido_left {
float: left;
width: 635px;
margin-left: 20px;
}

.contenido_right {
float: right;
width: 310px;
margin: 10px 10px 0 0;
}

#print {
float: left;
height: 16px;
margin-right: 5px;
}

#print a {
background:url("/images/iconos/printer.png") no-repeat 0 0;
padding-left: 16px;
color: #444;
}

#print a:hover {
background-position: 0 -16px;
}

#pie {
background: url('/images/border_top_bottom.png');
background-repeat: no-repeat;
background-position: 0 -15px;
clear: both;
height: 80px; 
} 

#pie .logopie {
margin-top: 20px;
text-align: right; 
float: left;
width: 49%;  
}

#pie .textopie {
margin-top: 20px; 
float: right;
text-align: left;
width: 49%;
}


/**** Fixer para floats ****/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}