#wrapper {
  	height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: auto;
    position: fixed;
	
}
    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 30%;
        left: 30%;
        width: 40%;
        height: 40%;
        padding: 16px;
        background-color: #f8f8f8;
        z-index:1002;
        overflow: auto;
    }

#header {
	min-height:1.5em;
  	height: 4%;
    width: 100%;
	background-color:#069;
}

/*min-height:6em;
	background-color:#069;
*/

#headerD{
	border-radius: 50px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 0px solid #000000;
	background-color:#069;
	margin: 1%;
	height: auto;
}


#footer {
	min-height:1.5em;
  	height: 4%;
    width: 100%;
	background-color:#069;
	position:fixed;
	bottom: 0%;
}
#botonera{

	height:2.5em;
    width: 95%;
	margin-bottom:1%;
	margin-top:1%;
	margin-left:1.5%;
	margin-right:1.5%;
	
}

#botonera_manual{
border: solid 1px #000;
	background-color:#CCC;
	margin-left:0.5%;
	width:40%;
	margin-bottom:3%;
	text-align:center;
	padding: 50px;
margin-top:1%;
margin-right:1.5%;


}

#myChart{

	
        width: 80% !important;  
        height: 330px !important;
		margin-bottom:2%;
		margin-top:2%;
    
	
}


#cuadro_interior{
	
	border: solid 1px #000;
	background-color:#CCC;
	margin-left:0%;
	width:90%;
	margin-top:0%;
	margin-bottom:1%;
	padding-top:0%;

	
}

#botonera_qol{
	
	border: solid 1px #000;
	background-color:#CCC;
	margin-left:5%;
	width:90%;
	margin-bottom:3%;

}

#cuadro{
	
	margin-right:2%;
	background: #f8f8f8;
	min-height:80%;
    width:75%;
	float: right;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	margin-bottom:1em;
	
	
}

#separador {
	width: 100%;
	height: 30px;
	background: #069;
	margin-top: 6%;
}

#separadorFooter {
	width: 100%;
	height: 30px;
	background: #069;
	margin-top: 35%;
}

#cuadro_login{
	margin-left:2%;
	margin-right:2%;
	margin-top: 0.5%;
	background: #f8f8f8;
    display:block;
	float:right;
    width:23%;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	min-height:10%;
	padding: 1%;
}
#cuadro_index{
	margin-left:2%;
	margin-right: 0.5%;
	margin-top:  0.5%;
	background: #f8f8f8;
	font-size: 80%;
    display:block; 
    width:68%;
    height:73%;
    float:left;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
}
#contactos_index{
	font-size: 80%;
	padding: 1%;
	margin-bottom: 5%;
	margin-left:2%;
	margin-right:2%;
	margin-top:  0.5%;
	background: #f8f8f8;
    display:block; 
    width:23%;
	min-height:10%;
	float:right;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
}
#botonera_index{
	 border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background: white;
    display:block; 
    width:90%;
	margin-left: auto;
	margin-right:  auto; 
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
}
#botonera_index a{
	height: 20px;
	width: 300px;
	padding: 10px;
}
#botonera_index td {
	background: none;
}

#botonera_acciones{
	margin-bottom:1%;
	margin-left:2%;
	background-color:#FFF;	
    width:20%;
	float:left;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);	
}


#logocasco{
	margin-top:1%;
	margin-left:2%;
	background-color:#FFF;	
    width:20%;
	float:left;
}


#editado{

	position:absolute;
	right:2%;
	top:0.2%;
	height:3.5%;
}
#saved{

	position:absolute;
	right:2%;
	top:0.2%;
	height:3.5%;
}

#logoformulario{
	width: 22%;
    height: auto;
}

a.boton {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding:4%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	
	background: #f8f8f8;
	border: solid 1px #CCC;
}

a#up{
	align-content: center;
	color:white;
}
a.boton:visited {
	color:#000000;
}
a.boton:hover {
	color:#000000;	
	background-color:#0099ff;	
}
a.boton2 {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding-top:3%;
	padding-bottom:3%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
}
a.boton2:visited {
	color:#000000;
}
a.boton2:hover {
	color:#000000;	
	background-color:#0099ff;	
}

a.botonIndex {
	color:#000000;
	display:block;
	cursor:pointer;
	text-decoration:none;
	font-family:calibri;
	background: none;
}
a.botonIndex:visited {
	color:#000000;
}
a.botonIndex:hover {
	color:orange;	
	font-size: 19px;
}

a.boton3 {
	color:#ffffff;
	width:100%;
	display:block;
	cursor:pointer;
	padding-top:4%;
	padding-bottom:4%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	background:#069;
	
	border:0.1em solid #999;
	
}


a.boton3:visited {
	color:#ffffff;
}
a.boton3:hover {
	color:#ffffff;	
	background-color:#0099ff;	
}

a.activo {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding:4%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	
	background: #CCC;
	border: solid 1px #CCC;
}

a.activo2 {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding-top:3%;
	padding-bottom:3%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	
	background:#CCC;
	border:0.1em solid #CCC;
}

p.texto{
	font-family:calibri;
	padding:0;
	margin:0;
	font-size:0.9em;
}
p.texto_subtitulo{
	font-family:calibri;
	font-weight:bold;
	font-size:20px;
	padding:0;
	margin:0;
}
p.texto_welcome_blanco{
	font-family:calibri;
	position:absolute;
	right:6%;
	top:0.2%;
	color:#FFF;
	font-size:1.5vw;
	padding:0;
	margin:0;
	
}
p.texto_subtitulo_blanco{
	font-family:calibri;
	color:#FFF;
	font-size:150%;
	padding:0;
	margin:0;
	margin-left:2em;
}
/*
font-family:calibri;
	color:#FFF;
	font-size:2.5vw;
	padding:0;
	margin:0;
	margin-left:2em;
*/
p.rojo{
	font-family:calibri;
	padding:0;
	margin:0;
	color:#F00;
}
p.textopequeno{
	font-family:calibri;
	padding-left:10%;
	padding-right:14%;
	margin:0;
	font-size:12px;
}
p.textopequeno2{
	font-family:calibri;
	padding-left:5%;
	padding-right:5%;
	margin:0;
	font-size:12px;
}
p.leyenda{
	font-family:calibri;
	margin:0;
	font-size:12px;
	color:#FFF;
	
}
p.leyenda2{
	font-family:calibri;
	margin:0;
	font-size:12px;
	
	
}


p.titulo{
	font-family:calibri;
	font-size:120%;
	padding:0;
	margin:0;
	padding-top:0.5%;
	padding-bottom:1.5%;
	padding-left:5%;
	
}
p.titulo_index{
	font-family:calibri ;
	font-size:155%;
	padding:0;
	margin:0;
	padding:2%;
	color: white;
}
p.titulo_export{
	font-family:calibri;
	font-size:120%;
	padding:0;
	margin:0;
	padding-top:1%;
	
	padding-bottom:1%;
}
p.texto_export{
	font-family:calibri;
	font-size:100%;
	padding:0;
	margin:0;
}
p.resultado{
	font-family:calibri;
	font-size:200%;
	padding:0;
	margin:0;
	display:inline;

}

input[type=password].pass{
    color:#000000;
	font-family:calibri;
    font-size:110%;
	width: 94%;
	
}
input[type=password]{
	color:#000000;
	font-size: 110%;
	font-family:calibri;
	padding: 2%;
	width: 85.2%;
	margin-left:1%;
}

input#login {
    color:#000000;
	padding: 1%;
	font-family:calibri;
    font-size:110%;
	width: 60%;
	margin: 1%;
	margin-left:5%;
}
input#pwd {
    color:#000000;
	padding: 1%;
	margin: 1%;
	margin-left:5%;
	font-family:calibri;
    font-size:110%;
	width: 60%;
}
input#output {
    color:#000000;
	font-family:calibri;
    font-size:110%;
	
	
}
input[type=text] {
    color:#000000;
	font-family:calibri;
    font-size:110%;
	width: 100%;
	
}

select {
    color:#000000;
	font-family:calibri;
    font-size:110%;
	width: 101%;
	
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}




input[type=radio] {
    color:#000000;
	background-color:#dddd;
	font-family:calibri;
}

textarea[type=text] {
    color:#000000;
	font-family:calibri;
    font-size:110%;
	width: 100%;
	
}
input[type=submit] {
    color:#ffffff;
	background-color:#069;
	font-family:calibri;
    font-size:110%;
    cursor:pointer;
	width: 50%;
	padding: 2%;
	margin: 1%;
	margin-left:5%;
	font-family:calibri;
    font-size:110%;
	width: 54%;
}
input[type=submit]:hover {
    background-color:#0099ff;
}

#cIn{
	padding:2%;
	color:white;
	background: #069;
	font-family:calibri;
	text-decoration:none;
}

#cIn:hover{
    background-color:#0099ff;
}

#paciente {
	
	width: 100%;
	height: 100%;
	z-index: 1;
}
#bwc {
	
	width: 100%;
	height: 100%;
	z-index: 2;
}
#imd {
	
	width: 100%;
	height: 100%;
	z-index: 3;
}
#php {
	
	width: 100%;
	height: 100%;
	z-index: 4;
}

span.texto_checks{
	font-family:calibri;
	padding:0;
	margin:0;
	font-size:0.9em;
}


#cuadro_login_hobbins{
	margin-left:auto;
	margin-right:auto;
	margin-top: 0.5%;
	background: #f8f8f8;
    display:block;
	float:auto;
    width:23%;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	min-height:10%;
	padding: 1%;
}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media (min-width: 768px) and (max-width: 1199px) {

	
	#cuadro_interior{
	
	border: solid 1px #000;
	background-color:#CCC;
	margin-left:2%;
	width:96%;
	margin-bottom:1%;
	padding-top:0.5%;
	padding-bottom:0.5%;


	}
	
	#cuadro{

	margin-right:1%;
	background: #f8f8f8;
	min-height:80%;
    width:75%;
	float: right;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	box-shadow: 0px 12px 42px -19px rgba(0,0,0,0.74);
	margin-bottom:1em;
	
	}
	p.titulo{
	font-family:calibri;
	font-size:150%;
	padding:0%;
	margin:0%;
	padding-top:1%;
	padding-left:5%;
	padding-bottom:0.5%;
	}
	p.texto_subtitulo_blanco{
	font-family:calibri;
	color:#FFF;
	font-size:150%;
	padding:0;
	margin:0;
	margin-left:2em;
	}
}


/* para 980px o menos */

@media (max-width: 600px){ 	
	
	#wrapper {
		width: 100%;
	}
	#cuadro {
		
		width: 100%;
		float: none;
		margin-bottom:2%;
		margin-right:0%;
		
		margin-left:0%;
		min-height:50%;
		
	}
	#cuadro_interior {
		
		width: 98%;
		float: none;
		margin-bottom:5%;
		margin-right:0%;
		
		margin-left:0.5%;
		min-height:50%;
		
	}

	#botonera{
		height:2.5em;
		width: 100%;
		margin:0%;
	}
	
	#botonera_acciones {
		width: 90%;
		margin-left:5%;
		float: none;
		margin-top:5%;
		margin-bottom:10%;
		 
	
	}

	
	p.texto{
	font-family:calibri;
	padding:0;
	margin:0;
	font-size:12px;
}
	p.titulo{
	font-family:calibri;
	font-size:150%;
	padding:0;
	margin:0;
	padding-top:0-5%;
	padding-left:5%;
	padding-bottom:0.5%;
	
}

span.texto_checks{
	font-family:calibri;
	padding:0;
	margin:0;
	font-size:12px;
}
a.boton {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding:1%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	background: #f8f8f8;
	border: solid 1px #CCC;
	font-size:0.9em;
}
a.activo {
	color:#000000;
	width:100%;
	display:block;
	cursor:pointer;
	padding:1%;
	column-fill:auto;
	text-decoration:none;
	font-family:calibri;
	background: #CCC;
	border: solid 1px #CCC;
	font-size:12px;
}
#cuadro_login{
    display:block; 
    width:80%; 
    height:80%; 
    position:absolute; 
    top:50%; 
    left:50%; 
 
    margin-left:-40%;
}
input#login {
    color:#000000;
	padding: 2%;
	font-family:calibri;
    font-size:100%;
	width: 75%;
}

input[type=password]{
	color:#000000;
	font-size: 110%;
	font-family:calibri;
	padding: 2%;
	width: 75%;
	margin-left:1.5%;
}
input[type=submit] {
    color:#000000;
	background-color:#069;
	font-family:calibri;
    font-size:110%;
    cursor:pointer;
	width: 80%;
	height:180%;
}
#logo {
	height: 2%;
	display:block;
	width:90%;
	}

}