/* Fuentes */
@font-face {
	font-family: Poppins;
	src:
		url(./fonts/Poppins-SemiBold.eot?#iefix) 	format("embedded-opentype"),
		url(./fonts/Poppins-SemiBold.woff2) 		format("woff2"),
		url(./fonts/Poppins-SemiBold.woff) 			format("woff"),
		url(./fonts/Poppins-SemiBold.ttf) 			format("truetype"),
		url(./fonts/Poppins-SemiBold.svg#svgFontName) format("svg");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: Poppins;
	src:
		url(./fonts/Poppins-Regular.eot?#iefix) format("embedded-opentype"),
		url(./fonts/Poppins-Regular.woff2) 		format("woff2"),
		url(./fonts/Poppins-Regular.woff) 		format("woff"),
		url(./fonts/Poppins-Regular.ttf) 		format("truetype"),
		url(./fonts/Poppins-Regular.svg#svgFontName) format("svg");
	font-weight: 400;
	font-style: normal;
}

/* Body */
body {
	background-color: #F6F9FC;
	color: #212529;
	font-family: Poppins;
}

/* Fuentes */
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	font-family: Poppins;
}

/* Logo */
.uk-logo img {
	width: 100%;
	max-width: 150px;
 	height: auto;
}

.logo {
	width: 180px;
	margin-bottom: 2rem;
	max-width: none;
}

/* Colores */ 
.color-light {
	color: white !important;
}

.color-dark {
	color: #005BB2 !important;
}

/* Contenedor */
.uk-container {
	max-width: 1250px;
}

.section-container  {
	max-width: 1150px;
}

/* Secciones */
.section {
	padding: 6rem 0;
}

.section-light {
	background-color: #F6F9FC;
	color: #212529;
}

.section-dark {
	background-color: #005BB2;
	/*background: linear-gradient(90deg, rgba(0,108,178,1) 0%, rgba(0,91,178,1) 51%, rgba(0,69,178,1) 100%);*/
	color: white;
}

.section-light a, 
.section-light p, 
.section-light h6, 
.section-light h5, 
.section-light h4, 
.section-light h3, 
.section-light h2, 
.section-light h1 {
	color: #212529;
}

.section-dark a, 
.section-dark p, 
.section-dark h6, 
.section-dark h5, 
.section-dark h4, 
.section-dark h3, 
.section-dark h2, 
.section-dark h1 {
	color: white;
}

/* Parrafos */
p, li {
    font-size: 1.2rem;
}

/* Titulos */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 {
	margin-bottom: 0.9rem;
}

h5 {
	margin-bottom: 1.5rem;
	font-weight: 600;
}

h4 {
	margin-bottom: 3rem;
}

.uk-h4, h4 {
    font-size: 1rem !important;
    line-height: 1.8;
}

.contacto img {
	width: 75px;
    margin-bottom: 1rem;
}

/* Nav Bar */
.uk-navbar-nav > li > a 				{ color: white; border-bottom: 2px solid transparent; transition: all 0.5s;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav .activo { color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230);}

.obras li, .donde_estamos li {
	padding-bottom: 0.5rem;
    font-weight: normal;
}

.obras li:last-of-type, .donde_estamos li:last-of-type {
    padding-bottom: 0;
} 

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { 
	min-height: 50px;
	padding: 0 12px;
}

.uk-navbar-dropdown-nav > li > a		{ color: black; transition: 0.4s; }

/* Botones */
.uk-button-primary {
	background-color: white;
	color: black;
	padding: 0px 17px;
	border-radius: 29px;
	transition: background-color 0.5s;
}

.uk-button-primary:hover {
	background-color: #333;
	color: white;
}

.contenedorPortalAcceso {
	width: 120px;
}



.portalAcceso {
	background: white;
    color: black !important;
    padding: 10px 20px;
    /* font-weight: 800; */
    font-weight: 700;
	border-radius: 50px;
}

/* Header y Search */

header {
	position: sticky;
    top: 0;
    z-index: 100;
}

.uk-search-input {
	color: #282828;
	background: white !important;
	border-radius: 7px;
}

.uk-search-default .uk-search-input {
	height: 45px;
}

.uk-search-default {
	width: 255px;
	height: 100%;
}

.uk-search .uk-search-icon {
	left: 11px;
}

/* Utilidades */
.no-border {
	border-color: transparent !important;
}

/* Cards */
.uk-card {
	border-radius: 7px;
}

.section-dark .uk-card-body h6,
.section-dark .uk-card-body h5,
.section-dark .uk-card-body h4,
.section-dark .uk-card-body h3,
.section-dark .uk-card-body h2,
.section-dark .uk-card-body h1,
.section-dark .uk-card-body p,
.section-dark .uk-card-body a {
	color: black;
}

.uk-card.uk-card-default.uk-grid-collapse,
.card-hover .uk-card {
	transition: all 0.4s;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.uk-card.uk-card-default.uk-grid-collapse:hover,
.card-hover .uk-card:hover {
    background: #005BB2;
    /*transform: scale(102%);*/
	box-shadow: 0 14px 25px rgba(0,0,0,0.16);
}

.uk-card.uk-card-default.uk-grid-collapse:hover p,
.uk-card.uk-card-default.uk-grid-collapse:hover h4,
.uk-card.uk-card-default.uk-grid-collapse:hover h1,
.card-hover .uk-card:hover h1,
.card-hover .uk-card:hover h2,
.card-hover .uk-card:hover h3,
.card-hover .uk-card:hover h4,
.card-hover .uk-card:hover h5,
.card-hover .uk-card:hover h6,
.card-hover .uk-card:hover p,
.card-hover .uk-card:hover a {
	color: white;
}

/* Card Background */
.card-background {
	color: white !important;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.card-mision {
	background-image: url('../img/mision.jpg');
}
.card-vision {
	background-image: url('../img/vision.jpg');
}
.card-valores {
	background-image: url('../img/valores.jpg');
}

.card-background .uk-card-title, .card-background.uk-card-body p, .card-background.uk-card-body h4, .card-background.uk-card-body h3, .card-background.uk-card-body h2, .card-background.uk-card-body h1 {
	color: white;
}

/* SideNav */
.uk-light .uk-slidenav {
	color: white
}
.uk-light .uk-slidenav:hover {
	color: white;
}

/* Header Mobile */
.header-mobile .uk-navbar-nav > li > a {
	min-height: 115px;
}

.uk-offcanvas-bar {
	background-color: #005BB2;
}

/* Bread Cumb */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {

	margin:	0 10px 0 calc(10px - 2px);
}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {
    color: white !important;
    outline: 0;
}

/* Img Icono */
.img-icono {
	border-radius: 100%;
	height: 85px;
	width: 85px;
	margin-bottom: 1rem;
}

.bandera-pais {
	width: 40px; 
	margin-right: 0.75rem;
	margin-top: 0.75rem;
}

.bandera {
	width: 25px;
}

header ul li, .uk-list li {
	font-size: 1rem;
}

header ul li {
	font-weight: 600;
}

.uk-nav-primary > li > a {
    font-size: 1.3rem;
}

.uk-search-mobile {
	background: transparent !important;
	height: 115px !important;
	color: white;
}

input.uk-search-mobile::placeholder { color: white }

.uk-navbar-nav > li > a { 
	text-transform: none;
	font-size: 0.8rem;
}

.menu-lateral, .menu-lateral ul { margin: 0; padding: 0; }
.menu-lateral li { list-style: none; text-transform: uppercase; margin: 0}
.menu-lateral li a { font-size: .85rem; text-decoration: none;}
.menu-lateral li a:hover { border-bottom: 2px solid #005BB2; }
.menu-lateral ul { margin-left: 1rem; }

.uk-card li {
	font-size: 1rem;
    margin-bottom: 0.2rem;
}

.slide_inicial h3, .slide_inicial p {
	text-align: center;
	color: white;
	text-shadow: 0 0 16px black;
}

.slide_inicial h3 {
	font-size: 2.5rem;
}

.slide_inicial p {
	font-size: 1.5rem;
}

.trabajenosotros {
	color: white !important;
    background: #005bb2;
}

.container_trabajenosotros:hover .trabajenosotros {
	color: #005bb2!important;
    background: white!important;
}


@media (max-width: 600px) {

	/* Html */
	html { font-size: 0.8rem; }

	.menu-lateral { text-align: center; }
	.menu-lateral li a { font-size: 1.2rem; }

	.logos img, .logos a {
		display: block !important;
		margin: 0 auto 10px;
	}
}

@media (min-width: 601px) and (max-width: 768px) { 

	/* Html */
	html { font-size: 0.9rem; }

	.logo {
		width: 70px;
		margin-bottom: 1rem;
		max-width: none;
	}

	h1 { font-size: 1.8rem; }
	p { font-size: 1.2rem;  }
}

@media (min-width: 769px) and (max-width: 992px) { 

	.logo {
		width: 83px;
		margin-bottom: 1rem;
		max-width: none;
	}

	h1 { font-size: 1.5rem; }
	p { font-size: 1rem;  }
	h2 { font-size: 1.2rem !important; }
}

@media (min-width: 993px) and (max-width: 1200px) {

	.logo {
		width: 100px;
		margin-bottom: 1rem;
		max-width: none;
	}
	h1 { font-size: 1.5rem; }
	
	p { font-size: 1rem;  }
	h2 { font-size: 1.3rem !important; }

}

@media (min-width: 1201px) {
	.uk-h1, h1 {
		font-size: 1.8rem !important;
	}
	h2 {
		font-size: 1.3rem !important;
	}
	p { font-size: 1rem;  }
	h2.tituloObras { font-size: 1.2rem !important; }
}


.contenedorPortalAcceso:hover {
	color: black!important;
}

.portalAcceso:hover {
	color: black!important;
}

.uk-navbar-nav > li:hover > a.portalAcceso,
.uk-navbar-nav > li > a.portalAcceso:focus {
	color: black !important;
}

.titulocard {
	font-size: 1rem !important;
}

.copetecard h3 {
	font-size: 0.8rem !important;
}

.sorteo:hover {
	background-color: yellow;
}