body {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #555555; */
	margin: 0;
	background: #dae0e1 url(../img/fnd-web.png) repeat left top;
}

div.page {
	margin-left: auto;
	margin-right: auto;
	width: 1018px;
	background: transparent none;
}

#encabezado {
	position: relative;
	width: 1018px;
	height: 164px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(../img/fnd-cabecera.png) no-repeat left top;
}

#encabezado #logo-uco {
	position: absolute;
	top: 30px;
	left: 45px;
}

#encabezado h1 a {
	position: absolute;
	right: 24px;
	bottom: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	color: #868686;
}

#encabezado h1 a strong {
	font-size: 36px;
	font-weight: normal;
}

#encabezado h1 a:hover,
#encabezado h1 a:active {
	text-decoration: none;
}

#encabezado #fecha-hora-oficiales p {
	position: absolute;
	right: 180px;
	top: 17px;
	font-size: 13px;
	text-align: left;
	line-height: 15px;
}

#encabezado #fecha-hora-oficiales p a,
#encabezado #fecha-hora-oficiales p a:link,
#encabezado #fecha-hora-oficiales p a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#encabezado #fecha-hora-oficiales p a:hover,
#encabezado #fecha-hora-oficiales p a:active {
	text-decoration: underline;
}

#encabezado #calendario-inhabiles p {
	position: absolute;
	right: 18px;
	top: 17px;
	font-size: 13px;
	text-align: left;
	line-height: 15px;
}

#encabezado #calendario-inhabiles p a,
#encabezado #calendario-inhabiles p a:link,
#encabezado #calendario-inhabiles p a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#encabezado #calendario-inhabiles p a:hover,
#encabezado #calendario-inhabiles p a:active {
	text-decoration: underline;
}

#area-menu-horizontal {
	margin: auto; 
	text-align: center;
	width: 1018px;
	height: 46px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(../img/fnd-menu-horizontal.png) no-repeat left top;
}

#area-menu-horizontal ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#area-menu-horizontal ul li {
	float: left;
}

#area-menu-horizontal ul li a {
	display: block; 
	padding: 14px 4px 0 4px;
	margin-left: 26px;
	height: 33px;
	color: #71706b; 
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
}

#area-menu-horizontal ul li a,
#area-menu-horizontal ul li a:link,
#area-menu-horizontal ul li a:visited {
	text-decoration: none;
}

#area-menu-horizontal ul li a:hover,
#area-menu-horizontal ul li a:active {
	color: #4c4b47;
	text-decoration: underline;
}

#migas-pan {
	position: relative;
	height: 40px;
	width: 1018px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(../img/fnd-migas-pan.png) no-repeat left top;
	overflow: hidden;
}

#migas-pan a,
#migas-pan a:link,
#migas-pan a:visited {
	text-decoration: none;
	color: #9D9D9D;
}

#migas-pan a:hover,
#migas-pan a:active {
	color: #71706b;
}

#migas-pan p {
	margin: 12px 0 0 60px;
	font-size: 14px;
	line-height: 14px;
	color: #9d9d9d;
}

#migas-pan .user {
	float: right;
	color: #9D9D9D;
	margin: 11px 20px 0 0;
}

#migas-pan .user .iconito.salir {
	background: transparent url(../img/icn-salir.png) no-repeat center center;
}

#migas-pan .user .iconito.usuarios	{
	background: transparent url(../img/icn-usuarios.png) no-repeat center center;
}

#migas-pan .user .iconito.goto {
	background: transparent url(../img/icn-goto.png) no-repeat center center;
}

#migas-pan .user .iconito.representacion	{
	background: transparent url(../img/icn-representacion.png) no-repeat center center;
}

#migas-pan .user .iconito.preferencias	{
	background: transparent url(../img/icn-preferencias.png) no-repeat center center;
}

div.container {
	background: transparent url(../img/fnd-contenido.png) repeat-y left top;
	width: 1018px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* Columna lateral de tipo menú */

div.menu {
	float: left;
	width: 229px;
	margin: 0 0 150px 9px;
	padding: 0;
	height: auto;
	background: transparent none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.menu .menuentry {
	width: 229px;
	background: transparent none;
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

div.menu .menuentry a {
	display: block;
	width: 189px;
	padding: 8px 10px 8px 30px;
	margin-bottom: 1px;
	font-size: 14px;
	line-height: 20px;
	top: 0;
	background: transparent url(../img/fnd-item-menu.png) repeat-y left top;
}

div.menu .menuentry a,
div.menu .menuentry a:link,
div.menu .menuentry a:visited {
	text-decoration: none;
	color: #818181;
}

div.menu .menuentry a:hover,
div.menu .menuentry a:active {
	color: #626262;
}

/* Columna lateral de tipo asistente */

div.wizard {
	float: left;
	width: 229px;
	margin: 0 0 150px 9px;
	padding: 0;
	height: auto;
	background: transparent none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.wizard h1 {
	display: block;
	width: 189px;
	height: auto;
	padding: 8px 10px 8px 30px;
	margin-bottom: 15px;
	color: #71706B;
	font-size: 16px;
	line-height: 20px;
	top: 0;
	background: transparent url(../img/fnd-item-menu.png) repeat-y left top;
}

div.wizard .window {
	background: transparent;
	padding: 0;
	width: 230px;
}

div.wizard .window ul {
	padding: 0;
}

div.wizard .window ul li {
	width: 195px;
	font-size: 14px;
	font-weight: normal;
	list-style-image: none;	
	list-style: none;
	padding: 0 0 2px 35px;
}

div.wizard .window ul li.finished_step {
	background: transparent url(../img/icn-asistente-finalizado.png) no-repeat 11px 1px;
	color: #A40A26;
}

div.wizard .window ul li.actual_step {
	background: transparent url(../img/icn-asistente-actual.png) no-repeat 11px 1px;
	color: #A40A26;
}

div.wizard .window ul li.pending_step {
	background: transparent url(../img/icn-asistente-pendiente.png) no-repeat 11px 1px;
}

div.main {
	float: right;
	width: 725px;
	margin-right: 9px;
	padding: 10px 15px 20px 15px;
	background-color: #ffffff;
}

#area-servicios {
	position: relative;
	width: 1018px;
	height: 111px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url(../img/fnd-servicios.png) repeat-y left top;
}

#area-servicios h2 {
	display: none;
}

#area-servicios a,
#area-servicios a:link,
#area-servicios a:visited {
	text-decoration: none;
	color: #ffffff;
}

#area-servicios a:hover,
#area-servicios a:active {
	color: #efefef;
}

#area-servicios ul#btns-servicios {
	margin: 0 auto;
	padding: 0;
	padding-top: 40px;
	list-style-image: none;
	list-style-type: none;
	width: 880px;
	height: 51px;
}

#area-servicios ul#btns-servicios li a {
	float: left;
	width: 142px;
	height: 51px;
	margin: 0 40px;
	padding: 8px 5px 5px 65px;
	font-weight: bold;
	line-height: 14px;
}

#area-servicios ul#btns-servicios li#btn-adminuco a {
	background: transparent url(../img/fnd-mas-servicios-portal.png) no-repeat left top;
}

#area-servicios ul#btns-servicios li#btn-quejsugfel a {
	background: transparent url(../img/fnd-mas-servicios-quejas.png) no-repeat left top;	
}

#area-servicios ul#btns-servicios li#btn-perfcontrat a {
	background: transparent url(../img/fnd-mas-servicios-contratante.png) no-repeat left top;	
	padding-top: 15px;
}

#pie {
	position: relative;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background: transparent url(../img/fnd-pie.png) no-repeat left top;
	width: 1018px;
}

#pie a,
#pie a:link,
#pie a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #777777;
}

#pie a:hover,
#pie a:active {
	color: #3a3a3a;
}

#pie #copyright {
	position: absolute;
	top: 10px;
	left: 30px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #777777;
}

#pie #notas {
	position: absolute;
	top: 12px;
	right: 30px;
	font-size: 14px;
	line-height: 14px;
	color: #777777;
}

.clearfix {
	clear: both;
}

/* Redefinición de estilos existentes */


ul {
  list-style-image: url(../img/fnd-topo-lista.png);
  list-style-type: none;
}

div.main h1 {
	border-bottom: 1px solid #858585;
	background: none;
	color: #767676;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: right;
	height: auto;
}

div.main h2 {
  border: 1px dotted #999999;
  background-color: #bababa !important;
  font-size: 10pt;
  font-weight: bold;
  margin: 15px 5px 5px 0;
  padding: 5px;
  text-align: left;
}

div.main .procedure, div.main .error,  div.main .area table {
  background-color: #e9eff2;
}

.procedure {
	margin-bottom: 10px;
	padding-top: 10px;
}

.procedure .detail {
	margin-bottom: 10px;
}