/* CSS Iniciales --------------------------------------------------------------------------------------------- */
.btn_profesional{
	width: 90%;
	margin: 5px; 
	padding: 5px; 
	text-align: center;
	cursor:pointer;
	color: #000;
}

.btn_profesional:hover{
	font-weight:bold;
	color: #FFF;
}


.btn_profesional .inactive{
	background-color: #999;
}

#columnaherramientas{
    width: 250px;
    height: 100%;
    float: left;
}
/*#columnaherramientas h2{
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
}
#columnaherramientas ul{
    padding: 10px 0 0;
    list-style: none;
    list-style-position: inside;
}
#columnaherramientas li{
    font-size: 13px;
    position: relative;
    line-height: 24px;
}
#columnaherramientas li a{
    display: block;
    padding-left: 23px;
    text-decoration: none;
    color: #000;
}
#columnaherramientas li.active a, #lateral li.active a:hover{
    background: #c2cff1
}
#columnaherramientas li a:hover{
    background-color: #ffffcc;
}
#columnaherramientas li a span{
    padding-left: 16px;
}
#columnaherramientas li a .icon{
    width: 16px;
    height: 16px;
    position:absolute;
    top: 4px;
    background: transparent url(../images/rss_bg.gif) no-repeat left center;
}*/

#columnacalendario{
    height: 100%;
    margin-left: 250px;
}
/*#columnacalendario h2{
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 20px;
    background: #c2cff1;
    font-size: 18px;
    font-weight: 700;
}
#columnacalendario #render{
    height: 100%;
    overflow: hidden;
}
#columnacalendario #tip{
    display: block;
    padding: 20px;
}
#columnacalendario #iframe{
    display: none;
}
*/
	
#toggler{
    width: 16px;
    height: 1000px;
    border-left: 1px solid #c2cff1;
    background: #EBEFF9 url(../images/toggler_bg.gif) no-repeat left center;
    float: left;
}
#toggler:hover{
    background: #c2cff1 url(../images/toggler_bg.gif) no-repeat -25px center;
    cursor: pointer;
}
#toggler.off{
    background: #EBEFF9 url(../images/toggler_off_bg.gif) no-repeat left center;
    margin-left: 0;
}
#toggler.off:hover{
    background: #c2cff1 url(../images/toggler_off_bg.gif) no-repeat -25px center;
    margin-left: 0;
}

#columnacalendario #calendar {
/*	max-width: 100%;
	margin: 0 auto;
	font-weight: bold;
*/
    height: 100%;
    overflow: hidden;
	margin-left: 16px;
}

html, body{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline; 
	height: 100%;
}

html {
	background-color: #FFF;
}

body {
  	font: normal 11px Tahoma, Arial, sans-serif;
	color: #555555;
	display: table;
	width: 100%;
}

a {
	color: #888888;
	outline-style: none;
	text-decoration: none;
}

a:hover {
	color: #222222;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

.clear {
  height: 0px;
  clear: both; 
}

/* End CSS Iniciales --------------------------------------------------------------------------------------------- */

#acciones_cabecera {
	float: right;
	height: 32px;
	padding-top: 8px;
}

#AddUser {
	float:left; 
	cursor: pointer; 
	margin-top: 3px;
	display: block;
}

#boton_logout {
	float: right;
	width: 32px;
	height: 32px;
}

#boton_user {
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer; 
}

.boton_logout_on {
	background-image: url(../images/logout_on.png);
	background-repeat: no-repeat;
	background-position: center;
}

.boton_logout_off {
	background-image: url(../images/logout_off.png);
	background-repeat: no-repeat;
	background-position: center;
}

.boton_user_on {
	background-image: url(../images/usuario_on.png);
	background-repeat: no-repeat;
	background-position: center;
}

.boton_user_off {
	background-image: url(../images/usuario_off.png);
	background-repeat: no-repeat;
	background-position: center;
}

#cabecera {
	height: 105px;
	padding: 5px;
	background-color: #31a3dd;
}

#clinicas_cabecera {
	float: left;
	height: 32px;
	padding-top: 8px;
	margin-left: 20px;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
}

#contenedor {
	width: 100%;
	min-width: 1015px;
	margin: 0 auto;
	height: 100%;
}

#contenido {
	margin: 3px;
	padding: 5px;
	/*min-height: auto;*/
	background-color: #fff;
	/*border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px;*/
}

#contenido_acceso {
	width: 60%;
	max-width: 450px;
	min-width: 300px;
	margin: auto;
}

#contenido_login {
	height: auto;
	width: 50%;
	margin: auto;
	/*position: absolute;
	top: 0; 
	left: 0;
	bottom: 0; 
	right: 0;*/
}

.fixedcabecera{
	height: auto;
	/*position: fixed;*/
	width: 100%;
	/*top: 0;
	left: 0;*/
}

.formularios{
	width: 60%;
	margin: auto;
}

.formularios .titular{
	font-weight: bold;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
	color: #31a3dd;
}

.formularios .campo{
	font-weight: bold;
	font-size: 12px;
	color: #31a3dd;
}

.formularios input{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 98%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formularios input[type=checkbox]{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
	width: 25px;
}

.formularios input[type=checkbox] .chkservicios{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formularios textarea{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 99%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formularios select{
	border: #000 solid 1px;
	color: #000;
	height: 27px;
	width: 99%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formulariosventana{
	width: 100%;
	margin: auto;
	background: none;
}

.formulariosventana .titular{
	font-weight: bold;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
	color: #31a3dd;
}

.formulariosventana .campo{
	font-weight: bold;
	font-size: 12px;
	color: #31a3dd;
}

.formulariosventana input{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 98%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formulariosventana input[type=checkbox]{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
	width: 25px;
}

.formulariosventana input[type=checkbox] .chkservicios{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formulariosventana textarea{
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 99%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

.formulariosventana select{
	border: #000 solid 1px;
	color: #000;
	height: 27px;
	width: 99%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

#form_acceso {
	background-color: #31a3dd;
	height: auto;
	/*border: #000000 solid 1px;*/
	padding: 10px;
	/*border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;*/
}

#form_acceso_boton{
	color: #FFF;
	background-color: #31a3dd;
	border: #fff solid 2px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	display: inline-block;
	padding: 8px 20px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
}

#form_acceso_boton a{
	color: #FFF;
	text-decoration: none;
}

#form_acceso_campo{
	width: 65%;
	height: 30px;
	float: left;
	font-size: 12px;
	margin-top: 10px;
}

#form_acceso_etiqueta{
	width: 20%;
	height: 23px;
	float: left;
	font-weight: bold;
	color: #fff;
	text-align: right;
	padding-right: 5%;
	padding-top: 7px;
	font-size: 13px;
	margin-top: 10px;
}

#form_acceso_titulo {
	font-weight: bold;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 20px;
	text-transform: uppercase;
}

#form_acceso_erroneo {
	padding: 5px;
	border: #434c56 solid 1px;
	margin-bottom: 10px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color: #6e7e91;
}

#form_boton{
	color: #FFF;
	background-color: #31a3dd;
	border: #fff solid 2px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	display: inline-block;
	padding: 8px 20px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
}

#form_boton.boton_LOPD{
	width: 150px;
	display: none;
	float: left;
}

#form_boton a{
	color: #FFF;
	text-decoration: none;
}

#form_boton_red{
	color: #FFF;
	background-color: #F03;
	border: #fff solid 2px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	display: inline-block;
	padding: 8px 20px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	white-space: nowrap;
	text-align: center;
	box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
}

#form_boton_red a{
	color: #FFF;
	text-decoration: none;
}

#form_boton_rosa{
	color: #FFF;
	background-color: #FF5E7D;
	border: #fff solid 2px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	display: inline-block;
	padding: 8px 20px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	white-space: nowrap;
	text-align: center;
	box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
	cursor: pointer;
}

#form_boton_rosa a{
	color: #FFF;
	text-decoration: none;
}

.input_txt_acceso {
	border: #000 solid 1px;
	color: #000;
	height: 25px;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px;
}

#logo_cabecera {
	float: left;
	width: 165px;
	height: 100px;
	background-image: url(../images/logoclinica.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110px;
}

#logo_vertical {
	height: 100px;
	background-image: url(../images/logoclinica.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 135;
}

.menu{
	text-align: right;
	padding: 5px;
	margin-top: 50px;
}

.menu li{
	color: #fff;
	float: left;
	list-style: none;
	margin: 0 5px;
	width: 130px;
	border: #FFF 2px solid;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-align:center;
	font-weight:bold;
	background-color: #31a3dd;
	text-transform: uppercase;
}

.menu li.seleccionado{
	background-color: #FFF;
	cursor:pointer;
	color: #31a3dd;
}

.menu li.seleccionado a{
	text-decoration: none;
	color: #31a3dd;
}

.menu li a{
	color: #FFF;
}

.menu li a:hover{
	text-decoration: none;
	color: #31a3dd;
}

.menu li:hover{
	background-color: #FFF;
	cursor:pointer;
	color: #31a3dd;
}

.pulsador_cita{
	cursor: pointer;
	border: #31a3dd 1px solid;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-align:center;
	margin: 5px;
}

.pulsador_cita:hover{
	background-color: #31a3dd;
}

.pulsador_cita_activo{
	cursor: pointer;
	border: #31a3dd 1px solid;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-align:center;
	background-color: #31a3dd;
	margin: 5px;
}

.tablaFormulario{
	font-size: 10px;
	width: 100%;
	border: none;
}

.tablaFormulario .header{
	font-weight:bold;
	color: #FFF;
	background-color: #31a3dd;
}

.tablaFormulario th{
	padding: 5px;
}

.tablaFormulario .body{
	background-color: #CCC;
}

.tablaFormulario .bodynew{
	display: none;
	background-color: #FFF;
	width: 100%;
}

.tablaFormulario td{
	padding: 5px;
}

.tablaFormulario .verAnotacionesCita{
	cursor: pointer;
}

#texto_error {
	background-image: url(../images/error_16x16.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 0.8em;
	padding-left: 30px;
	color: #FFF;
	/*height: 16px;*/
	padding-top: 1px;
	padding-bottom: 1px;
}

#ViewUser {
	float:left; 
	cursor: pointer; 
	margin-top: 3px;
	display: none;
}
/* TABS ------------------------------------------*/

ul.tabs{
	height:30px;
	width:100%;
	margin:0;
	padding:0;
	float: left;
}

.tabs li{
	float:left;
	height:30px;
	background:#31a3dd;
	border-radius:6px 6px 0 0;
	list-style:none;
	text-transform: uppercase;
}

.tabs li.selected{
	background:#fff;
	border:solid #31a3dd;
	border-width:1px 1px 0 1px;
}

.tabs li a:link,.tabs li a:active,.tabs li a:visited,.tabs li a:hover{
	line-height:30px;
	font-size:1.1em;
	text-decoration:none;
	display:block;
	color:#fff;
	padding:0 30px;
	font-weight:bold;
}

.tabs li.selected a:link,.tabs li.selected a:active,.tabs li.selected a:visited,.tabs li.selected a:hover{
	font-weight:bold;
	color:#000;
}

div.pestana{
	width:98%;
	margin:0;
	padding:0;
	border:1px solid #31a3dd;
	padding:15px;
	/*position:relative;
	top:-1px;
	z-index:-1;*/
	border-radius:0 6px 6px 6px;
}

.pestana p{
	font-size:1em;
	line-height:100%;
	margin:0;
}
/* END TABS ------------------------------------------*/

/* TABLE PACIENTES -----------------------------------*/

.tablePacientes{
	font-size: 11px;
	border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 1px solid #CCC;
}

.tablePacientes thead{
	color: #333;
	font-size: 13px;
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tablePacientes thead th{
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

.left{
	border-left: 1px solid #CCC;
}

.tablePacientes tbody{
	background-color: #fff;
}

.tablePacientes tbody td{
	padding: 6px;
	border-bottom: 1px solid #CCC;
}

.tablePacientes tbody tr:hover{
	background-color: #FFC;
	cursor: pointer;
}

.tablePacientes tfoot{
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	border-top: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #FFF;
}

.tablePacientes tfoot td{
	padding: 5px;
}

.altaCliente{
	cursor: pointer;
}

.pagination {
  margin: 5px 0;
  text-align: center;
}
.pagination > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}
.pagination > ul > li {
  display: inline;
}
.pagination > ul > li > a,
.pagination > ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #cccccc;
  border-left-width: 0;
}
.pagination > ul > li:first-child > a,
.pagination > ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  border-left-width: 1px;
}
.pagination > ul > li:last-child > a,
.pagination > ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > ul > li > a:hover,
.pagination > ul > li > a:focus,
.pagination > ul > .active > a,
.pagination > ul > .active > span {
  background-color: #eeeeee;
}
.pagination > ul > .active > a,
.pagination > ul > .active > span {
  color: #444444;
  cursor: default;
}
.pagination > ul > .disabled > span,
.pagination > ul > .disabled > a,
.pagination > ul > .disabled > a:hover,
.pagination > ul > .disabled > a:focus {
  color: #cccccc;
  cursor: default;
  background-color: #ebf3fc;
}
/* END TABLE PACIENTES -----------------------------------*/

.rowTotalSumaCaja .red, .rowCajaPor .red { color: red !important;}
.rowTotalSumaCaja .orange, .rowCajaPor .orange { color: orange !important;}
.rowTotalSumaCaja .green, .rowCajaPor .green { color: green !important;}