body {
  /*text-align: center;*/
  margin-top:10px;
  margin-bottom:10px;
  color:#666666;
  background-color: #E0E0E0;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

A:link {
	COLOR: #0000FF; text-decoration: none;
}
A:visited {
	COLOR: #0000FF; text-decoration: none;
}
A:active {
	COLOR: #0000FF; text-decoration: none;
}
A:hover {
	COLOR: #E86E1C; text-decoration: underline;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 98%;
  text-align: left;
  background: #FFFFFF;
  border: 8px solid #FFFFFF;
}

/* ================================================== */
#encabezado
{
}

#fondo_encabezado
{
  /*background: url('/static/img/encabezado/fondo.png') repeat-x;*/
	width: 100%;
	height: 128px;
}

/* ================================================== */
#logo_tifon
{
	position: absolute;
	left: 35px;
	top: 10px;
}

/* ================================================== */
#logo_centro
{
	position: absolute;
	right: 40px; 
	top: 20px;
}

/* ================================================== */
#beta
{
	position: absolute;
	left: 250px; 
	top: 10px;
}

/* ================================================== */
#breadcrumb {
  margin-top: 2px;
  margin-right: 10px;
	font-size: 10pt;
	/*margin-bottom: 10px;*/
	/*border-bottom: 1px solid gray;*/
}

#left_side {
  /*margin-top: 10px;
  margin-right: 10px;*/
  float: left;
  width: 160px;
  /*background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;*/
}

#right_side {
  /*margin-top: 10px;
  margin-left: 10px;*/
  float: right;
  width: 160px;
  /*background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;*/
}

#left_side li
{
  list-style: none;
	margin-left: -30px;
}

#content {
  /*margin-top: 10px;*/
  margin-bottom: 20px;
  /*margin-left: 50px;
  margin-right: 50px;*/
	overflow: hidden;
	font-size: 10pt;
}

#footer {
  height: 50px;
  background-color: #052F6D;
  clear: both;
  text-align: center;
  padding-top:12px;
  color: #B6CEF9;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 9pt;
  line-height: 20px;
}

#footer #smallfooter
{
  font-size: 7pt;
}

#footer A:link {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:visited {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:active {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 10pt;
  line-height: 16px;
  color: #333333;
}

#left_side h3, #right_side h3 {
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4px;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #2153AA;
}

#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content p {
  margin-top:5px; margin-bottom: 10px;
  /*font-family: verdana, arial, sans-serif;*/
  /*font-size: 10px;*/
  line-height: 18px;
  color: #333333;
}

#content h3 {
  margin-top:5px; margin-bottom: 10px;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #2153AA;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  /*font-family: verdana, arial, sans-serif;*/
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#navlist
{
	position: absolute;
	top: 108px;
  /*margin-top: 20px;
  margin-bottom:0px;*/
  text-align:left;
  /*padding: 5px 0;*/
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
  border-bottom: 1px solid #0F3974;
	font-size: 10pt;
  /*background: #4E7DD1 url('/static/img/logo/fondo_encabezado.png') bottom left repeat-x;*/
  /*font: bold 14px Verdana, sans-serif;*/
	border-bottom: 1px solid gray;
  margin-left: auto; 
  margin-right: auto;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 4px 10px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

/* ================================================== */
#login
{
	position: absolute;
	right: 35px; 
	top: 100px;
	color: #172A5E;
	font-size: 10pt;
	/*background: #D1D1D1;*/
	border-bottom: 3px solid #D8D8D8;
	padding: 5px;
}

#login #user
{
	font-weight: bold;
}

/* ================================================== */
#curso_escolar
{
	position: absolute;
	right: 35px; 
	top: 135px;
}

/* ================================================== */
form input[type="submit"]
{
	margin-top: 10px;
	border: 1px solid gray;
	font-size: 10pt;
}

form input[type="text"], form input[type="password"]
{
	width: 150px;
	border: 1px solid gray;
	font-size: 10pt;
}

form input[type="text"].largo
{
	width: 300px;
}

form select
{
	/*border: 1px solid gray;
	font-size: 10pt;*/
}

form
{
	margin-top: 10px;
}

/* ================================================== */
#login_error
{
	color: red;
	font-size: 12pt;
	margin-top: 10px;
}

.tipopregunta
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.tipopregunta textarea
{
	overflow: hidden;
	height: 100px;
	width: 90%;
	border: 1px solid gray;
	font-size: 10pt;
}

/* ================================================== */
#linkenvio
{
	text-align: center;
	margin-top: 30px;
}

/* ================================================== */
#mensaje
{
	display: none;
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#txt_inf
{
	display: inline-block;
	border: 1px solid green;
	color: green;
	width: auto;
	padding: 5px;
}

#txt_err
{
	display: inline-block;
	border: 1px solid red;
	color: red;
	width: auto;
	padding: 5px;
}

/* ================================================== */
#copiaseg
{
	margin-top: 10px;
	border-bottom: 1px solid orange;
}

#copiaseg form
{
	margin-bottom: 10px;
}

/* ================================================== */
#tab_seg
{
	background-color: #FFFCEB;
}

#tab_seg tr
{
	text-align: center;
}

#tab_seg td
{
	padding: 10px;
	border: 1px solid black;
}

#tab_seg .hecho
{
	color: green;
}

#tab_seg .pendiente
{
	color: red;
}

/* ================================================== */
.resp_seg
{
	color: blue;
	margin-top: 5px;
	font-weight: bold;
}

/* ================================================== */
#titulo1
{
	color: #1F7A68;
	font-size: 14pt;
	font-weight: bold;
}

/* ================================================== */
#titulo2
{
	color: #052F6D;
	font-size: 12pt;
	font-weight: bold;
}

/* ================================================== */
#titulo3
{
	color: #5E610B;
	font-size: 11pt;
	font-weight: bold;
}

/* ================================================== */
.ver
{
	cursor: pointer;
}

/* ================================================== */
#popup
{
	display: none;
	z-index: 2;
	position: absolute;
	left: 70%;
	top: 40%;
	border: 1px solid blue;
	padding: 5px;
	background-color: white;
}

#texto
{
	float: left;
}

#cerrar
{
	float: left;
	cursor: pointer;
	margin-left: 5px;
}

/* ================================================== */
a img
{
	border: none;
}

/* ================================================== */
a img :hover
{
	text-decoration: none;
}

/* ================================================== */
img
{
	vertical-align: middle;
}

/* ================================================== */
#listado
{
  list-style: none;
}

/* ================================================== */
#info_reservas
{
	float: left;
}

/* ================================================== */
#centrado
{
	text-align: center;
}

/* ================================================== */
#reservar
{
	float: left;
	margin-left: 20px;
}

/* ================================================== */
.limpiar
{
	clear: both;
}

/* ================================================== */
#reserva_periodica
{
	margin-top: 20px;
}

/* ================================================== */
.campo_linea
{
	clear: both;
	margin-bottom: 10px;
}

.campo_etiqueta1
{
	float: left;
	width: 80px;
}

.campo_etiqueta2
{
	float: left;
	width: 120px;
}

.campo_etiqueta3
{
	float: left;
	width: 160px;
}

.campo_etiqueta
{
	float: left;
	width: 200px;
}

.campo_entrada
{
	float: left;
}

.campo_tam1 input[type="text"], .campo_tam1 select, .campo_tam1 input[type="file"], .campo_tam1 input[type="password"]
{
	width: 100px;
	float: left;
}

.campo_tam2 input[type="text"], .campo_tam2 select, .campo_tam2 input[type="file"], .campo_tam2 input[type="password"]
{
	width: 200px;
	float: left;
}

.campo_tam3 input[type="text"], .campo_tam3 select, .campo_tam3 input[type="file"], .campo_tam3 input[type="password"]
{
	width: 300px;
	float: left;
}

.campo_tam4 input[type="text"], .campo_tam4 select, .campo_tam4 input[type="file"], .campo_tam4 input[type="password"]
{
	width: 400px;
	float: left;
}

.campo_entrada input[type="text"], .campo_entrada select, .campo_entrada input[type="file"], .campo_entrada input[type="password"]
{
	float: left;
}

.campo_ayuda
{
	font-size: 8pt;
	color: #180773;
	line-height: 15px;
	float: left;
	margin-right: 10px;
}

.campo_obligatorio
{
	font-size: 8pt;
	color: red;
	line-height: 15px;
}

.campo_opcional
{
	font-size: 8pt;
	color: green;
	line-height: 15px;
}

.errorlist
{
	color: white;
	background-color: red;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

/* ================================================== */
#info_bloque
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10pt;
}

/* ================================================== */
.boton_fecha
{
	color: blue;
	display: inline;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 5px;
}

/* ================================================== */
#bloque_color1
{
	background-color: #ECFFDD;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border: 1px solid #D7DF01;
}

#bloque_color2
{
	background-color: #F8E0EC;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border: 1px solid #F5A9F2;
}

#bloque_color3
{
	background-color: #CEF6E3;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border: 1px solid #81F7F3;
}

#bloque_color4
{
	background-color: #CEF6CE;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border: 1px solid #81F781;
}

#bloque_color5
{
	background-color: #E0E0F8;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #D0A9F5;
}

/* ================================================== */
.imagen_subida img
{
	margin-bottom: 20px;
	width: 200px;
}

/* ================================================== */
#tabla1 td
{
	border: 1px solid black;	
	padding: 5px;
}

/* ================================================== */
#encabezado_pregunta
{
	color: #0C2E9E;
	font-weight: bold;
}

/* ================================================== */
#migapan_actual
{
	color: #A66900;
	font-weight: bold;
}

/* ================================================== */
#tabla_simple td
{
	border: 1px solid black;
}

/* ================================================== */
.apartado_prog textarea
{
	height: 400px;
	width: 90%;
	border: 1px solid gray;
	font-size: 10pt;
}

/* ================================================== */
#copiaprog
{
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
}

#copiaprog form
{
	margin-top: 0px;
	margin-bottom: 10px;
}

/* ================================================== */
.obs_reserva
{
	float: right;
	font-size: 10pt;
	margin-top: -5px;
	margin-bottom: -10px;
}

/* ================================================== */
.destacado1
{
	font-size: 12pt;
	color: #08088A;
	background-color: #A9D0F5;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/* ================================================== */
.sep5px
{
	height: 5px;
}

.sep10px
{
	height: 10px;
}

.sep20px
{
	height: 20px;
}

.sep30px
{
	height: 30px;
}

/* ================================================== */
#tabla_generica
{
	border-collapse: collapse;
}

#tabla_generica th
{
	padding: 5px;
}

#tabla_generica td
{
	border: 1px solid gray;
	padding: 5px;
}

/* ================================================== */
.estudio1
{
	background: #F5ECCE;
}

.estudio2
{
	background: #CEECF5;
}

.estudio3
{
	background: #E3F6CE;
}

.estudio4
{
	background: #E0E0F8;
}

.estudio5
{
	background: #F5F6CE;
}