/**********************************************************/
/******  ESTILOS PARA LA CABECERA  DE LAS PANTALLAS  ******/
/**********************************************************/


.estiloTablaCabecera
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 100%;
    BORDER-BOTTOM: 0px;
}

/*marga*/
.cabecero {
background-image: url(imagenes/h1_bg.png);
background-repeat: no-repeat;
border-bottom: 1px solid #FFFFFF;
width: 100%;
HEIGHT: 70px;
/*margin-top: 17px;*/
background: #fff;
/*-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;*/
display: block;

}

.cabecero2 {
background-image: url(imagenes/h1_bg.png);
background-repeat: no-repeat;
HEIGHT: 50px;
background: #fff;
display: block;

}

.reloj {	
	font-weight: bold;
	float: right;
}

.contenidoPrincipal {
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color:#344956;
	text-decoration: underline;
}

/*table#idCabecera,*/ td#idContenedorCabecera{/*border-top: 3px solid #dedede;
	-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
/*	border-bottom: 40px solid #5665a0;*/
background-image:url(imagenes/borde_top.png);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
padding-top:17px;}
	
td#idContenedorCabecera{background-color:#dedede;}
/*marga*/
.barraSesion {
    background-color: #56649f;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    color:white;
    height: 40px !important;
    background-image:url(imagenes/fondo_menu_intranet.gif);
}
.textoBarraSesion:link {
    color:white;
    text-decoration: none;
}
.textoBarraSesion:visited {
    color:white;
    text-decoration: none;
}
.textoBarraSesion:active {
    color:white;
    text-decoration: none;
}
.textoBarraSesion:hover {
    color:white;
    text-decoration: none;
}


#datos_cabecera{width:370px;
float:right;}
.col_1_cab{float:left;width:240px;margin-right:15px;margin-top:5px;}
.col_2_cab{float:right;width:85px;margin-right:15px;margin-top:5px;}

.nombreusuario
{color: #574c94;
font-size: 12px;
font-weight: bold;
font-family: verdana;
background-image: url(imagenes/usuario_ico.jpg);
background-position: left top;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 3px;
padding-bottom: 6px;}

.nombredpto{
color:#668194;
font-size:10px;
font-weight:bold;
font-family:verdana;
padding-left: 25px;
line-height:15px;}

.titulodpto{text-transform:uppercase;}

#logomercurio{margin-top:0;margin-left:10px;}

.cerrarsesion{color: #f7882c;
font-size: 11px;
font-weight: bold;
font-family: verdana;
background-image: url(imagenes/icono_sesion.jpg);
background-position: left top;
background-repeat: no-repeat;
/*padding-left: 25px;
padding-top: 5px;
padding-bottom: 15px;*/}

.fechasesion{color: #574c94;
font-size: 10px;
font-weight: bold;
font-family: verdana;
background-image: url(imagenes/icono_hora.jpg);
background-position: left 1px;
background-repeat: no-repeat;
}

#col_login_2 input.botonvioleta{
float:right;
	}
a.cambiardpto{
font-weight:normal;
margin-top:5px;
display:block;}

table#idCabecera.sinbordeinferior{border-bottom:0;}



.linea_azul img{
margin-left: -11px;
position: absolute;
top: -13px;}

.linea_azul{
background-color:#ffffff;
height:15px;
position:relative;
}

.linea_azul td{position:relative;display:block;}

.cerrarsesion span, .cambiardpo span{display:none;}


.cambiardpo{color: #f7882c;
font-size: 11px;
font-weight: bold;
font-family: verdana;
background-image: url(imagenes/departamento-cambia.png);
background-position: left 4px;
background-repeat: no-repeat;
margin-left:1px;
}

.cambiardpo, .cerrarsesion, .fechasesion {
display: block;
width: 21px;
height: 30px;
float: left;
margin-right: 5px;}


.cambiardpo, .fechasesion{}

/*Estilo para alinear correctamente las opciones de idioma*/
.opcionesIdiomas{
float: left;
}


/*Menú desplegable pagina inicio  */
/* el menú en si mismo */
  .mi-menu  {
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
    background: #d0103a;
   	margin-left:50px;
    
  }


  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
	background: #d0103a;
	
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    background: #d0103a;
    font-weight: bold;
    padding: 0 14px;
    margin: 3px 0;
    line-height: 20px;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: White; text-decoration:underline;}

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    right: -35px;
    opacity: 0; /* no son visibles */
    position: absolute;
    /* el color de fondo */
    background: #d0103a;
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    background: #d0103a;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 40px; /* los mostramos */
    overflow: visible;
    padding: 0;
    background: #d0103a;
  }
  .mi-menu ul li a {
    border: none;
    margin: 0;
    background: #d0103a;
    /* el ancho dependerá de los textos a utilizar */
    width: 227px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }