/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-nov-2013, 8:46:31
    Author     : hvn
*/
body{
    background-color: rgb(174, 174, 174);
    font: 1em 'Arial Narrow',Calibri,Arial,sans-serif;
    margin: 0;
}

/*links*/
a[class^="btn"]{
    text-decoration: none !important;
}

a:link, a:visited {
    color: #169FBC;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a img {
    border: 0 none;
}


/* Barra de arriba en la que tenemos los enlaces de inicio de sesión y cambio de idioma */
#barraSuperior {
    background:#414B4F url(http://www.onconocimiento.net/img/fondo_barra_superior.png) repeat-x bottom;
    width:100%;
    text-align:right;
    position:fixed;
    top:0;
    z-index:11;
    min-height:28px
}

#barraSuperior a {
    color:#FFF
}

#barraSuperior ul {
    margin:0;
    padding:0;
    list-style-type:none
}

#barraSuperior ul li {
    padding-right:2em;
    display:inline;
}

#barraSuperior a#enlaceIdioma img {
    vertical-align:middle
}

#barraSuperior img#expandirIdiomas {
    margin-left:.1em;
    vertical-align:sub
}

#barraSuperior #cambioUsuario {
    float:left;
    display:none;
    margin-left:.5em
}

#barraSuperior:hover #cambioUsuario {
    display:block
}

#barraSuperior #avatar {
    vertical-align: middle;
    height:21px
}


/* Div en el que se encuentra los logos y la info del area de usuario */
#logo {
    width:960px;
    margin: 0px auto 0 auto;
    background-color: #FFFFFF;
    position:relative;
    border-top-right-radius:  10px;
    border-top-left-radius:  10px;
}

#logo #imgLogo {
    float:left;
    padding:0px 0;    
}
#logo #imgLogo h1{
    margin:0;
}
#logo #imgLogo h1 a {
    display:inline;
    float:left;
    background:url(http://www.onconocimiento.net/img/logo_onco.png) no-repeat scroll left top transparent;
    width:642px;
    height:120px;
    overflow:hidden;
    text-indent:-999em
}

#logo #imgLogo h1 a.main {
    background:url(http://www.onconocimiento.net/img/logo_onco.png) no-repeat scroll left top transparent;
}

#logo #imgLogo h1 a.pacientes {
    background:url(http://www.onconocimiento.net/img/logo_onco_pacientes.png) no-repeat scroll left top transparent;
}

#logo #imgLogo h1 a.profesionales {
    background:url(http://www.onconocimiento.net/img/logo_onco_profesionales.png) no-repeat scroll left top transparent;
}

#logo #imgLogoJunta {
    /*margin-top:32px;*/
    margin:10px 0px 0px 10px;
    float:left;
    text-align: center;
}


#userarea {
    color: rgb(158, 158, 158);
}
#userarea {
    right:0;
    position: absolute;
    font-family: tahoma,sans-serif;
    font-size: .8em;
    height: 73px;
    padding: 40px 10px 0 0;
}
#userarea a:link, #userarea a:visited {
    color: rgb(158, 158, 158);
}


ul.val-error {
    background-color: rgb(242, 222, 222);
    border-color: rgb(238, 211, 215);
    color: rgb(185, 74, 72);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin: 1em 0 !important;
}

ul.val-error li {
    list-style: none;
    padding: .2em;
}

/*
#logo #redesSociales {
    float:right
}

#logo #redesSociales .redSocial {
    float:left;
    padding-right:20px
}

#logo #redesSociales .redSocial img {
    width:20px
}

#logo #redesSociales #rss {
    padding-right:0
}

#logo #redesSociales #facebook {
    margin-left:200px
}
*/



/* Div de los menús */
#menus {
    background-color:#FFF;
    border:0;
    width:960px;
    margin:0 auto 0;
    box-shadow:0 5px 5px #888
}

#menus #menu {
    width:960px;
    margin:0 auto;
    padding:0;
    position:relative;
    z-index:10
}
/* Menu principal */

#menuPrincipal{
    background-image: url("http://www.onconocimiento.net/img/menu/nav_bg_1.png");
    background-color: #FDE583;
    height: 30px;
    margin: 0;
    padding: 0;
}

#menuPrincipal .tabs-left {
    float: left;
    height: 30px;
    list-style: none outside none;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 6px;
    background: url("http://www.onconocimiento.net/img/menu/nav_left.png") no-repeat scroll left top transparent;
}

#menuPrincipal .tabs {
    float: left;
    font-size: .8em;
    list-style: none outside none;
    margin: 0;
    background: url("http://www.onconocimiento.net/img/menu/nav_bg.png") repeat-x scroll 0 0 transparent;
}

#menuPrincipal .tabs-right {
    float: left;
    height: 30px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    width: 6px;
    background: url("http://www.onconocimiento.net/img/menu/nav_right.png") no-repeat scroll right top transparent;
}
#menuPrincipal .tabs a:link {
    color: rgb(158, 158, 158);
}
#menuPrincipal .tabs a:visited {
    color: rgb(158, 158, 158);
}
#menuPrincipal .tabs ul {
    float: left;
    /*font-size: 11px; */
    height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0 6px 0 4px;
}
#menuPrincipal .tabs li {
    float: left;
    padding: 0 6px 0 4px;
    position: relative;
    z-index: 1;
}

#menuPrincipal .tabs li{
    background: url("http://www.onconocimiento.net/img/menu/split.png") no-repeat scroll right center transparent;
}

#menuPrincipal .tabs li.last {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 0 0 0 5px;
    position: relative;
    z-index: 1;
}
#menuPrincipal .tabs li:hover {
    z-index: 2;
}
#menuPrincipal .tabs li a {
    display: block;
    float: left;
    line-height: 30px;
    overflow: hidden;
}
a .menu-left {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 8px;
    background: url("http://www.onconocimiento.net/img/menu/menu_left.png") no-repeat scroll left top transparent;
}
a .menu-mid {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 7px;
    background: url("http://www.onconocimiento.net/img/menu/menu_mid.png") repeat-x scroll center top transparent;
}
a .menu-right {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 8px;
    background: url("http://www.onconocimiento.net/img/menu/menu_right.png") no-repeat scroll left top transparent;
}

#menuPrincipal .tabs li a:hover .menu-left,
#menuPrincipal .tabs li.current a .menu-left,
#menuPrincipal .tabs li:hover a .menu-left,
#menuPrincipal .tabs li a:hover .menu-mid,
#menuPrincipal .tabs li.current a .menu-mid,
#menuPrincipal .tabs li:hover a .menu-mid,
#menuPrincipal .tabs li a:hover .menu-right,
#menuPrincipal .tabs li.current a .menu-right,
#menuPrincipal .tabs li:hover a .menu-right {
    background-position: 0 -33px;
    line-height: 30px;
    overflow: hidden;
}
#menuPrincipal .tabs li a:hover, #menuPrincipal .tabs li.current a, #menuPrincipal .tabs li.hover a, #menuPrincipal .tabs li:hover a {
     color: rgb(22, 159, 188);
}
#menuPrincipal .tabs li:hover .subMenu, #menuPrincipal .tabs li.hover .subMenu {
    display: block;
}
#menuPrincipal .tabs li .subMenu {
    display: none;
    left: 4px;
    padding-top: 5px;
    position: absolute;
    top: 26px;
    width: 186px;
    background: url("http://www.onconocimiento.net/img/menu/submenu_top.png") no-repeat scroll 0 0 transparent;
    left: 3px;
}
#menuPrincipal .tabs li ul {
    font-size: 12px;
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0 8px 3px;
    width: 170px;
    background: url("http://www.onconocimiento.net/img/menu/submenu_bg.png") repeat-y scroll 0 0 transparent;
}
#menuPrincipal .tabs li:hover li,
#menuPrincipal .tabs li.current li {
    background: none repeat scroll 0 0 transparent !important;
    padding: 0;
    width: 100%;
}
#menuPrincipal .tabs li:hover li a, #menuPrincipal .tabs li.current li a {
    background: none repeat scroll 0 0 transparent !important;
    line-height: normal;
    padding: 8px 3px 3px;
    text-indent: 4px;
    width: 164px;
    color: rgb(22, 159, 188);
    padding: 5px 3px 4px;
}
#menuPrincipal .tabs li:hover li a:hover, #menuPrincipal .tabs li.current li a:hover {
    line-height: normal;
    text-decoration: none;
    text-indent: 4px;
    background: url("http://www.onconocimiento.net/img/menu/catbg.gif") repeat scroll 0 0 transparent !important;
    color: rgb(0, 173, 211);
}
#menuPrincipal .tabs li li a:hover {
    line-height: normal;
    text-decoration: none;
    text-indent: 4px;
    background: url("http://www.onconocimiento.net/img/menu/catbg.gif") repeat scroll 0 0 transparent !important;
    color: rgb(0, 173, 211);
}
#menuPrincipal .tabs .btm-bg {
    clear: both;
    height: 9px;
    overflow: hidden;
    width: 205px;
   background: url("http://www.onconocimiento.net/img/menu/submenu_bottom.png") no-repeat scroll 0 0 transparent;
}

.subMenu label{
    width: 9em;
}

/* Menú principal */

/*
#menu #menuPrincipal a {
    color:#FFF
}

#menu #menuPrincipal {
    background:none repeat scroll 0 0 #FDE583;
    border:1px solid #FDE583;
    border-bottom:1px solid #67576E;
    box-shadow:0 1px 0 rgba(255, 255, 255, .2) inset;
    float:left;
    min-height:30px;
    margin:0;
    padding:0 5px;
    position:relative;
    width:948px;
    list-style:none outside none
}

#menu #menuPrincipal ul {
    list-style:none outside none
}

#menu #menuPrincipal li.home {
    margin:0;
    padding:0;
    width:150px;
    position:relative
}

#menu #menuPrincipal .itemMenu {
    border-bottom:1px solid #FDE583
}

#menu #menuPrincipal .itemMenu:hover {
    border-left:1px solid #67576E;
    border-right:1px solid #67576E;
    border-bottom:1px solid #FDE583 !important
}

#menu #menuPrincipal li.home:hover {
    border:0 !important
}

#menu #menuPrincipal > li {
    float:left;
    line-height: 30px
}

#menu #menuPrincipal > li > a {
    border-right:1px solid #67576E;
    box-shadow:-1px 0 0 #413148 inset;
    text-shadow:0 1px 0 #413148;
    display:block;
    padding:0 14px
}
*/

/* Menu secundario */
#menuSecundario {
    background-color:#F3F3F3;
    color:#FFF;
    border-bottom:1px solid #D2D2D2;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    display:block;
    margin-top:0 !important;
    padding:0;
}

/* Breadcrumb */
#menuSecundario #breadcrumb .enlaceBreadcrumb {
    background:url("http://www.onconocimiento.net/img/breadcrumb.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:30px;
    margin-right:7px;
    padding-left:7px;
    position:relative
}

#menuSecundario #breadcrumb .enlaceBreadcrumb:first-child {
    padding-left:5px;
}

#menuSecundario #breadcrumb .enlaceBreadcrumb a {
    color:#A4A4A4;
    display:block;
    float:left;
    height:30px;
    line-height:28px;
    padding:0 5px 0 10px
}

#menuSecundario #breadcrumb .enlaceBreadcrumb a:after {
    background:url("http://www.onconocimiento.net/img/breadcrumb.png") no-repeat scroll right 0 transparent;
    content:"";
    height:30px;
    position:absolute;
    right:-20px;
    top:0;
    width:20px;
    z-index:1
}

#menuSecundario #breadcrumb .enlaceBreadcrumb:last-child a {
    color:#444 !important;
    font-weight:bold
}

#menuSecundario #breadcrumb .enlaceBreadcrumb a img {
    margin-top:6px
}

/* Div del contenido */
#contenido {
    background-color: rgb(238, 238, 238);
    border:0;
    width:960px;
    margin:0 auto;
    box-shadow:0 5px 5px #888;
    line-height:1.5em;
    background: url("http://www.onconocimiento.net/img/bodyarea-bg.gif") repeat-x scroll 0 0 rgb(252, 252, 252);
    color: #555555;
}

/* Simple wrapper que no hace más que añadir margen por defecto */
#contenido #contenedor{
    padding: 1em 2em;
}

/* Diálogo que se muestra al usuario si no ha comprobado el perfil */
.notificacion {
    position:fixed;
    bottom:0;
    left:0;
    width:100px;
    z-index:12;
    background-clip:padding-box;
    background-color:#FFF;
    border:1px solid rgba(0, 0, 0, 0.3);
    box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    outline:medium none;
    width:500px
}

.notificacion-cabecera {
    border-top:5px solid #F56545;
    border-bottom:1px solid #EEEEEE;
    padding:9px 15px;
}

.notificacion-cuerpo {
    max-height:400px;
    overflow-y:auto;
    padding:15px;
    position:relative;
}

.notificacion-botones {
    background-color:#F5F5F5;
    border-radius:0 0 6px 6px;
    border-top:1px solid #DDDDDD;
    box-shadow:0 1px 0 #FFFFFF inset;
    margin-bottom:0;
    padding:14px 15px 15px;
    text-align:right;
}

.notificacion-boton-izquierda {
    float:left
}

.notificacion-boton {
    margin-right:1em
}

.notificacion-botones .notificacion-boton:last-child {
    margin-right:0
}

/* Estilos generales para el contenido */
/*#contenido h3 {
    font-size:1.5em;
    line-height:2em;
}*/

/*#contenido ul {
    margin:0 0 1.75em 2em
}*/


a {
    color:#0088CC;
    text-decoration:none
}

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


#pie {
    background: url("http://www.onconocimiento.net/img/pie-bg.png") repeat-x scroll 0 100% transparent;
    height: 65px;
    width: 960px;
    margin: 0px auto 0 auto;
    position:relative;
    text-align: center;
    color: #006980;
    border-bottom-right-radius:  10px;
    border-bottom-left-radius:  10px;
}

#pie #logoPie{
    float:left;
    padding:0px 0;
    width: 202px;
    height: 69px;
    background: url("http://www.onconocimiento.net/img/logo_sac.png") no-repeat scroll 0 100% transparent;
}

#pie #validacion{
    float:right;
    padding:0px 0;
    width: 202px;
    height: 69px;
}
#pie #validacion div{
    bottom: 5px;
    right: 0;
    line-height: 15px;
    padding-right: 10px;
    position: absolute;
}

#pie #validacion div a{

}

#pie #logoMensaje{
    font-family: verdana,sans-serif;
    font-size: .7em;
    padding-top: 20px;
}

#pie a:link,#pie a:visited{
    color: #006980;
}