@media screen and (max-width:800px) {
	#loNoMostrable{display:none;}
	}

	
body {
	
	font-family: Arial;
}



/* El navegador decida cuál de las clases usar */
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

header {
	display:block; 
	/* background-color: #f0f0ff; */
	background-color: #f5f5f5;
	/* height:15%; */
	border-style: solid;
    border-width: 1px; 	
}

aside {
	height:80%; 
	width: 20%;
	background-color: #eeffff; 
	display:block; 
	float: left;
	overflow:auto;
}

section {
	height:80%;
	width: 80%;
	background-color:light blue; 
	display:block; 
	float: left;
	overflow:auto;
}

@media (max-height: 600px) {
	header {
		display:block; 
		background-color: #f0f0ff; 
		height:100px;
		border-style: solid;
		border-width: 1px; 	
	}
	
	aside {
		height: 80%; 
		width: 20%;
		background-color: #eeffff; 
		display:block; 
		float: left;
		overflow:auto;
	}
	
	section {
		height: 80%;
		width: 80%;
		background-color:light blue; 
		display:block; 
		float: left;
		overflow:auto;
	}	

}


header .logo {
	color: #222255;
	font-size: 18px;
	float:left;
	padding-left: 10px;
	padding-top: 10px
}

.wrapper {
	margin:auto;
	width:90%;
	max-width: 1000px;
	overflow:hidden;
	overflow:hidden;	
}

nav {
	display: block;
	line-height: 10px;
	float:right;
	padding-top: 5px;
	padding-right: 20px;	
	background-color:lightgray;
	
}

header nav a {
	display: inline-block;
	
	font-size: 16px;
	font-weight: bold;
	color: #222244;
	text-decoration: none;
	padding:10px 20px;

	line-height: normal;	
	-webkit-transition: 500ms ease;
	-o-transition: 500ms ease;
	transition: 500ms ease;
	border-radius: 50px;
}

header nav a:hover {
	background-color: #ccccee;	
}

.opciones {
	line-height: 10px;
	
	float: right;	
	padding-right: 20px;
}

h1 {
	
	text-align:center;
	color: #0000ee;	
}

h3 {
	
	text-align:center;
	
}

h4 {
	
	text-align:center;
	color: #000000;	
}

fieldset{
	padding:  10px;
}




p.borde {
    border-style: solid;
    border-width: 1px;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

.chico {
	font-size: 9px;
}

.centrado {
	margin-left: auto;
	margin-right: auto;
}

.tablaEstadistica {
	font-size: 9px;
}

.tablaNotas {
	font-size: 10px;
}

.tablaAnterior {
	background-color: gainsboro;
}

.tablaConBorde, .tablaConBorde tr, .tablaConBorde th, .tablaConBorde td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
	text-align:center;
	
  }

  .tablaConBordeIzq, .tablaConBordeIzq tr, .tablaConBordeIzq th, .tablaConBordeIzq td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
	text-align:left;
	
  }

  .tablaConBorde100, .tablaConBorde100 tr, .tablaConBorde100 th, .tablaConBorde100 td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
	text-align:center;
	
  }

  .tablaConBorde100{
	width: 100%;
  }
  

.tablaConBordeChica, .tablaConBordeChica tr, .tablaConBordeChica th, .tablaConBordeChica td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
	text-align:center;
	font-size: 11px;
  }

  .tablaConBordeIzq, .tablaConBordeIzq tr, .tablaConBordeIzq th, .tablaConBordeIzq td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 2px;
  }


  .tablaBordeSignos8, .tablaBordeSignos8 tr, .tablaBordeSignos8 th, .tablaBordeSignos8 td {
	font-size: 8px;
	border: 1px solid black;
	border-collapse: collapse;
	text-align:center;
  } 

.tablaBordeSignos8 {
	width: 100%;
}

.tablaBordeSignos8 td {
	width: 3%;
	
}

.tablaBordeSignos8 th {
	width:auto;
	
}
  
  .tablaBordeSignos, .tablaBordeSignos tr, .tablaBordeSignos th, .tablaBordeSignos td {
	font-size: 10px;
	border: 1px solid black;
	border-collapse: collapse;
	text-align:center;
  }

.tablaBordeSignos {
	width: 100%;
}

.tablaBordeSignos td {
	width: 3%;
	
}
.tablaBordeSignos th {
	width: auto;
	
}

  .tablaBorde, .tablaBorde tr, .tablaBorde th, .tablaBorde td {
	font-size: 10px;
	border: 1px solid black;
	border-collapse: collapse;
	text-align:center;
  }

.tablaBorde {
	width: 100%;
}

.tablaBorde td {
	width: 3%;
}
.tablaBorde th {
	width: 3%;
	color: black;
}



.obligatorio {
	background-color:rgb(203, 246, 250);
}

.contenidoLado {
	padding: 10px;	
}

#container {
	position: absolute;
	top: 10%;
	left: 21%;
	height:88%;
	margin: 5pt;
	width: 78%;
	border: 1px solid gray; 	
	overflow-x: scroll;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background: #ffeeee;
}

.contenidos {
	padding: 10px;	
	border-style: solid;
    border-width: 1px; 
}

footer {
	border: 1px solid blue;
	text-align: center;
	background: #eeeeff;
	height:1px;
	display:block; 
	width: 100%;
	float: left;
}

#titulo {
	
	font-weight: bold;
	text-align: right;
	vertical-align: text-top;
}


.titulo {
	
	font-weight: bold;
	text-align: right;
	vertical-align: text-top;
}

.derecha {
	text-align: right;
}

.tituloIzq {
	
	font-weight: bold;
	text-align: left;
}

.tituloDer {
	font-weight: bold;
	text-align: right;
}

.rojo {
	color:       red;
}

.dato {
	
	color:       blue;
}

.dato2 {
	
	color:       green; 
}

.datoTitulo {
	
	color:       Brown;
	
}

.datoC {
	color:       blue;
	text-align: center;
	padding: 1px 3px 1px 3px;
}

.campoNota {
	
	text-align: left;
	background-color: #eeeeff;
	padding: 1px 3px 1px 3px;	
}

.campoNotaC {

	text-align: center;
	background-color: #eeeeff;
	padding: 1px 3px 1px 3px;	
}

.inputC {

	text-align: center;
	padding: 1px 3px 1px 3px;	
}

.vacio {

	background: #dddddd;		
}

.beta {

	color: #b82222;		
}


.notaEvolucion {
	
	background:white;		
}

.notaHistoria {
	background:rgb(247, 226, 201);		
}

.notaPostop {
	
	background: #eeeeff;		
}

.notaEnfermeria {
	
	background: #ffeeee;		
}

.notaEnfermeriaUrgencias {
	
	background: #f8ffee;		
}

.notaEnfermeriaUTIA {
	
	background: #eff5f8;		
}

.notaUrgencias {
	
	background: #eefffa;		
}

.notaPreop {
	
	background: #eeffee;		
}

.notaIngreso {
	
	background: #ffeef9;		
}

.notaEgreso {
	
	background: #fff8ee;		
}

.notaCOVID {
	
	background: #fff8dd;		
}

.notaLaboratorio {
	
	background: #c7cfd1;		
}

.notaTriage {
	
	background: #f8e6f4;		
}

.notaTriageObstetrico{
	
	background: #f7e6e8;		
}

.notaInterconsulta{
	
	background: #f7f8ce;		
}

.indicacionesMedicas{
	background: #eeeef7;	
}

.pregunta {

	text-align: center;	
}

.rojo {
	background: #ee6666;
}

.amarillo {
	background: yellow;
}

.verde {
	background: #44ff44;
}

.rosa {
	background: rgb(255, 221, 227);
}

.amarilloPalido{
	background: rgb(247, 247, 193);
}

.azulPalido{
	background: rgb(218, 218, 252);
}

.naranjaPalido{
	background: rgb(250, 229, 190);
}

.limaPalido{
	background: rgb(204, 252, 204);
}
 

#respuestaImagenes{
	
	color:       dark gray;	
	font-size:   10px;
	
}

input[type=number]{
    width: 70px;
} 

.privacidad{

	font-size:   11px;
}

.consentimiento{

	font-size:   10px;
}

.consentimiento{
	
	font-size:   13px;	
}

#tituloIzq {
	
	font-weight: bold;
	text-align: left;
}

#tituloDer {
	
	font-weight: bold;
	text-align: right;
}

#dato {

	color:       blue;
}

#dato2 {
	
	color:       green; 
}

#datoTitulo {
	
	color:       Brown;
	
}

#datoC {

	color:       blue;
	text-align: center;
	padding: 1px 3px 1px 3px;
	
	
}
#inputC {
	
	text-align: center;
	padding: 1px 3px 1px 3px;	
}

#inputC {

	text-align: center;
	padding: 1px 3px 1px 3px;	
}



.botonRojo {
	color: red;
}

.botonVerde {
	color: green;
}

.matutino {
	color: blue;
}

.vespertino {
	color: green;
}

.nocturno {
	color: red;
}

.izquierda {
	text-align: left;
}

.subrayado {
	text-decoration-line: underline;
}


/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#7FB5DA;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }