/*---------------------------------*/
/*          FUENTES                */
/*---------------------------------*/

@font-face {
    font-family: 'FS-AlbertPro-light';
    src: url('../fonts/FSAlbertWeb-Light.eot'),
    url('../fonts/FSAlbertWeb-Light.woff') format('woff');
}

@font-face {
    font-family: 'FS-AlbertPro';
    src: url('../fonts/FSAlbertWeb-Regular.eot'),
    url('../fonts/FSAlbertWeb-Regular.woff') format('woff');
}

@font-face {
    font-family: 'FS-AlbertPro-bold';
    src: url('../fonts/FSAlbertWeb-Bold.eot'),
    url('../fonts/FSAlbertWeb-Bold.woff') format('woff');
}


/*---------------------------------*/
/*          CSS                    */
/*---------------------------------*/


html,body{
    padding:0;
    margin:0;
    font-family:'FS-AlbertPro' !important;
}

body.bodylogin{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/imagen_fondo_login.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}

.flota-der{
    float:right;
}

html body .margintop50{
    margin-top:50px !important;
}

html body .margintop100{
    margin-top:100px;
}
.sin-padding{
    padding:0px !important;
}

.sin-padding-der{
    padding-right:0px !important;
}

.sin-padding-izq{
    padding-left:0px !important;
}

.titulo-login{
    float:left;
    margin-top:30px;
}

.titulo-login h3{
    font-size:18px;
    color:#444444;
}

.formulario label{
    padding-left:0px !important;
    margin-left:0px !important;
}

.centrador{
    margin:0 auto;
}

.texto-centrado{
    text-align:center;
}

.error{
    color:red !important;
}

.marginb-30{
    margin-bottom:30px !important;
}

.sinmargint{
    margin-top:0px !important;
}

.cuadrologin{
    float:left;
    background:white;
    /*border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;*/
border: 0px solid #000000;
    
}

.flota-der{
    float:right !important;
}

.fila{
    float:left;
}

.cuadrologin .logo{
    float:left;
}

.cabecera-cuadro-login{
    float:left;
    border-bottom:1px solid #6F6C6C;
}

.logo-cuadro{
    float:left;
    text-align:center;
}

.logo-cuadro .imagen-full{
    width:100%;
}

.login .imagen-full{
    width:100%;
}

.formulario-login .fila{
    margin-top:30px;
}

.formulario-login .fila label{
   float:left;
    color:#737272;
    font-size:16px;
}

.formulario-login input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  text-align:left;
  opacity: 1; /* Firefox */
}

.formulario-login input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align:left;
    
}

.formulario-login input::-ms-input-placeholder { /* Microsoft Edge */
  text-align:left;

}

.formulario-login input[type='text']{
    width:100%;
    height:30px;
    /*border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;*/
border: 0.5px solid #6F6C6C;
    padding-left:10px;
    font-size:14px;
    background-image:url(../img/logo_email.png);
    background-position:95% center;
    background-repeat:no-repeat;
}

.formulario-login input[type='password']{
    width:100%;
    height:30px;
   /* border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;*/
border: 0.5px solid #6F6C6C;
    padding-left:10px;
    font-size:14px;
    background-image:url(../img/CandadoCerrado.png);
    background-position:95% center;
    background-repeat:no-repeat;
}

.formulario-login input[type='submit']{
    width:100%;
    height:30px;
    /*border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;*/
border: 0px solid #000000;
    background-color:#004593;
    color:white;
}

.formulario-login input[type='submit']{
    height:30px;
    /*border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;*/
border: 0px solid #000000;
    background-color:#004593;
    color:white;
    font-size:12px !important;
}

.olvido-pass{
    font-size:12px;
}

.formulario-login input.usu-icon{
    background-image:url(../img/Usuario.png) !important;
    background-position:95% center;
    background-repeat:no-repeat;
}


.formulario-login input.hospital-icon{
    background-image:url(../img/hospital.png) !important;
    background-position:95% center;
    background-repeat:no-repeat;
}


/*---------------------------------------------------------*/

/*    INDEX                                                */

/*---------------------------------------------------------*/

#header{
    float:left;
    width:100%;
    height:100px;
}

.pusuario{
    float:left;
    
    height:100px;
}

.sesionusuario{
    float:left;
}

.alin-der{
    text-align:right;
}

.sesionusuario img{
    max-width:35px;
    margin-top:36px;
    
}

.sesionusuario p{
    margin-top:30px;
    margin-bottom:5px;
    padding-bottom:0px;
}

.centromenu{
    float:left;
    
    height:100px;
}

.centromenu h3{
    margin-top:30px;
    text-align:center;
}

.menuh{
    float:left;
    
    height:100px;
}

.separador_azul{
    background-color:#004593;
    height:20px;
    width:100%;
    float:left;
}

#contenedor-principal h1{
    text-align:center;
    margin-top:40px;
}

.contenedor-procesos{
    float:left;
    margin-top:40px;
}

.contenedor-procesos a{
    color:#004593;
}

.contenedor-procesos a:hover{
    color:#d6682e;
}

.proceso{
    float:left;
}

.imagen-proceso{
    float:left;
    text-align:center;
}

.imagen-proceso:hover{
    background-color:rgba(214,104,46,0.4);
}

.imagen-proceso img{
    width:80%;
    text-align:center;
}

.nombre-proceso{
    float:left;
    text-align:center;
    margin-top:20px;
}

/*--------------------------------------------*/
/*              menu                          */
/*--------------------------------------------*/

.menusuperior{
    background-color:white;
    float:left;
    position:fixed;
    z-index: 50;
}

.logo-menu{
    float:left;
}

.enlaces-menu{
    float:left;
    padding-top:30px;
}

.logo-menu img{
    width:80px;
}


body.bodyindex{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/fondo_index.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}

.contenedor-menu-cuerpo{
    float:left;
    background-color:rgba(255,255,255,0.4);
    padding-top:50px !important;
    padding-bottom:50px !important;
}

.elemento-menu-cuerpo{
    float:left;
    text-align:center;
}

.elemento-menu-cuerpo img{
    width:100%;
}

.elemento-menu-cuerpo .imagen-menu{
    float:left;
}

.elemento-menu-cuerpo .texto-menu{
    float:left;
}

/*------------------------------------*/
/*  GESTIÓN USUARIOS                  */
/*------------------------------------*/

body.bodyusuarios{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/imagen_fondo_usuarios.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.titulo-seccion{
    float:left;
}

.titulo-seccion h2{
    color: #0F539E;
    background:none !important;
    margin-top:200px;
    padding-left:150px;
    font-size:50px;
}

.miga-pan{
    float:left;
    color:#0F539E;
}

.miga-pan img{
    max-width:13.5%;
}

.miga-pan a{
    color:#0F539E !important;
    text-decoration:none;
}


/*-------------------------------------*/
/*          AÑADIR USUARIOS            */
/*-------------------------------------*/
body.bodynuevousuario{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/imagen_fondo_nuevo_usuario.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bodynuevousuario table{
    text-align:center;
    margin-top:50px;
}

.bodynuevousuario th{
    background-color:#0F539E;
    padding:20px;
    
    color:white;
    border-left:1px solid white;
}

.bodynuevousuario th.primerelemento{
    border-left:0px;
}

.bodynuevousuario td{
    border:1px solid black;
    background-color:white;
    padding:20px;
    padding-left:50px;
    padding-right:50px;
}

.filagris td{
    background-color:#E6E7E9;
}


/*-----------------------------------------*/
/*              FORMUlARIO                 */
/*-----------------------------------------*/

body.bodyformulario{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/imagen_fondo_informe.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contenedor-informe{
    float:left;
    margin-top:30px;
}

.paso{
    float:left;
    display:none;
}

.filaform{
    float:left;
    margin-top:20px;
}

.filaform label{
    float:left;
    width:100%;
    
}

.filaform input{
    float:left;
    width:100%;
    text-align:center;
}

.alinderecha{
    float:right;
}

#form-informe table{
    text-align:center;
    margin-top:0px;
}

#form-informe th{
    background-color:#0F539E;
    color:white;
    border-left:1px solid white;
    padding-left:5px;
    padding-right:5px;
}

#form-informe th.primerelemento{
    border-left:0px;
}

#form-informe td{
    border:1px solid black;
    background-color:white;
}

#form-informe table.ejemplo{
    text-align:center;
    margin-top:0px;
    float:left;
}

#form-informe .ejemplo th{
    background-color:transparent;
    color:black;
    border-left:0px solid white;
    padding-left:5px;
    padding-right:5px;
}

#form-informe .ejemplo th.primerelemento{
    border-left:0px;
}

#form-informe .ejemplo td{
    border:0px solid black;
    background-color:transparent;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

#form-informe .ejemplo td input{
    
    text-align:center;
}

#form-informe .ejemplo td.titupreg{
    text-align:left;
}

#form-informe .ejemplo th.ultima{
    background-color:white;
    /*border-left:1px solid #0F539E;
    border-right:1px solid #0F539E;*/
}

#form-informe .ejemplo th.titupreg{
    text-align:left;
}

#form-informe .ejemplo td.ultima{
    background-color:white;
    /*border-left:1px solid #0F539E;
    border-right:1px solid #0F539E;*/
}

#form-informe .ejemplo td.bordetop{
    /*border-top:1px solid #0F539E;*/
}

.filagris td{
    background-color:#E6E7E9 !important;
}

.negrita{
    font-family: 'FS-AlbertPro-bold';

}

.textoazul{
    color:#0F539E;
}



.boton-siguiente{
    width:200px;
    text-align:center;
    cursor:pointer;
    background-color:#0F539E;
    color:white;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    font-size:18px;
    float:right;
    margin-top:30px;
}


.boton-enviar{
    float:right;
    display:none;
}

.boton-enviar input[type="submit"]{
    width:200px;
    text-align:center;
    cursor:pointer;
    background-color:#0F539E;
    color:white;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    font-size:18px;
    float:right;
    margin-top:30px;
    
}

.boton-volver{
    width:200px;
    text-align:center;
    cursor:pointer;
    color:#0F539E;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    font-size:18px;
    float:right;
    margin-top:30px;
}

.aclaracion{
    color:#004593;
    margin-top:-5px
}

label span{
    color:black;
}


.footer{
    background-image:url('../img/fondo_footer.png');
    background-size:100% 100%;
    background-repeat:no-repeat;
    float:left;
    padding-top:50px;
    padding-bottom:40px;
    margin-top:250px;
}

.logos{
    float:left;
}

.logobdf{
    float:left;
    margin-right:50px;
}

.redessociales{
    margin-left:20px;
    width:10px;
}

.textofooter{
    float:left;
    color:white;
}

.textofooter p{
    font-size:12px;
}

.enlacesfooter{
    float:left;
    text-align:center;
}

.enlacesfooter a{
    color:white;
    font-size:12px;
}

.enlaces-menu a{
    margin-left:50px;
    color:#444444;
}

.imagenok{
    float:left;
    text-align:center;
    margin-bottom:30px;
}

.botones-informe{
    float:left;
    text-align:center;
    margin-top:30px;
}

.botones-informe a{
    margin-left:40px;
    padding:10px;
    background-color:#0F539E;
    color:white;
    padding-left:30px;
    padding-right:30px;
}

.botones-informe a:hover{
    color:white;
}

.enlacevolver{
    float:left;
    text-align:center;
    margin-top:100px;
}

.enlacevolver a{ 
    color:#0F539E;
}

body.bodygracias{
    width:100%;
    height:100%;
    float:left;
    background: url(../img/imagen_fondo_gracias.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}