:root {
	--main-orange: #ea5b0c;
	--main-blue: #051a53;
	--light-blue: #051a5338;
	--light-blue: #051a532b;
	
	/* CSS HEX */
	--black-olive: #434339ff;
	--satin-sheen-gold: #C9A954ff;
	--dutch-white: #EDE0BEff;
	--desert-sand: #E3B196ff;
	--ebony: #5D5D4Eff;
	
	/* CSS HSL */
	--black-olive: hsla(60, 8%, 24%, 1);
	--satin-sheen-gold: hsla(44, 52%, 56%, 1);
	--dutch-white: hsla(43, 57%, 84%, .3);
	--desert-sand: hsla(21, 58%, 74%, 1);
	--ebony: hsla(60, 9%, 34%, 1);
			
	/* CSS HEX */
	--ash-gray: #94A69Dff;
	--outer-space: #424C49ff;
	--slate-gray: #6F898Aff;
	--black-olive: #434339ff;
	--caribbean-current: #47696Cff;
	
	/* CSS HSL */
	--ash-gray: hsla(150, 9%, 62%, 1);
	--outer-space: hsla(162, 7%, 28%, 1);
	--slate-gray: hsla(182, 11%, 49%, 1);
	--black-olive: hsla(60, 8%, 24%, 1);
	--caribbean-current: hsla(185, 21%, 35%, 1);

}

body {
	
}

#solicitar-documentos a {
	text-decoration: underline;
	color:#33f;
}
.btn-check:hover+.btn, :not(.btn-check)+.btn {
	color: #fff !important;
	background-color: #444 !important;
	border-color: #444 !important;
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active {
	color: #fff !important;
	background-color: #0a58ca !important;
	border-color: #0a58ca !important;
}


table th, table td {
	padding-top: 2rem!important;
	padding-bottom: 1rem!important;i
ans-serif;
	fif;
	font-familil
}

body {
	/*font-family: 'Outfit', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-family: URWGeometric,sans-serif;*/
}
main.home {
	margin-top:-240px;
}
.card h3 {
	color:#051a53;
	font-weight: 400 !important;
}
header .masterhead {
	height: 60vh !important;
	overflow: hidden;
	background: #C04848;	/* fallback for old browsers */
	background: linear-gradient(rgb(0,0,10,0.4), rgb(0,10,0,0.2)), url("https://nomade.is/bucket/cbr/32992354801_b2277289e3_o.jpg");	/* Chrome 10-25, Safari 5.1-6 */
	/*background: linear-gradient(rgb(0,0,50,0.5), rgb(0,0,50,0.1)), url("/3.jpg"); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.tramites header .masterhead {
	height: 30vh !important;
}

body.confirmar header .masterhead {
	height: 30vh !important;
	display: none;
}
.nav-link {
	color: #051a53 !important;
}
p {
	color:#100 !important;
}
#secondary-nav .nav-link {
	color: #fff !important;
	border: none !important;
}
	footer {
		background: #e6f5d9;
		background: #d9eaf5;
		background: var(--light-blue);
	}
	footer span {
		color: var(--outer-space);
		color: var(--slate-gray);
	}
	footer a {
		color: #faf5eb;
	}
	footer a:hover {
		
	}
	.more-info {
		border-bottom: 3px solid var(--desert-sand);
	}
	/*.nav li {
	  padding:0 10px;
	}*/
	#secondary-nav .nav-link {
		font-size: .8rem;
	}
	.nav-link {
		border-bottom: 5px solid transparent !important;
		font-weight:300 !important;
	}
	
	a:hover.nav-link, a.active.nav-link {
		/*border-top: 3px solid var(--main-orange) !important;*/
		border-bottom: 5px solid var(--main-orange) !important;
		color: color(srgb 0.216 0.257 0.337) !important;
	}
	.border-bottom {
		border-bottom: 1px solid var(--ash-gray) !important;
		border-bottom: 1px solid hsl(150deg 9% 62% / 31%) !important;
	}
	h1 {
		font-family: 'Crimson Text', serif;
	}
	h2 {
		text-transform:uppercase;
		font-size:1rem;
	}
	.fs-4, .fs-5 {
		font-weight:normal;
	}
	.lead {
		font-size:1.25rem;
	}
	p {
		color:#000;
	}
		button, a.btn {
		  border-radius:100px !important;
		  font-weight: 400 !important;
		}
	
		.btn-primary {
			--bs-btn-bg: var(--main-orange) !important;
			--bs-btn-border-color: var(--main-orange) !important;  
		}
		
		.btn-outline-primary- {
			  --bs-btn-bg: transparent !important;
			  --bs-btn-border-color: var(--main-orange) !important;
			  color:var(--main-orange) !important;
			}
.accordion-button:focus, .accordion-button:not(.collapsed) {
	background: transparent;
	border-radius: 0 !important;
}

		main a {
		  text-decoration:none;
		  color:#000;
		}
		
		
		
		
		
		/*Estilo para Grid*/
/*####################################################################################*/

.GridItem
{
    background-color: #FFFFFF;
    text-align: left;
    font-size: 14px;
    border-style: solid;
    border-width: 1;
    border-bottom-width:0.5px;
    border-bottom-color:inherit;
}

.GridItem:hover
{
    background-color: #E6E6E6;
    text-align: left;
    font-size: 14px;
}

.GridAtlItem
{
    background-color: #E6E6E6;
    text-align: left;
    font-size: 16px;
}

.GridAtlItem:hover
{
    background-color: #2972a3;
    color: White;
    cursor: pointer;
    text-align: center;
}

.GridHeader
{
    height: 30px;
    background-color: #fff;
    padding: .5rem .5rem;
    color: #000;
    text-align: left;
    font-size: 14px;
    border-bottom-width:2px;
}

.GridPager
{
    background-color: #fafaf4;
    
}

/*Bordes redondeados para la paginacion*/

.GridPager
{
    border-radius: 0px 0px 5px 5px;
}

/*Centramos la tabla que contiene los enlaces para las paginas*/
.GridPager
{
    margin: 0px auto;
}

/*El span representa el enlace a la pagina en la que estamos actualmente*/
.GridPager span
{
   display: block;
margin: 0;
padding: 4px;
width: 30px;
height: 30px;
border-radius: 50% 50%;
background: #254e9b;
color: #fff;
text-align: center;
}

/*Estilo para los enlaces redondos*/


.GridPager a:hover
{
    display: block;
    margin: 0;
    padding: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50% 50%;
    background: #B1C689;
    color: #3743a1;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    text-align: center;
}




.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a:hover:not(.active) {background-color: #ddd;}










/*####################################################################################*/