body{
    overflow: scroll;
    overflow-x: hidden;
    background: #ffffff url("../images/fondo.jpg") fixed repeat-y center top;
}

.columna3 {
    width: 31%;
    float: left;
    height: inherit;
    padding-left: 10px;
    padding-right: 10px;
}

.countdown { width: 280px; clear: both; border: 1px solid #000000; border-radius: 5px; background-color: #1874a9; text-align: center; margin: auto; }

.campaign { width: 280px; clear: both; border: 1px solid #000000; border-radius: 5px; background-color: #1874a9; text-align: center; margin: auto; }

@media (max-width: 420px){
    .btn_seccion{ width: 75px; height: 35px; }
    .btn_cabe{ width: 100px; height: 40px; }
    .btncabecera{ width: 99%; margin-top:10px; text-align: center }
    .columna1 { width: 99%; float: left; border-bottom: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .columna2 { width: 99%; float: left; border-bottom: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .social{ width: 99%; margin-left: 5px; }
    .btnsocial{ width: 55px; height: 55px; }
    .iframemap { width: 300px; height: 300px; }
    .imgactivl { width:99%; text-align: center; padding:2px; border: 1px solid #000000; border-radius:5px; }
    .video { border: 1px solid #000000; padding: 2px; width:328px; height: 242px; border-radius:5px; }
    .div_video { text-align: center; width: 99%; margin-bottom: 15px; }
    .activtxt { width:99%; }
    .activimg { width:99%; text-align: center; }
    .img_album_h { margin-top: 2px; width:112px; height:75px; }
    .img_album_v { margin-top: 2px; width:75px; height:112px; }
    .div_gal_h { width: 116px; height: 78px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 78px; height: 116px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 116px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
    .divavisolegal { width:99%; }
}

@media (max-width: 480px) and (min-width: 421px){
    .btn_seccion{ width: 75px; height: 35px; }
    .btn_cabe{ width: 60px; height: 35px; }
    .btncabecera{ width: 99%; margin-top:10px; text-align: center }
    .columna1 { width: 99%; float: left; border-bottom: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .columna2 { width: 99%; float: left; border-bottom: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .social{ width: 99%; margin-left: 5px; }
    .btnsocial{ width: 55px; height: 55px; }
    .iframemap { width: 300px; height: 300px; }
    .imgactivl { width:99%; text-align: center; padding:2px; border: 1px solid #000000; border-radius:5px; }
    .video { border: 1px solid #000000; padding: 2px; width:328px; height: 242px; border-radius:5px; }
    .div_video { text-align: center; width: 99%; margin-bottom: 15px; }
    .activtxt { width:99%; }
    .activimg { width:99%; text-align: center; }
    .img_album_h { margin-top: 2px; width:112px; height:75px; }
    .img_album_v { margin-top: 2px; width:75px; height:112px; }
    .div_gal_h { width: 116px; height: 78px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 78px; height: 116px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 116px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
    .divavisolegal { width:99%; }
}

@media (max-width: 559px) and (min-width: 481px){
    .btn_cabe { width: 65px; height: 35px; }
}

@media (max-width: 719px) and (min-width: 560px){
    .btn_cabe { width: 75px; height: 40px; }
}

@media (max-width: 799px) and (min-width: 481px){
    .localizacion { width: 99%; text-align: center; }
    .columna1 { width: 47%; float: left; border-right: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .columna2 { width: 47%; float: left; border-left: 2px solid #002366; padding-left: 0px; padding-right: 3px; margin-top: 5px; }
    .social { width: 99%; margin-left: 10px; }
    .btncabecera { width: 99%; margin-top:10px; text-align: center }
    .btnsocial { width: 60px; height: 60px; }
    .btn_seccion { width: 75px; height: 40px; }
    .div_video { text-align: center; width: 99%; margin-bottom: 15px; }
    .activtxt { width:70%; display:inline-block; float:left; }
    .activimg { width:25%; display:inline-block; float:left; margin-left:3px; }
    .img_album_h { margin-top: 2px; width:150px; height:100px; }
    .img_album_v { margin-top: 2px; width:100px; height:150px; }
    .iframemap { width: 300px; height: 300px; }
    .imgactivl { width:99%; text-align: center; padding:2px; border: 1px solid #000000; border-radius:5px; }
    .video { border: 1px solid #000000; padding: 2px; width:471px; height: 353px; border-radius:5px; }
    .div_gal_h { width: 154px; height: 104px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 104px; height: 154px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 154px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
    .divavisolegal { width:99%; }
}

@media (max-width: 799px) and (min-width: 720px){
    .btn_seccion { width: 105px; height: 45px; }
    .btn_cabe { width: 105px; height: 40px; }
    .localizacion { width: 49%; text-align: center; }
    .social { width: 45%; margin-left: 10px; }
    .btnsocial { width: 65px; height: 65px; }
    .iframemap { width: 325px; height: 325px; }
    .imgactivl { width:99%; text-align: center; padding:2px; margin: 5px; border: 1px solid #000000; border-radius:5px; }
    .video { border: 1px solid #000000; padding: 5px; width:705px; height: 529px; border-radius:5px; }
    .div_video { text-align: center; width: 99%; margin: 0 0 20px 20px; }
    .img_album_h { margin-top: 3px; width:225px; height:150px; }
    .img_album_v { margin-top: 3px; width:150px; height:225px; }
    .div_gal_h { width: 231px; height: 156px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 156px; height: 231px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 231px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
}

@media (max-width: 799px){
    .cabecera { width: 99%; }
    .junta { width: 99%; margin-left: 20px; }
    .fotojunta { width: 99%; }
    .textocolonias { width: 99; }
    .cartelcolonias { width: 99; text-align: center; }
    .texto_generico { width :99%; }
    .carteles { width: 99%; text-align: center; margin-bottom: 20px; }
    .expositores { width: 99%; }
}

@media (min-width: 800px){
    .textocolonias { width: 57%; float: left; }
    .cartelcolonias { width: 40%; float: left; text-align: center; margin-left: 20px; }
    .texto_generico { width: 57%; float: left; margin-left: 20px; }
    .carteles { width: 40%; float: left; text-align: center; margin-right: 20px; margin-bottom: 20px; }
    .expositores { width: 48%; float: left; display: inline; }
}

.cartel_generico { width: 99%; text-align: center; margin-bottom: 20px; }

@media (max-width: 899px) and (min-width: 800px){
    .btn_seccion { width: 75px; height: 40px; }
    .btn_cabe { width: 65px; height: 35px; }
    .cabecera { float: left; width: 40%; }
    .btncabecera { width: 58%; float:right; margin-top:30px; }
    .columna1 { width: 47%; float: left; border-right: 2px solid #002366; padding-left: 5px; padding-right: 5px; }
    .columna2 { width: 47%; float: left; border-left: 2px solid #002366; padding-left: 5px; padding-right: 5px; margin-left: -2px; }
    .junta { width: 38%; float: left; margin-left: 30px; }
    .fotojunta { width: 56%; float: left; margin-left: 5px; }
    .localizacion{ width: 99%; text-align: center; }
    .social { width: 65%; float: left; margin-left: 30px; }
    .btnsocial { width: 70px; height: 70px; }
    .iframemap { width: 400px; height: 400px; }
    .imgactivl { width: 47%; float: left; text-align: center; padding: 2px; margin: 3px;  border: 1px solid #000000; border-radius: 5px; }
    .video { border: 1px solid #000000; padding: 5px; width: 348px; height: 270px; border-radius: 5px; }
    .div_video { text-align: center; width: 46%; margin: 0 0 25px 25px; display: inline-block; float: left; }
    .activtxt { width: 70%; display: inline-block; float: left; }
    .activimg { width: 25%; display: inline-block; float: left; margin-left: 20px; }
    .img_album_h { margin-top: 3px; width: 225px; height: 150px; }
    .img_album_v { margin-top: 3px; width: 150px; height: 225px; }
    .div_gal_h { width: 231px; height: 156px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 156px; height: 231px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 231px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
    .countdown { width: 280px; clear: both; border: 1px solid #000000; border-radius: 5px; background-color: #1874a9; text-align: center; margin: auto; }
    .campaign { width: 280px; clear: both; border: 1px solid #000000; border-radius: 5px; background-color: #1874a9; text-align: center; margin: auto; }
    .divavisolegal { width:99%; }
}

@media (max-width: 959px) and (min-width: 900px){
    .btn_seccion { width: 65px; height: 35px; }
    .btn_cabe { width: 75px; height: 35px; }
    .cabecera { float: left; width: 40%; }
    .btncabecera { width: 58%; float:right; margin-top: 30px; }
    .columna1 { width: 47%; float: left; border-right: 2px solid #002366; padding-left: 5px; padding-right: 5px; }
    .columna2 { width: 47%; float: left; border-left: 2px solid #002366; padding-left: 5px; padding-right: 5px; margin-left: -2px; }
    .junta { width: 38%; float: left; margin-left: 30px; }
    .fotojunta { width: 56%; float: left; margin-left: 5px; }
    .localizacion { width: 99%; text-align: center; }
    .social { width: 65%; float: left; margin-left: 30px; }
    .btnsocial { width: 70px; height: 70px; }
    .iframemap { width: 400px; height: 400px; }
    .imgactivl { width:47%; float:left; text-align: center; padding: 2px; margin: 3px;  border: 1px solid #000000; border-radius: 5px; }
    .video { border: 1px solid #000000; padding: 5px; width:348px; height: 270px; border-radius: 5px; }
    .div_video { text-align: center; width: 46%; margin: 0 0 25px 25px; display: inline-block; float: left; }
    .activtxt { width: 70%; display:inline-block; float: left; }
    .activimg { width: 25%; display:inline-block; float: left; margin-left: 20px; }
    .img_album_h { margin-top: 3px; width: 225px; height: 150px; }
    .img_album_v { margin-top: 3px; width: 150px; height: 225px; }
    .div_gal_h { width: 231px; height: 156px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 156px; height: 231px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 231px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
    .divavisolegal { width: 99%; }
}

@media (max-width: 959px){
    .master { width: 99%; }    
}
    
@media (min-width: 960px){
    .cabecera { float: left; width: 40%; }
    .columna1 { width: 47%; float: left; border-right: 2px solid #002366; padding-left: 10px; padding-right: 10px; }
    .columna2 { width: 47%; float: left; border-left: 2px solid #002366; padding-left: 10px; padding-right: 10px; margin-left: -2px; }
    .junta { width: 38%; float: left; margin-left: 40px; }
    .fotojunta { width: 56%; float: left; margin-left: 10px; }
    .localizacion{ width: 49%; float: left; }
    .social { width: 45%; float: left; padding-left: 40px; }
    .btnsocial { width: 75px; height: 75px; }
    .activtxt { width: 70%; display: inline-block; float: left; }
    .img_album_h { margin-top: 3px; width: 225px; height: 150px; }
    .img_album_v { margin-top: 3px; width: 150px; height: 225px; }
    .div_gal_h { width: 231px; height: 156px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_v { width: 156px; height: 231px; text-align: center; display: inline-block; border: 1px solid #000000 !important; }
    .div_gal_f { width: 231px; text-align: center; margin: 2px; vertical-align: middle; display: inline-block; border: 1px solid transparent !important; }
}

@media (max-width: 1023px) and (min-width: 960px){
    .master { width: 920px; margin: 0 auto; }
    .btn_seccion { width: 70px; height: 40px; }
    .btn_cabe { width: 80px; height: 40px; }
    .btncabecera { width: 55%; float:right; margin-top: 30px; }
    .iframemap { width: 430px; height: 430px; }
    .imgactivl { width: 49%; float:left; margin: 5px; text-align: center; padding: 3px; border: 1px solid #000000; border-radius: 5px; }
    .video { border: 1px solid #000000; padding: 10px; width: 432px; height: 324px; border-radius: 5px; }
    .div_video { text-align: center; width: 47%; margin: 0 0 25px 25px; display: inline-block; float: left; }
    .activimg { width: 25%; display:inline-block; float:left; margin-left:15px; }    
    .divavisolegal { width: 920px; }
}

@media (min-width: 1024px){
    .master { width: 960px; margin: 0 auto; }
    .btn_seccion { width: 75px; height: 40px; }
    .btn_cabe { width: 85px; height: 40px; }
    .btncabecera{ width: 58%; float:right; margin-top: 30px; }
    .localizacion { width: 49%; float: left; }
    .iframemap { width: 450px; height: 450px; }
    .imgactivl { width: 31%; float: left; margin: 5px; text-align: center; padding: 3px; border: 1px solid #000000; border-radius: 5px; }
    .video { border: 1px solid #000000; padding: 5px; width: 280px; height: 210px; border-radius: 5px; }
    .div_video { text-align: center; width: 31%; margin: 0 0 30px 15px; display: inline-block; float: left; }
    .activimg { width: 25%; display: inline-block; float:left; margin-left: 20px; }
    .divavisolegal { width: 960px; }
}

.divavisolegal { 
    bottom: 0px; 
    margin: 0 auto; 
    text-align: center; 
    opacity: 0.5; 
}

.divlogoff { 
    bottom: 0px;
    width: 250px;
    margin: 0 auto;
    opacity: 0.8; 
}

.logoff { 
    width: 50px; 
    height: 50px; 
}

.img_merch { 
    width: 99%; 
    text-align: center; 
    padding: 3px; 
    border: 1px solid #000000; 
    border-radius: 15px;
}

.imgcabecera { 
    width: 99%; 
}

.separador {
    height: 25px;
    clear: both;
}

.separador-medio {
    height: 15px;
}

a {
    font-family: "Verdana";
    text-decoration: none;
    color: #002366;
    font-size: 10pt;
}

a:hover {
    text-decoration: underline;
}

.div_gal_c { 
    width: 136px; 
    height: 136px; 
    text-align: center; 
    display: inline-block;
    border: 1px solid #000000 !important; 
}

.divalbum {
    width: 145px; 
    height: 231px; 
    text-align: center; 
    margin: 2px; 
    vertical-align: middle; 
    display: inline-block;
    border: 1px solid transparent !important;
}

.spantitle {
    text-decoration: underline;
    font-family: "verdana";
    color: #002366;
    font-size: 22pt;
}

.spansubtitle {
    font-family: "Verdana";
    font-weight: bold;
    font-size: 12pt;
    color: #002366;
}

.spanalbum {
    font-family: "Verdana";
    font-weight: bold;
    font-size: 10pt;
    color: #002366;
}

.spantitvideo {
    font-family: "Verdana";
    font-weight: bold;
    font-size: 12pt;
    color: #002366;
}

.spanaviso {
    font-family: "Verdana";
    font-size: 7pt;
    color: #002366;
}

.spantexto {
    font-family: "Verdana";
    font-size: 10pt;
    color: #002366;
}

.spanprecio {
    font-family: "Verdana";
    font-size: 12pt;
    color: #002366;
}

li {
    font-family: "Verdana";
    font-size: 10pt;
    color: #002366;
}

.aviso {
    font-family: "Verdana";
    font-size: 30pt;
    color: #002366;
}

.liprog {
    margin-top: 15px;
    margin-left: 15px;
}