/* Preload images */
body{font-family:arial;}
body:after {
  content: url(imagesEstilos/close.png) url(imagesEstilos/loading.gif) url(imagesEstilos/prev.png) url(imagesEstilos/next.png);
  display: none;

}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(imagesEstilos/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(imagesEstilos/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(imagesEstilos/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(imagesEstilos/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.image{height: 150px;}
.h3{display:inline;}
.div_cabecera{color:#084FA3;margin:20px;text-align: center;}
.div_boton{display:inline;}

.span_nombre
{font-size: 12px; color:#084FA3;    display: block;margin-bottom: 10px;}

.div_img
{
     width: 200px;
    text-align: center;
    margin: 6px;
    padding: 10px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border: 1px solid #97b8e0;

}
.div_contenedor
{ display: flex;
  text-align: center;
    flex-wrap: wrap;}
.fecha
{display:block;
font-size: 9px;color:#084FA3;}

.marca
{display:block;
font-size: 8px;color:#084FA3;}

.boton_descarga
{
    background: #004FA2;
    color:#ffffff;
    padding:15px;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border: 0px solid #97b8e0;
    cursor:pointer;
    margin:10px;
}
.boton_descarga:hover
{
    background: #0D3B73;
     cursor:pointer;
  
}

.boton_descarga_todas
{  background: #ff0000;
    color:#ffffff;
    padding:15px;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border: 0px solid #ff0000;
    cursor:pointer;
     margin:10px;
  }

.boton_descarga_todas:hover
{background:#6D0000;}

@charset "utf-8";

/* ~~ Selectores de elemento/etiqueta ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1 {
	margin-top: 0;	 /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
	text-align:center;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:0.3px;	 
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}

a:link {
	color:#134395;
	text-decoration: underline; 
}
a:visited {
	color: #134395;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~ este contenedor rodea a todas las demás divs, lo que les asigna su anchura basada en porcentaje ~~ */
.container {
	width: 90%;
	max-width: 960px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 760px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
	background: #FFF;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si esace la anchura de .container en el 100%. */
	font-weight: bold;
}
.tab_azul_cielo{
	background: #e5edf6;
	border:  1px solid #134395;
	
}
.tab_azul_cielo p{
	line-height:3px;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
	
.columna_completa{
	width: 90%;
	background: #e5edf6;
	border:  1px solid #134395;
	
}
.columna_izq{
	width: 55%;
	float:left;
	background: #e5edf6;
	border:  1px solid #134395;
	
}
.columna_dcha{
	margin-left:40px;
	width: 40%;
	float:left;
	border:  1px solid #134395;

	
}

.header {
	background: #004fa2;
	line-height: 0.5px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.header img {
	width:100%;
}
.info_home{
	width: 90%;
	margin: 0 auto;
	max-width: 960px;
	min-width: 760px;
	background: #e5edf6;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #134395;
	vertical-align: middle;
	text-decoration:none;
	text-align: justify;
}
.footer{
	width: 90%;
	margin: 0 auto;
	max-width: 960px;
	min-width: 760px;
	background: #004fa2;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	text-decoration:none;
	text-align: center;
}


.footer a{
	color: #FFF;
	text-decoration:none;
	text-align: center;
}

.footer_salir{
	width: 90%;
	margin: 0 auto;
	max-width: 960px;
	min-width: 760px;
	background: #004fa2;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	text-decoration:none;
}
	
	.footer_salir_a{
	color: #FFF;
text-decoration:none;}

	
.azul {
	font-family: Arial, Helvetica, sans-serif;
	color: #134395;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.azul_normal {
	font-family: Arial, Helvetica, sans-serif;
	color: #134395;
	font-size: 12px;
	font-weight:normal;
	text-align: left;
}
.error_rojo{
	color: #A62639;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.salir {
	color: #A62639;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: blink; 
	margin-top: 5px; 
	}
	.salir a{
	color: #A62639;
	
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	color: #134395;
	text-align: justify;
	vertical-align: top;
	margin-right: 5px;
	margin-left: 5px;
    float:left;
	display:inline-block;
}


.container .columna_dcha form table {
	font-size: 12px;
}
#f_fotos section .div_cabecera table {
	text-align: center;
}
.div_cabecera .tab_azul_cielo .azul td p {
	text-align: center;
}
.listados_cabecera{
	background: #134395;
	border:  1px solid #e5edf6;
	font-size:13px;
	color:#FFF;
	text-align:center;
	}
.listados_contenido {
	margin-left:3px;
	font-size:11px;
	color: #134395;
	text-align:left;
	font-weight:normal;
	
}
.lista_descarga_usuario{
	width: 100%;
	background: #FFF;
	border:  1px solid #134395;
	
}
	
.container .div_cabecera .listados_contenido .listados_contenido td {
	font-weight: normal;
}
.container .div_cabecera table .azul_normal td {
	text-align: center;
}
.footer table tr td {
	text-align: right;
}