@font-face {
    font-family: 'OldStandard-bold';
    src: url(./fonts/OldStandard-Bold.ttf);
}

@font-face {
    font-family: 'League';
    src: url(./fonts/LeagueGothic-Regular_0.otf);
}

@font-face {
    font-family: 'Montserrat-bold';
    src: url(./fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: 'Montserrat';
    src: url(./fonts/Montserrat-Regular.ttf);
}

/*----------- FONTS EYC -----------------*/

@font-face {
    font-family: FjallaOne;
    src: url(./fonts/FjallaOne-Regular.ttf);
}

@font-face {
    font-family: Hind-Medium;
    src: url(./fonts/Hind-Medium.ttf);
}

@font-face {
    font-family: Hind-Regular;
    src: url(./fonts/Hind-Regular.ttf);
}

@font-face {
    font-family: Oswald;
    src: url(./fonts/Oswald-Regular.ttf);
}

@font-face {
    font-family: OswaldLight;
    src: url(./fonts/Oswald-Light.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(./fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Oxygen;
    src: url(./fonts/Oxygen-Regular.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(./fonts/RobotoSlab-Bold.ttf);
}

/*---------------------------------------*/

html
{
    scroll-behavior: smooth;
}

body
{
	padding: 0;
	margin: 0;
	font-family: OpenSans!important;

}

h1, h2, h3, h4, h5, h6
{
    font-family: Roboto!important;
}

.row
{
    width: 100%!important;
}

#header
{
    width: 100%;
    padding: 10px;
    position: fixed;
    z-index: 200;
    top: 0;
}

#proxEvento
{
    width: 25%;
    position: absolute;
    right: 50px;
    top: 5px;
    color: #fff;
}

#container
{
    height: 100%;
}

.pagtxt
{
    background: url('../imgs/pattern-bn.png');
}

.pagnav
{
    top: 90;
    left: 10;
}

#menu
{
    display: table;
    position: relative;
    height: 100%;
    top: 23px;
    left: 18px;
}

#mobileMenu, #mobileMenuIcon
{
    display: none;
}



nav
{
    /*position: absolute;
    padding: 5px 0 0 10px;*/
    color: #ffffff;
    font-size: small;
    display: table;
}

nav a
{
    color: #ffffff;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease; /* Safari */
    transition: all 0.3s ease;
    font-size: 15px;
}

nav a:hover
{
    color: #fff;
    text-decoration: none;
}

#playerFrame
{
    margin-top: 81px;
}

#logo-slide
{
	width: 100%;
	height: auto;
    overflow: hidden;
    position: relative;
}

#logo-slide-layer
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000073;
}

#slideTitle
{
    color: #fff;
    text-align: center;
}

.titleFrame
{
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 5px;
}

.titleFrame h1
{
    margin-bottom: 35px;
}

.titleFrame button
{
    width: 100%;
}

.actBlock
{
    position: relative;
    margin-bottom: 20px;
}

.actBlock a
{
    text-decoration: none;
    color: #000;
}

.actFrame
{
    background-size: cover!important;
    background-position: center!important;
}

.evtData
{
    padding: 15px 8px;
    background: #acd03a;
}

.evtRegistro
{
    position: absolute;
    top: 0;
    right: 15px;
    background: #df2c4c;
    padding: 2px 7px;
    color: #fff;
    font-size: small;
}

.logo10contando
{
    width: 50%;
    margin: 50px auto 75px auto;
}

.logo10contando img
{
    width: 100%;
    height: auto;
}

.evtNombre
{
    font-family: Roboto!important;
    font-size: larger;
}

.evtfecha
{
    font-size: small;
}

#videoIntro
{
    min-width: 100%; 
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

#logo-elem
{
	width: 33%;
    height: auto;
    -webkit-transition: width 0.7s, height 0.7s, -webkit-transform 0.7s; /* Safari */
    transition: width 0.7s, height 0.7s, transform 0.7s;
}

#logo-elem img
{
	width: 100%;
	height: auto;
}

#logo-elem h3
{
	font-family: Montserrat-bold;
    color: #fff;
    font-size: xx-large;
    text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.38);
}

#logoH
{
    display: table;
    float: left;
    width: 160px;
    height: auto;
}

#logoH img
{
    width: 120px;
    height: auto;
}

#social
{
	position: absolute;
    width: 35px;
    right: 0;
    top: 80px;
    z-index: 50;
}

.socialBtn
{
	color: #fff;
    padding: 10px 7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.socialBtn:hover
{
	color: #000;
    background: #fff;
}

.socialBtn-dark
{
    color: #000;
    padding: 10px 7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.socialBtn-dark:hover
{
    color: #fff;
    background: #000;
}

.vertical-center-align {
    position: fixed!important;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.vertical-absolute-center-align {
    position: absolute!important;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

#gradient
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin: 50px auto 0 auto;
    width: 85%;
    height: 99px;
}

#content
{
    /*background: #ffffff99;*/
    padding: 90px 50px 50px 50px;
    margin: 0 auto 0 auto;
    width: 85%;
    color: #4A4A4A;
}

#content h1
{
    margin-bottom: 50px;
    margin-top: 50px;
}

.proj
{
    margin-top: 75px;
}

.projImages
{

}

.projImages img
{
    max-width: 1000px;
    width: 100%;
    margin-bottom: 25px;

    -webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
}

.service
{
    text-align: center;
}

.service img
{
    width: 85%;
    height: auto;
    margin-top: 30px;
}

#noticias
{

}

.sqrnota
{
    height: 300px;
    position: relative;
}

.transLayer
{
    background: #0000005c;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.infoLayer
{
    position: absolute;
    width: 99%;
    height: 100%;
    z-index: 50;
    color: #fff;
    padding: 10px;
    margin: 0;
    left: 0px;
    right: 0px;
}

#textBody
{
    padding: 115px 0;
}

#textBody a
{
    color: #00B4B9;
}

#textBody a:hover
{
    text-decoration: none;
}

.tag
{
    background: #00b1b8bf;
    width: fit-content;
    padding: 6px 20px;
    border-radius: 5px;
    margin: 0 auto 25px auto;
    border: 0;
}

.dataTaller
{
    font-size: 1.1rem;
    font-weight: bold;
    font-style: italic;
    margin-top: 4px;
}

.tallerContainer
{
    margin-bottom: 150px;
}

#acerca
{
    padding: 115px 0;
    background: #00B4B9;
}

#acerca h1
{
    color: #fff;
}

.video-cont iframe
{
    margin: 40px 0;
}

.videotecaElem
{
    background: #ddd;
    padding: 30px 25px 50px 25px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.videotecaElem iframe
{
    margin: 0;
}

.imparteFoto
{
    width: 150px;
    border-radius: 50%;
    float: left;
    margin: 0 20px 20px 0;
    filter: grayscale(1);
}

#sedes 
{
  scroll-margin-top: 81px;
}

.mapa
{
    position: relative;
}

.mapLayer
{
    position: absolute;
    background: #0000005c;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.mapLayer .row
{
    height: 100%;
}

.mapInfo
{
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.65) 66%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 66%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 66%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

    color: #fff;
    padding: 26px 40px;
}

.mapLink
{
    text-decoration: none;
    background: #00a28c;
    color: #fff;
    padding: 5px 14px;
    border-radius: 5px;
}

.mapLink:hover, .mapLink:active, .mapLink:visited
{
    text-decoration: none!important;
    color: #fff!important;
}

.sedeLogos
{

}

.sedeLogos img
{
    filter: invert(100%);
    height: 75px;
    margin: 10px 0;
}

.preguntaBloc
{
    background: #f0f0f0;
    padding: 0;
    margin: 15px 0;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
}

.preguntaBloc .dePara
{
    background: #17a2b857;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    color: #107787;
}

.preguntaBloc .preguntaTexto
{
    padding: 12px;
}

.preguntaBloc .preguntaTime
{
    color: #107787;
    font-size: x-small;
    text-align: right;
    padding: 12px;
}

#rowMobile
{
    display: none;
}


.progTabla
{
    width: 100%;
    margin-top: 35px;
    font-family: OswaldLight;
}

.progTabla th
{
    background: #00B4B9;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1px;
}

.thNormal
{
    text-transform: initial;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: initial;
    font-family: 'OpenSans';
}

.progTabla td
{
    padding: 10px;
}

.progTabla tr:nth-child(even)
{
    background: #ffffff;
}

.progTabla tr:nth-child(odd)
{
    background: #00b4b940;
}

.bannerIll
{
    width: 100%;
    background: #74b72a;
    padding: 20px;
    text-align: center;
}

.bannerhome
{
    width: 100%;
    background: #00a28c;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

#listaponencias table
{
    width: 100%;
    table-layout: auto;
}

.ponencialistaElem
{
    color: #00B4B9;
    cursor: pointer;
}

.dictag
{
    margin-right: 5px;
    margin-bottom: 6px;
    display: inline-block;
}

.dictButtons
{
    display: block;
    margin: 0 auto 25px auto !important;
    cursor: pointer;
}

.escalaCont
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.radioEscala
{
    flex: 1;
    text-align: center;
}

.radioEscala input[type=radio], #dict-secc3 input[type=radio]
{
    width: initial;
}




#footerSlider
{
    margin-top: 20px;
}

#footerSlider img
{
    max-width: 100%;
}

#footer
{
    position:relative;
    clear:both;
    width:auto;
    height:auto;
    padding: 30px 0 30px 0;
    background:#FBA824;
    z-index: 100;
}

#footerSocial
{
    position: relative;
    top: 6px;
}

.footSocial
{
    float: left;
}

#footlinks
{
    font-size: small;
    position: relative;
    top: 14px;
    left: 7px;
    float: left;
}

#footlinks a
{
    text-decoration: none;
    color: #ffffff9c;
    -webkit-transition: all 0.3s ease; /* Safari */
    transition: all 0.3s ease;
}

#footlinks a:hover
{
    color: #ffffff;
}

#modalContacto
{
	/*background: #dddddd;
    width: 65%;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.38);
    display: none;*/
    z-index: 300;
}

.vmodal
{
    background: #dddddd;
    width: 65%;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.38);
    display: none;
    z-index: 100;
}

#modalContacto input, textarea
{
	width: 100%;
}

#modalContacto button
{
	float: right;
}

#closeContacto, .closeModal
{
	position: absolute;
    right: 5px;
    top: 7px;
    cursor: pointer;
}

#enviando
{
    float: right;
    position: relative;
    top: 11px;
    right: 10px;
    display: none;
}

#modalEspera
{
    /*display: block;*/
    position: fixed!important;
    top: 0;
    left: 0;
    background: #ddddddab;
    z-index: 200;
    width: 100%;
    border-radius: 0;
    height: 100%;
}

.mainSlide
{
    width: 100%;
    height: 100%;
    background-position-x: center !important;
    background-position-y: center !important;
    background-size: cover !important;
    position: relative;
}

.mainSlide .slideData
{
    position: absolute;
    bottom: 25px;
    right: 35px;
    width: 50%;
    text-align: right;
}

.mainSlide a
{
    color: #ffffff;
    text-decoration: none;
    text-shadow: 2px 2px 2px #000000a6;
}

.slick-next
{
    right: 25px !important;
}

.slick-prev
{
    left: 25px !important;
}

.slick-slider {
    margin-bottom: 0 !important;
}

.slick-slide
{
    padding: 0 40px!important;
}

@media screen and (max-width: 800px) {
	.pagnav
    {
        top: 70;
        left: 35%;
    transform: translate(-26%, 0%);
    -webkit-transform: translate(-26%, 0);
    -moz-transform: translate(-26%, 0%);
    }

    .row
    {
        margin: 0!important;
    }

    .col-md-12
    {
        overflow: auto;
    }

    #header
    {
        padding: 5px;
        top: 0;
        transition: all 0.3s ease;
    }

    #proxEvento
    {
        width: 52%;
        font-size: small;
        line-height: 1.2em;
        top: 12px;
    }

    #logoH img
    {
        width: 90px;
    }

    #logoH
    {
        width: 175px;
        padding: 5px;
        margin: 0 auto;
    }

    #logo-elem
	{
		width: 66%;
	    height: auto;
	}

    #menu
    {
        display: none;
        
    }

    #mobileMenu
    {
        display: block;
        position: fixed;
        background: #5cac16;
        width: 100%;
        height: auto;
        top: -200px;
        z-index: 100;
        transition: all .5s ease;
    }

    #mobileMenuIcon
    {
        display: block;
        width: fit-content;
        position: absolute;
        right: 10px;
        top: 21px;
        font-size: 22px;
        color: #ffffffe6;
        cursor: pointer;
    }

    #mobileMenu a
    {
        color: #fff;
    }

    #mobileMenu ul
    {
        padding: 0;
        margin-left: 12px;
        margin-top: 18px;
        font-size: small;
    }

    #mobileMenu li
    {
        list-style: none;
        line-height: 30px;
    }

    #container
    {
        margin-top: 65px;
    }

    #container h1
    {
        font-size: 30px;
    }

    #container h2
    {
        font-size: 27px;
    }

    #container h3
    {
        font-size: 25px;
    }

    #container h4
    {
        font-size: 20px;
    }

    #playerFrame {
        margin-top: 66px;
    }

    .video-cont
    {
        overflow: hidden;
    }

    .videotecaElem
    {
        padding: 30px 10px 25px 10px;
        margin-bottom: 40px;
    }

    #videoIntro
    {
        max-width: 100%;
    }

    #acerca
    {
        padding: 25px 0;
    }

    #social
    {
        top: 90px;
    }

    #gradient
    {
        margin: 50px auto 0 auto;
        width: 95%;
        height: 37px;
    }

    #content
    {
        padding: 15px;
        margin: 0 auto 0 auto;
        width: 95%;
    }

    #textBody {
        padding: 45px 0;
    }

    .rowTallerData
    {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .rowTallerData .col-md-4
    {
        margin: 12px 0!important;
    }

    #rowMobile
    {
        display: block;
    }

    #rowDesk
    {
        display: none;
    }

    .mapInfo
    {
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 47%, rgba(0,0,0,0) 97%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 97%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


    }

    .logo10contando
    {
            width: 90%;
            margin: 0 auto 55px auto;
    }

    #servicios, #clientes
    {
        text-align: center;
    }

    .service
    {
        margin-bottom: 75px;
    }

    .service img
    {
        width: 45%;
    }

    .slick-slider button
    {
        display: none!important;
    }

    .mainSlide
    {
        height: 280px !important;
    }

    .mainSlide .slideData
    {
        bottom: 10px;
        right: 15px;
        width: 85%;
    }

    .mainSlide .slideData h1
    {
        font-size: 24px !important;
    }

    .mainSlide .slideData h2
    {
        font-size: 21px !important;
    }

    .mainSlide .slideData h3
    {
        font-size: 19px !important;
    }

    .mainSlide .slideData h4
    {
        font-size: 17px !important;
    }

    .progTabla th
    {
        font-size: 20px;
    }

    .bannerIll h2
    {
        font-size: 23px!important;
    }

    .bannerIll h1
    {
        font-size: 23px!important;
    }

	#modalContacto
	{
	    width: 90%;
        height: 495px;
        overflow-y: scroll;
	}

    #modalRespuesta
    {
        width: 90%;
    }

    #modalEspera h1
    {
        font-size: 32px;
    }

    .vertical-center-align
    {
        position: fixed!important;
        width: 85%;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -43%);
        -webkit-transform: translate(-50%, -43%);
        -moz-transform: translate(-50%, -43%);
    }

    .slick-slide
    {
        padding: 20px!important;
    }

}