/* CSS Document */

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial;
	background:#F0EFEF;
}

.clear {
	clear:both;
}

#top {	
	background:#222E69;
	height:130px;	
}

#top #encabezado {
	color:#FFF;
	background:url('../images/logo.png') no-repeat 25px 12px;
	height:130px;
}

#top #encabezado .widgets {
	padding-top:70px;
}

#top #logo {
	width:170px;
	height:130px;
	cursor:pointer;
	float:left;
}

#top #encabezado #fecha {	
	border-right:1px solid #A1643F;
	padding-right:20px;
	text-align:right;
	line-height:19px;
	text-transform:capitalize;
}

#top #encabezado #fecha .dia {
	font-weight:bold;
	font-size:13px;
}

#top #encabezado #fecha .mes {
	font-size:12px;
}

#top #encabezado #buscador, #top #encabezado #clima, #top #encabezado #fecha {
	float:right;
}

#top #encabezado #buscador {
	margin-top:5px;
	margin-right:5px;
}

#top #encabezado #buscador input[type=text] {
	padding:3px;
	float:left;
}

#top #encabezado #buscador input[type=submit] {
	background:url('../images/buscador.png') no-repeat #F19007 4px 4px;
	border:0;
	width:25px;
	height:25px;
	float:left;
}

#top #encabezado #clima {
	margin-top:-9px;
	width:100px;
	height:20px;
}

#top #encabezado #buscador {
	padding-left:20px
}

#top #weather {
	width:auto;
	padding:0 10px 0 10px;
	text-transform:capitalize;
	font-size:12px;
}

#menu {	
	text-transform:uppercase;
	font-size:13px;
	color:#FFFFFF;
	height: 31px;
	width:100%;
    background: linear-gradient(90deg, #E78725 45%, #E2448B 45%);		
}

#menu .opciones ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding:0;
	list-style: none;
	z-index:999;
	float:left;
}

#menu .opciones li.mobile {
	display:none;
}

#menu .opciones ul li {
	display: inline-block;
	margin-right: -4px;
	position: relative;
	cursor: pointer;
	z-index:999;	
	font-weight:bold;
}

#menu .opciones ul li a {
	display: inline-block;
	padding:8px 35px 8px 35px;
	text-decoration:none;
	color:#FFF;
}

#menu .opciones ul li:hover {
  	color: #fff;
	background:#C86F15;
}

#menu .opciones ul li ul {
	padding: 0;
	position: absolute;
	top: 31px;
	left: 0;
	width: 230px;
	display: none;
	opacity: 0;
	visibility: hidden;
}

#menu .opciones ul li ul li {
	display: inline-block; 
	width:100%;
}

#menu .opciones ul li ul li a { 
	background: #555; 
	display: inline-block; 
	color: #fff;
	width:100%;
}

#menu .opciones ul li ul li a:hover { 
	background: #444; 
}

#menu .opciones ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

#menu .opciones .opcion {
	float:left;
}

#menu .opciones .opcion a {
	padding:8px 15px 8px 15px;
	color:#FFFFFF;	
	font-weight:bold;
	text-decoration:none;
	display:block;
	position:relative;
}

#menu .opciones .opcion a:hover { 
	background:#C86F15;
}

#menu .fondo_n {
	float:left;
	width:73%;
	background:#E78725;
}

#menu .fondo_r .opciones ul li:hover {
  	color: #fff;
	background:#9C3D78;
}

#menu .fondo_r {
	float:right;
	width:27%;
	text-align:left;
	background:#E2448B;
}

#menu .login span {
	float:left;
	padding:8px 30px 8px 20px;
	font-weight:bold;
}

#menu .login form {
	padding-top:4px;
}

#menu .login form label {
	font-size:11px;	
	padding-right:5px;
}

#menu .login form input[type=text], #menu .login form input[type=password] {
	width:120px;
	margin-right:10px;
	font-size:12px;
	padding:2px;
}

#menu .login form input[type=password] {
	margin-right:0;
}

#menu .login a {
	background:#222D69;
	padding:2px 5px 2px 5px;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	border-radius:50%;
	margin-left:3px;
}

#menu .login a.panel {
	color:#FFF;
	background:none;
	padding-top:8px;
	display:inline-block;
}

#menu .login a.panel:hover {
	text-decoration:underline;
}

#menu .login form input[type=submit] {
	width:30px;
	background:#222D69;
	color:#FFFFFF;
	border:0;
}

#menu_principal {
	padding-top:5px;
	border-bottom:1px solid #CCC;
	height:70px;
}

#menu_principal .item a {
	float:left;
	display:block;
	color:#F19007;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #CCC;	
	padding:10px 11px 10px 10px;
	text-decoration:none;
}

#menu_principal .item a:hover {
	background:#EEE;
}

#menu_principal .item .caja {
	float:left;
	padding:12px 5px 0 5px;	
}

#menu_principal .item .circulo {
	margin-top:6px;
	border-radius: 50%;
	width: 25px;
	height: 25px; 
	background:#222E69;
	float:left;
}

#menu_principal .item a.middle {
	padding-left:20px;
}

#menu_principal .item a.last {
	margin-right:0;
	border-right:0;
	padding-left:24px;
}

#central {
	min-height:400px;
}

#central .caepam {
	margin-top:30px;
}

#central .caepam h1 {
	text-transform:none !important;
}

#central .caepam .descripcion {
	margin-top:20px;
}

#central .caepam #home_noticias {
	font-size:19px;
}

#central .caepam #home_mas_noticias {
	margin-top:-4px;	
}

#central .caepam .contenedor .registro {
	border-bottom:1px solid #999;
	padding-bottom:5px;
	margin-bottom:10px;
}

#central .caepam .contenedor .registro .fecha {
	font-size:13px;
	color:#666;
}

#central .caepam .contenedor .registro a {
	font-size:17px;
	font-weight:bold;
	color:#222D69;
	text-decoration:none;
}

#central .caepam .contenedor .registro a:hover {
	text-decoration:underline;
}

#central .caepam .contenedor .registro .descripcion {
	font-size:14px;
}

#central .caepam .contenedor {
	background:#DEDEDD;
	margin-top:2px;
	text-align:left;
	padding:10px;
}

#central .caepam .contenedor p {
	margin:0;
	line-height:23px;
}

#central h1 {
	font-weight:normal;
	color:#222D6A;
	text-align:left;
	margin:0;	
}

#central .seccion_1 {
	width:60%;
	float:left;
}

#central .seccion_1 h1 {
	text-transform:capitalize;
}

#central .seccion_1 .paginador, #central .paginador {
	clear:both;
	text-align:center;
	padding:20px 0 20px 0;
}

#central .seccion_1 .paginador a, #central .paginador a {
	color:#222D6A;
	text-decoration:none !important;
	font-size:14px;	
}

#central .seccion_1 .paginador a:hover  {
	text-decoration:underline;
}

#central .seccion_1 .descripcion {
	text-align:left;
	font-size:14px;
}

#central .seccion_1 .descripcion a {
	color:#222D6A;
	text-decoration:underline;
}

#central .seccion_1 .descripcion table {
	text-align:center;
	margin:auto;
}

#central .seccion_1 .descripcion .registro {
	border-bottom:1px solid #CCC;
	margin-top:15px;
}

#central .seccion_1 .descripcion .registro a,#central .seccion_1 .descripcion .registro .titulo {
	color:#222D6A;
	text-decoration:none;
	font-weight:bold;	
	margin-bottom:5px;
	display:inline-block
}

#central .seccion_1 .descripcion .registro .titulo {
	font-size:19px;	
}

#central .seccion_1 .descripcion .registro a:hover {
	text-decoration:underline;
}

#central .seccion_2 {
	width:35%;
	float:right;
}

#central .seccion_2 .fondo {
	background:url('../images/servicios_seccion2.jpg') no-repeat;
	background-size:cover;
	width:100%;
	height:250px;
}

#central .seccion_2 .links {
	text-align:left;
	padding:5px;
	border:2px solid #E3802B;
	clear:both;
	margin-top:10px;
}

#central .seccion_2 .links p {
	margin:0;
	line-height:22px;
	color:#222D69;
	padding-left:15px;
}

#central .seccion_2 .links p .titulo {
	font-size:13px;
}

#central .seccion_2 .links p a {
	font-size:14px;
	font-weight:bold;
	color:#222D69;
	text-decoration:none;
}

#central .seccion_2 .links p a:hover {
	text-decoration:underline;
}

#central .micaepam {
	background:#E2438A;
	color:#FFFFFF;
	display:block;
	text-align:left;
	font-size:19px;
	padding:5px;
	margin-bottom:10px;
}

#central .micaepam .opciones {
	float:right;
	font-size:11px;	
}

#central .micaepam .opciones a {
	color:#FFF;
	text-decoration:none;
	margin:4px 0 0 15px;
	padding:1px 0 5px 15px;
	display:inline-block;
}

#central .micaepam .opciones a:hover {
	text-decoration:underline;
}

#central .micaepam .opciones a.clave { 	
	background:url('../images/usuarios_clave.png') no-repeat;
}

#central .micaepam .opciones a.salir { 	
	background:url('../images/usuarios_salir.png') no-repeat;
}

#central .micaepam .subtitulo {
	font-size:14px;
}

#central .seccion_1.usuarios {
	color:#222E69;
	font-size:13px;
}

#central .seccion_1.usuarios .error {
	color:#900;
}

#central .seccion_1.usuarios .boton.boton_mobile {

}

#central .seccion_1.usuarios .opciones a, #central .seccion_1.usuarios .boton  {
	background:#232C69;
	padding:7px;
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	width:48%;
	margin-right:10px;
	text-align:center;	
}

#central .seccion_1.usuarios .boton, #central .seccion_1.usuarios input[type="submit"] {
	width:auto;
	padding:7px 10px 7px 10px;
	display:inline-block;
	text-align:left;
	
}

#central .seccion_1.usuarios input[type="submit"] {
	border:0;
	float:right;
}

#central .seccion_1.usuarios .prestamos {
	font-size:12px;	
}

#central .seccion_1.usuarios .prestamos td {
	padding:5px;	
}

#central .seccion_1.usuarios .prestamos .encabezado {
	background:#232C69;
	color:#FFF;	
}

#central .seccion_1.usuarios .prestamos .fila {
	background:#DEDEDE;
}

#central .seccion_1.usuarios .calculadora input[type="text"] {
	width:100px;
}

#central .seccion_1.usuarios .calculadora .refinanciacion {
	margin-left:200px;
	position:relative; 
	margin-top:-25px;
}

#central .seccion_1.usuarios .calculadora label {
	width:200px;
	display:inline-block;
}

#central .seccion_1.usuarios .calculadora #botonera {
	width:70%;
}

#central .seccion_1.usuarios .calculadora #resultado {
	border-top:1px solid #222E69;
	padding-top:10px;
	color:#E2438A;
}

#central .seccion_1.usuarios .correo {
	margin-left:30%;
}

#servicios_fondo {
	background:url('../images/servicios_top.jpg') top center no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top: 16.64%;
	margin-bottom:20px;
}

#cuotasocietaria_fondo {
	background:url('../images/cuotasocietaria_top.jpg') top center no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top: 16.64%;
	margin-bottom:20px;
}

#serviciossociales_fondo {
	background:url('../images/serviciossociales_top.jpg') top center no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top: 16.64%;
	margin-bottom:20px;
}

#seguro_fondo {
	background:url('../images/segurocaepam_top.jpg') top center no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top: 16.64%;
	margin-bottom:20px;
}
#home_noticias {
	margin-top:20px;
	background:url('../images/home_noticias.png') no-repeat;
	height:30px;
	width:100%;
	font-size:22px;
	color:#222D69;
	padding-top:8px;
	padding-left:40px;
	text-align:left;
}

#home_mas_noticias {
	background:#222D69;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:7px;
	float:right;
	margin-top:-1px;
}

#home_noticia_principal {
	height:200px;
	background:#DEDEDD;
	margin-top:5px;
	text-align:left;
}

#home_noticia_principal #texto {
	width:40%;
	float:left;
	padding:10px;
}

#home_noticia_principal #texto p {
	margin:0 0 5px 0;
}

#home_noticia_principal #texto .fecha {
	font-size:13px;
}

#home_noticia_principal #texto .titulo {
	font-size:19px;
	font-weight:bold;
	color:#232C69
}

#home_noticia_principal #texto .descripcion {
	font-size:14px;
}

#home_noticia_principal .leer {
	text-decoration:none;
	color:#232C69;
	text-transform:uppercase;	
	font-weight:bold;
	font-size:13px;
}

#home_noticia_principal a {
	text-decoration:none;
	color:#232C69;
}

#home_noticia_principal a:hover {
	text-decoration:underline;
}

#home_noticia_principal #imagen {
	width:50%;
	height:200px;
	float:right;
}

#home_multimedia {
	margin-top:20px;
	clear:both;
}

#home_multimedia .item {
	padding-top:5px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	width:32%;
	margin-right:20px;
	float:left;
	position:relative;
}

#home_multimedia .item a {
	display:block;
	padding:5px 0 8px 0;
	color:#FFF;
	text-decoration:none;
}

#home_multimedia .item p {
	margin:0;
}

#home_multimedia .item.last {
	margin-right:0;
	padding-top:0;
	width:32%;	
}

#home_multimedia .item.last iframe {
	border:0;
	padding:0;
	margin:0;
}

#home_multimedia #imagenes {
	background:#E2438A;	
}

#home_multimedia #videos {
	background:#E1802B;	
}

.galeria_fotos, .galeria_videos, .listado_noticias {
	text-align:left;
}

.galeria_fotos .titulo, .galeria_videos .titulo, .listado_noticias .titulo {
	background:#E2438A;
	color:#FFF;
	display:inline-block;
	padding:5px 15px 5px 15px;
	font-weight:bold;
	margin-bottom:15px;
}

.galeria_videos .titulo, .listado_noticias .titulo {
	background:#E1802A;
}

.galeria_fotos .item, .galeria_videos .item {		
	float:left;
	width:300px;
	height:200px;
	margin-right:15px;
	margin-bottom:10px;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	background:#222E69;
	position:relative;
}

.galeria_videos .item {	
	width:320px;
	height:180px;
}

.galeria_fotos .item img, .galeria_videos .item img, .listado_noticias .item_principal img {
	position:absolute;
	left: 0;
    top: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.galeria_videos .item .youtube {
	width:65px;
	height:46px;
	background:url('../images/youtube.png') no-repeat;
	position: absolute;
	left:40%;
	top:25%;
}

.galeria_fotos .item .texto a, .galeria_videos .item .texto a {
	z-index: 1;
    position: absolute;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    top: 150px;
	background:rgba(226,67,138,0.9);
	height:50px;
	width:100%;
	padding:5px;
	text-decoration:none;
}

.galeria_videos .item .texto a {
	background:rgba(225,128,42,0.9);
	top:130px;
}

.galeria_fotos #foto_grande {
	width: 100%;
    height: 750px;
    object-fit: cover;
    overflow: hidden;
}

.galeria_fotos .thumbnails {
	background:#E2438A;
	padding:10px 5px 0 10px;
	display:inline-block;
	width:auto;
}

.galeria_fotos .thumbnails .item {
	width: 150px;
    height: 100px;
    object-fit: cover;
	float:none;
	display:inline-block;
	margin-right:5px;
}

.listado_noticias .item_principal {
	clear:both;
	width:100%;
	height:350px;
	position:relative;
}

.listado_noticias .item_principal .texto {
	z-index: 1;
    position: absolute;
    font-size: 14px;
    font-weight: normal;
    right: 0;
    top: 150px;
	background:rgba(220,220,220,0.9);
	height:200px;
	width:70%;
	padding:5px 5px 5px 30px;
	text-decoration:none;
	color:#000;
}

.listado_noticias .item_principal .texto div, .listado_noticias .item .texto div {
	margin-bottom:10px;
}

.listado_noticias .item_principal .texto a, .listado_noticias .item .texto a {
	color:#222E69;
	text-decoration:none;
	font-weight:bold;
}

.listado_noticias .item_principal h2 {
	margin:10px 0 10px 0;
	color:#222E69;
	font-size:25px;
}

.listado_noticias .item {
	clear:both;
	background:#DEDEDD;
	margin-bottom:10px;
}

.listado_noticias .item .foto {
	float:left;
	width:250px;
	height:180px;
	position:relative;
	margin:0 10px 0 0;
}

.listado_noticias .item .foto img {
	position:absolute;
	left: 0;
    top: 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.listado_noticias .item .texto h2 {
	padding:10px 0 10px 0;
	margin:0;
	color:#222E69;
}

.listado_noticias .item .texto {
	font-size: 14px;
    font-weight: normal;
}

.contacto {
	padding:10px;
	background:url('../images/contacto_logo.png') no-repeat #FFFFFF 20px 15px;
	width:100%;
	height:200px;
	margin-top:60px;
	margin-left:30px;
}

.contacto .texto {
	border-left:1px solid #222E69;
	width:70%;
	float:right;
	text-align:left;
	padding:10px;
	font-size:13px;
}

.contacto .facebook {
	float:left;
	width:150px;
	height:30px;
	background:url('../images/facebook.png') no-repeat ;
	padding-top:5px;
	padding-left:30px;
	color:#000;
	text-decoration:none;
	font-size:12px;
	margin:10px 0 10px 0;
}

#bottom {
	text-align:left;
}

#bottom #ubicacion {
	height:130px;
	background:#D5D4D4;
	margin-top:20px;
	padding-top:10px;	
}

#bottom #ubicacion #seccion_1 {
	float:left;
	height:100%;
	width:60%;
	border-right:1px solid #999;
	padding-right:10px;
}

#bottom #ubicacion #seccion_1 #mapa {
	float:left;
	margin-right:10px;
}

#bottom #ubicacion #seccion_1 #horarios {
	text-align:left;
	float:left;
}

#bottom #ubicacion #seccion_1 #horarios p {	
	margin:0;	
}

#bottom #ubicacion #seccion_1 #horarios .titulo {	
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
	color:#222D69;
}

#bottom #ubicacion #seccion_1 #horarios .datos {	
	font-size:12px;
	margin-bottom:25px;
}

#bottom #ubicacion #seccion_1 #horarios a {
	display:block;
	padding:5px 0 5px 30px;
	background:url('../images/buzon.png') no-repeat #222D69 2px;
	width:220px;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}


#bottom #ubicacion #seccion_2 {
	display:inline-block;
	height:100%;
	width:38%;
	padding-left:30px;
	margin-top:20px;
}

#bottom #ubicacion #seccion_2 p {
	margin:0 0 8px 0;
	color:#E1802B;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#bottom #ubicacion #seccion_2 input[type=text] {
	width:100%;
	clear:both;
	border:0;
	padding:3px;
	margin-bottom:5px;
}

#bottom #ubicacion #seccion_2 input[type=submit] {
	float:right;
	background:#E18029;
	border:0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
	color:#FFF;
}

#bottom #contacto {
	height:200px;
	background:#222D69;	
}

#bottom #contacto #logos {
	clear:both;
	padding-top:20px;
}

#bottom #contacto #logos a {
	width:240px;
	height:70px;
	border-right:1px solid #FFF;
	display:inline-block;	
}

#bottom #contacto #logos a.iapos {
	background:url('../images/bottom_iapos.png') no-repeat center center;	
}

#bottom #contacto #logos a.circulo {
	background:url('../images/bottom_circulo.png') no-repeat center center;	
}

#bottom #contacto #logos a.rafaela {
	background:url('../images/bottom_rafaela.png') no-repeat center center;	
}

#bottom #contacto #logos a.seom {
	background:url('../images/bottom_seom.png') no-repeat center center;	
	border-right:0;
}

#bottom #contacto #caepam {
	clear:both;
	padding-top:10px;
	font-size:12px;
}

#bottom #contacto #caepam #seccion_1 {
	background:url('../images/logo_bottom.png') no-repeat left center;
	height:80px;
	padding-top:10px;
	padding-left:100px;
	color:#FFF;
	float:left;
}

#bottom #contacto #caepam #seccion_1 a {
	color:#FFF;
	text-decoration:none;
}

#bottom #contacto #caepam #seccion_1 a:hover {
	text-decoration:underline;
}

#bottom #contacto #caepam #seccion_2 {
	float:right;
	width:150px;
	height:30px;
	background:url('../images/facebook.png') no-repeat ;
	padding-top:5px;
	padding-left:30px;
	color:#FFF;
	margin-top:30px;
	text-decoration:none;
}

/* COMMON */

.izquierda {
	text-align:left;
}

.centrado {
	text-align:center;	
}

.derecha {
	text-align:right;
}

.form_contacto label {
	width:70px;
	display:inline-block;
}

.form_contacto.separador {
	border-top:1px dotted #999;
	padding-top:10px;	
}

.form_boton {
	background: #222D69;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    color: #FFF;
}

#biblioteca #buscador {
	font-size:14px;
	border-bottom:1px solid #CCC;
	padding:10px 0 10px 0;
}

#biblioteca #buscador input { 
	padding:4px;
	font-size:14px;
	width:250px;
}

#biblioteca #buscador input[type=submit] { 
	margin-top:5px;
	background-color:#666;
	color:#FFF;
	border:0;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	width:auto;
}

#biblioteca .item {
	padding:5px 0 10px 0;
}

#biblioteca .item .link {
	font-size:13px;
	display:block;
	margin-top:5px;
	color:#000;
}

#biblioteca .ficha {
	line-height:25px;
}

#tabla_convocatorias th, td {
	background-color:#222D6A;
	color:#FFF;
	padding:5px 10px 5px 10px;
}

#tabla_convocatorias td .link {
	color:#FFF !important;
	text-decoration:none !important;
	font-weight:bold;
}

#tabla_convocatorias td .link:hover {
	text-decoration:underline !important;
	color:#FFF;
}

/* FIX FIREFOX */

@-moz-document url-prefix() {
	#menu {	
	    height: 32px;
	}
}
