@font-face {
    font-family: redonda;
    src: url("/css/fonts/linotte_reg.otf");
}
@font-face {
    font-family: monocourier;
    src: url("/css/fonts/mono_anonima.ttf");
}
@font-face {
    font-family: redonda-mono;
    src: url("/css/fonts/inconsolata_reg.ttf");
}

body{
    font-family: redonda;
}

a:link{
    text-decoration: none;
}

label{
    font-weight: bold;
    margin-bottom: 0;
}

fieldset{
    border: 1px solid #ccc;padding: 5px 5px 10px 15px;
}
legend{
    width: auto;font: bold 16px redonda;padding: 0 10px;
}
.color-app{
    color: #F3F1C8;
}
.color-borde{
    color: #45483B;
}
.back-color-app{
    background-color: #F3F1C8;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
}
.font-24{
    font-size: 24px;
}
.font-18{
    font-size: 18px;
}
.font-16{
    font-size: 16px;
}
.font-14{
    font-size: 14px;
}
.font-13{
    font-size: 13px;
}
.font-12{
    font-size: 12px;
}
.font-mono{
    font-family: redonda-mono;
}
.font-courier{
    font-family: monocourier;
}

.color-rojo{
    color: #900;
}
.color-verde{
    color: #080;
}
.color-azul{
    color: #009;
}
.color-blanco{
    color: #fff;
}
.color-negro{
    color: #000;
}
.padd-left0{
    padding-left: 0;
}
.padd-right0{
    padding-right: 0;
}
.padd-lr0{
    padding-left: 0; padding-right: 0;
}
.margin-lr0{
    margin-right: 0;margin-left: 0;
}
.margin-right0{
    margin-right: 0;
}
.margin-bott0{
    margin-bottom: 0;
}
.margin-left0{
    margin-left: 0;
}
.negrita{
    font-weight: bold;
}
.subraya{
    text-decoration: underline;
}
input[type^=date]:invalid+div:after{
    content: 'No';
    padding-left: 5px;
    color: #900;
}
input[type^=date]:valid+div:after{
    content: 'Ok';
    padding-left: 5px;
    color: #080;
}

input[type=date]:invalid{
    color: #900;
}
input[type=date]:invalid:after{
    color: #000;
}

.mouseover:hover{
    cursor: pointer;
}

.input-text{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000;
    padding: 0;
    /*line-height: 0;*/
    width: 100%;
    margin-top: 3px;
}

.input-text-b{
    border: 1px solid #000;
    padding: 2px 3px;
    vertical-align: middle;
    width: 100%;
    /*margin-top: 3px;*/
    height: 25px;
    background-color: #fff;
}

.input-text:focus, .input-text-b:focus{
    background-color: #F3F1C8;
    outline: 0 none;
}
.salva{
    font-family: redonda-mono;
    text-align: right;
}
.salva:focus{
    background-color: #f3d816;
    outline: 0 none;
    border: 1px solid #080;
    color: #000;
}

input[type="checkbox"]:focus{
    outline: 0 none !important;
    box-shadow: none;
}
textarea:focus{
    outline: 0 none !important;
    box-shadow: none !important;
    border-color: #008800 !important;
}
input:focus{
    outline: 0 none !important;
    box-shadow: none !important;
    border-color: #008800 !important;
}
button:focus{
    outline: 0 none !important;
    box-shadow: none !important;
    border-color: #000 !important;
}

.div-acceso{
    border: none; margin-right: 5px;background-color: #F3F1C8;font-size: 16px;width: auto;text-transform: uppercase;float: left;
    padding: 2px 5px;
}
.acceso-proteas{
    width: 50px;background-color: #008800;text-transform: uppercase;text-align: center;
    float: left;
    font: bold 20px redonda ;
    color: #fff;padding-top: 5px;
}
.d-float{
    float: left;margin-left: 15px;
}
#a-anadirpack:hover{
    text-decoration: underline !important;
    color: #900 !important;
}
#a-anadirpreci:hover, #a-anadirflores:hover{
    text-decoration: underline !important;
    color: #900 !important;
}

.imgestadis{
    border: 1px solid #008800;margin-right: 10px;margin-bottom: 10px;width: 120px;
}
.imgestadis:hover{
    cursor: pointer;
    transform: scale(0.96);
}

/*----------especifico proteas ----------*/
.btn-proteas{
    color:#45483B; margin-top: 3px; background-color: #F3F1C8;
    border: 1px solid #45483B;vert-align: middle;
}
.btn-proteas:hover{
    background-color: #45483B;
    color: #F3F1C8;border: 1px solid #45483B;
    cursor: pointer;
 }
.btn-proteas:active{
    background-color: #45483B;
    border: 1px solid #45483B;cursor: pointer;opacity: 0.5;
}
.od-vermas:hover{
    cursor: pointer; color: #900; opacity: 0.5;
}
.od-div-vermas{
    font: 12px Menlo, Monaco, Consolas, 'Courier New', monospace; margin: 5px 0; display: none;
}
.od-cab-vermas{
    color: #009; border-top: 1px solid #2A69A4; padding-right: 0; margin-bottom: 5px;
}

.od-eti:hover{
    color: #009;
    cursor: pointer;
}
.ratonover{
    background-color: transparent;
}
.ratonover:hover{
    background-color: #cccccc !important;
    cursor: pointer;
}
.overcolor{
    background-color: transparent;
}
.overcolor:hover{
    background-color: #cccccc !important;
}
.overexport:hover{
    color: #900; cursor: pointer; text-decoration: underline;
}
/*-------Imprimir parteentrada*/
.lbl-parte{
    float: left;clear: both;width: 180px;
}
.dato-parte{
    float: left;font-weight: bold;
}

/*-----------index------------*/
#error{
    background-color: #990000;display: none ; height: 30px;border-radius: 5px;padding-top: 3px;

}
/*--------Ventana inicio ---------------*/

.logo-inicio{
    margin-top: 12%; border: 2px solid rgba(42, 105, 164,1); padding: 80px; border-radius: 50%; background-color: #fff; color: #fff;
}
/*-----------socios-----------------*/
.titulo-pags{
    font-size: 20px; text-decoration: underline; font-family: redonda;margin-top: 50px;
}




/*-----------Ventana Modal--------*/
.mimodal{
    position: absolute;top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(126,126,126,0.4);z-index: 665566569858; overflow: hidden;display: none;
}

.mimodal .ventana{
    position: absolute;top: 0;left: 0;margin: 20% 30% 33% 30%;width: 40%;max-height: 200px;background-color: white; border-radius: 7px;padding: 10px 20px;
}
.mimodal .ventana .titulo{
    text-decoration: underline;color: #900;font-weight: bold;
}
.mimodal .ventana .texto{
    position: relative;width:100%;height: 30%;border-bottom:1px dashed #900;text-align: center;margin-top: 10px;
}
.mimodal .ventana .cerrar{
    float: right;text-align: right; margin-top: 10px;margin-left: 10px;
}
.mimodal .ventana .aceptar{
    float: right;text-align: right; margin-top: 10px;margin-left: 10px;
    color: #900;
}
.mimodal .ventana .aceptar #bt-aceptar-modal{
    display: none;
    color: #000;
}
/*--------------------------------*/