@charset "UTF-8";

/*general*/
html {
	background-image: url(../img/bg_html.jpg);
	background-color: #E8E8E8;
	background-repeat: repeat-y;
	background-position: center top;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 140%;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../img/body-bg.png);
	text-align: justify;
	
}
.col100alto { padding-bottom: 30000px; margin-bottom: -30000px; } 	
#contenedor {
	width: 980px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	display: block;
	float: none;
}
/*top
#top {
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	width: 980px;
	float: left;
	height: 154px;
}
#top a {
	display: block;
	float: left;
	width: 980px;
	height: 154px;
}
#top h1 a  {
	display: none;
}
/*header*/
#header {
	float: left;
	width: 980px;
	background-image: url(../img/body-bg.png);
	background-repeat: repeat-x;
	background-position: top;
}
#header h1.logo {
	width: 239px;
	background-image: url(../img/logo_fps.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: 20px top;
	display: block;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 74px;
}
#header h1.logo a {
	width: 239px;
	height: 74px;
	display: block;
}
#header h1.logo a span {
	display: none;
}
#header div.logomideplan {
	background-image: url(../img/logo_ministerio.gif);
	background-repeat: no-repeat;
	height: 137px;
	width: 150px;
	float: right;
	margin-right: 20px;
	margin-bottom: 8px;
}
#header div.logomideplan a {
	display: block;
	height: 137px;
	width: 150px;
}
#header div.logomideplan a span {
	display: none;
}

#main {
	background-color: #FFFFFF;
	width: 910px;
	clear: both;
	float: left;
	margin-left: 20px;
	background-image: url(../img/bg_columizq.gif);
	background-repeat: repeat;
	margin-top: 0px;
	padding: 15px;
}
#main-home {
	background-color: #F2F2F2;
	width: 910px;
	clear: both;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	padding: 15px;
}
#sombramain{
	background-image: url(../img/sombra_main.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	height: 17px;
	width: 940px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	}
/*pie de pagina*/

#pie {
	font-size: 11px;
	color: #666;
	text-align: center;
	float: none;
	width: 940px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
	background-color: #F1F1F1;
	clear: both;
	height: 120px;
	margin: 20px;
}


/*class textos*/
a:link {
	color: #025C98;
	margin: 0px;
	padding: 0px;
}
a:visited {
	color: #006699;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #CC0000;
	margin: 0px;
	padding: 0px;
}
a:active{
	color: #006699;
	margin: 0px;
	padding: 0px;
}
a.bl:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.bl:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.bl:hover {
	color: #FFFFFF;
	text-decoration: none;
}
ul {

	
}
ol {
	font-size: 12px;
	color: #025C98;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li {
	margin-bottom: 5px;
}


a.link-az:link, a.link-az:visited {
	color: #025C98;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

a.link-az:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	font-size: 18px;
}
a.link-gr-12:link {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.link-gr-12:visited {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
a.link-gr-12:hover {
	font-size: 12px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}
.ng-14-bold {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
a.link-az-bold:link {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a.link-az-bold:visited {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a.link-az-bold:hover {
	font-size: 12px;
	color: #1F7EC0;
	text-decoration: none;
}
a.link-az-bold:active {
	color: #2280C1;
	text-decoration: none;
}

a.link-az-14:link {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: left;
}
a.link-az-14:visited {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: left;
}
a.link-az-14:hover {
	font-size: 14px;
	font-weight: bold;
	color: #025C98;
	text-decoration: none;
	text-align: left;
}
a.azul:link {
	font-size: 12px;
	font-weight: bold;
	color: #025C98;
	text-decoration: none;
	text-align: left;
}
a.azul:visited {
	font-size: 12px;
	font-weight: bold;
	color: #025C98;
	text-decoration: none;
	text-align: left;
}
a.azul:hover {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: left;
}


.gr-12 {

	font-size: 12px;
	color: #666666;
}
.az-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #025C98;
}
h1 {
	font-size: 18px;
	margin: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #025C98;
	text-align: justify;
}
h3 {
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h4 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h5 {
	
	font-size: 12px;
	font-weight: bold;
	color: #025C98;
}
h6 {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.rj {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	text-align: left;
}
.titulo {
	
	font-size: 14px;
	font-weight: bold;
	color: #025C98;
}
.titulo2 {
	
	font-size: 20px;
	font-weight: bold;
	color: #025C98;
}


/*imagenes*/
a img {
	border: none;
}
img.left {
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
img.right {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 15px;
}

/*tablas*/
table {
	float: left;
	background-color: #FFFFFF;
}
.foto_der {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: right;
	width: 250px;
	display: block;
	margin: 0px;
}

th {
	width: 22%;
	font-style: normal;
	font-weight: bold;
	padding: 4px;
	color: #666666;
	background-color: #99CCFF;
	
	font-size: 11px;
}
td {
	color: #666666;
	
	font-size: 11px;
	width: 22%;
	text-align: center;
	padding: 2px;
	background-color: #F0F0F0;
}
caption {
	color: #FFFFFF;
	background-color: #FF6600;
	float: left;
	width: 200px;
}


/*navegacion principal*/
#navegacion {
	float: left;
	width: 980px;
}
#navegacion ul{
	float: left;
	width: 940px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 28px;
	background-image: url(../img/bg_menu.gif);
	background-repeat: repeat-x;
}
#navegacion ul li {
	float: left;
	display: block;
}
#navegacion ul li .btn {
	padding-right: 12px;
	padding-left: 12px;
	display: block;
	height: 20px;
	padding-top: 8px;
}
#navegacion ul li .btn.activo {
	background-position: bottom;
}
#navegacion ul li a.btn {
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-image: url(../img/bg_menu.gif);
	background-position: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#navegacion ul li a.btn:hover {
	background-position: bottom;
}
#navegacion  a.btn_inicio {
	width: 33px;
	height: 28px;
}
#navegacion  a.btn_inicio span {
	display: none;
}
#navegacion a.btn_inicio {
	height: 28px;
	width: 33px;
	display: block;
	background-image: url(../img/btn_home.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#navegacion  a.btn_inicio:hover {
	background-position: bottom;
	height: 28px;
	width: 33px;
}
#navegacion a.btn_inicio.activo {
	background-position: bottom;
}
/*columna izquierda*/
#columna {
	width: 200px;
	margin-top: 10px;
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
}
#caja {
	float: left;
	width: 200px;
	background-color: #FFF;
}

#caja #center {
	float: left;
	width: 200px;
}
#cajatop {
	width: 200px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}
#columna2 {
	width: 270px;
	float: left;
}
#caja2 {
	float: left;
	width: 270px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#caja2 #center2 {
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#caja .top {
	padding: 0px;
	width: 240px;
	display: block;
	float: none;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#cajatop2 {
	width: 240px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	text-align: center;
	display: block;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.acceso {
	margin-top: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
#acc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
}

.caja2 {
	padding: 0px;
	float: left;
	width: 240px;
	margin: 0px;
}




#titulo {
	background-image: url(../img/bg_titulo_seccion.png);
	height: 20px;
	width: 190px;

	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
	margin-left: 8px;
	padding-left: 4px;
	padding-top: 4px;
	color: #FCFCFE;
}
/*login*/
#login {
	width: 240px;
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#login ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#login span    {
	display: none;
}
#login .btn_accesofps a {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_fps.gif);
}
#login .btn_accesofps a:visited {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_fps.gif);
}
#login .btn_accesofps a:hover {
	background-position: bottom;
}
#login .btn_accesofps a:active{
	background-position: bottom;
}
#login .btn_acceso_nuevafps a {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_nueva.gif);
}
#login .btn_acceso_nuevafps a:visited {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_nueva.gif);
}
#login .btn_acceso_nuevafps a:hover {
	background-position: bottom;
}
#login .btn_acceso_nuevafps a:active{
	background-position: bottom;
}
#login .btn_acceso_elearning a {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_elearning.gif);
}
#login .btn_acceso_elearning a:visited {
	display: block;
	height: 58px;
	width: 240px;
	background-image: url(../img/btn_acceso_elearning.gif);
}
#login .btn_acceso_elearning a:hover {
	background-position: bottom;
}
#login .btn_acceso_elearning a:active{
	background-position: bottom;
}
/*informamos*/
#informamos {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}


#informamos .top2 {
	height: 11px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
}
#informamos #cont-center {
	width: 180px;
	display: block;
	clear: both;
	padding: 0px;
	margin: 10px;
	background-color: #F4F4F4;
}
#informamos #cont-center ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#informamos #cont-center ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
}

#informamos2 {
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	float: none;
	width: 240px;
	padding: 0px;
	clear: both;
}
#informamos2 .top {
	width: 240px;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#informamos2 #cont-center2 {
	width: 208px;
	padding: 16px;
	display: block;
	clear: both;
	background-color: #F4F4F4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#informamos2 #cont-center2 h4 strong {
	text-align: left;
}

#informamos3 {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#informamos3 #cont-center {
	width: 180px;
	display: block;
	clear: both;
	padding: 0px;
	margin: 10px;
	background-color: #F4F4F4;
}
#informamos3 #cont-center ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#informamos3 #cont-center ul li {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
	border: 1px solid #CCC;
}
.bottom {
	width: 200px;
	display: block;
	clear: both;
}
.bottom2 {
	display: block;
	width: 200px;
	clear: both;
}
.bottom3 {
	background-image: url(../img/bottom_informamos.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 240px;
	display: block;
	clear: both;
}
.bottom4 {
	background-image: url(../img/bottom_menu2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 11px;
	width: 240px;
	display: block;
	clear: both;
}




/*contenido central home*/
#contenido {
	width: 620px;
	float: right;
}
#contenido .top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image: url(../img/banner_certificado_fps.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 620px;
	display: block;
	clear: both;
}
#contenido .top a {
	display: block;
	height: 50px;
	width: 620px;
}
#contenido .top a span {
	display: none;
}
#contenido .fotos {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	height: 270px;
	width: 620px;
}

#contenido  .centro {
	height: 100px;
	padding: 10px;
}
#bottom-contenido {
	height: 9px;
	width: 538px;
}


.iconos {
	width: 155px;
	float: left;
	padding-left: 12px;
}
.iconos2 {
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
#contenido2 {
	width: 620px;
	float: right;
	margin-top: 10px;
}
#noticias {
	width: 620px;
	clear: both;
	float: right;
}

#tit-not {
	width: 620px;
	background-image: url(../img/tit_noticias.jpg);
	background-repeat: no-repeat;
	height: 44px;
	background-position: top;
}



.not {
	float: left;
	width: 280px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	margin-left: 10px;
	text-align: left;
}
.not img {
	width: 120px;
	border: 2px solid #CCCCCC;
	float: left;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}





.not2 {
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	display: block;
}

#cont-banner {
	width: 940px;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: none;
}

/*contenido central*/
#cont-int {
	width: 640px;
	margin-top: 0px;
	float: right;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#cont-int p img {
	border: 1px solid #CCC;
	padding: 2px;
}

#cont-banner .banner {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#cont-banner .banner li {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

#cont-int img {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.documento {
	float: left;
	padding: 0px;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.doc {
	width: 460px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #025C98;
	margin-bottom: 7px;
	padding: 4px;
}
.fecha {
	float: left;
	width: 80px;
	padding: 4px;
	text-align: center;
	
	font-size: 12px;
	color: #025C98;
	font-weight: normal;
	margin-bottom: 7px;
}
.tipo {
	float: left;
	width: 52px;
	padding: 4px;
	
	font-size: 12px;
	font-weight: normal;
	color: #025C98;
	text-align: center;
	margin-bottom: 7px;
}

.linea {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 640px;
	height: 1px;
}

#subir {
	display: block;
	float: right;
	width: 680px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}
#subir  ul  {
	list-style-type: none;
	float: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}
#subir ul li {
	display: block;
	width: 60px;
	float: left;
}


#fuente {
	float: left;
	margin-top: 15px;
	width: 250px;
}
#fuente2 {
	float: left;
	margin-top: 15px;
	width: 100%;
}

#pdf {
	display: block;
	float: left;
	clear: both;
	padding: 5px;
	margin-top: 40px;
}
#pdf img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
/*nuevo*/
div.breadcrumbs {
	display: block;
	width: 930px;
	float: none;
	background-image: url(../img/bg_miga.jpg);
	background-repeat: repeat-x;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 10px;
	clear: both;
	margin-left: 20px;
}
div.title {
	background-image: url(../img/bg_tit.jpg);
	background-repeat: repeat-x;
	width: 930px;
	float: left;
	height: 34px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2280C1;
	display: block;
	font-size: 24px;
	color: #666;
	padding-left: 10px;
	padding-top: 15px;
	margin-left: 20px;
}