@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');
/** font-family: 'Libre Baskerville', serif; **/

/** Se importan las fuentes a utilizar **/
/** Heebo para los encabezados **/
@import url('https://fonts.googleapis.com/css?family=Heebo:700');
.heebo-fuente {
    font-family: 'Heebo', sans-serif;
}

.modal { width: 90% !important ; }  /* increase the height and width as you desire */

/**  **/
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    position: relative;
    overflow: hidden;
}

/*header {
    min-height: 500px;
}*/

footer {
    padding-top: 3em !important;
}

footer #logo-feria-blanco{
    margin-top: -1em;
}

.collection a.collection-item {
    color: #04274D;
}

.chip{
    height: auto;
    min-height: 20px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/** Clases visibilidad **/
.hidden {
    display: none;
}
.show {
    display: block;
}

/** Modificar el ancho del container **/
.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}

.btn-flat {
    height: auto;
    min-height: 20px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sombra-personalizada{
    box-shadow: 20px 25px -15px rgba(0, 0, 0, .3) !important;
}

@media only screen and (min-width: 601px) {
    .container {
        width: 85%;
    }

    #imagen-pie-pequeño{
        display: none;
    }

    #imagen-pie-grande{
        display: block;
    }
}

@media only screen and (min-width: 993px) {
    .container {
        width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px){
    #imagen-pie-grande {
        right: -15% !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px){
    #imagen-pie-grande {
        right: -30% !important;
    }

    #ave-3{
        display: none
    }
}

@media only screen and (max-width: 600px){
    #ave-3{
        display: none
    }
}

/** Color **/

/** Fondo azul UADY **/
.uady-azul-fondo {
    background-color: #49158A;
}

.uady-rosado-fondo {
    background-color: #FD3F8B;
}

/** Fondo dorado UADY **/
.uady-dorado-fondo {
    background-color: #FFC94E;
}

.uady-verde-fondo {
    background-color: #3CB6A0;
}

/** Fuente azul UADY **/
.uady-rosado-fuente {
    color: #FD3F8B !important;
}

/** Fondo dorado UADY **/
.uady-verde-fuente {
    color: #3CB6A0 !important;
}

/** Fuente azul UADY **/
.uady-azul-fuente {
    color: #49158A !important;
}

/** Fondo dorado UADY **/
.uady-dorado-fuente {
    color: #FFC94E !important;
}

.transparente-fondo{
    background-color: transparent;
}

/** Fondo de copyright de pie de página modificado **/
.page-footer .footer-copyright {
    background-color: transparent;
}

/** Tamaños fuente **/
.fuente-1em {
    font-size: 1em;
}

.fuente-1_5em {
    font-size: 1.5em;
}

.fuente-2em {
    font-size: 2em;
}

.fuente-bold{
    font-weight: bold;
}

/** Estilos fuente Baskerville **/
.basker {
    font-family: 'Libre Baskerville', serif;
}

.basker-bold {
    font-weight: 700 !important;
}

/** Márgenes **/
.no-margin-bottom {
    margin-bottom: 0px !important;
}

.no-margin-top {
    margin-top: 0px;
}

.no-margin-left {
    margin-left: 0px !important;
}

.margin-top-1em {
    margin-top: 1em !important;
}

.margin-top-2em {
    margin-top: 2em !important;
}

.margin-top--4em {
    margin-top: -4em;
}

.margin-bottom-1em {
    margin-bottom: 1em;
}

.margin-bottom-2em {
    margin-bottom: 2em !important;
}

.margin-bottom-3em {
    margin-bottom: 3em;
}

.margin-bottom-4em {
    margin-bottom: 4em;
}

.margin-bottom-5em {
    margin-bottom: 5em;
}

.margin-bottom-6em {
    margin-bottom: 6em;
}

.margin-bottom--6em {
    margin-bottom: -6em;
}

/** Triángulos **/
#bigTriangleShadow{
    margin-top: -160px;
    z-index: 1;
}

#trianglePath1 {
    fill: #3CB6A0;
    stroke: #3CB6A0;
}

#trianglePath2 {
    fill: #FECB4E;
    stroke: #FECB4E;
}

/** Texto **/
.justify{
    text-align: justify;
}

.mayusculas {
    text-transform: uppercase;
}

/** Imágenes **/
.imagen-centrada {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#logo-color{
    margin-top: 7rem;
}

#banner-fechas{
    margin-top: 7rem;
}

/** Secciones **/
/*header{
    background: white;
    background-size: cover;
}

header .container{
    position: relative;
}*/

#logo-header-container{
    height: 500px;
}

#fechas{
    padding-bottom: 1px;
    padding-top: 10px;
}

#bienvenida {
    margin-top: 4em;
    margin-bottom: 5em;
}

#bienvenida-texto:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 15%; /* Change this to whatever width you want. */
    padding-top: 0px; /* This creates some space between the element and the border. */
    border-bottom: 5px solid #D59F00; /* This creates the border. Replace black with whatever color you want. */
    margin-bottom: 0.3em;
}

#acerca, #registro, #registro_coloquio, #contacto{
    margin-bottom: 8em;
}

#avisos{
    margin-top: 4em;
    margin-bottom: 6em;
}

.avisos-cartas{
    height: 350px;
}

.avisos-cartas .card-image{
    height: 200px;
    background-color: #3CB6A0;
}

.slider{
    height: 420px !important;
}

.slides {
    height: 420px !important;
}

@media only screen and (max-width: 600px) {

    .slider{
        height: 590px !important;
    }
    
    .slides {
        height: 590px !important;
    }

    #slider-responsivo{
        display: block !important;
    }

    #slider-full{
        display: none !important;
    }   


    #imagen-pie-pequeño{
        display: block;
    }

    #imagen-pie-grande{
        display: none;
    }

    .seccion-titulo{
        font-size: 2.9rem;
    }

    #header-responsivo{
        display: block;
        height: 500px; 
        position: absolute;
    }

    #banner-responsivo-ems{
        display: block;
    }

    #banner-full-ems{
        display: none;
    }

    #header-full{
        display: none;
    }

    #header-full-hdpi{
        display: none;
    }

    #header-full-logo{
        display: none;
    }

    #header-full-fechas{
        display: none;
    }

    #header-banner-fechas-responsivo-1{
        display: block;
        margin-top: 8em;
    }

    #secciones h2{
        font-size: 3rem;
    }

    #croquis-full {
        display: none
    }

    #croquis-responsivo {
        display: block;
    }

    footer div{
        margin-bottom: 3em;
        text-align: center;
    }

    footer div:last-child{
        margin-bottom: 1em;
    }

    footer p{
        text-align: center;
    }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {

    #slider-responsivo{
        display: none !important;
    }

    #slider-full{
        display: block !important;
    }  

    #header-responsivo{
        display: block;
        min-height: 500px;
        position: absolute;
        width: 100%;
    }

    #banner-responsivo-ems{
        display: block;
    }

    #banner-full-ems{
        display: none;
    }

    #header-full{
        display: none;
    }

    #header-full-hdpi{
        display: none;
    }

    #header-full-logo{
        display: none;
    }

    #header-full-fechas{
        display: none;
    }

    #header-banner-fechas-responsivo-1 {
        display: block;
        margin-top: 6em;
    }

    #secciones h2{
        font-size: 3rem;
    }

    #croquis-full {
        display: none
    }

    #croquis-responsivo {
        display: block;
    }

    footer div{
        margin-bottom: 3em;
        text-align: center;
    }

    footer div:last-child{
        margin-bottom: 1em;
    }

    footer p{
        text-align: center;
    }
}

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

    #slider-responsivo{
        display: none !important;
    }

    #slider-full{
        display: block !important;
    }  

    #banner-responsivo-ems{
        display: none;
    }

    #banner-full-ems{
        display: block;
    }

    #header-responsivo{
        display: none;
        min-height: 500px;
    }

    #header-full-hdpi{
        display: none;
    }

    #header-full{
        height: 424px; 
        position: absolute;
        width: 100%;
    }

    #header-full-logo{
        margin-top: 7em;
    }

    #header-full-fechas{
        margin-top: 5rem; 
        padding-right: 2em;
    }

    #header-banner-fechas-responsivo-1, #header-banner-fechas-responsivo-2{
        display: none;
    }

    .horarios-ies {
        height: 360px;
    }

    #croquis-full {
        display: block
    }

    #croquis-responsivo {
        display: none;
    }
}

@media only screen and (min-width: 1201px) {

    #slider-responsivo{
        display: none !important;
    }

    #slider-full{
        display: block !important;
    }  
    
    #banner-responsivo-ems{
        display: none;
    }

    #banner-full-ems{
        display: block;
    }

    #header-responsivo{
        display: none;
    }

    #header-full{
        display: none;
    }

    #header-full-hdpi{
        height: 424px; 
        position: absolute;
        width: 100%;
    }

    #header-full-logo{
        margin-top: 7em;
    }

    #header-full-fechas{
        margin-top: 3rem; 
        padding-right: 2em;
    }

    #header-banner-fechas-responsivo-1, #header-banner-fechas-responsivo-2{
        display: none;
    }

    .horarios-ies {
        height: 360px;
    }

    #croquis-full {
        display: block
    }

    #croquis-responsivo {
        display: none;
    }
}

#resenia{
    margin-top: 4em;
}

#divisor-1{
    background: url(../img/divisor1.png) no-repeat center center;
    background-size: cover;
    height: 800px;
    margin-top: -15em;
    margin-bottom: -16em;
}

#divisor-2{
    background: url(../img/divisor2.png) no-repeat center center;
    background-size: contain;
    height: 0;
    padding-top: 100%;
    width: 100%;
    position: absolute;
    top: 78%;
    right: 0;
    z-index: -1;
}

#secciones{
    margin-top: -8em;
}

#secciones .card-panel{
    height: 250px;
}

#faqs{
    margin-bottom: 8em;
}

#faqs .columna-faq{
    margin-bottom: 2em;
}

#atencion{
    margin-top: 3em;
    margin-bottom: 6em;
}

#atencion .card{
    box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3) !important;
    border: 1px solid #f5f5f5;
}

#buzon{
    margin-top: 10em;
    margin-bottom: 6em;
}

#buzon .card{
    box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3) !important;
    border: 1px solid #f5f5f5;
}

#buzon #listado-select{
    margin-top: 4em;
}

#buzon .input-field{
    margin-bottom: 1em !important;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color: #D59F00;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #D59F00;
    -webkit-box-shadow: 0 1px 0 0 #D59F00;
    box-shadow: 0 1px 0 0 #D59F00;
}

label.error{
    position: initial;
    color: red;
}

.tabs {
    min-height: 64px;
}

.tabs .tab {
    background-color: #04274D;
    min-height: 64px;
}

.tabs .tab a{
    color: white;
}

.tabs .tab a:hover{
    color: #D59F00;
}

.tabs .tab a.active{
    color: #D59F00;
}

.tabs .indicator {
    background-color: #D59F00;
}

#act-ser-contenido{
    margin-bottom: 8em;
}

.horario-contenedor{
    margin-bottom: 3em;
}

.horario-info{
    margin-bottom: 1.5em;
}

.horario-titulo:after {
    content: "";
    display: block;
    margin: 0 0;
    width: 50%;
    padding-top: 10px;
    border-bottom: 2px solid #04274D;
}

#croquis-contenido img {
    border: 7px solid #04274D;
}

#expositores-contenido {
    margin-top: -26em;
    padding-bottom: 10em;
}

/** Botones **/
.btn:hover,.btn-large:hover,.btn-small:hover {
    background-color:#F5B800
}

/** Cartas **/
.imagen-card {
    margin-bottom: 2em;
}

.carta-servicios>.card-content {
    height: 250px;
}

.carta-servicios>.card-action {
    border-top: none;
}

.carta-programas>.card-content {
    height: 300px;
}

.carta-programas>.card-action {
    border-top: none;
}

#imagen-pie-grande, #imagen-pie-pequeño {
    position: absolute;
    bottom: 0;
    right: 0;
}

.relative{
    position: relative;
}

#ave-3{
    position: absolute;
    right: 0;
    transform: rotate(-26deg)
}

#fechas-texto{
    font-size: 7em;
}

#lineas{
    position: absolute;
    top: -35em;
}