body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding:0px;
	background-image: url("../images/bg.jpg");
	background-color: #bbbbba ; 
	background-repeat: repeat-x;
}
#box_html { 
    width: 950px;
    display:table;
	margin-left: auto;
	margin-right: auto; 
	border-radius: 0px 0px 10px 10px;
	border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-color: gray;    
    background-color: white;
}
#box_body {
	padding: 10px;
}
table {
	border-collapse: collapse;
}
table, td, th {
    border: 0px solid black;
}
images {
	border: 0px; 
	padding:0px;
}
h2 {
	color: #329AA1;
}
hr {
       border-top: 1px solid #000000 !important;
       margin-bottom:0px !important; 
       margin-top:0px !important;
       
}
ul {
    list-style:none;
}
input[type="text"]:disabled,input[type="tel"]:disabled,input[type="number"]:disabled {
    color: black;
}
input[type=text].right,input[type=tel].right,input[type=email].right,input[type=password].right,input[type=submit].right {
	float:right;
}
input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
}
select.right {
	float:right;
}

.bt_imprimir {
	font-size: 18px;
	padding: 5px;
}
/* links */
a { 
	color: #49A3A6;
	text-decoration: none ;
}
a:visited, a:active { 
	text-decoration: none
}
a:hover { 
 }

#tab_hc, #tab_control {
	background-color: #CACBCD;
	text-transform: capitalize;
	padding: 3px 10px 3px 10px;
	display: inline-block;
	border-radius: 3px 3px 0px 0px;
	margin-right: 0px;
	border-color: #808080;
	border-style: solid;
    border-width: 1px 1px 0px 1px;
}
.tab_last {
	background-color: #CACBCD !important	;
	text-transform: capitalize !important;
	padding: 3px 10px 3px 10px !important;
	display: inline-block !important;
	border-radius: 3px 3px 0px 0px !important;
	margin-right: 0px !important;
	border-color: #808080 !important;
	border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
    top: 0px !important;
}
/*-----links optionals------*/
a.tab_control, a.tab_control:visited {
	color: black;
}
a.tab_control:hover {
	color: #C3C3C3;
	text-decoration: none ;
}
a.tab_control:active,a.tab_hc:active {
	color: white;
}
a.tab_control:focus,a.tab_hc:focus{
  color: black;
  text-decoration: underline;
}
/* end link*/
/* ----------------	tablas ----------------------- */ 
#wrapper {
	height: 100%;
	width: 100%;
	display:table;
/*	margin-left: auto;
	margin-right: auto;  */
	}
#row { 
	display: table-row; 
 }
#tb_col, #tb_col2 {
	display:table-cell;
	vertical-align: top;
	padding: 2px;
/*	border-color: black; 
	border:1px solid;      */
}
#tb_left {
	display:table-cell;
	vertical-align: top;
	padding: 10px;
	width: 236px;
	margin-left: auto;
	margin-right: auto; 
	border-radius: 0px 0px 0px 10px;
	border-style: solid;
    border-width: 0px 2px 0px 0px;
    border-color: #AAC6CB;    
}
/* ---------------- end tablas ---------------------- */ 
.big_title {
	font-weight:bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #329AA1;
}
.big_title_h2 {
	font-size: 25px;
	margin: .75em 0;
    margin-top: 0.83em;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15px;
    color: #329AA1;
    font-weight:bold;
}
#title_printer {
	font-weight:bold;
	font-size: 16px;
	text-transform: uppercase;
	color: black;
	text-align: center;
	width: 100%;
}
.title{
	font-weight:bold;
	text-transform: uppercase;
	color: #329AA1;
}
.title2{
	font-size: 18px;
}
.subtitle{
	font-weight:bold;
	/* text-transform: capitalize; */
	color: #329AA1;
}
.subtitle2{
	font-weight:bold;
	text-transform: uppercase; 
	color: black;

}
#box1 {
    border-radius: 0px 6px 6px 10px;
    border: 2px solid #329AA1;
    padding: 5px;
    width: auto;
}
#box_hc {
/*    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #329AA1;     */
    padding: 8px;
    width: auto;
    background-color: #F3F5F4;
}

#title_tab {
	background-color:  #329AA1;
	font-weight:bold;
	text-transform: uppercase;
	color: white;
	padding: 3px 10px 3px 10px;
	display: inline-block;
	border-radius: 4px 4px 0px 0px;
}
.line_per_line {
	display: block; 
	/* word-spacing: 100vw;
	width: none; */
}
.bt_calcular {
	padding: 0px;

}
#alerta{
    border-radius: 6px;
    border: 2px solid red;
    padding: 5px;
    width: auto;
    text-transform: uppercase;
    font-size: 15px;
    background-color: red;
    color: white;
    float: right;
    font-weight:bold;
}
.alerta_view{
    border-radius: 6px;
	margin: 4px;
    width: 330px;
    text-transform: uppercase;
    font-size: 16px;
    background-color: red;
    color: white;
    float: right;
    font-weight:bold;
    text-align: center;
    bottom: 10px;
}

/* ccs to printer */
.pt_black{
	color: black;
	
}
#title_tab_white {
	background-color: #ADADAD;
	font-weight:bold;
	text-transform: uppercase;
	color: black;
	padding: 3px 10px 3px 10px;
	display: inline-block;
	border-radius: 4px 4px 0px 0px;
}
#box2 {
    border-radius: 0px 6px 6px 10px;
    border: 2px solid black;
    padding: 5px;
    width: 100%;
}

#tb_col3 {
	vertical-align: top;
	padding: 2px;

}
#line {
  	width: 100%;
  	height: 1px;
  	background-color: black;
}
.line_print {
  	width: 100%;
  	height: 1px;
  	background-color: black;
}
.line2{
	height:1px;
	background:#717171;
	border-bottom:1px solid #313030;
}
#login {
	background-color:white;    
    box-shadow: 0px 0px 10px #8d8d8c;
    border-radius: 8px;
    border: 2px solid #8d8d8c;
    padding: 10px;
    width: 348px;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
}
#footer { 
    
    display:table;
	margin-left: auto;
	margin-right: auto; 
	text-align: center;
}
#header {
	color: white;
}
#alert{
	overflow: auto;
	position: absolute;
	margin-left: auto ;
 	margin-right: auto ;
	top: 1%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 35%;
	right: auto;
	}
#alert2{
overflow:auto;
background-position: 15px 50%; /* x-pos y-pos */
background-color: #E0E0E0;
position: absolute;
margin: 5px;
padding:2px 5px 0px 5px;
border: 1px solid #555555;
-moz-border-radius: 6px;
border-radius: 6px; 
box-shadow: 0px 0px 8px #989898; 
z-index: 1;
}
#alert3{
overflow:auto;
background-position: 15px 50%; /* x-pos y-pos */
background-color: #FFF1D3;
position: absolute; 
margin: 5px;
padding:10px;
border: 1px solid #555555;
-moz-border-radius: 6px;
border-radius: 6px; 
box-shadow: 0px 0px 8px #989898; 
z-index: 5;
}
#alert4{
overflow:auto;
background-position: 15px 50%; /* x-pos y-pos */
background-color: #FFF1D3;
margin: 0px;
padding:5px;
border: 1px solid #555555;
-moz-border-radius: 6px;
border-radius: 6px; 
}
#alert_tmp{
	background-position: 15px 50%; /* x-pos y-pos */
	background-color: #00C400;
	margin: 0px;
	padding:5px;
	border: 1px solid #555555;
    -moz-border-radius: 6px;
	border-radius: 6px; 	overflow: auto;
	position: absolute;
	margin-left: auto ;
 	margin-right: auto ;
	top: 11%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 34%;
	}
#alert_cc{
margin-top: 20px;
background-color: #FF3333;
padding:5px;
border: 1px solid #dca7a7;
border-radius: 6px; 
color: white;
	font-weight:bold;
}
	
input[type="checkbox"].noshow_input:checked {
    display: inline;
}

input[type="checkbox"].noshow_input{
    display: none;
}
.just{
	overflow:hidden; 
  	white-space:nowrap; 
  	text-overflow: clip; 
  	width: 5.5em;
  	display: inline;	
  	position: absolute;
}
.bg_hc{
	background-color: #49A3A6; 
}
.bg_dieta{
	background-color:#337AB7;
}
.bg_sala{
	background-color:#F3C623;
}
p.bloque_input {
	height: 30px;
}
input[type="text"].bloque_input{
    width: 80px;
    float: right;
}
#horeja{
  display: inline;
}
/* END ccs to printer */
/* Tablet to desktop ------------------------------------------------------ */
/* max-width: 1067px tablet andres titan  */
/* max-width: 1024px tablet clinica lenovo  */
/* max-width: 980px tablet john woo */
@media (max-width: 1024px) {
	body { 
		font-size: 25px;
		margin: 0px;
		padding:3px;

	}
	#tb_col2 {
		width: 380px; 
	}
	input[type=text].right,input[type=tel].right ,input[type=email].right {
		float:none;
	}
	select.right {
		float:none;
	}
	.bt_imprimir {
		font-size: 50px;
		padding: 5px;
	}
	select {
		font-size: 19px
	}
	input {
		font-size: 23px;
	}
	input[type=text],input[type=tel],input[type=email],input[type=checkbox] {
		height: 23px;
		background-color: #D6D6D6;
	}
	input[type=checkbox],[type=radio] {
	 transform: scale(1.9);/* All browsers except chrome*/
	 -webkit-transform: scale(2); /*chrome browsers*/
	 margin-right: 10px;
	}
	span#bloque_tablet {
   /* background-color:red; */
   
	}
}

@media print{  
    body {
    margin:0; 
	padding:0;
	line-height: 1.4em; 
	word-spacing:1px;
	letter-spacing:0.2px;
	color: #000;
    }
    #box_html { 
    background: white; 
    width: auto;
	border-radius: 0px;
	border-style: none;
    border-width: 0px;
    border-color: none; 
    line-height: 1.4em; 
	word-spacing:1px;
	letter-spacing:0.2px;
	color: #000;   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	}
	#title_printer,.big_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt ;
	font-weight:bold;
	}
	hr {
       border-top: 1px solid #000000 ;       
	}
	@page {
	margin-top: 1cm;
	margin-left: 0.4cm;
	margin-right: 0.4cm;
	size: letter portrait;
	}
}

