.contenido{
    border:#555 1px ridge; 
}

form{
    padding:10px; 
    width:100%; 
}

.secundarios{
    display: none;
}

input[type="text"],input[type="password"] ,input[type="email"], input[type="date"],input[type="time"],select{
    width: 180px;
    height: 20px;
    background: #fff;
    margin-bottom: 1px;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #555;
    padding: 0px 5px;
    border-radius: 3px;
    border: 1px solid rgb(85, 85, 85);
}

input[class="op1"], select[class="op1"]{
    width: 295px;
    height: 20px;
    background: #fff;
    margin-bottom: 1px;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #555;
    padding: 0px 5px;
    border-radius: 3px;
    border: 1px solid rgb(85, 85, 85);
}

textarea{
    width: 295px;
    height: 55px; 
    resize:vertical;
    background: #fff;
    margin-bottom: 1px;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #555;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid rgb(85, 85, 85);
    vertical-align: middle;
}

input[type="submit"]{
    background: #035984;
    border: 1px;
    margin: 5px 5px;
    margin-top: 15px;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: background .3s;
    -webkit-transition: background .3s;
    vertical-align: baseline;
}

label, tr{
    font-size: 13px;
    color: rgb(85, 85, 85);
}

td[id="f1"]{
    padding: 7px 15px;
    text-align: right;
}

td[id="f2"]{
    padding: 10px 5px;
    text-align: right;
}

td[id="f11"]{
    padding: 7px 30px;
}

.mensaje{
    border:#000 2px solid;
    z-index:1;
    padding: 8px;
    top: 35%;
    left: 35%;
    position: fixed;
    width: 30%;
    height: 130px;
    background-color:rgb(239, 238, 238);
    border-radius: 3px;
}

.mensaje_permiso{
    border:#000 2px solid;
    z-index:1;
    padding: 8px;
    top: 35%;
    left: 20%; 
    position: fixed;
    width: 810px;
    background-color:rgb(239, 238, 238);
    border-radius: 3px;
}
.mensaje_ico_alert {
    position: absolute;
    float: left;
    margin: -15px 10px;
}

.mensaje_ico{
    float: right; 
    cursor: pointer; 
    margin: -4px -7px;
}
.mensaje_titulo{
    font-size: 15px; 
    text-align: left; 
    margin: -8px -8px; 
    width: 99.9%;
    height: 15px;
    padding: 8px 8.5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #2f7699;
    font-weight: bold;
    color: white;
}

.mensaje_texto{
    text-align: center;
    font-size: 14px;
}
h2{
    text-align: center;
    font-size: 30px;
    color: #072b51;
}

table{
    margin: 0 auto;
}

.ventana{
    border:#000 2px solid;
    z-index:1;
    padding: 8px;
    top: 20%;
    left: 30%;
    position: fixed;
    background-color:rgb(239, 238, 238);
    border-radius: 3px;
}

.ventana_ico{
    float: right; 
    cursor: pointer; 
    margin: 3px -7px;
}
.ventana_titulo{
    font-size: 15px; 
    text-align: left; 
    margin: -8px -8px; 
    width: 99.9%;
    height: 11%; 
    padding: 8px 8.5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #2f7699;
    font-weight: bold;
    color: white;
}

.ventana_texto{
    text-align: center;
    font-size: 14px;

}

.tabla_titulo{
    background: #2288bb;
    color: white;
    font-weight: bold;
    padding: 6px;
    border: 1px solid #ccc;
}

.tabla_celda_fondo{
    background: rgba(175, 222, 250, 0.15);
}

.tabla_celda_contenido{
    vertical-align: middle;
    padding: 5px 5px;
    font-family: 'Open Sans',sans-serif;
    font-size: 10px;
    color: #555;
    text-align: center;
    border: 1px solid #CCC;
}

.tabla_titulo_horario{
    background: #2288bb;
    color: white;
    font-weight: bold;
    border: 1px solid #ccc;
    font-size: 10px;
    vertical-align:middle;
    padding: 1px;
}

.tabla_celda_contenido_horario{
    vertical-align: middle;
    font-family: 'Open Sans',sans-serif;
    font-size:8.5px;
    color: #555;
    margin: 0;
    text-align: center;
    border: 1px solid #CCC;
}

input[class="boton"]{
    margin: 1px 1px;
    margin-top: none;
    width:5px; 
    height: 20px; 
    background: #f9f9f9;
    border-radius: 0px;
    padding: 5px 13px;
}

.horario_vista{
    /*    border:#000 2px solid;*/
    z-index:1;
    padding: 8px;
    top: 35%;
    left: 35%;
    position: fixed;
    width: 30%;
    /*    background-color:rgb(239, 238, 238);*/
    /*    border-top-left-radius: 3px;
        border-top-right-radius: 3px;*/
}

.ico_aceptar{
    cursor: pointer; 
    width: 20px; 
    height: 20px;
}

.pswd_info{
    display:none;
    position: fixed;
    margin: -23px 193px;
    bottom: -115px\9; /* IE Specific */
    width:250px;
    padding:15px;
    background:#fefefe;
    font-size:10px;;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}

.pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}

.pswd_info::before {
    content: "\25C0";
    position:absolute;
    top:1px;
    left:-4%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalid {
    background:url(../img/invali.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    background:url(../img/valid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

.info{
    padding: 3px 10px;
    background:#fefefe;
    font-size:12px;;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}

.info_general {
    background:url(../img/valid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:rgb(85, 85, 85);
}

.info_general_acc {
    line-height:24px;
    color:rgb(85, 85, 85);
}
.info h4 {
    font-size:14px;
    font-weight: 700;
    color: #555;
    margin:0 0 10px 0;
    padding:0;
}

.info_general_2 {
    line-height:24px;
    color:rgb(85, 85, 85);
}

.estado{
    cursor: pointer;
    width: 20px; 
    height: 20px;
}

h1{
    font-size: 20px;
    color: #465361;
}

.rubros_ingresados{
    border:#000 2px solid;
    z-index:1;
    padding: 8px;
    top: 33%;
    left: 28%;
    position: absolute;
    width: 47%;
    background-color:rgb(239, 238, 238);
    border-radius: 3px;
}

img.ico {
    display: block;
    margin: 0px auto;
    background-color: rgba(255,255,255,.15);
    width: 40px;
    padding: 5px;
}

.fondo{
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);;
    opacity: 0.7;
    z-index: 1;
}

.formulario input[type="radio"] {
    display: none;
}

.formulario input[type="radio"]:checked + label {
    padding: 5px 15px;
    background: #035984;
    border-radius: 2px;
    color: #fff;
}

.formulario .label {
    display: inline;
    cursor: pointer;
    position: relative;
    padding: 5px 15px 5px 51px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.formulario input[type="radio"]:checked + .label:before {
    display: none;
}
.formulario .label:before {
    content: "";
    display: inline;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid;
}

.formulario .checkbox .label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid; 
}

.formulario .checkbox .label:before {
    border-radius: 3px; }
.formulario .checkbox input[type="checkbox"] {
    display: none; }
.formulario .checkbox input[type="checkbox"]:checked + label:before {
    display: none; }
.formulario .checkbox input[type="checkbox"]:checked + label {
    background: #B42222;
    color: #fff;
    padding: 5px 15px; }

#flotante{
    position: absolute;
    display:none;
    font-family:Arial;
    font-size:0.8em;
    border:1px solid #808080;
    background-color: #104165;
    /*    background-color:#f1f1f1;*/
}

.notification-bubble {
    height: 18px;
    width: 18px;
    /*    //background: #f56c7e url(../images/notification-bg-clear.png) no-repeat center center scroll;*/
    background-image: none\9;
    position: absolute;
    margin-left: 4px;
    margin-top: -2px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 9px;
    line-height: 18px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

.notification-bubble {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

@media screen and (max-width:1280px){
    input[class="op1"], select[class="op1"], textarea {
        width: 285px;
        font-size: 11px;
    }

    .mensaje_permiso {
        left: 25%;
    }

}