@charset "utf-8";
/* CSS Document By Fizz Estudio Gráfico - www.fizz.cl */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url("fontello.css");
@import url("reseteo.css");
@import url("header.css");
@import url("footer.css");
@import url("contacto.css");
@import url("formulario.css");
@import url("parallax.css");
@import url("testimonios.css");

/*
font-family: 'Josefin Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/********************************************************************/
/************************** INDEX ***********************************/
/********************************************************************/

.franja-baja {
    width: 150px;
    height: 5px;
    margin: 5px auto;
    background-color: #f78100;
}

.contenedor-objetivos {
    width: 100%;
    height: auto;
    background-color: #144059;
}

.objetivos {
    width: 100%;
    max-width: 1100px;
    padding: 100px 50px;
    margin: auto;
}

.objetivos h1, .objetivos p{
    color: white;
    text-align: center;
    padding: 10px 0px;
}

/***************************************/

.areas-feriaglobal {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 50px 0px;      
}

.areas-feriaglobal h1{
    display: block;
    text-align: center;
    padding: 20px 20px 10px 20px;
    font-weight: bold;
    color: #144059;
}

.contenedor-areas {
    width: 100%;
    max-width: 1100px;
    padding: 30px 50px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

.caja-area {
    width: 20%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.caja-area img {
    width: 100%;
    height: auto;
    border-radius: 100%;
}

.caja-area h2 {
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    color: #144059;
    text-align: center;
}

.caja-area h3 {
    padding: 10px 0px 0px 0px;
    color: #333;
    text-align: center;
    font-weight: 400;
}


/********************/

.contenedor-stands {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to bottom left, #7ED904 0%, #5DA003 100%);
}

.stands-flex {
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stands {
    padding: 50px 0px;
    margin-left: 20px;
}

.stands h1 {
    color: white;
    text-align: center;
    padding: 10px 0px;
}

.stands p {
    color: white;
    text-align: left;
    padding: 10px 0px;
}

.stands li {
    color: white;
    list-style: square;
    padding: 10px 0px;;
}

.stands ul {
    padding-left: 30px;
    margin-bottom: 10px;
}

.stands-flex a {
    width: 45%;
     /*height: 520px;*/
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.stands-flex a img:hover {
    opacity: 0.5;
}

.stands-flex a img {
    width: 100%;
    height: auto;
}

/****************************************/

.contenedor-video {
    width: 100%;
    height: auto;
    background-color: black;
}

.video {
    width: 100%;
    max-width: 1100px;
    padding: 70px 50px;
    margin: auto;
}

.video h1 {
    text-align: center;
    color: darkgray;
    margin-bottom: 15px;
}

/* DIV donde se alojará el iframe de YouTube */
.responsive-embed-youtube {
position: relative;
padding-bottom: 56.25%; /* mantiene la vista en 16:9 */
padding-top: 25px;
height: 0;
}
/* Ancho y Alto del iframe al 100% */
.responsive-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}


/***************************************/

.contenedor-participantes {
    width: 100%;
    height: auto;
    
    box-shadow:0px -2px 15px #A1A1A1;
}

.participantes {
    width: 100%;
    max-width: 1100px;
    padding: 60px 50px;
    margin: auto;
}

.participantes h1 {
    text-align: center;
    padding: 10px 0px;
}

.participantes-logos {
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.participantes-logos img {
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 10px;
}
/********************/

.contenedor-inscripcion {
    width: 100%;
    height: auto;
    margin: auto;
}

.inscripcion {
    width: 100%;
    max-width: 1100px;
    padding: 80px 50px;
    margin: auto;
}

.inscripcion h1, .inscripcion p {
    text-align: center;
    padding: 10px 0px;
    font-weight: 700;
}

.inscripcion a {
    text-align: center;
    padding: 10px;
    background-color: #cc2768;
    font-weight: bold;
    color: white;
    margin: 30px auto;
    display: block;
    width: 250px;
}

.inscripcion a:hover {
    color: #333;
}

/**********************************/


.seccion-contacto {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 25px 0px;
    border-top: 1px solid #ccc;
    
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
    background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
    background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
    background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
}

.contenedor-contacto {
    width: 100%;
    max-width: 1100px;
    padding: 20px 50px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

.caja-contacto {
    width: 30%;
    height: auto;
    display: flex;
    flex-direction: column;
    
}

.caja-contacto p {
    text-align: left;    
    font-size: 14px;
    padding: 0px;
}

.texto-bloque-contacto {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 2px 0px;
}

.texto-bloque-contacto i{
	font-size: 25px;
    color: #cc2768;
}

.texto-bloque-contacto a{
	font-size: 14px;
    color: #144059;
}

.texto-bloque-contacto a:hover {
    color: #f78100;
}

.titulo-bloque-contacto {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}

.titulo-bloque-contacto img {
    margin-right: 10px;
}

.titulo-bloque-contacto h3{
	font-size: 20px;
    line-height: 20px;
	display: block;
	color: #144059;  
    font-weight: 600;
}

.titulo-bloque-contacto i{
	font-size: 30px;
	color: #cc2768;  
}



/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/

@media (max-width: 1000px) {

.areas-feriaglobal h1{
    padding: 0px 20px;
}    
    
.caja-area {
    width: 20%;
}

.caja-area h2 {
    font-size: 20px;
}

.caja-area p {
    font-size: 14px;
}
    

/*************************/    
/****************************/
    
.contenedor-contacto {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
    
.caja-contacto {
    width: 100%;
    padding-bottom: 20px;
    
}
    
}


/***************************************/


@media (max-width: 780px) {
    
.contenedor-areas {
    width: 100%;
    max-width: 1100px;
    padding: 30px 50px;
    margin: auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
    
.caja-area {
    width: 40%;
    margin-bottom: 20px;
}    
    
 /*********************/   

.stands-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
    
.stands {
    padding: 40px 20px 25px 20px;
    margin: auto;
}

.stands-flex a {
    width: 100%;
    height: auto;
    display: block;
}

.stands-flex a img {
    width: 100%;
    height: auto;
    border-radius: 0%;
    margin-bottom: -5px;
}    
    
}

/***************************************/

@media (max-width: 600px) { 
    
.objetivos {
    padding: 50px;
}
    
.video {
    padding: 50px 20px;
}
    
.video h1 {
    font-size: 20px;
}
    
}


/***************************************/
/***************************************/

@media (max-width: 450px) {

.contenedor-areas {
    padding: 30px 0px 0px 0px;
    flex-direction: column;
}
    
.caja-area {
    width: 80%;
    height: auto;
    padding: 0px 10px 40px 10px;
    margin: auto;
}

.caja-area img {
    width: 80%;
    height: auto;
}

.caja-area h2 {
    font-size: 25px;
    line-height: 30px;
}
    
/**********************************/
    
.participantes {
    padding: 50px 20px;
}

.participantes-logos img {
    max-width: 120px;
}

/*************/

.inscripcion {
    padding: 80px 20px;
}

.inscripcion a {
    width: 200px;
}
    
/**********************/
    
.objetivos {
    padding: 50px 20px;
}
    
/*********************/

.areas-feriaglobal h1 {
    margin-top: 20px;
}    
    
.caja-contacferiaglobalto p {
    text-align: center;    
    font-size: 12px;
}
    
.contenedor-contacto {
    padding: 20px;
    margin: auto;
}

.centrado {
    justify-content: center;
}
    
.texto-bloque-contacto a{
	font-size: 14px;
    color: #144059;
}
    
.titulo-bloque-contacto h3{
	font-size: 16px;
    line-height: 16px;
}

.titulo-bloque-contacto i{
	font-size: 20px; 
}

    
}