/*CSS Document*/
/*Color naranja de BA: background-color: #F5812E;*/

/*Estilos Comunes*/
*{padding:0; margin:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.70em; color: black;}
a {color: black; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}
.icono {float: right;  width:20px; height:20px;}
.icono2 {float: right;  width:15px; height:15px;}
.icono_chico {width:15px; height:15px; border: 0px;}

/*.error {color: red; text-align: center; font-weight: bold; border: 1px solid orange; width: 95%; background-color: #FFC65B; padding: 6px 0px;}*/
.error {color: red; text-align: center;}
.aviso {color: #BD3E00; text-align: left; border-radius: 10px; border-color: #FF7F00; border-style: solid; width: 80%; margin: 5px; background-color: #FFDFBF;}
.aviso p{margin: 0px 10px 5px 10px; color: #BD3E00;}
.aviso h3 {margin: 10px;}
.aviso td {color: #BD3E00; background-color: #FFDFBF;}
.aviso th {color: #BD3E00; background-color: #FFDFBF; text-align: left;}

/*HOME*/
.home_general {top: 0px; left: 0px; width: 100%; height: 100%; background-color: #009AAE; position: absolute; min-width: 500px;}
.home_arriba {top: 2%; left: 2%; width: 96%; height: 76%; position: absolute; border-bottom-color: #cccccc; border-bottom-style: solid; background-color: white; border: 0px solid blue; border-radius: 10px;}

.contenido_home_arriba {top: 30%; left: 15%; position: absolute; height: 40%; width: 70%; font-family: arial; min-width: 500px; border: 0px solid red;}

.home_arriba_texto {margin: 7% 0px 0px 0px; border: 0px solid blue; float: left; width: 70%;}
.home_arriba_imagen {float: left; width: 29%; border: 0px solid green}
.home_arriba_imagen img {width: 100%;}
.home_arriba_texto h1 {font-weight: bolder; color:#009AAE; font-size: 5.7em; text-align: center;}
.home_arriba_texto h2 {font-weight: normal; color:#009AAE; font-size: 1.6em; text-align: center;}

.home_abajo {top: 79%; left: 2%; width: 96%; height: 19%; position: absolute; text-align: center; background-color: white; border-radius: 10px;}
.home_abajo fieldset {top: 0%; width: 60%; margin: 20px 20% 0px 20%; border: 0px; background-color: white;}
.home_abajo td {background-color: white; color:#009AAE; font-size:1.2em }

.home_modulo {top: 0px; left:5%; float: left; width: 15%; height: 50%; margin: 3% 0px 0px 1%; font-size: 1em; font-weight: bold; border: 0px solid green;}
.home_modulo img {height: 80%;}
.home_modulo_contenido2 {top:12px; width: 150px; color: black; font-size: 17px; text-align: center; position: absolute;}

.calendar {width : 16px; height : 16px; border : 0; margin-top : 1px; }

.home_novedades {top: 0px; left: 0px; width: 100%; height: 90%; position: absolute; margin: 25px;}
.novedades {top: 95%; right: 3%; border: 0px solid; position: absolute;} 

/*WEBS INTERNAS*/
.arriba {top: 0px; width: 100%; height: 71px; position: absolute; background-image:  url("./img/vista_superior.gif");}
.logo {top: 0px; width: 187px; height: 100%; position: absolute; background-image:  url("./img/logo.gif");}
.titulo {top: 20px; width: 100%; text-align: center; font-size: 2.5em; font-weight: bold; color: #666666; position: absolute;}
.menu {top: 71px; width: 100%; height: 25px; position: absolute; background-color:#B6C5ED;}
.contenido_menu {top: 5px; right: 10px; position: absolute; font-size: 12px; font-weight: bold; color: #000000;}

.abajo {top: 96px; width: 100%; height: 100%; position: absolute; border-style:none; border-color:green;}

.imprimir_arriba {top: 1px; width: 100%; height: 71px; position: absolute; }
.imprimir_logo {top: 0px; width: 70px; height: 100%; position: absolute; border: 0px solid black;}
.imprimir_logo_derecha {top: 5px; width: 450px; height: 100%; position: absolute; border: 0px solid black; right: 0px; text-align: right;}
.imprimir_titulo {top: 5px; left: 75px; width: 100%; text-align: left; font-size: 2.5em; font-weight: bold; color: #666666; position: absolute;}
.imprimir_subtitulo {top: 40px; left: 75px; width: 100%; text-align: left; font-size: .8em; color: #666666; position: absolute;}
.imprimir_abajo {top: 96px; width: 100%; height: 90%; position: absolute; border-style:none; border-color:green; }

.izq {top: 0px; left: 0px; width: 20%; height: 100%; position: absolute; border-right-style: solid; border-right-color:#B6C5ED;}
.contenido_izq {top: 20px; left: 5%; width: 90%; height: 20px; position: relative; border-bottom-color: #B6C5ED; border-bottom-style: solid; border-bottom-width: thin;}
.der {top: 0px; left: 20%; width: 80%; height: 100%; position: absolute; border-style:none; border-color:red;}
.imprimir {top: 0px; left: 0%; width: 90%; height: 90%; position: absolute; border-style:none; border-color:red;}
.contenido_der {top: 20px; left: 2%; width: 96%; height: 95%; position: absolute; border-color: blue; border-style: none;}
.busqueda_der {top: 0px; left: 0px; width: 99%; height: 20px; position: absolute; border-color: blue; border-style: none; text-align: right; color: #969696;}

th {background-color: #B6C5ED; font-weight: bold; text-align: center; height: 25px; border-style: solid; border-width: 0px; border-color: #D0D0D0; text-transform: uppercase;}
.der table {width: 100%; font-size: 1em;}
.der td {color:black;}
.der h1 {font-size: 1.5em;}

.imprimir table {width: 95%; font-size: 10px; border: thin solid;}
.imprimir td {color:black; border-left: thin solid; border-top: thin solid;}
.imprimir h1 {font-size: 1.5em;}

td {background-color: #E8ECF9; height: 25px; padding-left: 5px; padding-right: 5px;}

/*Estilo para FORMS*/
.form fieldset {background-color:#FFDFBF; border-color:#FF7F00; color: #BD3E00;}
.form legend {border-color:#FF7F00; background-color:#FFDFBF; color: #BD3E00;}
.form label {color: #BD3E00;}

.form_verde fieldset {background-color:#E9F5EB; border-color:#004000; color: #004000;}
.form_verde legend {border-color:#004000; background-color:#E9F5EB; color: #004000;}
.form_verde label {color: #004000;}

.flotante {float: left; top:0px; left: 0px; display: none; width: 95%; position: absolute; background-color:#FFDFBF !important; border: solid #FF7F00; color: #BD3E00; padding: 2em; z-index: 1;}
/*.flotante fieldset {background-color:#E9F5EB; border-color:#004000; color: #004000;}
.flotante legend {border-color:#004000; background-color:#E9F5EB; color: #004000;}
.flotante label {color: #004000;}
*/
.flotante2 {float: right; top:0px; right: 0px; display: none; width: 50%; position: absolute; background-color:#E9F5EB !important; border-color:#004000; color: #004000; z-index: 1;}
.flotante2 fieldset {background-color:#E9F5EB !important; border-color:#004000; color: #004000;}
.flotante2 legend {border-color:#004000; background-color:#E9F5EB; color: #004000;}
.flotante2 label {color: #004000;}

fieldset {position:relative; width: 95%; margin: 1em 0px 10px 10px; padding: 1em 1px 10px 10px; background-color:#E8ECF9; border-width:1px 1px 1px 1px; border-style:solid; border-color:#B6C5ED; font-size:1em; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}

legend {padding: 0.2em 0.5em; border-width:1px 1px 1px 1px; border-color:#B6C5ED; border-style:solid; background-color:#E8ECF9; color:black; font-weight:bold; text-transform:uppercase; font-size:.90em; text-align:left; border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
 
label {float:left; width:20%; margin-right:0.5em; padding-top:0.2em; text-align:right; font-size:.85em; color: black; font-weight: bold; text-transform:uppercase; clear: both; }

input {font-size: 11px; font-family: sans-serif; border-radius: 5px; padding: 0px 4px;}
select {font-size: 11px; font-family: sans-serif; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
textarea {font-size: 11px; font-family: sans-serif; border-radius: 8px;}

.oculta {display: none; border-radius: 10px;}
.oculta2 {display: none; border-radius: 10px;}


#detalle_pacientes {display: none;}
#indicaciones {display: none;}


/* Nuevos Formularios */
.nf {
    box-sizing: border-box;
    width: 95%;
}
.nf input[type=text], .nf input[type=number], .nf select, .nf textarea {
    width: 90%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

.nf input[type=date]{
    width: 10em;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.nf label {
    padding: 8px 12px 12px 0;
    display: inline-block;
    width: 95%;
}

.nf .label-inblock {
    display: inline-block;
    padding: 16px 12px 8px 0;
    width: 95%;
    text-align: left;
}

.nf input[type=submit]{
    background-color: #1f55eb;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

.nf input[type=submit]:hover {
  background-color: #4471ee;
}

.nf .derecha{
    float: right !important;
}

.nf .izquierda{
    float: left !important;
}

.nf input[type=button], .nf input[type=reset]{
    background-color: #666666;
    color: white;
    padding: 12px 20px;
    margin-right: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

.nf input[type=button]:hover, .nf input[type=reset]:hover{
    background-color: #A0A0A0;
}

.nf fieldset{
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.nf .col-label{
    float: left;
    width: 10%;
    min-width: 110px;
    margin-top: 6px;
}

.nf .col-input {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.nf .col-2 {
    float: left;
    width: 48%;
    margin-top: 6px;
}

.nf .col-3 {
    float: left;
    width: 32%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.nf .row::after {
  content: "";
  display: table;
  clear: both;
}


/* REMITOS MOVILIZADOS */
.remito_encabezado {position: relative; width: 93%; margin: 1em 0px 10px 0px; padding: 1em 1px 10px 10px; background-color:#F0F0F0; border-width:1px 1px 1px 1px; border-style:solid; border-color:#A0A0A0; font-size:1em;  border-radius: 10px;}

.columna3 {float: left; width: 32%; border-style: none;}
.columna2 {float: left; width: 49%; border-style: none;}
.columna {clear: both;}

/*FORMULARIOS*/
.monitoreo {top: 0px; left: 0px; width: 100%; height: 250px; position: relative; background-color: #F0F0F0;}
.monitoreo11 {top: 5px; left: 5px; width: 40%; height: 70%; position: absolute;}
.monitoreo12 {top: 5px; left: 40%; width: 30%; height: 70%; position: absolute;}
.monitoreo13 {top: 5px; left: 70%; width: 30%; height: 70%; position: absolute;}
.monitoreo21 {top: 70%; left: 5px; width: 40%; height: 30%; position: absolute;}
.monitoreo22 {top: 70%; left: 40%; width: 60%; height: 30%; position: absolute;}

/*AJAX*/
.emergente {float: right; border-style: solid; display: none; width: 40%; position: relative; border-radius: 10px;}
.emergente legend {text-align: right; font-size: 0.8em; border-radius: 10px;}
.emergente td {background-color: #FFFFFF;}

.emergenteFTC {float: right; border-style: solid; display: none; width: 30%; position: absolute; right: 0px; border-radius: 10px;}
.emergenteFTC legend {text-align: right; font-size: 0.8em; border-radius: 10px;}
.emergenteFTC td {background-color: #FFFFFF;}

/*SEMAFORO*/
.v {color: green; font-weight: bold;}
.a {color: yellow; font-weight: bold;}
.r {color: red; font-weight: bold;}

/*ESTILOS BIBLIOTECA*/
.grupo_sitio { text-indent:15px; width:92%; background-color:#A34343; color:#FFFFFF;}
.bloque_si { margin: 10px 50px 20px 25px; border: 3px solid #999999; background-color:#EDEADA}
.bloque_si p { margin: 3px 10px 3px 10px;}