/* --------------------------- /////////// I. GENERAL /////////// --------------------------- */
/* -Color- */
.colored {
    /*color: #733e28;*/
}
/* -Link Styling- */
a {
    /*color: #733e28;
    font-family: Raleway, sans-serif;*/
	text-decoration: none;
}
a:visited {
    /*color: #222;*/
    text-decoration: none;
}
a:hover {
    /*color: #733e28;*/
	text-decoration: underline;
}
a:active {
    /*color: #733e28;*/
    text-decoration: underline;
}
a:focus {
    /*color: #733e28;*/
    text-decoration: none;
}
/* -Resets- */
html, body { 
    background-color: #111;
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../images/bg.png);
    background-repeat: repeat;
    color: #222;
    font-size: 16px;
    line-height: 1.5rem; /* 24px */
    max-width: 100%;
	overflow-x: hidden;
}
/* -Full width fluid container- */
.full-width {
    padding-left: 0;
    padding-right: 0;
}
/* -Text Styling */
h1,h2,h3,h4,h5,h6 {
	font-family: Raleway, sans-serif;
}
h1 {
    font-size: 2.40rem; /* 36px */
    font-family: Great Vibes, sans-serif;
    letter-spacing: 5px;
} 
h2 {
    font-size: 1.50rem; /* 24px */
    font-weight: 500;
}
h3 {
    font-size: 1.25rem; /* 20px */
    font-weight: 400;
}
h4 {
    font-size: 1.10rem;
    font-weight: 300;
}
p {
    font-family: Open Sans, sans-serif;
    padding: 5px 5px 5px 0;
    margin: 0;
}
.strong {
    font-weight: bold;
}
.subtle {
	color: #999;
}
.spaced {
    letter-spacing: 5px;
}
.text-center {
	text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
ul {
    list-style-type: none;
    padding: 0;
}
/* -Margins and Floats- */
.floated-left {
     float: left;
}
.floated-right {
    float: right;
}
.inline {
	display: inline;
}
.offset {
	margin-left: 10px;
}
.tiny-margin {
    margin-bottom: 1.5em /* 24px */
}
.small-margin {
	margin-bottom: 0em; /* 48px */
}
.medium-margin {
	margin-bottom: 6em; /* 96px */
}
.large-margin {
	margin-bottom: 12em; /* 192px */
}
/* -<hr>- */
hr {
    width: 100%;
    /*height: 2px;*/
    background: #FFF;
/*    margin: 20px 0;*/
    /*border: none;*/
}
.hr-short {
    width: 100px;
    height: 2px;
    margin: 5px auto;
}
.short-hr-left::after {
    border-top: 2px solid;
    /*border-color: #733e28;*/
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 13px 0 0 0;
}
.short-hr-center::after {
    border-top: 2px solid;
    /*border-color: #733e28;*/
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 13px auto 0 auto;
}
/* General input fields */
input {
    height: 45px;
    padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
input:focus {
    border: 1px solid #333;
    outline: none;
}
textarea {
    height: 150px;
	width: 100%;
    max-width: 100%;
	padding-top: 10px;
	padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
textarea:focus {
    border: 1px solid #333;
    outline: none;
}
/* -General Button Styles */
#bEnviar, button {
    outline: none !important;
}
#bEnviar, .button {
    /*background: #733e28;*/
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-weight: 500;
    display: block;
    height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px 15px;
    outline: none;
    transition: all 0.2s ease;
    cursor: pointer;
}
#bEnviar:hover, .button:hover {
        background: #333;
        color: #FFF;
    }
/* --------------------------- /////////// II. PAGE PRELOADER /////////// --------------------------- */
/* -Loading Screen- */
#loader-wrapper {
    background: #FFF;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 1050;
}
.loader-logo {
    position: relative;
    color: #222;
    top: 43%;
    font-family: Anurati, sans-serif;
    letter-spacing: 5px;
}
#progress {
    width: 50%;
    height: 2px;
    /*background: #733e28;*/
    position: relative;
    top: 45%;
}
.loader-text {
    position: relative;
    color: #FFF;
    top: 48%;
}

/* -Loading Screen Animation- */
.loaded {
    -moz-transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate3d(0px, -100%, 0px);
    -webkit-transition: all 0.5s ease; 
    transition: all 0.5s ease;
}

/* --------------------------- /////////// III. HEADER & NAVIGATION /////////// --------------------------- */
#logo {
    font-family: Anurati, sans-serif;
    font-size: 1.75rem; /* 28px */
    letter-spacing: 5px;
}
.navbar-light {
    background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    z-index: 900;
    transition: 0.3s;
}
.scrolled {
    background-color: rgba(255,255,255,1); /* navbar background gradient */
    z-index: 900;
    border: 1px solid #f9f9f9;
}
.nav-link {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 5px;
    transition: 0.2s;
}
.navbar-light .navbar-nav .nav-link {
    /*color: #222;*/
}
.navbar-light .navbar-nav .nav-link:hover {
    /*color: #733e28;*/
}
.navbar-light .navbar-nav .nav-link:active {
    /*color: #733e28;*/
}
.navbar-light .navbar-nav .nav-link:focus {
    /*color: #733e28;*/
}
.navbar-toggler {
    border: none;
    cursor: pointer;
}
#hamburger .icon-bar {
    display: block;
    height: 2px;
    width: 25px;
    background: #222;
    margin: 7px 0;
    transition: .3s ease-in-out;
}
/* - Mobile menu animation - */
#hamburger .icon-bar:nth-child(1) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(2) {
   -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger.open .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger.open .icon-bar:nth-child(2) {
    width: 0%;
    opacity: 0;
}
#hamburger.open .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* --------------------------- /////////// X. FOOTER /////////// --------------------------- */
#footer {
    width: 100%;
    min-height: 70px;
    height: auto;
    background: rgba(25, 25, 88, 1);
    padding: 20px 0 0 0;
}
.social-links {
    float: right;
}
.social-links li {
    display: inline;
    margin-left: 15px;
}
.social-links li a {
    color: #222;
}
.social-links li a:hover {
    /*color: #733e28;*/
}
.social-links li a:focus {
    /*color: #733e28;*/
}
#copyright {
    float: left;
}
/* --------------------------- /////////// XI. 404 PAGE /////////// --------------------------- */
#container-404 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#container-404 .row-fluid {
     margin-top: 18%;
}
.text-404 h1 {
    font-family: Anurati, sans-serif;
    font-size: 4rem;
}
.text-404 a {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
}

.ImagenesJurado { text-align:center;}
    .ImagenesJurado img {
        display: inline-block;
        width: 33%;
        min-width: 320px;
        padding:1em;
    }
/* --------------------------- /////////// XII. RESPONSIVE STYLES /////////// --------------------------- */
@media (max-width : 991px) {
    #main-nav {
        background-color: rgba(25, 25, 88, 0.8) !important;
        border-radius: 1rem;
    }
    .nav-item > a::first-letter {
        /*color: #733e28;*/
    }
    .navbar-light{
        background-color: rgba(255,255,255,0.7); /* navbar background gradient */
    }
    .scrolled {
        background-color: rgba(255,255,255,1); /* navbar background gradient */
    }
    #footer {
        text-align: center;
        padding: 10px 0 0 0;
    }
    .social-links {
        float: none;
    }
    #copyright {
        float: none;
        margin-bottom: 5px;
    }
    #container-404 .row-fluid {
        margin-top: 40%;
    }
}
@media (max-width : 767px) {
    .large-margin {
	   margin-bottom: 4em; /* 96px */
    }
    .medium-margin {
        margin-bottom: 3em;
    }
    .small-margin {
        margin-bottom: 2em;
    }
    .text-404 h1 {
        font-size: 3.5rem;
    }
}
@media (max-width : 480px) {

}