/* CSS Document */


/* CSS Document */
@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/
body {
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial;
	background:url(../Img/fondo.jpg) no-repeat center top

}
#Container{
	font-size:1.2em;  /*tamanyo general de textos 12px*/
	color:#333;
	max-width:975px;
	min-width: 760px;
	margin:auto;
	width:100%;
	
}
* html #Container{width:100%;}
/*---CABECERA---*/
#Cabecera{
	/*overflow:auto;*/
	background:url(../Img/fnCabecera.jpg) repeat-x left top;
	clear:both;
	overflow:auto;
	display:inline}
	
#Cabecera h1{
	color:#002F5D;
	font:bold 1.25em Arial, Helvetica, sans-serif;
	margin-top:25px;
	/*float:left;
	display:inline;
	overflow:hidden */
}
#Cabecera h1 span{
	color:#45688B
}
.Logo{

 clear:both;
 overflow:auto;
 display:inline}
 .Logo img{
 float:left}
/*--MENU OPCIONES CABECERA---*/
#MenuCabecera{
display:none
 }

#MenuCabecera ul{
/*	float:left;*/
	margin-top:2px
}
#MenuCabecera li{
	display:inline;
	color:#406488;
	font-size:0.9em;
	border-right:solid 1px #ccc;
	padding-left:5px;	
}
#MenuCabecera li.MenuUltimo{
	border-right:none;
	padding-right:2px;
	margin-right:5px
}
#MenuCabecera li a{
	color:#406488;
}
#MenuCabecera img{
	vertical-align:middle
}
#MenuCabecera .input{
	border: solid 1px #ccc;
	background:url(../Img/fn-Input.jpg) repeat-x left top;
	font-size:0.9em;
	color:#666;
	
}	

.Inicio{
	background:url(../Img/inicio.gif) no-repeat left top;
	padding-left:20px}
.Acceso{
	background:url(../Img/acceso-colegiados.gif) no-repeat left top;
	padding-left:15px}
.Desconectar{
    background:url(../IMG/desconectar.gif) no-repeat left top;
	padding-left:20px}
.DesconectarBoton{
    background:url(../IMG/desconectar.gif) no-repeat left top;
	padding-left:6px;
	cursor:pointer;
	border:none;
    color:#406488;
    font-size:0.9em;
	}	
.Mapa{
	background:url(../Img/mapa-web.gif) no-repeat left top;
	padding-left:20px}
.fecha{
display:none
}
.Mas{
display:none
	}
	
.MasBoton{
	background:url(../IMG/mas.gif) no-repeat left 3px;
	cursor:pointer;
	border:none;
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	width:145px
}
.MenosBoton{
	background:url(../IMG/menos.gif) no-repeat left 3px;
	cursor:pointer;
	border:none;
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	width:130px
}
.MasBotonGrande{
	background:url(../IMG/mas.gif) no-repeat left 3px;
	cursor:pointer;
	border:none;
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	width:245px
}
.MenosBotonGrande{
	background:url(../IMG/menos.gif) no-repeat left 3px;
	cursor:pointer;
	border:none;
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	width:230px
}
.Otros{
	color:#CC0000;
	text-align:right;
	clear:both;
	margin:10px 0;font-size:0.9em}
.Otros a{color:#CC0000;
}
#ImagenHome{
display:none
	
	}
#ImagenHomeInterior{
display:none}
#EspacioImagen{
	float:left;
	display:inline;
	overflow:hidden;

	width:73.5%;}
	
/*----pagina login----*/
#Contenido fieldset{border: solid 1px #E1E1E1;
	clear:both;}
.MargenesLogin{
	padding:10px 20px 10px 10px;
}

.BuscadorLogin legend{
	display:none}
.BuscadorLogin {
	background: url(../Img/fn-fieldset-buscador.jpg) repeat-x left top;
	padding:20px 20px 10px 20px;
	height:170px;
	}
html>/**/body .BuscadorLogin{ height:185px}
.Login1{width:30%; float:left}
.Login2{ width:30%; float:left; margin:0 4%}
.Login3{ width:30%; float: right}

.FLogin .p-label{width:6em;}
.FLogin .p-input{width:65%}
.FLogin .botones{ margin-right:0.4em}
.FLogin p{
 margin-bottom:10px}
h2.AccesoL{
	background:url(../Img/acceso-area-privada.jpg) no-repeat right top}
h2.RecordarL{
	background:url(../Img/recordar-contrasenya.jpg) no-repeat right top}
h2.FirmaL{
	background:url(../Img/firma-electronica-reconocida.jpg) no-repeat right top}
	
.MargenesLogin li{
	background:url(../Img/flecha-menu.gif) no-repeat 5px 4px;
	padding:0 0 3px 15px}
	
	
	
	
/*---LOGIN CABECERA--*/
#Logeado{
	background:#fff url(../Img/user.gif) no-repeat 5px 30px;
	margin:5px 10px;
	border:none;
	padding:3px 9px 37px 9px;}
#Logeado p.TitLogeado{color:#000;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin:5px 0;
	color:#000000}
.usuario{  font-size:0.9em; color: #333; padding-left:50px; padding-top:9px }
.usuarioP{ background:url(../Img/usuario.gif) no-repeat left top; padding-left:15px}
	
	
#LoginHome{
	float:right;
	display:inline;
	overflow:hidden;
	width:254px;
	/*width:26%;*/
	background:#F1F1F1	;
	border-left: solid 2px #fff;
}	
#LoginHome fieldset{
	background:#fff;
	margin:5px 10px;
	border:none;
	padding:3px 0px;
		
}
#LoginHome legend{
	color:#000;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin:5px 0;
	}
html>/**/body #LoginHome fieldset{position:relative;}

html>/**/body #LoginHome legend span {display:block;position:absolute;top:0px;left:10px; width:100%}
html>/**/body #LoginHome form{	margin-top:18px}

#LoginHome ul{
	margin-left:10px}
#LoginHome li{
	
	font-size:0.9em;
	clear:left}

#LoginHome label{
	float:left;
	width:33%;
	display:inline;
	overflow:hidden;
	padding-top:4px
 
}

#LoginHome .input{
	font-size:1em}

#LoginHome #SubOpcionesLogin {
	margin:3px 0;
	text-align:right}
#LoginHome #SubOpcionesLogin li{
	display:inline;
	font-size:0.85em;
	}
a.Recordar{
	background:url(../Img/recordar-password.gif) no-repeat left top;
	padding-left:12px;
	}
a.Firma{
	background:url(../Img/firma-electronica.gif) no-repeat left 2px;
	padding-left:15px}
#LoginHome li a{
	color:#22558C;
	padding-right:5px}	
/*---MENU PRINCIPAL----*/
#MenuPrincipal{
display:none
}	
#MenuPrincipal li{
	display:inline;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase}
#MenuPrincipal li a{
	color:#fff;
	padding:0 30px;
	/*border-right: solid 1px #fff*/}
#MenuPrincipal li span{border-right: solid 1px #fff}
	
/*---CONTENIDO CENTRAL---*/

#Contenido {
		float: left;
		width: 100%;
		background:url(../Img/fn-Contenido.jpg) repeat-x left top;
		clear:both
}


#ContenidoInterior{
	
	
}
/*---HOME---*/
#ColumnaHomeIzq{
	margin-right:254px;
	background:url(../Img/Fn-Esquina.jpg) no-repeat right top;}

#ColumnaHomeDch{	
	float: left;
	width: 245px; /*Width of right column in pixels*/
	margin-left: -253px; /*Set left margin to -(RightColumnWidth) */


}
.Margenes{
	padding:10px 20px 10px 10px;
	overflow:auto;
	height:1%}
h2{
	color:#000;
	font-size:1.75em;
	font-weight:normal}
/*---NOTICIAS----*/
h2.NoticiasHome{
	background:url(../Img/topagune.jpg) no-repeat right bottom;
	margin-bottom:5px;
	padding:5px 0 12px 0;
}
#Noticias{
}
#Noticias dt{
	background:url(../Img/fecha.gif) no-repeat left 9px;
	padding:8px 0 0 15px;
	color:#22558C;
	font-weight:bold;
	padding-bottom:5px
	}
#Noticias dt a{color:#22558C}
#Noticias dt a:hover{border-bottom: dotted 1px #22558C}
#Noticias span{
	font-size:0.9em; 
	clear:right; 
	display:block;
	font-weight:normal;
	color:#333;
	padding-bottom:5px}
#Noticias dd{
	margin-left:16px;
	margin-bottom:5px}


#AccionesNoticias{
	text-align:right;
	margin:10px 0}
#AccionesNoticias li{
	display:inline;
	background:none;
	padding:0}
#AccionesNoticias a{
	color:#CC0000;
	padding-right:10px;
	font-size:0.9em}
#AccionesNoticias a.RSS{
	background:url(../Img/rss.gif) no-repeat left 2px;
	padding:2px 10px 2px 18px;
	}

/*---EN UN CLICK----*/
h2.Click{
	background:url(../Img/fn-servicios.jpg) no-repeat right bottom;
		margin-bottom:5px;
	padding:5px 0 11px 0;
}
.Click span{
	color:#284D91}
#ContenedorClick{

	margin-bottom:20px;
	position:relative;
}
#ContenedorClick h3{
	color:#22558C;
	font:bold 1.15em Arial, Helvetica, sans-serif}
#ContenedorClick h3 a{color:#22558C;}
#ContenedorClick h3 a:hover{ border-bottom: dotted 1px #22558C}
.Click1{
	float:left;
	width:30%;
	background:url(../Img/ray-lat-click.gif) repeat-y right top;
	margin-right:10px;
	padding-right:10px;
	display:inline;
	overflow:hidden;
	}
.Click2{
	float:left;
	width:30%;
	background:url(../Img/ray-lat-click.gif) repeat-y right top;
	margin-right:10px;
	padding-right:10px;
	display:inline;
	overflow:hidden}
.Click3{
	float:left;
	width:29%;

	display:inline;
	overflow:hidden}

.Click1 img, .Click2 img , .Click3 img {
	vertical-align:middle;
	border: solid 3px #E6E6E6;
	padding:1px;
	float:left;
	display:inline;
	overflow:hidden;
	margin-right:10px}

/*----EVENTOS----*/
#Eventos{
	float:left;
	width:62%;
	display:inline;
	overflow:hidden;
	margin-right:15px}
#Eventos h2, #CajaEncuesta h2{
	margin-bottom:0;
	line-height:0.9em

}
#Eventos span{
	color:#284D91}
.CajaEventos{
	background:#fff url(../Img/fn-Eventos.jpg) repeat-x left top;
	border: solid 1px #E1E1E1;
	padding:10px;
	height:140px;
	
	}

#CalendarioHome{
	float:left;
	width:50%;
	
	margin-right:10px
		
}
#CalendarioHome h3{
color:#284D91;
font:bold 1.25em Arial, Helvetica, sans-serif;
text-align:center
	}
.TituloCalendario {
	float:left;width:87%}

.FlechaIzquierda{
	float:left;
	padding-top:5px}
.FlechaDerecha{
	float:right;
	padding-top:5px}
.Calendario{
	background:#CCCCCC}
.Calendario th{
	background:#002F5D url(../Img/fn-calendario.gif) repeat-x left top;
	color:#FFFFFF;
	font-size:0.9em;
	padding:2px}
.Calendario td{
	background:#fff;
	font-size:0.9em;
	text-align:center;
	padding:2px}
.Finde{
	color:#666666}
.DiaActivo{
	color:#CC0000}
		
#ListadoEventos{
	float:right;
	width:45%;
	height:125px;


	}
.fecha-eventos{
	background:url(../Img/fecha.gif) no-repeat left 8px;
	padding:5px 0 0 15px;
	font-size:0.9em}
#ListadoEventos div{
	margin-left:16px;
	margin-bottom:5px}
#ListadoEventos  p{
	margin-bottom:5px}
#ListadoEventos div a{
	color:#22558C}
.MasEventos{
	text-align:right;
	color:#CC0000;
	font-size:0.9em;
	margin-top:10px}
.MasEventos a{
		color:#CC0000;}

/*--ENCUESTAS---*/
#CajaEncuesta{
	float:right;
	width:34%;
	display:inline;
	overflow:hidden;

}
#NoEncuesta{
	background:url(../Img/encuestas.jpg) no-repeat right center;

	height:140px}
#NoEncuesta div{
	padding-bottom:103px}
#FormEncuesta{
	margin:5px 0}
#FormEncuesta .Boton{
	float:right}
div.hrhome{
	height:3px;
	background:#EAEAEA;
	margin-top:1px;
	}
div.hrhome hr{
	display:none}
	
/*---DESTACADOS--*/
#ColumnaHomeDch div.hrhome{
	height:3px;
	background:#EAEAEA;
	margin-top:1px;
	width:98%; float:right}
.Destacado{	
	border: solid 1px #CCCCCC;
	margin:5px;
	padding:2px}
a img.Destacado {	
	border: solid 1px #CCCCCC;
	margin:5px;
	padding:2px}
/*--CAJA USUARIOS CONECTADOS*/
.CajaUsuarios{
	background: url(../Img/fn-Conectado.jpg) no-repeat top right;
	border: solid 1px #E1E1E1;
	padding:10px;
	font-size:0.9em;
	margin-left:5px

	}
.CajaUsuarios h2{
	margin-bottom:10px}
.CajaUsuarios h2 span{color:#284D91}
.CajaUsuarios a{
	color:#22558C}

/*---MENU LATERAL----*/	
#MenuLat{
display:none}
#ContenidoCentral{
	
	
}


#MenuLat li{
	padding-left:5px;
	
}
#MenuLat li a {
	background:url(../Img/Menu-Opcion1.jpg) no-repeat right bottom;
	color:#22558C;
	font-weight:bold;
	padding:6px 0 8px 3px;
	display:block;
	height:1%
}
#MenuLat li a:hover{
	color:#CC0000}
#MenuLat li li {
	background:url(../Img/flecha-menu.gif) no-repeat 5px 5px;
	padding-left:15px;
	color:#22558C;
	margin:3px 0}
#MenuLat li li a{
	background:none;
	font-weight:normal;
	padding:0;
	display:inline}
#MenuLat li.SinOpciones a{
	border-bottom:solid 1px #CCCCCC;
	background:none;
	padding:4px 0 4px 3px;
	height:1%}
/*--miga pan---*/
#MigaPan {
display:none}
#MigaPan li{
	display:inline;
	font-size:0.9em;
	color:#666666;
		background:none;
	padding:0 }
#MigaPan li a{
	color:#CC0000;
	background:url(../Img/miga-pan.gif) no-repeat right 4px;
	padding-right:8px}
	
.AyudaGeneral
{
	float:right;

		color:#CC0000;}

	
.AyudaGeneral .Ayuda{

	background:url(../Img/help.gif) no-repeat left top;
	margin:0 3px 0 0;
	padding:0 5px 0 10px;
	text-decoration:none;
	cursor:pointer;
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	border: none
	
}
	
	
/*---Ayuda Extendida---*/
/*--ayuda extendida-*/
.AyudaExtendida{
 clear:both;
 border-right: solid 1px #ccc;
 border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background:url(../IMG/ayuda2.gif) no-repeat right top;
  padding:10px;
  margin-bottom:10px}
 .AyudaHr{
 	background:url(../IMG/ayuda1.gif) no-repeat right top;
	height:17px;
	line-height:17px;
	clear:both}
.AyudaHr hr{
display:none}
.AyudaExtendida p{
	margin:10px 0}


/*---FORMULARIOS----*/	
#ContenidoCentral h2{
	margin-bottom:10px;	clear:both
	
	}
#ContenidoCentral fieldset{
	border: solid 1px #E1E1E1;
	clear:both;
}
.Boton{
	background:url(../Img/fn-Boton.jpg) repeat-x left top;
	color:#fff;
	border:none;
	text-transform:uppercase;
	font: normal 0.8em Tahoma, Verdana, Arial ;
	padding:2px 0; cursor:pointer
	}
html>/**/body .Boton{ padding:2px 3px}
.input{
	border: solid 1px #ccc;
	background:#fff;
	padding:1px;
	font:normal 1em Tahoma, Verdana, Arial }
.clear{
	clear:both}
.none{
	position:absolute; 
	left:-1500px; 
	top: -10%; 
	overflow:hidden; 
	font-size:0%; 
	line-height:0%;
}
 
/*---buscador---*/
.Buscador legend{
	display:none}
.Buscador {
	background: url(../Img/fn-fieldset-buscador.jpg) repeat-x left top;
	padding:20px 20px 10px 20px}
.Buscador img{  vertical-align: top; padding-top:2px}

#BuscadorGeneral .p-label{ width:6em}
#BuscadorGeneral .p-input{width:65%}

/*--BOtones paginacion ---*/
.BotonNumero{
color:#AE1212;
	text-decoration:none;
	border:none;
	text-align:left;
	cursor:pointer}

.BotonNumero{
	background:left 0px no-repeat;
	margin:0 3px 0 0;
	padding:0 0 0 1px;
	
	}

.BotonNumeroSeleccionado
{
   	background:left 0px no-repeat;
	margin:0 3px 0 0;
	padding:0 0 0 1px;
	text-decoration:underline;
}
	
.Paginacion{
	float:right; }
.ResultadosPaginacion{
	float:left}	
/*--genericos formularios---*/
.p-label{ padding-top:2px;float:left; }
.p-label2{  float:left;  padding-top:2px }
.p-label-fecha{width:3em; float:left; padding-top:2px; margin-left:15px  }
.p-label-fechaS{width:3em; float:left; padding-top:2px; margin-left:3px  }
.p-input-fecha{ float:left;}
.p-input-fecha input{ width:50px}
.p-input{ float:left;}
.fila-campos{ clear:both; margin-bottom:5px; float:left; width:100%/*height:1%; overflow:auto;*/ }
.fila-campos1{float:left; width:49%;  margin-bottom:5px ; clear:left; /*height:1%; overflow:auto;*/ }
.fila-campos2{float:right; width:49%;   margin-bottom:5px ;/* height:1%; overflow:auto;*/ }
.fila-campos1-1{float:left; width:58%; height:1%; overflow:auto}
.fila-campos1-2{float:left; width:40%;   height:1%; overflow:auto}

html>/**/body .fila-campos{margin-bottom:8px }
html>/**/body .fila-campos1{margin-bottom:8px}
html>/**/body .fila-campos2{margin-bottom:8px}


.botones{ float:right;}
/*
.hr{
	background:#EAEAEA; height:2px; margin-top:1px}*/
.hr hr{ display:none; }

.form-input{width:99.5%}
.form-select{ width:100%}
.form-input, .form-select{
	border: solid 1px #ccc;
	background:#ffffff;
	padding:1px;
	font:normal 1em Tahoma, Verdana, Arial}

.botonimagen{
  background-image:url(../img/ascendente-sel.jpg);
  background-repeat:no-repeat;
  height:18px;
  width:17px;
  background-position:center;
}

.Margenes .radio li{
 display:inline;
 background:none;
 padding:0 10px 0 0}
 .Margenes .radio-linea li
 {
 
 background:none;
 padding:0 10px 0 0}
 
html>/**/body .radio label{ padding-left:5px}

.txtrojorojo {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	line-height: 16px;
}
/*---formulario cursos---*/
#FormCursos .p-label{width:10em;}
#FormCursos .p-input{width:80%}
#FormCursos .fila-campos1 .p-input{ width:66%}
#FormCursos .botones{ margin-right:1.03em}

/*---ficha cursos---*/
#Imparte .p-label-ficha{ width:11em}
#DCurso .p-label-ficha{ width:8.5em}
#DCurso .fila-campos1 .p-label-ficha{ width:8.5em}
#DCurso .fila-campos2 .p-label-ficha{ width:5.5em}
#DCurso .fila-campos2 #inscritos.p-label-ficha  { width:10.5em; color:#CC0000}
#DCurso .fila-campos2 #espera.p-label-ficha  { width:10.5em; color:#CC0000}
#DCurso .fila-campos1{ width:30%}
#DCurso .fila-campos2{ float:left}
#Matricula .fila-campos1 .p-label-ficha{ width:6.5em}
#Matricula .fila-campos2 .p-label-ficha{ width:5em}
#Matricula .fila-campos3 .p-label-ficha{ width:5em}

/*---formulario visados----*/

#FormVisados .p-label{ width:7.5em;  }
#FormVisados .p-label2{width:8em;}
#FormVisados .p-input{  width:85%}
#FormVisados .fila-campos1 .p-input{  width:73%}
#FormVisados .fila-campos2 .p-input{  width:69%}
#FormVisados .botones{ margin-right:0.75em}
/*---formulario turnos de oficio----*/

#FormTurnosOficio .p-label{ width:9em;  }
#FormTurnosOficio .p-input{  width:85%}
#FormTurnoOficio .fila-campos1 .p-input{  width:73%}
#FormTurnoOficio .fila-campos2 .p-input{  width:69%}
#FormTurnoOficio .botones{ margin-right:0.7em}

/*-----formulario legislacion-----*/
#FormLegislacion .p-label{ width:12em;  }
#FormLegislacion .p-label2{width:10em;}
#FormLegislacion .p-input{width:77%}
#FormLegislacion .botones{ margin-right:1em}
#FormLegislacion .fila-campos1 .p-input{  width:55%}
#FormLegislacion .fila-campos2 .p-input{  width:59%}
#FormLegislacion .fila-campos2 .form-select{ width:101%}

/*---ficha legislacion----*/
#FichaLegislacion .p-label-ficha{ width:9em}
#FichaLegislacion .fila-campos2 .p-label-ficha{ width:7em}



/*-----formulario biblioteca-----*/
#FormBiblioteca .p-label{ width:6.5em;  }
#FormBiblioteca .p-label2{width:10.5em;}
#FormBiblioteca .p-label3{width:8.5em;}
#FormBiblioteca .p-input{width:86.5%}
#FormBiblioteca .botones{ margin-right:0.8em}
#FormBiblioteca .fila-campos1 .p-input{  width:73%}
#FormBiblioteca .fila-campos2 .p-input{  width:58.5%}
#FormBiblioteca .fila-campos2 .form-select{ width:101%}

/*---ficha libros---*/

#FichaBiblioteca .p-label-ficha{ width:11em}
#FichaBiblioteca .fila-campos2 .p-label-ficha{ width:8.5em}
#FichaBiblioteca .fila-campo1{ width:58%}
#FichaBiblioteca .fila-campos2{ width:38%}
#Ficha p.ImagenLibro{ text-align:center; margin-top:10px}

/*---form repositorios----*/
#FormRepositorios .p-label{ width:12em;  }
#FormRepositorios .p-input{width:77%}
#FormRepositorios .p-label2{width:10.5em;}
#FormRepositorios .botones{margin-right:1em}
#FormRepositorios .fila-campos1 .p-input{  width:55%}
#FormRepositorios .fila-campos2 .p-input{  width:58%}

/*---form noticias----*/
#FormNoticias .p-label{ width:7.5em;  }
#FormNoticias .p-input{width:86%; }
#FormNoticias .botones{ margin-right:0.4em}
#FormNoticias .p-label2{width:5em;}
#FormNoticias .fila-campos1 .p-input{  width:65%}
#FormNoticias .fila-campos2 .p-input{  width:80%}

/*--form guia profesional--*/
#FormGuia .p-label{ width:10em;  }
#FormGuia .p-input{width:83%; }
#FormGuia #SubAct .form-select{ float:left; width:95.5%;margin-right:10px}
#FormGuia .botones{ margin-right:0.2em}

/*---form catalogo colegiados---*/


#FormCatalogo .p-label{ width:12em;  }
#FormCatalogo .p-input{width:80%; }
#FormCatalogo .botones{ margin-right:0.1em}
#FormCatalogo .fila-campos1 .p-input{  width:70%}
#FormCatalogo .fila-campos2 .p-input{  width:50%}
#FormCatalogo .fila-campos1{ width:70%}
#FormCatalogo .fila-campos2{ width:25%}
#FormCatalogo .fila-campos2 .p-label{ width:7em;  }


/*---enlaces ITIS---*/

#Enlaces .fila-campos .p-label-ficha{ width:6.5em}
#Enlaces .fila-campos1 .p-label-ficha{ width:6.5em}
#Enlaces .fila-campos2 .p-label-ficha{ width:8em}
#FichaC #Enlaces h3{color:#22558C;
	
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin:0px 0;
	clear:both;}
#Enlaces a{color:#22558C;}
#Enlaces a:hover{ color:#CC0000}

/*---asesoria------*/
#FormAsesoria .p-label{ width:9.5em}
#FormAsesoria .p-input{ width:83%}
#FormAsesoria .botones{ margin-right:0.5em}


/*--ORDENAR--*/
#NumResultados{
float:left;
width:45%;
margin:10px 0 ;
font-weight:bold;
font-size:0.9em;
clear:left

}
.Orden{
	float:right;
	margin:10px 0 ;
	clear:right;
	overflow:auto;
	height:1%;
	width:45%;
	
}
#Historico .Orden{width:48%;}
.p-orden-input img{
 vertical-align:middle}
.p-orden{width:7.5em; float:left;  }
.p-orden-input{ float:left; padding-left:4px; width:60%}
.p-orden-input2{ float:left; padding-left:4px; }
.p-orden-input select{ width:98%}
/*---RESULTADOS---*/
#Resultados{
clear:both}
#Resultados h3, #FichaC #Resultados h3{
	color:#22558C;
	margin-bottom:3px;
	font:bold 1em Tahoma, Verdana, Arial;
	padding-bottom:0
	}
#Resultados h3 a{color:#22558C;}
#Resultados h3 a:hover{
	color:#CC0000}
#Resultados h3 br{margin-bottom:3px; display:block}
#Resultados p, #FichaC #Resultados p{ margin-bottom:2px}	

#Resultados h3 span{
	font-size:0.9em;
	color:#666;
	font-weight:normal}
#Resultados h3 span strong{
	color:#666;
	font-weight:bold}
#Resultados li{
background: url(../Img/fn-resultados.jpg) repeat-x left bottom;
	padding:5px 0 10px 0;

}

.fila-resultados{
	background: url(../Img/fn-resultados.jpg) repeat-x left bottom;
	padding:10px 5px;
	clear:both}
.ListaResultados {color: #666; }
.ListaResultados dt{ font-weight:normal; float:left; padding-right:5px}
.ListaResultados dd{ font-size:0.9em; float:left; margin-left:0}
.Resultados-izq{
	float:left;
	width:79%}
.Resultados-dch{
	float:right;
	width:20%;
	text-align:right}
.Resultados-dch dl{ float:right}
.Resultados-dch dt{ width:10.5em; float:left; text-align:right; font-weight:normal; font-size:1em}
.Resultados-dch dd{ margin-left:0}
.fila-categoria{
	font-size:0.9em;
	color:#666;
	font-weight:normal}
.separador{
	background:url(../Img/separador.gif) no-repeat 4px center;
	padding:0 10px}
.EnlaceBold{color:#22558C; font-weight:bold}
.EnlaceBold a{color:#22558C; }
.EnlaceBold a:hover{color:#CC0000}
.Enlace{color: #CC0000; font-weight:normal}
.fila-total{
	text-align:right;
	padding:10px 5px;
	font-weight:bold}
#Resultados .fila-total li{
	background:none;
	padding:0}
/*--PAGINACION-*/
#Paginacion{
display:none
}
#Paginacion p{
	float:left;
	display:inline;overflow:hidden;}
.num-pag{
	float:right;
	overflow:hidden;
	display:inline;
	font-weight:normal}
.Margenes .num-pag li{
display:inline;
background:none;
padding:0
}
.num-pag li.Activo{
	background:#F1F1F1;
	border: solid 1px #E1E1E1;
	padding:5px}
.num-pag li a{
	padding:0 5px;
	color:#CC0000;
	border-right: solid 1px #999999;
}
#Paginacion input{
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	border:none;
	cursor:pointer}
.Volver{
	background:url(../Img/anterior.gif) no-repeat left 5px;
	padding-left:4px;
	}
.Primero{
	background:url(../Img/primero.gif) no-repeat left 5px;
	padding-left:4px; padding-right:3px}
.Anterior{
	background:url(../Img/anterior.gif) no-repeat left 5px;
	padding-left:2px; padding-right:3px}
.Siguiente{
	background:url(../Img/siguiente.gif) no-repeat right 5px;
	padding-right:0px;padding-left:3px}
.Ultimo{
	background:url(../Img/ultimo.gif) no-repeat right 5px;
	padding-right:5px;padding-left:3px}
html>/**/body .Primero, html>/**/body .Anterior, html>/**/body .Volver{ padding-left:8px; padding-right:5px}
html>/**/body .Siguiente, html>/**/body .Ultimo{padding-right:8px; padding-left:5px}

#Repositorios{
	float:left; width:65%; /*padding-left:5px*/}
/*---ofertas----*/
#Ofertas{
	/*float:left; width:65%; padding-left:5px*/}
#Ofertas a, #Guia a{
	color:#22558C}
#Ofertas a:hover, #Guia a:hover{color:#CC0000}
#Ficha h4{
	color:#22558C;
	border-bottom: solid 2px #EAEAEA;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin:10px 0;
	clear:both; }
h5{
	background:url(../Img/fn-h5.jpg) repeat-x left bottom;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	padding-bottom:5px ;
	margin-bottom:5px;
	clear:both}
#Ofertas dl{
	margin:0;
	padding:0}
#Ofertas dt{
	font-weight:bold;
	font-size:0.9em;
	float:left;
	padding-bottom:8px; clear:left;

	}

#Ofertas dd{padding-bottom:8px;    }
.Ofertas1 dt{width:10.3em; }
.Ofertas2 dt{ width:8.5em; }
.Ofertas3 dt{width:12.9em; }
.Ofertas1 dd{margin-left:10.3em; }
.Ofertas2 dd{margin-left:8.5em; }
.Ofertas3 dd{margin-left:12.9em; }
* html #Ofertas dt { margin-right:-3px}
* html #Ofertas dd { margin-right:0px; height: 1%;}



/*--guia profesional ficha---*/


#GDGenerales .p-label-ficha
{ width:8em}
#GDGenerales .fila-campos2 .p-label-ficha
{ width:6.5em}
#GColegiados .p-label-ficha{width:5.5em}
#GColegiados .fila-campos2 .p-label-ficha{ width:7.5em}
#GDPersonales .p-label-ficha{ 	width:8.5em}
#GDPersonales .fila-campos2 .p-label-ficha{ width:8em}
#GDEmpresa .p-label-ficha{ width:8.5em}
#GDEmpresa .fila-campos2 .p-label-ficha{ width:6.5em}
#GREmpresa .p-label-ficha{ width:8.5em}
#GREmpresa .fila-campos2 .p-label-ficha{ width:4em}
#GuiaDerecha{
	float:left; width:65%;}



.hrResultados hr{display:none}
.hrResultados{ background:url(../Img/fn-resultados.jpg) repeat-x left bottom;
	height:4px;
	line-height:4px;
	 padding:0;
	 clear:both }
 



.NoImagen{margin-left:100px; width:50%}



/*----tabs----*/
#Tabs{
	border: solid 1px #EAEAEA;
	background:url(../Img/fn-tabs.jpg) repeat-x left top;
	}
#Tabs input{
	color:#22558C;
	border:none;
	
	border-right:solid 1px #EAEAEA;
	font:bold 1em  Arial, Helvetica, sans-serif;
	background:none;
	cursor:pointer;
	padding:5px 0;
	width:19%
	 }
#Tabs .TabActivo{
	color:#000000;
	background:url(../Img/tab-activo.gif) no-repeat bottom center}
.Bordes{
	border: solid 1px #EAEAEA;
	padding:10px}
/*---FICHA colegiado ----*/
#FichaC{
	clear:both;
	margin-bottom:20px;
	}	
#FichaC p{ margin-bottom:5px}
#FichaC h4{
	color:#22558C;
	border-bottom: solid 2px #EAEAEA;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	margin:5px 0;
	clear:both}
.BordeImagen{
	border: solid 1px #CCCCCC;
	padding:4px }

/*campos ficha colegiado*/	
.p-columna{
	float:left;
	padding:3px 0}
.p-label-ficha{
	padding:4px 0;
	float:left;
	font-size:0.9em;
	font-weight:bold;
}
.p-label-linea{
	padding:0px 0;
	font-size:0.9em;
	font-weight:bold;}
	
.p-linea{padding:0; margin:0}

html>/**/body .p-label-ficha, 
html>/**/body .p-columna
{padding:0}	

/*ficha datos personales*/
.Si{
	background: url(../Img/si.gif) no-repeat left top;
	padding-left:20px}
.No{
background: url(../Img/no.gif) no-repeat left top;
	padding-left:20px}

/*columnas*/
#DPersonales .fila-campos1{float:left; width:40%;  margin-bottom:5px ; clear:left;  }
#DPersonales .fila-campos2{float:right; width:58%;   margin-bottom:5px ;}

#DPersonales .p-label-ficha{
	
	width:9em;}
		
#FDPersonales .fila-campos2 .p-label-ficha,  #FDAcademicos .fila-campos2 .p-label-ficha{width:8em;}
#FDPersonales .fila-campos1-2 .p-label-ficha {width:7em;}
#DatosColegiales .p-label-ficha{width:17.5em;}
#AccesoWeb .p-label-ficha, #AccesoInternet .p-label-ficha{ width:5em}
#AccesoWeb .fila-campos2 .p-label-ficha, #AccesoInternet .fila-campos2 .p-label-ficha{ width:7em}
#CorreoElectronico .p-label-ficha{ width:5em}
#CorreoElectronico .fila-campos2 .p-label-ficha{ width:7em}
#VidaColegial .p-label-ficha{width:8em;}
#ListasDistribucion .p-label-ficha{  width:100%; padding:0;  float:none; margin:0px; clear:both}

#ListasDistribucion label{width:12.5em; float:left; padding-top:3px}
#ListasDistribucion input{ float:left; padding:0; margin:0}
html>/**/body #ListasDistribucion label {padding:3px 0}
html>/**/body #ListasDistribucion input {padding:4px 0}

	
#DatosColegiales{float:left; width:55%; margin-right:20px}
#FirmaFicha{float:left; width:25%; }
#ImagenFicha{float:right; width:15%; }
#VidaColegial{ width:60%; float:left}
#ListasDistribucion{float:right; width:37% }

/*ficha bolsa de empleo*/
#BolsaTrabajoG #Postgrado{width:60%; float:left}
#BolsaTrabajoG #Idiomas{float:right; width:37%}
#BolsaTrabajoG #Postgrado .p-label-ficha{width:24em}
#BolsaTrabajoG #FIdiomas .p-label-ficha{width:6em}

/*3 columnas*/
.Col3 .fila-campos1, 
.Col3 .fila-campos2, 
.Col3 .fila-campos3 
{
	margin-bottom:5px; float:left; width:15% 
}

html>/**/body .Col3 .fila-campos1,
html>/**/body .Col3 .fila-campos2,
html>/**/body .Col3 .fila-campos3
{
	margin-bottom:8px 
}
.Col3 .fila-campos1 .p-label-ficha{ width:8em}
.Col3 .fila-campos2 .p-label-ficha{ width:11em}
.Col3 .fila-campos3 .p-label-ficha{ width:10em}

/*ficha seguros empresa*/
.FDEmpresa .p-label-ficha{ width:8em}
.FRelacion .p-label-ficha{ width:12em}
.FRelacion .fila-campos2 .p-label-ficha{ width:4.5em}
.FDPublicos .p-label-ficha { width:16.5em}
.FDSeguro .p-label-ficha { width:9.5em}
.FDSeguro .fila-campos2 .p-label-ficha { width:8.5em}
/*turno de oficio*/
#TurnoOficio .p-label-ficha{ width:8em}
#TurnoOficio .fila-campos2 .p-label-ficha{ width:11em}
#TiposTrabajo .p-label-ficha{ width:30em}
/*Idioma*/
#Idioma .p-label-ficha{ width:6em}
#Idioma .fila-campos2 .p-label-ficha{ width:6em}
/*bolsa de trabajo*/
#BolsaTrabajo .p-label-ficha{ width:11em}
#BolsaTrabajo .fila-campos2 .p-label-ficha{ width:11em}
/*historico*/
#FormHistorico .p-label{ width:9em}
#FormHistorico .fila-campos2 .p-label{	width:6.5em}
/*---ESTADOS---*/
.NotaObligatorio{

	color: #333333;
	text-align:right}
.NotaObligatorio span{background:url(../IMG/alert.gif) no-repeat 5px 0;
padding-left:25px;
padding-bottom:2px}

.NotaObligatorio span.Obligatorio{
	color:#CC0000;
	font-size:0.85em;
	background:none !important;
	padding-left:5px;
	padding-bottom:0}
.Alerts{
	background:url(../IMG/alert.gif) no-repeat 5px 5px;
	border: solid 1px #CC0000; 
	padding:5px 0 5px 25px;
	color: #CC0000}
.Alerts ul{
	margin:10px 0
 }
 .Margenes .Alerts li{
 	padding-left:8px;
	background:url(../IMG/cuadrito.gif) no-repeat left 4px}

.Aviso{
background:#F4F6F2;
padding:10px 0 5px 20px;
border:solid 1px #CCC;
border-bottom:solid 2px #CCC;
margin-bottom:10px
}
.Alerta {
	background:url(../Img/mano.gif) no-repeat left top;
		padding:5px 0;
	padding-left:20px;
}


.OK {
background:url(../Img/check.gif) no-repeat left top;
		padding:5px 0;
	padding-left:25px;
	color:#006600}
.Cerrado{
	background: url(../Img/cerrado.gif) no-repeat left top;
	padding-left:18px;
	color:#9966CC;
	font-weight:bold}
.Anulado{
	background:url(../Img/anulado.gif)  no-repeat left top;
	color:#CC0000;
	padding-left:18px;
	font-weight:bold}
.Abierto{
	background:url(../Img/abierto.gif)  no-repeat left top;
	color:#009900;
	padding-left:18px;
	font-weight:bold
	}
.EnCurso{
	background:url(../Img/en-curso.gif)  no-repeat left top;
	padding-left:18px;
	font-weight:bold}
.Remesado{
	background:url(../Img/remesado.gif) no-repeat left top;
	padding-left:18px;}
.Pagado{
	color:#009900;
	background: url(../Img/pagado.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px}
.AnyadirCesta{
	background: url(../Img/anyadir-cesta.gif) no-repeat left top;
	padding-left:19px;
	color:#CC0000;
	text-decoration:underline !important;
	padding-bottom:3px}


/*---BOTONES ICONOS----*/	

.BotonesIzquierda{
	float:left;
	font-weight:normal;
	padding-bottom:10px}
.BotonesIzquierda li{
	display:inline; padding-right:10px;  }
	
/*botonera*/
#Botonera{
display:none }
#Botonera input{
	font:0.95em normal Tahoma, Verdana, Arial;
	color:#CC0000;
	border:none;
	cursor:pointer;
	padding-top:1px;
	padding-bottom:1px
	}
#Botonera li{
	display:inline;
	background:none;
	padding:0}
.BotoneraIzquierda{
	float:left}
.BotoneraDerecha{
	float:right}
	
.Imprimir{
	background:url(../Img/imprimir.gif) no-repeat left top;
	padding-left:10px;
	width:80px
	
}
.Guardar{
	background:url(../Img/guardar.gif) no-repeat left top;
	padding-left:10px; 
	width:80px
	}	
	
.ModificarDPersonales{
	background:url(../Img/modificar.gif) no-repeat left center;
	padding-left:5px;
	width:200px}
.Baja{
	background:url(../Img/baja.gif) no-repeat left center;
	padding-left:5px;
	width:120px}	
.NuevaEntidad{
	background: url(../Img/nueva-entidad.gif) no-repeat left center;
	padding-left:5px;
		width:120px}	
.SolicitarLegislacion {
	background:url(../Img/solicitar-legislacion.gif) no-repeat left top;
	padding-left:5px;
	width:150px
	}
	
.AnyadirTodos{
	background:url(../Img/anyadir-todos.gif) no-repeat left top;
	padding-left:5px;
	width:180px
	}
.CambioDatos{
	background:url(../Img/cambio-datos.gif) no-repeat left 2px;
	padding-left:5px;
	width:180px
	
	}	
	
.AltaBolsa{
background:url(../Img/bolsa.gif) no-repeat left top;
	padding-left:5px;
	width:170px}
.Modificar{
	background:url(../Img/cambio-datos.gif) no-repeat left 2px;
	padding-left:5px;
	width:90px}
.Baja{
	background:url(../Img/baja.gif) no-repeat left top;
	padding-left:15px;
	width:110px}
.BajaTurno{
	background:url(../Img/baja-turno.gif) no-repeat left top;
	padding-left:15px;
	width:160px}
	
.Ayuda{
	background:url(../Img/help.gif) no-repeat left top;
	padding-left:10px;
	width:70px
	
}
	

/*---ficha repositorio---*/
#Ficha{
	clear:both;
	margin-bottom:20px;
	/*overflow:auto;
	height:1%*/}	
#Ficha p{ margin-bottom:10px; text-align:justify; line-height:1.7em}
#Ficha p.p-label-ficha, #Ficha p.p-columna{ line-height:1em}
#Ficha h3, #FichaC h3{
	/*background:url(../IMG/fondo-h3.jpg) repeat-x left bottom;*/
	color:#000;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding-bottom:5px ;
	
	}
#ColumnaAdjuntos{
	width:30%;
	float:right;
	
	}
.Adjuntos{
	border:solid 1px #EAEAEA;
	padding:4px;
	font-size:0.95em;
	height:1%
	
	}
.Adjuntos p{padding:0 4px ; line-height:16px}
.Adjuntos h4{
	background:url(../Img/fn-adjuntos.jpg) repeat-x left top;
	padding:4px;
	color:#4F4F4F;
	font-size:1em;
	margin:0 !important}
div.hrAdjuntos{
	height:3px;
	background:#EAEAEA;
	margin-top:1px;
	float:right;
	padding:0 5px;
	width:95%
	
	}
* html div.hrAdjuntos{ width:96%; line-height:3px}

.pdf{ 
	background:url(../Img/pdf.gif) no-repeat left top;
	padding-left:25px !important;
	margin:5px}
.pdf a{
	color:#CC0000}
	
.ResumenNoticia{
	font:normal 1.1em Arial, Helvetica, sans-serif;
	color:#22558C;
	font-style:italic}

.FlotarIzquierda{
	float:left}
.FlotarDerecha{
	float:right}
	
/*Accesibilidad*/

/*.....ACCESIBILIDAD.....*/
#Accesibilidad dt{
 color:#333; background: url(../Img/flecha-menu.gif) no-repeat 10px 6px;
	padding-left:20px;
	padding-bottom:0em;
	font-weight:bold;
	margin-top:1em;
	}
#Accesibilidad dd{
	margin:0;
	
	padding-left:20px
}

#Accesibilidad .AccesibilidadSin dt{
	 color:#333; background:none ;
	padding-left:20px;
	padding-bottom:0em;
	font-weight:normal;
	margin-top:1em;
	}
#Accesibilidad .AccesibilidadSin dd{
	margin:0;
	
	padding-left:40px;
	padding-top:10px
}


#Accesibilidad ul li{
background: url(../Img/flecha-menu.gif) no-repeat 10px 6px;
	padding-left:20px;
	padding-bottom:0em;
}
#Accesibilidad a{
	color:#CC0000}
.LogosAccesibilidad{
margin:1em 0}
kbd{
background:#EDEDED;
border-top: solid 1px #CECECE;
border-bottom: solid 2px #CECECE;
border-right: solid 2px #CECECE;
border-left: solid 2px #CECECE;
padding:0px 5px;

}

.Margenes li{
	background:url(../IMG/flecha-menu.gif) no-repeat 5px 4px;
	padding:0 0 3px 15px}
	
	
/*---formulario introduccion datos----*/
.Formulario{
	background: url(../IMG/fn-formulario.jpg) repeat-x left bottom;
	padding:20px 20px 10px 20px;
	margin:0}
html>/**/body .Formulario{ margin-top:15px}
	
.Formulario legend{
	color:#22558C;
	border: none;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	padding:0; margin-bottom:10px
	}
html>/**/body .Formulario legend{margin-bottom:0px}
.Obligatorio{
	color:#CC0000;
	font-size:0.85em}
	
/*---propuesa oferta de empleo---*/
#OE_DSolicitante .fila-campos1{ width:70%}
#OE_DSolicitante .fila-campos2{ width:28%}

#OE_DSolicitante .fila-campos .p-label{ width:7em}
#OE_DSolicitante .fila-campos .p-label-largo{ width:28em; float:left; padding-top:2px;}
#OE_DSolicitante .fila-campos .p-label-largo2{ width:40em; float:left; padding-top:2px;}
#OE_DSolicitante .p-label-largo3{ width:11em; float:left; padding-top:2px;}


#OE_DSolicitante .fila-campos1 .p-label{ width:7em}
#OE_DSolicitante .fila-campos2 .p-label{ width:4em}
#OE_DSolicitante .p-input{ width:70%}
#OE_DSolicitante .fila-campos2 .p-input{ width:65%}

#OE_DSolicitante .fila-campos .p-input2{ float:left; width:42.5%}
#OE_DSolicitante .fila-campos1 .p-input2{ float:left; width:60.5%}

#OE_DContacto .p-label{ width:7em}
#OE_DContacto .p-input{ width:70%}


#OE_Observaciones .p-input{	width:97%}

#OE_DOferta .p-label{ width:13.5em}
#OE_DOferta .p-input{ width:75%}
.Desc{ font-size:0.9em}
.LOPD{font-size:0.9em; margin:8px 0; text-align:justify}
#OE_FContacto .p-label{ width:30em}

/*-------propuesta formacion---------*/


#F_DEmpresa .fila-campos1{ width:55%}
#F_DEmpresa .fila-campos2{ width:45%}
#F_DEmpresa .fila-campos1 .p-label{ width:11.5em}
#F_DEmpresa .fila-campos2 .p-label{ width:6.5em}
#F_DEmpresa .fila-campos1 .p-input{ width:55%}
#F_DEmpresa .fila-campos2 .p-input{ width:70%}
#F_DEmpresa .fila-campos .p-label{ width:11.5em}
#F_DEmpresa .fila-campos .p-input{ width:30%}

#F_DCurso .fila-campos1{ width:65%}
#F_DCurso .fila-campos2{ width:30%}

#F_DCurso .p-label{ width:16em}
#F_DCurso .fila-campos2 .p-label{ width:6.5em}
#F_DCurso .fila-campos .p-input{ width:71%}
#F_DCurso .fila-campos1 .p-input{ width:30%}
#F_DCurso .fila-campos2 .p-input{ width:55%}


#F_DCurso .p-input3{ float:left; width:70%; }
#F_DCurso .p-input3 .form-input{ width:27.5%; float:left}
#F_DCurso .p-input3 span{ padding-left:10px}
#F_DCurso .fila-campos .p-label-largo{ width:36em; float:left; padding-top:2px;}
#F_DCurso .fila-campos .p-input4{ float:left; width:38%}
#F_Adjuntos .p-label{ width:16em}
#F_Adjuntos .p-input{ width:72%}

/*---calendario----*/
.ajax__calendar_container { border: solid 1px #ccc !important}

.ajax__calendar_header{ background:#43668A; padding-top:3px}
.ajax__calendar_title{ color:#fff}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color:#B7CCDB !important;
    
} 
.ajax__calendar_dayname	{ background:#F2F6F9; font-weight:bold; width:100%; text-align:center !important; }
.ajax__calendar_today{ font-weight:bold}
/*---pie----*/
#Pie{
	background:#fff url(../Img/fn-Pie.jpg) repeat-x left top;
	text-align:center;
	color:#666666;
	font-size:0.9em;
	padding:10px 0;
	
	line-height:12px;
	clear:both;
	margin-top:10px}
#Pie ul{
display:none}
#Pie li{
	display:inline}
	
#Pie li a{
	color:#CC0000;
	padding:0 5px;
	border-right: solid 1px #ccc}
	
#upProgreso
{
	margin:5px auto;
	background:#4A6C8E;
	width:100px;
	color:#fff;
	font:bold 1em tahoma;
	padding:2px}
/*----------------------------------------------------------------------------------- */
		/* Sistema de aclarado bajo bloques con contenido flotado
		----------------------------------------------------------------------------------- */
		
.clearfix:after {
		/* Con esto se subsana el colapso al flotar bloques en los navegadores que interpretan contenido generado */
		    content: "."; 
		    display: block; 
		    height: 0;
		    clear: both; 
		    visibility: hidden;
		}
			.clearfix {
				/* Con esto se subsana el colapso al flotar bloques en IE-Mac pero se hace necesario rectificar
				su efecto posteriormente */
				overflow: hidden;
				/* Con esto se subsana el colapso al flotar bloques en IE-Win */
				height: 1%;
			}
				/* Oculto para IE-mac \*/
					.clearfix {
						/* Con esto se compensa el overflow antes declarado. */
						overflow: visible;
					}
				/* Este comentario es necesario para cerrar el hack de IE-mac */