@charset "UTF-8";
/* CSS Document */
* {padding: 0; margin-bottom: 0;}
*:focus {outline: none;}

img {text-decoration: none; border:0 none;}

a {text-decoration: none;}

body {background:#fff; font-family: 'Poppins', sans-serif; font-size: 13px; color:#54616c;}

header { background-size: cover; width: 100%; color:#54616c;  position: relative; text-align: center;}
.ImgBack {background: url(img/header3.jpg) no-repeat center top; width: 100%; height: 400px;   background-size: auto 100%;}
h1 {font-size:50px; font-weight: 400;  width: 100%; color:#144178;}
h2 {font-size: 35px; font-weight: 100;  color:#144178; width: 100%;	}
h3 {font-size: 18px; font-weight: 400;  color:#144178; margin-bottom: 10px;width: 100%;}
h3.ingles {font-style: italic;  font-size: 14px;  margin-bottom: 30px;}
h4 {width: 100%; font-size: 18px; font-weight: normal; }
h5 {}
h6 {}
p {font-size: 14px; font-weight: 300; line-height: 160%; font-weight: 100;}
strong {font-weight: 600;}

main {background:#f9f9f9; padding: 30px 0;}
.programa {font-weight: 400; font-size: 25px; width: 100%; text-align: center; padding: 20px 0; font-family: 'Poppins', sans-serif;}

.trojo {color:#f00;}
.tnaranjo {color:rgb(213, 93, 23);}
.tceleste {color: rgba(0, 159, 218);}
strong {color:#144178;}

header {padding: 0 0 60px; /*box-shadow:0 0 10px -3px #000000;*/ background: url(img/line1.jpg) center bottom no-repeat;}
.sposor .imagen {width: 100%; text-align: center; padding-bottom: 20px;}
.sposor .imagen img { max-width: 100%; width:auto; height: auto; display: block; text-align: center; margin:20px auto; }

.block {padding: 20px 0; border-bottom: 1px solid #aaa;}
.block:last-child {border:0;}

.hora {font-weight: 600; text-align: right; font-size: 16px; border-right: 2px solid #F00;}

.panel {}
.panel .sala {font-weight: 600; font-size: 16px; color: rgba(0, 159, 218);}
.panel ul {list-style: none; margin-left: 20px; margin-bottom: 30px;}
.panel ul li { margin-bottom: 5px; }
.marcas1 {text-align: center; margin-top: 50px; margin-bottom: 50px;} 
/* .marcas1 img { height: auto; display: inline-block; max-height: 100px; } */

.marcas2 { text-align: center; margin-top: 50px; margin-bottom: 50px;} }
/* .marcas2 img {max-width: 100%; height: auto; display: block; max-height: 100px; margin:0 auto;} */

footer {text-align: right; padding: 30px 0; background: url(img/footer.jpg) center bottom no-repeat; /*box-shadow:0 0 10px -3px #000000;*/}
footer h4 {font-size: 16px;}
footer p {text-align: right; width: 100%;}

.download {color:#F00;}

#sec-footer{ margin-top: 40px; margin-bottom: 20px;}
.flexslider{margin-bottom: 0 !important;}
#sec1{
    margin-top: 60px;
    margin-bottom: 25px;
}
#sec1 p, #sec1 h1, #sec1 h2, #sec1 h3, #sec1 h4{
    margin-bottom: 24px;
}

.line1{
    background: url(img/line1.jpg) center bottom no-repeat;
    width: 100%;
    height: 10px;
}
.line2{
    background: url(img/line2.jpg) center bottom no-repeat;
    height: 10px;
}

.btn1{background-color: #FB1D3E; color: #ffffff;}
.btn2{background-color: #52606C; color: #ffffff;}
.btn3{background-color: #009DE8; color: #ffffff;}

.btn1:hover, .btn2:hover, .btn3:hover{background-color: #0D3D79; transition: 0.2s ease all; color: #ffffff;}

#expositores{
    padding-top: 40px; padding-bottom: 40px; background-color: #ffffff;
}
.s-foto{max-width: 120px; margin-bottom: 15px;}
.part p{margin: 0;}
.part{margin-top: 30px; margin-bottom: 30px;}

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

}

@media only screen  and (max-width: 1200px) {
.ImgBack { height:400px; background-size: auto 100%; margin-bottom: 30px; }
}

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

.ImgBack { height:300px; background-size: auto 100%; margin-bottom: 30px; }
}

@media only screen and (max-width: 992px) { /* Versión IPAD*/

.ImgBack { height:250px; background-size: auto 100%; margin-bottom: 30px; }
}
@media only screen and (max-width: 768px) { /* Versión Movil*/
header {}
.row {margin-left:0; margin-right:0;}
.ImgBack { height:200px; background-size: auto 100%; margin-bottom: 30px; }
h1 {font-size: 50px;}

.marcas1 img {width: auto; max-width:100%; }
.hora {text-align: left;}
    
    .btn1, .btn2, .btn3{margin-bottom: 20px;}
    .logos-footer{margin-bottom: 30px;}
    .marcas1, .marcas2{margin-bottom: 30px;}
}
@media only screen and (max-width: 600px) {

}