body {
	margin: 0px;
	font-size: 10px;
	font-family: 'Lucida Grande', 'Verdana', Helvetica, Arial, sans-serif;
}

h1 {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 5px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #A42;
	font-weight: normal;
}

.para {
	font-family: Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #999;
	letter-spacing: 1px;
}

.clientname {
	font-family: Verdana, serif;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #363;
}

a.grey {
	color: #933;
}

p.clear {
	clear: both;
}

form {
	margin: 0px;
}

.center {
	text-align: center;
}

.dashed_bottom {
	border-bottom: 2px dashed #666;
}

div.header {
	padding: 5px 0 15px 0;
	background-color: #F9F9EE;
	text-align: center;
	border-top: 5px solid #363; /*#6B8611;*/
}

#header {
	position: relative;
	text-align: center;
	padding: 3px 0 25px 0;
	background-color: #F9F9EE; /*#cdc;*/
	border-top: 5px solid #363; /*#6B8611;*/
}

#week {
	position: relative;
	top: 10px;
	padding: 5px 0px;
	background-color: #cdc;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	font-family: 'Lucida Grande', Verdana;
	font-weight: bold;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}

#week a {
	color: #A42;
}

#week a:hover {
	text-decoration: underline;
}

#weekbefore {
	float: left;
	padding: 0 5px;
}

#weekafter {
	float: right;
	padding: 0 5px;
}

#weekcenter {
	text-align: center;
}

#pad {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	color: #999;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 10px;
}

#pad select {
	margin: 1px 0;
}

div.recordada {
	border: 1px dashed red;	
}

div.right {
	text-align: right;
}

div.menu_container {
	text-align: center;
	background-color: #F9F9EE; /*#cdc;*/
	padding: 4px;
	color: #999;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 10px;
}

input,select,textarea {
	background-color: #fff;
	width: auto;
	font-size: 10px;
}

#tableheader {
	color: #666;
	/* 	
		padding-left must be same as #hours width 
	*/
	padding: 3px 0px 3px 40px;
	margin-top: 0px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background-color: #ECEAD4;
}

div.th {
	float: left;
	/*
		width must be sum of div.doctor_vacancy 
		and div.centre_vacancy widths 
	*/
	width: 196px;
	text-align: center;
}

#hours {
	float: left;
	width: 40px;
}

div.hora {
	height: 40px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #999;
}

div.odd_darker 
{
	background-color: #ebffeb;
}

div.odd_lighter 
{
	background-color: #f5ffeb;
}

div.lighter 
{
	background-color: #edece1;
}

div.darker 
{
	background-color: #ede6e1;
}

div.centre_vacancy {
	float: left;
	position: relative;
	height: 100%;
	width: 7px;
	/*	background-color: #696;*/
	background-color: #cdc;
}

div.centre_vacancy div.occupied {
	width: 100%;
	background-color: #c33;
}

div.doctor_vacancy {
	float: left;
	position: relative;
	height: 100%;
	width: 189px;
	/*
	background-color: #f9f9f9;
*/
}

div.doctor_vacancy div.date {
	position: absolute;
	width: 100%;
	background-color: #abc;
	font-size: 10px;
}

div.closebutton {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 52px;
	height: 100%;
	padding: 0px;
	text-align: right;
	/*	background: url(/img/transp_back_white2.png) no-repeat right top;*/
	background: url(/img/transp_back_white.png) repeat-y;
	/*	background-color: #eee;*/ /*	opacity:0.4;*/
}

div.closebutton img {
	margin: 2px;
	/*	opacity: 0.6;*/
}

div.closebutton img:hover { /*	opacity: 1;*/
	
}

div.doctor_vacancy div.date .time {
	color: #933;
	font-weight: bold;
}

div.doctor_vacancy div.timeunit {
	height: 10px;
	width: 100%;
}

div.doctor_vacancy div.vacant
{
	cursor: pointer;
}



div.timeunit img.icono_calendario_nuevacita,
div.vac img.icono_calendario_nuevacita
{
	display: none;
}
div.timeunit div.boton_tiempo_sin_citas
{
	cursor: pointer;
}
div.vac:hover img.icono_calendario_nuevacita
{
	display: block;
	width: 12px;
	height: 12px;
	float: left;
}

div.doctor_vacancy div.vac:hover {
	background-color: #cdc;
}

div.doctor_vacancy div.occupied {
	
}

div.doctor_vacancy div.occ:hover { /*	background-color: #d99;*/
	
}

div.doctor_vacancy div.odd {
	width: 100%;
	height: 10px;
	background-color: #f9f9f9;
}

table.small {
	width: 100%;
}

table.small td.fieldname {
	width: 50%;
	height: 2em;
	color: #999;
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
}

#notes {
	height: 80px;
	width: 200px;
}

.back_eee {
	background-color: #eee;
}

.back_999 {
	background-color: #999;
}

.back_666 {
	background-color: #666;
}

.tooltip {
	position: absolute;
	width: 240px;
	background-color: rgb(255, 255, 234);
	border: 1px solid black;
	padding: 2px;
	font-size: 12px;
	margin: 1em;
}

.tooltip h1 {
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	background-color: rgb(106, 106, 106);
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.tooltip p {
	padding: 2px;
	margin-top: 0.5em;
	line-height: 1.2em;
}

.tooltip a.close { /* Here for example only. Styles the Close link */
	
}

/* Today's appointment table */
table.today {
	width: 100%;
	/*		border-collapse: collapse;*/
	font-size: 11px;
	margin-top: 1px;
}

table.today a:hover {
	color: #933;
}

table.today .mark {
	text-decoration: underline;
}

table.today th { /*		background-color: #EDEFE8;*/
	text-align: left;
	font-size: 10px;
	color: #666;
	padding: 3px 2px;
	/*		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;*/
}

table.today td.col0 {
	width: 10%;
	padding-right: 7px;
}

table.today td.col1 {
	width: 90%;
	padding-right: 7px;
}

table.today td.col2 {
	width: 10%;
	text-align: right;
}

table.today td.col2 a {
	color: #666;
}

table.today tr:hover { /*		background-color: #eee;*/
	
}

table.today tr.itemtr td {
	padding-top: 7px;
}

table.today tr.itemtr a {
	display: block;
}

table.today tr.infotr {
	background-color: #fff;
	color: #999;
}

table.today tr.infotr:hover {
	background-color: #fff;
}

table.today tr.odd { /*		background-color: #E7DEC3;*/
	/*		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;	*/
	
}

table.today tr.last_in_info {
	border-bottom: 1px solid #eee;
}

table.today tr.last_in_info td {
	padding-bottom: 7px;
}

table.today td {
	padding: 3px 2px;
}

table.today a.color { /*		display: block;*/
	color: #933;
}


/* Clases de los calendarios NUTCalendario */

td.dia_hoy a{
	font-weight: bold;
	background-color: #AA4422;
	color: #F9F9EE;
}

td.cab {
	background-color: #e9e9dE;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}
td.cab_findesemana {
	background-color: #efeff5;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

td.dia_findesemana {
	background-color: #efeff5;
}

.ocultar_cita {
	display: none;
}

span.primera_cita{
	background-color: yellow;
}