body,html{
background: #ffddbf;
}

body img{
border: 0;
}

/*Estilos básicos del gestor - inicio*/
#contenedor{
background-color: #fff;
border: 1px solid #7e3c00;
width: 60em;
margin :0 auto;
padding: 0.5em;
}

.clear{
clear: both;
}

.hidden_form{
margin: 0;
padding: 0;
}

.form_sinmargen{
margin: 0;
padding: 0;
}

.elementos{
clear: both;
border-bottom: 0.06em dotted #C1BEAE;
border-width: 1px; 
padding: 0.7em 0 0.7em 0;
}


#contenido{
  min-height : 40em;
  font: 0.9em helvetica,arial,FreeSans;
  color: #363636;
  padding-bottom: 2em;
}

#contenido a{
  color: #346087;
}

#contenido a:hover{
  color: #000000;
}

#contenido_form{
background-color: #ECEAE4;
padding: 1em 1em 1em 1em;
border-bottom: 0.06em solid #fff;
border-width: 1px;
}

#contenido_form2{
background-color: #F5F4F1;
padding: 1em 0.5em 1em 0.5em;
}


#pie{
  font: 0.9em helvetica,arial,FreeSans;
  color: #363636;
  clear : both;
  padding-top: 0.5em;
  border-top: 0.5em solid #ededed;
}

#logo{
  padding-right : 3em;
}

#error_msg{
  color: #B22222;
}

h1{
  visibility : hidden;
  position : absolute;
}

h2{
margin-top : 1em;
margin-bottom : 0;
font: 1em helvetica,arial,FreeSans;
color: #515151;
border-bottom: 0.3em solid #bebcad;
font-weight: bold;
}

h3{
border-bottom: 0.1em solid #bebcad;
margin-bottom : 1em;
font: 1em helvetica,arial,FreeSans;
color: #515151;
}
form{
  width : 100%;
  margin-bottom : 1em;
}

legend{
  color: #767676;
  font-weight : bold;
}

fieldset{
  border: 0.6em solid #bebcad;
  border-width: 1px
}


.sinborde{
  border:0em;
}
/*Estilos básicos del gestor - fin*/

/*Formulario contato - inicio*/
.contact_row{
  clear: both;
  padding-top: 0.3em;
}

.contact_row .contact_label{
  float: left;
  width:7em;
}

.contact_row .contact_formw{
  float: left;
  width: 12em;
}
/*Formulario contato - fin*/

/*Menu de iconos de la cabecera - inicio*/
#contenido_utilidades{
width: 100%;
}

#utilidades{
float: left;
padding: 0; 
margin: 0.5em 0 0.5em 0;
}

#utilidades li{ 
list-style-type: none;
float : left;
display: inline; 
margin-right: 1em;
}

#sesion{
float: right;
padding: 0; 
margin: 0.5em 0 0.5em 0;
}

#sesion li { 
list-style-type: none;
float : left;
display: inline; 
}

#usuario{
margin:0 3em 0 0;
font: 0.9em helvetica,arial,FreeSans;
}

.usu{
margin-top: 1em;
float: left;
}

/*Menu de iconos de la cabecera - fin*/

/*Página de acceso - inicio*/
#contenedor2{
width: 34em;
margin :0em auto;
}

#contenido2{
margin-top: 12em;
font: 0.9em helvetica,arial,FreeSans;
color: #ffffff;
}

#cuadro{
border: 3px solid #7e3c00;
background-color: #fff;
padding: 1em;
color: #323232;
}

#cuadro a{
margin-right: 1em;
text-decoration: none;
font-weight: bold;
color: #444444;
}

#cuadro a:hover{
color: #000000;
}

#idiomas{
padding: 0.3em;
background-color: #EBEBEB;
text-align: center;
}

#cuadro legend{
color: #444444;
}

#cuadro form{
clear: both;
color: #323232;
}

#cuadro fieldset{
border-color: #DEDEDE;
}

#logos{
margin-bottom:4em;
width: 100%;
}

#logo_cliente{
float: left;
}

#logo_ilunabar{
float: right;
}
/*Página de acceso - fin*/

/* ---------- MENU ---------- */
#menu_contenedor{
clear:both;
width:100%; 
z-index:100;
background: #7e3c00;
min-height: 1.8em;
}

#menu,
#menu ul {
padding:0; 
margin:0; 
z-index:100;
list-style-type: none;
}

#menu a{
display:block;
font:0.9em arial,helvetica,verdana; 
color:#fff; 
height:2em; 
line-height:2em; 
text-decoration:none; 
text-align: center;
border-right:0.1em solid #fff; 
border-width: 1px;
font-weight: bold;
}

/* Bordes de los subniveles */
#menu li ul li a{
z-index:100;
border-bottom:0.1em solid #fff; 
border-width: 1px;
}

#menu li {
float:left; 
background: #7e3c00;
width: 25%;
}

#menu li:hover {
position:relative;
}

#menu li a:hover ul ul{
visibility:hidden;
}

/* Esto hace que los colores de los item cuando se ha hecho hover se mantengan */
#menu li:hover > a {
background: #ff7900; 
color: #fff;
}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#menu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {
display:block; 
position:absolute; 
top:-11px; 
left:80px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif); 
width:120px;
}

/* Posiciona el primer subnivel*/
#menu > li:hover > ul {
left:-30px; 
top:16px;
}

#menu > li:hover > ul > li:hover > ul{
left:8em; 
top:-0.5em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #menu li a:hover {
position:relative; 
background: #ff7900; 
color: #fff;}

/* Iconitos para desplegar*/
#menu li.fly {
background: #7e3c00 url(../img/fly.gif) no-repeat right center;
}

.fly ul{
margin-left: 10em;
}

#menu_noborde {
border-right: 0 !important;
}


#menu li.drop {
background: #7e3c00 url(../img/drop.gif) no-repeat right center;
}
/* ---------- MENU ---------- */

.form_especial{
margin:0;
padding: 0;
}

.icono{
float: left;
margin-top: -0.2em;
margin-right: 0.5em;
}

.borrar,.atras,.boton{
float: left;
margin-right: 2em;
}

.fecha,.idioma{
margin-right: 2em;
}

.row{
margin-top: 1em;
}