@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');

/* CSS Document */
body{
    font-size: 1.2rem;
    font-family: "Crimson Pro", serif;
    color:#333;   
    font-weight: normal;
    background: #f6ce5e;
    margin: 0px;
    padding: 0px;
    }
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;    
    background: url("../images/back-body.png") top center;
    background-size: auto;
    background-size: 230px auto;
    background-repeat: no-repeat;
}
.container-all{
    display: block;
    width: 90%;
    height: auto;
    padding: 210px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0;
   text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 50px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 1.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 80%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    color:#275898;
    text-transform: uppercase;
    text-align: center;
    font-size:1.6rem
}
.container-all p.bienvenida{
    font-size:1.3rem;
    font-family: "Crimson Pro", serif;
    color:#000;
    text-align: center;   
}
.txt-light{ 
    font-family: "Crimson Pro", serif;
    font-size:1rem;
    font-weight: 300;
}

.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.3rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.1rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
    text-align: center;

}
.container-all a.inscripcion:hover{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
    text-align: center;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 70%;
    padding: 2%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a{
    font-size: 1.1rem;
    font-weight: normal;
    text-align: center;
    color:#ee765d;
    text-decoration: underline;
}
.zone-all-programa-white a:hover, .zone-all-programa-white a:focus{
    font-size: 1.1rem;
    font-weight: normal;
    text-align: center;
    color:#000;
    text-decoration: none;
}
.zone-all-programa-whitel a img{
    width: auto;
    height: 20px;
    vertical-align: bottom;
}
/*Estilos para la tabla*/
.zone-table{
    clear: none;
    display: block;
    width: 280px;
    height: auto;
    overflow-x: auto;
    margin: 0 auto;
}
.zone-table table{
    margin:0 auto;
    width: 700px;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 25%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left: 0%;
    margin-top: 10%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 3%;
    margin-bottom: 3%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 95%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 100%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 100%;
    float: left;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box; 
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color: #275898;
  }
.info-programa .actividades p.cierre{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0rem 0 .1rem 0;
    color: #275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 15px 0px;
    width: 100%;
    height: auto;
}
footer p{
	font-weight: 300;
}

footer .foot_img{
	display:block;
	width: 83%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 45px;
}
.zone-all-programa-white{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    background: #FFF;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 90%;
    height: auto;
    padding: 30px 0 1% 0;
    margin: 0 auto;
}



@media (min-width:380px) {
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 15px 0px;
    width: 100%;
    height: auto;
}
footer p{
	font-weight: 300;
}

footer .foot_img{
	display:block;
	width: 70%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 45px;
}
}
/*Aquí inician las medias queries*/
@media (min-width:480px) {
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;    
    background: url("../images/back-body.png") top center;
    background-size: auto;
    background-size: 260px auto;
    background-repeat: no-repeat;
}
.container-all{
    display: block;
    width: 90%;
    height: auto;
    padding: 240px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0 auto;
    text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 66px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 2.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 50%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    color:#275898;
    text-transform: uppercase;
    text-align: center;
    font-size:1.8rem
}
.color-green{
    color:#136652;
}
.color-orange{
    color:#e87860;      
}
.color-green-small{
    color:#136652;
    font-size:1.2rem;
    font-weight: normal;
    }
.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.5rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.3rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.container-all a.inscripcion:hover{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 50%;
    padding: 1%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para la tabla*/
.zone-table{
    clear:none;
    display: block;
    width: 420px;
    height: auto;
    overflow-x: auto;
    margin: 0 auto;
}
.zone-table table{
    margin:0 auto;
    width: 800px;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 22%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left: 0%;
    margin-top: 5%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 8%;
    margin-bottom: 3%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 98%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 100%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 100%;
    float: left;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box;  
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color:#275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 15px 0px;
    width: 100%;
    height: auto;
}

footer .foot_img{
	display:block;
	width: 80%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 61px;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 90%;
    height: auto;
    padding: 18px 0 1% 0;
    margin: 0 auto;
}

}


/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 768px) {
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;
    background: url("../images/back-body.png") top center;
    background-size: auto;
    background-size: 310px auto;
    background-repeat: no-repeat;
}
.container-all{
    display: block;
    width: 90%;
    height: auto;
    padding: 285px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0;
    text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 2.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 40%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    color:#275898;
    text-transform: uppercase;
    text-align: center;
    font-size:1.8rem
}
.color-green{
    color:#136652;
}
.color-orange{
    color:#e87860;      
}
.color-green-small{
    color:#136652;
    font-size:1.2rem;
    font-weight: normal;
    }
.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.5rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.3rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 25%;
    padding: .8%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.container-all a.inscripcion:hover{
    display: block;
    width: 26%;
    padding: .8%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 26%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}    
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 26%;
    padding: .8%;
    margin:0;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    display: block;
    width: 26%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #e87860;
    border: 1px solid #bc5755;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 26%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}

/*Estilos para la tabla*/
.zone-table{
    clear:none;
    display: block;
    width: 700px;
    height: auto;
    overflow-x: auto;
    margin: 0 auto;
    
}
.zone-table table{
    margin:0 auto;
    width: 690px;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 22%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left:0%;
    margin-top: 4%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 5%;
    margin-bottom: 2%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 98%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 25%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 75%;
    float: left;
    padding: 8px 0px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box; 
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color:#275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 15px 0px;
    width: 100%;
    height: auto;
}

footer .foot_img{
	display:block;
	width: 50%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 61px;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 90%;
    height: auto;
    padding: 30px 0 1% 0;
    margin: 0 auto;
}
}

/*Aquí inician la media querie a partir de 992px para arriba*/
@media (min-width: 992px) {
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;
    background: url("../images/back-body.png") top center;
    background-size: auto;
    background-size: 370px auto;
    background-repeat: no-repeat;
}
.container-all{
    display: block;
    width: 90%;
    height: auto;
    padding: 340px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0;
    text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 2.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 30%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    color:#275898;
    text-transform: uppercase;
    text-align: center;
    font-size:1.8rem
}
.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.5rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.3rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.container-all a.inscripcion:hover{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #e87860;
    border: 1px solid #bc5755;
    box-shadow: 0 0 4px #e87860;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 18%;
    padding: .8%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para la tabla*/
.zone-table{
    clear:none;
    display: block;
    width: 100%
    
}
.zone-table table{
    margin:0 auto;
    width: 90%;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 20%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left:0;
    margin-top: 2%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 5%;
    margin-bottom: 2%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 25%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 0;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 75%;
    float: left;
    padding: 8px 0;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box;
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color:#275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 15px 0;
    width: 100%;
    height: auto;
}

footer .foot_img{
	display:block;
	width: 37%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 60px;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 90%;
    height: auto;
    padding: 30px 0 1% 0;
    margin: 0 auto;
}
}

/*Aquí inician la media querie a partir de 1200px para arriba*/
@media (min-width: 1200px) {
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;
    background: url("../images/back-body.png") top center;
    background-size: auto;
    background-size: 360px auto;
    background-repeat: no-repeat;
}
.container-all{
    display: block;
    width: 90%;
    height: auto;
    padding: 330px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0;
    text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 2.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 35%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    color:#275898;
    text-transform: uppercase;
    text-align: center;
    font-size:1.8rem
}
.color-green{
    color:#136652;
}
.color-orange{
    color:#e87860;      
}
.color-green-small{
    color:#136652;
    font-size:1.2rem;
    font-weight: normal;
    }
.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.5rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.3rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.container-all a.inscripcion:hover{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    clear:both;
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para la tabla*/
.zone-table{
    clear:none;
    display: block;
    width: 100%;
}
.zone-table table{
    margin:0 auto;
    width: 95%;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 20%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left:20px;
    margin-top: 2%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 3%;
    margin-bottom: 1%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 18%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 15px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 82%;
    float: left;
    padding: 8px 15px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box;  
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color:#275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 17px 0;
    width: 100%;
    height: auto;
}

footer .foot_img{
	display:block;
	width: 29%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 56px;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 80%;
    height: auto;
    padding: 30px 0 1% 0;
    margin: 0 auto;
}
}

/*Podría ser que se use este tamaño*/
@media (min-width:1920px) {
/*Zona que contiene la imagen del cartel: ;*/
.Zone-background{
    display: block;
    width: 100%;
    background: url("../images/back-body.png") repeat-y top center;
    background-size: auto;
    background-size: 430px auto;
    background-repeat: no-repeat;
  }
.container-all{
    display: block;
    width: 60%;
    height: auto;
    padding: 400px 0 2rem 0;
    margin: 0 auto;
}
.container-all .zone-head{
    clear:none;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin:0;
    text-align: center;
  }
.container-all .zone-head img {
    display: inline-block;
    max-height: 70px !important;
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
.container-all .zone-head a:first-child {
    margin:0 2.5rem 0 0;
  }
.cartel-2024{
    clear:none;
    display: block;
    float: none;
    top: 0;
    margin:0;
    padding: 0;
}
.cartel-2024 img{
    clear:none;
    display: block;
    float: none;
    margin:0 auto;
    padding: 0;
    width: 20%;
    height: auto;
}
.container-all h1{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.8rem;
    color:#275898;
}
.color-green{
    color:#136652;
}
.color-orange{
    color:#e87860;      
}
.color-green-small{
    color:#136652;
    font-size:1.2rem;
    font-weight: normal;
    }
.container-all h2{
    font-family: "Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.5rem;
    color:#136652;
}
.container-all h3{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.3rem;
    color:#275898;
}
.container-all h4{
    font-family: "Crimson Pro", serif;
    text-transform: none;
    text-align: center;
    font-size:1.2rem;
    color:#275898;
}
.container-all p{
    font-size: 1.1rem;
    font-weight: normal;
    margin:2rem 0;
}
h4.tit-programa{
    font-family:"Crimson Pro", serif;
    text-transform: uppercase;
    text-align: center;
    font-size:1.1rem;
    color:#e87860;
    letter-spacing: 3px;
}
    
/*Estilos para el registro al centro*/
.container-all a.inscripcion:link,
.container-all a.inscripcion:visited{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0 auto;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.container-all a.inscripcion:hover{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0 auto;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.inscripcion:active{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para el registro a la izquierda*/
.zone-all-programa-white a.left-inscripcion:link,
.zone-all-programa-white a.left-inscripcion:visited{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background: #e1675f;
    border: 1px solid #c84a42;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:hover{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #333;
    border: 1px solid #000;
    box-shadow: 0 0 4px #CCC;
}
.zone-all-programa-white a.left-inscripcion:active{
    display: block;
    width: 14%;
    padding: .5%;
    margin:0;
    color: #EEE;
    text-decoration: none;
    border-radius: 4px;
    background: #275898;
    border: 1px solid #333;
    box-shadow: 0 0 4px #CCC;
}
/*Estilos para la tabla*/
.zone-table{
    clear:none;
    display: block;
    width: 100%;
}
.zone-table table{
    margin:0 auto;
    width: 90%;
    border-collapse: collapse;
    background: #FFF;
}
.zone-table table, th, tr, td{
    border:1px solid rgb(19, 102, 82);
    padding: .5rem;
}
.zone-table th{
    background:rgba(19, 102, 82, 0.1);
    text-align: left;
}
.zone-table th.hour{
    width: 13.5%;
}
.zone-table table td li{
    margin:0 0 1% 0;
}
/*Para la lista indentada debajo de la tabla*/
.list-indentada{
    margin-left:0;
    margin-top: 0%;
    color: #275898;
    list-style-type: none;
}
.list-indentada li:first-child{
    list-style-type: none;
    margin-left: 0%;
    margin-top: 3%;
    margin-bottom: 1%;
}
/*Estilo para los div's del programa, sustituyendo la tabla*/
.info-programa{
    clear:none;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #FFF;
}
.info-programa:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

.info-programa .actividades{
    clear:none;
    display: block;
    width: 100%;
    padding: 0;
    margin:0 auto 0 auto;
}
.info-programa .actividades .horario{
    width: 13.5%;
    float: left;
    color:#275898;
    font-weight: 500;
    padding: 8px 15px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-sizing: border-box;
    background: #FFF;
}
.info-programa .actividades .evento{
    width: 86.5%;
    float: left;
    padding: 8px 15px;
    border-top: 1px solid #FFF;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #FFF;
    box-sizing: border-box; 
    color: #275898;
}
.info-programa .actividades p{
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0rem 0 .1rem 0;
    color:#275898;
  }
.info-programa .actividades li{
    margin:0 0 1% 0;
}
/*Estilos para el footer*/
footer {
	background: #FFF !important;
	color: #FFF;
    padding: 17px 0;
    width: 100%;
    height: auto;
}

footer .foot_img{
	display:block;
	width: 17%;
	height:auto;
	margin:0 auto;
}
.foot_img:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}

footer .foot_img .zone-foot-left-01, footer .foot_img .zone-foot-left-02{
	clear:none;
	display:block;
	float:left;
	margin:0;
	width: auto;
    height: auto;
}
footer .foot_img .zone-foot-left-01 img, footer .foot_img .zone-foot-left-02 img{
	width: auto;
    max-height: 56px;
}
.zone-all-programa-white .container-all-b{
    display: block;
    width: 60%;
    height: auto;
    padding: 30px 0 1% 0;
    margin: 0 auto;
}
}