/* @font-face{ font-family: NombreFont; src: url(fonts/NombreFont-Bold.otf); } */
:root {
	--color-blue-hard: #003d92;
	--color-dark-gray: #5b5b5d;
	--color-blue: #1d71b9;
    --color-gray-light: #a0a0a0;
}
/*=============================================================================
GENERAL
=============================================================================*/
body { position: relative; font-family: 'Montserrat'; color: #404041; }
html {}
/**::-moz-selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
*::selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }*/
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.text-black { color: #000; }
.text-gray-light { color: var(--color-gray-light); }
.bg-cover-index {
	background-image: url("http://placehold.it/1920x1080");
}
.btn-search-photo:focus,
.btn-search-photo:hover,
.btn-search-photo:active {
    color: #FFF !important;
}
/*=============================================================================
THANKS PAGE
=============================================================================*/
.custom-page { height: 60vh; }
.thanks-page { height: 60vh; }
.thanks-page img { width: 400px; max-width: 100%; }
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.navbar-brand { padding: 1px 3px 3px 3px; }
/* colores items menu */
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link {
	color: #FFF;
	border-bottom: 2px solid transparent;
	transition: unset;
}
/*.navbar-dark .navbar-nav .active .nav-link,*/
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #FFF;
	background-color: #375443;
	border-color: transparent;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item > a {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* separación items menu */
.navbar-brand img { width: 150px; }
/*=============================================================================
HOME
=============================================================================*/
.text-convocatoria { font-size: 14px; text-align: justify; }
.text-convocatoria .main-title, .link-green { color: #215c64; }
.text-convocatoria .main-title { font-weight: bold; }
.text-convocatoria .title { color: #b88f8a; font-weight: bold; }
textarea.form-control {
	min-height: 39px;
	height: 117px;
	max-height: 234px;
}
.card-form-container p { margin: 0 !important; }
.container-input-file { padding: 7px 15px; }
.btn-remove-image { padding: 7px 15px; }
.input-file-name {
	margin-left: 0 !important;
	cursor: not-allowed;
}
.custom-input-file {
	background: red none repeat scroll 0 0;
	cursor: inherit;
	display: block;
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
.separator-img {
	height: 0 !important;
  border-width: 2px 0 0;
  border-color: #ba2520;
  opacity: 1;
}
.modal-backdrop.fade { opacity: .5; }
.modal.fade { opacity: 1; }
.modal.show .modal-dialog {
  transform: none !important;
}
.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px);
}
.not-allowed { cursor: not-allowed !important; }
.lazyload {
  background-size: 50px !important;
  background-position: center center !important;
}
/*=============================================================================
FOOTER
=============================================================================*/
/*=============================================================================
GALERIA
=============================================================================*/
.main-banner {
	min-height: 270px !important;
	margin-bottom: 0px !important;
}
.main-banner>.container {
	height: 270px !important;
	padding-top: 42px !important;
}
#seccion-zonas{
    width: 100%;
    border-right: none;
    display: table;
    table-layout: fixed;
    cursor: pointer;
    margin-bottom: 5px;
}

#seccion-zonas #zonas{
    margin: 0;
    padding: 0;

}
#zonas li {
    width: 16.66666666%;
    list-style: none;
    text-align: left;
    border-top: 3px solid #ffffff;
    transition:.25s;
    text-align: center;
    display: table-cell;

}
#zonas div {
    position: relative;
}

#zonas div img {
    max-width: 100%;
    height: auto;
}

#zonas div p { 
   position: absolute; 
   top: 50%; 
   left: 0; 
   width: 100%;
   text-transform:uppercase; 
    color: #ffffff;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));

}

#zonas li .item-zonas span {
   
    position: absolute;
    width: 100%;
    top: 65%;
    left: 0;
    color: #ffffff;
}

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}
/*.tz-gallery .lightbox { overflow: hidden; }*/
.tz-gallery .lightbox .text-caption {
    width: 100%;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    bottom: -500px;
    transition: .2s;
}
.tz-gallery .lightbox .text-caption p { margin: 0; }
.tz-gallery .lightbox:hover .text-caption {
    bottom: 0;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 1;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}
.img-info-container { font-size: 13px; line-height: 20px; }
.img-info-container .small { font-size: 11px !important; }
.simulate-img {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.text-gray-light { color: var(--color-gray-light) }
#full-screen {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 5% !important;
    right: calc(5% + 6px) !important;
}
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {}

/* 1600 x 900*/
@media( max-width: 1600px ) {}

/* 1440 x 900 */
@media( max-width: 1440px ) {}

/* 1280 x 800 */
@media( max-width: 1280px ) {}

/* 990 x 1000 */
@media( max-width: 991px ) {
	body { padding-top: 60px; }
    #full-screen { right: 65px !important; }
}
@media( max-width: 990px ) {}

/* 767 x 414 */
@media( max-width: 768px ) {
    h1 { font-size: 40px; }
    h3 { font-size: 25px; }
    body { padding: 0; }
	.menu-btn { left: 200px !important; }
    .gallery-main-title { font-size: 40px; }
    .simulate-img { height: 270px; }
    #zonas li {
        display: block;
        width: 33.33333333%;
        float: left;
        border: 0;
    }
}
@media( max-width: 767px ) {
	body { padding-top: 66px; }
}

/* 576 x 320 */
@media( max-width: 576px ) {
    h1 { font-size: 35px; }
    h3 { font-size: 20px; }
    .gallery-main-title { font-size: 35px; }
    .simulate-img { height: 100px; }
    #zonas li {
        width: 50%;
    }
}

/* 375 x 320 */
@media( max-width: 375px ) {
    h1 { font-size: 30px; }
    h3 { font-size: 18px; }
    .gallery-main-title { font-size: 30px; }
}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/