/*
Empezado el 2008/04/03
Marcos
*/

img { border: 0; }
h3, h4 { clear: both; margin: 10px auto; font-size: 12px; }
h4 { color: #007a55; }
p { line-height: 1.2em; margin: 0 0 10px 0; }

#col_izq, #col_der {
	float: left;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: left;
}

#col_izq { width: 140px; margin: 0 10px 30px 0; }
#col_der { width:450px; margin: 0 0 30px 0; }

#datos_colegiado {
	background: #faf5eb;
	border: 1px solid #ce9d3e;
	padding: 4px;
}

#zona_citas #numero_usuario {
	font-size: 1em;
	color: red;
	font-weight: bolder;
	text-align: right;
	margin: 5%;
}

#col_izq h3 { color: #ce9d3e; }

.cita_confirmada {
	width:140px;
	border-bottom: 1px dotted #ce9d3e;
	margin: 0.5em auto 0.5em;
}

#col_izq h4 {
	border-bottom:1px dotted #007a55;
	margin: 10px 0 5px;
	text-transform: uppercase;
}

.cita_confirmada p { margin: 0 auto 5px auto; padding:0; }
p a img { margin: 0 4px -2px -2px; }

#cont_col_der {
	width:450px;
	background: #faf5eb;
	border: 1px solid #ce9d3e;
	float: left
}

h5 {
	background: #ce9d3e;
	padding: 3px 10px 5px 10px;
	font-size: 12px;
	margin: 0;
}

#col_1, #col_2, #col_3 {
	width: 140px;
	float: left;
	border:0px;
	border-right: 1px solid #ce9d3e;
	margin: 5px;
	padding-right:5px;
	overflow: hidden;
	/*overflow:visible;*/
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

#col_1 { margin-left:8px; }
#col_3 { border:0; margin-right:-10px; }
h4.pasos img { margin: 0 4px -3px 0; }
select { width:130px; font-size: 10px; }
#datos_oficina { margin: 10px auto 25px; }

p.horario {
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-transform: capitalize;
	margin: 5px 5px 5px 0;
}

#col_2 ul, #col_3 ul {
	list-style: none;
	margin: 0 auto;
	margin-bottom: 15px;
}

#col_2 ul li, #col_3 ul li {
	padding: 1px;
	width: 130px;
	margin: 0 0 0 -40px;
}

#zona_citas{ text-align: left; }
#zona_citas p{ font: 1em/1.3em Arial, Helvetica, sans-serif;
margin: 5px 0 10px;
}

#zona_citas .numerito {
	font-weight:bold;
	text-align:right;
	width:15px;
	margin:2px 5px 0 0;
	float:left;
}

#zona_citas .disponible, .ocupado, .cancelada {
	padding: 1px;
	display: block;
	width: 80px;
	text-transform: uppercase;
	float: left;
	text-align: center;
}

#zona_citas .disponible { background: #c6e2c9; border: 1px solid green; }
#zona_citas .ocupado { background: #ec9a9a; border: 1px solid red; }
#zona_citas .cancelada { background: #FFC891; color:#000; border: 1px solid #CC6600; }
#zona_citas .small { font-size: 9px; margin-right:5px; }
#zona_citas label { display: block; float: left; width:55px; }

#col_3 form { margin:0 0 10px 0; padding:0; }
#expedientes ul { padding-bottom:15px; border-bottom: 1px dotted #ce9d3e; }
#expedientes .nota_expedientes { width:123px; }

#col_3 input {
	border: 1px solid #95a2a3;
	font-size: 10px;
	width: 70px;
	clear: right;
	margin: 0;
	padding: 0;
}

#leyenda {
	list-style: none;
	margin: 10px 0 30px auto;
	height: 25px;
	width:455px;
	float:right;
}

#leyenda img { border: 1px solid #000; margin-bottom: -5px; }

#leyenda ul {
	margin:0;
	padding:0;
	text-align: right;
}

#leyenda li { display: inline; margin-left:20px; }
#leyenda li input { margin-bottom:-7px; }

/* Calendario */

#calendario { margin: 0 auto 20px auto; }

#calendar {
	width: 130px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

caption {
	margin: 0;
	padding: 0;
	padding-top:4px;
	padding-bottom:4px;
	background: #939fa1;
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
}

caption .nav {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

th {
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #b6cdc5;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#calendar td {
	font: normal 11px Arial, Helvetica, sans-serif;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color:#fff;
}

#calendar td a {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:black;
	font-weight:bold;
}

#calendar td a:hover { text-decoration: underline; color:#888; }
#calendar td.hoy { border:1px solid red; }

#calendar td.calendario_ocupado {
	/*color:   #F2F2DA;*/
	font-weight: bold;
	background: #e58e8e;
}

#calendar td.festivo { background: #ecedee; }
#calendar td.laboral { background: #fef4e0; }
#calendar td.verde { background-color:#015e3d; color:white;}


/*20090605*/

.col050{ width: 200px; float: left; padding: 5px; margin: 5px 5px 20px}
.col050~.col050{ border-left: #ce9d3e 1px solid; margin: 5px 0; padding: 0 0 0 20px  }

#zona_citas p#documentacionBiblio{ font-size: 0.7em; line-height: 1.3em; margin: -30px 10px 20px}

#zona_citas p, #zona_citas li{ font-size: 1.2em; line-height: 1.3em}

#volver{ position: absolute; top: 5px; right: 5px; color: #fff; text-transform:uppercase; font-weight: bold; }
#col_der{ position: relative;}

#zona_citas ul, #zona_citas ul li{ margin: 0; padding: 0; list-style: none; font-size: 1em }
#zona_citas ul{ padding: 0 0 15px; 0 }
#zona_citas p+ul{ margin: -10px 0 15px 0;}

#zona_citas .col050{
font-size: 1.1em;
}

input[type="text"], input[type="checkbox"], textarea{ border: 1px solid #777}
.listadoCheck li{ line-height: 2em;}
.listadoCheck li span{ font-size: 0.9em; }

.periodos{ float: left; padding: 0 0 20px;}
.periodo{ width: 80px; float: left; margin: 0 20px 0 0;position: relative; display: block}
.col050 input[type="text"]{ font-size: 1em; width: 160px; }
.col050 textarea{ margin: 0 0 15px; width: 190px; }
.ejemFecha{ position: absolute; left: 10px; bottom: -15px; }
.periodo input[type="text"]{ width: 60px; }

#zona_citas .col050 label{ font-weight: bold; display: block; width: 100%; margin: 0 0 5px;}

.listadoArchivos{ border-top: 1px solid #ccc; }
.listadoArchivos li a{ padding: 8px 5px 8px 20px; display: block; border-bottom: 1px solid #ccc; }
.listadoArchivos li.pdf a{background: url(imgs/pdf.png) left 10px no-repeat ; text-decoration:none;}


#decoCarpeta{ position: absolute; top:-10px; right: -10px}
#zona_citas .tipoDocSol{ float: left; width: 160px; padding: 10px; }
#zona_citas .tipoDocSol img{ float: left;}
#zona_citas .tipoDocSol p{ line-height: 1.2em; font-size: 2em; float: left; width: 20px; margin: 0 0 0 5px; color:#015e3d}
#zona_citas .tipoDocSol a{ font-size: 0.7em; float: left; width: 20px; margin: 0; color: #015e3d; text-decoration:none;}
#zona_citas .tipoDocSol a:hover{text-decoration:underline}

#cont_col_der{ margin: 0 0 15px; }
#zona_citas p~ul{ font-size: 1.2em}
#zona_citas h2+p{ margin: -12px 0 12px}