@media screen and (min-width:1024px) {
    #pabellonAmarillo .col1.active, #pabellonAmarillo .col1:hover, #pabellonAmarillo .col1m.active, #pabellonAmarillo .col1m:hover, #pabellonAmarillo .col1l.active, #pabellonAmarillo .col1l:hover, #pabellonAmarillo .col2L.active div, #pabellonAmarillo .col2L:hover div, #pabellonAmarillo .col2:hover, #pabellonAmarillo .col2x:hover  {
    animation: backgroundAmarillo1 1s linear infinite;
    }

    @keyframes backgroundAmarillo1 { 
        0% { background-color: #F39200 }
        50% { background-color: #6E4C1B }
        100% { background-color: #F39200 }
    }

    #pabellonAmarillo .color2.active, #pabellonAmarillo .color2:hover {
        animation: backgroundAmarillo2 1s linear infinite;
    }

    @keyframes backgroundAmarillo2 { 
        0% { background-color: #B17F4A }
        50% { background-color: #362A1C }
        100% { background-color: #B17F4A }
    }
    
    #pabellonAzul .col1.active, #pabellonAzul .col1:hover, #pabellonAzul .col1l.active, #pabellonAzul .col1l:hover, #pabellonAzul .col1m.active, #pabellonAzul .col1m:hover, #pabellonAzul .col2.active, #pabellonAzul .col2:hover, #pabellonAzul .col1x.active, #pabellonAzul .col1x:hover {
    animation: backgroundAzul 1s linear infinite;
    }

    @keyframes backgroundAzul { 
        0% { background-color: #00A7E7 }
        50% { background-color: #324C56 }
        100% { background-color: #00A7E7 }
    }
    
    #pabellonRojo .col1l.active, #pabellonRojo .col1l:hover, #pabellonRojo .col1m.active, #pabellonRojo .col1m:hover, #pabellonRojo .col1.active, #pabellonRojo .col1:hover, #pabellonRojo .col2.active, #pabellonRojo .col2:hover {
    animation: backgroundRojo 1s linear infinite;
	}

	@keyframes backgroundRojo { 
		0% { background-color: #E94F35 }
		50% { background-color: #56332D }
		100% { background-color: #E94F35 }
	}

	#pabellonRojo .color2.active, #pabellonRojo .color2:hover {
		animation: backgroundRojo2 1s linear infinite;
		position: relative;
		z-index: 5;
	}

	@keyframes backgroundRojo2 { 
		0% { background-color: #B17F4A }
		50% { background-color: #504437 }
		100% { background-color: #B17F4A }
	}
		
	#pabellonVerde .col1.active, #pabellonVerde .col3:hover, #pabellonVerde .col3.active, #pabellonVerde .col1:hover,#pabellonVerde .col1m.active, #pabellonVerde .col1m:hover, #pabellonVerde .col1l.active, #pabellonVerde .col1l:hover, #pabellonVerde .col2.active, #pabellonVerde .col2:hover, #pabellonVerde .col2m:hover {
		animation: backgroundVerde 1s linear infinite;
	}

	@keyframes backgroundVerde { 
		0% { background-color: #00A75D }
		50% { background-color: #2A3C34 }
		100% { background-color: #00A75D }
	}
    
    #hall .active, #hall .row .col1m3:hover, #hall .row .col1m2:hover, #hall .row .col1mH1:hover, #hall .row .col2:hover, #hall .row .col3:hover {
		animation: backgroundAzul 1s linear infinite;
	}

	@keyframes backgroundAzul { 
		0% { background-color: #00A7E7 }
		50% { background-color: #324953 }
		100% { background-color: #00A7E7 }
	}
		
	#pabellonBlanco .color2.active, #pabellonBlanco .color2:hover {
		animation: backgroundBlanco2 1s linear infinite;
	}

	@keyframes backgroundBlanco2 { 
		0% { background-color: #D7C36E }
		50% { background-color: #6F6330 }
		100% { background-color: #D7C36E }
	}

	#pabellonBlanco .color1.active, #pabellonBlanco .color1:hover {
		animation: backgroundBlanco1 1s linear infinite;
	}

	@keyframes backgroundBlanco1 {
		0% { background-color: #CAC6B8 }
		50% { background-color: #2F2E2B }
		100% { background-color: #CAC6B8 }
	}

	#pabellonBlanco .color3.active, #pabellonBlanco .color3:hover {
		animation: backgroundBlanco3 1s linear infinite;
	}

	@keyframes backgroundBlanco3 {
		0% { background-color: #665E3E }
		50% { background-color: #FBDF72 }
		100% { background-color: #665E3E }
	}
		
	#pabellonCultural .col2.active, #pabellonCultural .col2:hover, #pabellonCultural .col3:hover, #pabellonCultural .col3.active, #pabellonCultural .col4:hover, #pabellonCultural .col4.active, #pabellonCultural .col1.active, #pabellonCultural .col1:hover, #pabellonCultural .col1l:hover, #pabellonCultural .col1x:hover {
		animation: backgroundCultural 1s linear infinite;
	}

	@keyframes backgroundCultural { 
		0% { background-color: #951B81 }
		50% { background-color: #2A1E28 }
		100% { background-color: #951B81 }
	}
	
	#convenciones .col2.active, #convenciones .col2:hover, #convenciones .col3:hover, #convenciones .col3.active, #convenciones .col4:hover, #convenciones .col4.active, #convenciones .col1.active, #convenciones .col1:hover, #convenciones .col1l:hover, #convenciones .col1x:hover {
		animation: backgroundConvenciones 1s linear infinite;
	}

	@keyframes backgroundConvenciones { 
		0% { background-color: #951B81 }
		50% { background-color: #2A1E28 }
		100% { background-color: #951B81 }
	}  
}

@media screen and (max-width:1023px) {
    .slider {
        height: 300px;
    }
    
    .container_big_adds {
        height: 300px;
    }
    
    .filtros select {
        margin-left: 15px;
    }
    
    .slider_small, .slider_small2, .slider_small3 {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    .directional_nav {
        height: 300px;
        top: -300px;
    }
    
    .fancy_header > div:first-child {
        margin-top: 20px;
    }
    
    .fancy_header > div:first-child img {
        margin-top: 10px;
        width: 70%;
        height: auto;
    }
}

@media screen and (max-width:800px) {
  #pabellonAmarillo .row p {
    font-size: 10px;
    line-height: 10px;
  }

  #pabellonAmarillo .row .col1 p {
    padding-top: 7px;
    word-wrap: break-word;
  }

  #pabellonAmarillo .row .col2 p {
    padding-top: 12px;
  }

  #pabellonAmarillo .row .col1m p {
    padding-top: 12px;
  }

  #pabellonAmarillo .row .col1.col1mH p {
    padding-top: 16px;
  }

  #pabellonAmarillo .row .col1.col1Top2.col1mH2 p {
    padding-top: 22px;
  }

  #pabellonAmarillo .row .col1m.col1mH2 p {
    padding-top: 22px;
  }

  #pabellonAmarillo .row .col1l p {
    padding-top: 13px;
  }

  #pabellonAmarillo .row .col2L.col1mH3 p {
    padding-top: 13px;
  }

  #pabellonAmarillo2 .col1 p {
    font-size: 8px;
    line-height: 10px;
    padding-top: 3px;
  }

  #pabellonAzul .row p {
    font-size: 8px;
    line-height: 10px;
    word-wrap: break-word;
  }

  #pabellonAzul .row .col1 p {
    padding-top: 12px;
  }

  #pabellonAzul .row .col1l p {
    padding-top: 12px;
  }

  #pabellonAzul .row .col1m p {
    padding-top: 12px;
  }

  #pabellonAzul .row .col1.col1mH.mLeftP p {
    padding-top: 12px;
  }

  #pabellonAzul .row .col1.col1mH p {
    padding-top: 17px;
  }

  #pabellonAzul .row .col2.col1mH p {
    padding-top: 17px;
  }

  #pabellonAzul .row .col1m.col1mH2 p {
    padding-top: 23px;
  }

  #pabellonAzul .row .col1m.col1Top.col1mH p {
    padding-top: 18px;
  }

  #pabellonAzul .row .col1x p {
    padding-top: 11px;
  }

  #pabellonBlanco .row .col1m p {
    padding-top: 35px;
  }

  #pabellonBlanco .row .col1.col1mH p {
    padding-top: 40px;
  }

  #pabellonBlanco .row .col1l p {
    padding-top: 35px;
  }

  #pabellonBlanco .row .col1 p {
    padding-top: 35px;
  }

  #pabellonBlanco .row .col1.col1mH4 p {
    padding-top: 20px;
  }

  #pabellonCultural .row .col2.col1mH p {
    padding-top: 30px;
  }

  #pabellonCultural .row .col1.col1mH2 p {
    padding-top: 50px;
  }

  #pabellonCultural .row .col1 p {
    padding-top: 25px;
  }

  #hall .row .col1 p {
    padding-top: 9px;
    word-wrap: break-word;
  }

  #hall .row .col2.col1mH p {
    padding-top: 45px;
  }

  #hall .row .col3.col1mH3 p {
    padding-top: 35px;
  }
  
  #convenciones .row .col1 p {
    padding-top: 9px;
    word-wrap: break-word;
  }

  #convenciones .row .col2.col1mH p {
    padding-top: 45px;
  }

  #convenciones .row .col3.col1mH3 p {
    padding-top: 35px;
  }

  #pabellonRojo .row p {
    font-size: 10px;
    word-wrap: break-word;
  }

  #pabellonRojo .row .col1l p {
    padding-top: 10px;
  }

  #pabellonRojo .row .col1m p {
    padding-top: 10px;
  }

  #pabellonRojo .row .col1 p {
    padding-top: 4px;
  }

  #pabellonRojo .row .col1m.col1mH p {
    padding-top: 14px;
  }

  #pabellonRojo .row .col1.col1mH.col1Top p {
    padding-top: 11px;
  }

  #pabellonRojo .row .col1.col1mH p {
    padding-top: 11px;
  }

  #pabellonRojo .row .col1.col1mH.col1Top2 p {
    padding-top: 11px;
  }

  #pabellonRojo .row .col2 p {
    padding-top: 10px;
  }

  #pabellonVerde .row p {
    font-size: 10px;
    line-height: 10px;
  }

  #pabellonVerde .row .col1.col1mH p {
    padding-top: 12px;
  }

  #pabellonVerde .row .col1.col1Top p {
    padding-top: 7px;
  }

  #pabellonVerde .row .col1l p {
    padding-top: 11px;
  }

  #pabellonVerde .row .col1 p {
    padding-top: 8px;
  }

  #pabellonVerde .row .col1m p {
    padding-top: 12px;
  }

  #pabellonVerde .row .col2.col1mH3 p {
    padding-top: 4px;
  }

  #pabellonVerde .row .col1.col1mH4 p {
    padding-top: 17px;
  }
}

@media screen and (max-width:599px) {
  #pabellonAmarillo .row p {
    font-size: 9px;
  }

  #pabellonAmarillo .row .col1 p {
    padding-top: 4px;
  }

  #pabellonAmarillo .row .col2 p {
    padding-top: 8px;
  }

  #pabellonAmarillo .row div {
    border-radius: 2px !important;
  }

  #pabellonAmarillo .row .col1m p {
    padding-top: 8px;
  }

  #pabellonAmarillo .row .col1.col1Top2.col1mH2 p {
    padding-top: 15px;
  }

  #pabellonAmarillo .row .col1.col1mH p {
    padding-top: 10px;
  }

  #pabellonAmarillo .row .col1m.col1mH2 p {
    padding-top: 18px;
  }

  #pabellonAmarillo .row .col1l p {
    padding-top: 9px;
  }

  #pabellonAmarillo .row .col2L.col1mH3 p {
    padding-top: 9px;
  }

  #pabellonAzul .row div {
    border-radius: 2px !important;
  }

  #pabellonAzul .row p {
    line-height: 8px;
  }

  #pabellonAzul .row .col1 p {
    padding-top: 6px;
    line-height: 8px;
  }

  #pabellonAzul .row .col1m p {
    padding-top: 7px;
  }

  #pabellonAzul .row .col1l p {
    padding-top: 7px;
  }

  #pabellonAzul .row .col1.col1mH p {
    padding-top: 11px;
  }

  #pabellonAzul .row .col2.col1mH p {
    padding-top: 12px;
  }

  #pabellonAzul .row .col1m.col1mH2 p {
    padding-top: 17px;
  }

  #pabellonAzul .row .col1x p {
    padding-top: 6px;
  }

  #pabellonAzul .row .col1m.col1Top.col1mH p {
    padding-top: 14px;
  }

  #pabellonBlanco .row .col1m p {
    padding-top: 25px;
  }

  #pabellonBlanco .row .col1.col1mH p {
    padding-top: 30px;
  }

  #pabellonBlanco .row .col1l p {
    padding-top: 25px;
  }

  #pabellonBlanco .row .col1 p {
    padding-top: 25px;
  }

  #pabellonBlanco .row .col1.col1mH4 p {
    padding-top: 15px;
  }

  #pabellonCultural .row .col2.col1mH p {
    padding-top: 22px;
  }

  #pabellonCultural .row .col1.col1mH2 p {
    padding-top: 40px;
  }

  #pabellonCultural .row .col1 p {
    padding-top: 18px;
  }

  #hall .row .col1 p {
    font-size: 9px;
    line-height: 9px;
    padding-top: 7px;
  }

  #hall .row .col2.col1mH p {
    padding-top: 38px;
  }

  #hall .row .col3.col1mH3 p {
    padding-top: 29px;
  }
  
  #convenciones .row .col1 p {
    font-size: 9px;
    line-height: 9px;
    padding-top: 7px;
  }

  #convenciones .row .col2.col1mH p {
    padding-top: 38px;
  }

  #convenciones .row .col3.col1mH3 p {
    padding-top: 29px;
  }

  #pabellonRojo .row p {
    font-size: 9px;
    line-height: 9px;
  }

  #pabellonRojo .row .col1l p {
    padding-top: 9px;
  }

  #pabellonRojo .row .col1m p {
    padding-top: 5px;
  }

  #pabellonRojo .row .col1m.col1mH p {
    padding-top: 10px;
  }

  #pabellonRojo .row .col1.col1mH p {
    padding-top: 8px;
  }

  #pabellonVerde .row p {
    font-size: 9px;
    line-height: 9px;
  }

  #pabellonVerde .row .col1.col1mH p {
    padding-top: 8px;
  }

  #pabellonVerde .row .col1.col1Top p {
    padding-top: 4px;
  }

  #pabellonVerde .row .col1 p {
    padding-top: 5px;
  }

  #pabellonVerde .row .col1l p {
    padding-top: 8px;
  }

  #pabellonVerde .row .col1m p {
    padding-top: 4px;
  }

  #pabellonVerde .row .col2.col1mH3 p {
    padding-top: 2px;
  }

  #pabellonVerde .row .col1.col1mH4 p {
    padding-top: 12px;
  }
}

@media screen and (max-width:767px) {
    .container_big_adds {
        height: 240px;
    }
    
    .slider {
        height: 240px;
    }
    
    .directional_nav {
        height: 240px;
        top: -240px;
    }
    
    .filtros select {
        width: 150px;
    }
    
    .filtros input {
        width: 150px;
    }
    
    .filtros a {
        width: 135px;
        height: 25px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 10px;
    }
}

@media screen and (max-width: 619px) {
    .directional_nav {
        height: 190px;
        top: -190px;
    }
    
    .container_big_adds {
        height: 190px;
    }
    
    .slider {
        height: 190px;
    }
    
    .filtros a {
        float: none;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
    }
    
    .filtros {
        text-align: center;
    }
    
    .slider_small, .slider_small2, .slider_small3 {
        width: 260px;
        height: 156px;
    }
    
    .slide_small img {
        width: 100%;
        display: block;
    }
    
    .filtros div p {
        left: -100px;
        top: 20px;
    }
}

@media screen and (max-width: 479px) {
  #pabellonAmarillo .row p {
    padding-top: 8px;
    line-height: 7px;
  }

  #pabellonAmarillo .row .col1 p {
    padding-top: 5px;
  }

  #pabellonAmarillo .row .col1l p {
    padding-top: 6px;
  }

  #pabellonAmarillo .row .col2 p {
    padding-top: 6px;
  }

  #pabellonAmarillo .row .col1m p {
    padding-top: 5px;
    word-wrap: break-word;
  }

  #pabellonAmarillo .row .col1.col1mH p {
    padding-top: 6px;
  }

  #pabellonAmarillo .row .col1m.col1mH2 p {
    padding-top: 10px;
  }

  #pabellonAmarillo .row .col1.col1Top2.col1mH2 p {
    padding-top: 10px;
  }

  #pabellonAmarillo .row .col2L.col1mH3 p {
    padding-top: 6px;
  }

  #pabellonAmarillo2 .col1 p {
    font-size: 7px;
    line-height: 9px;
    padding-top: 0;
  }

  #pabellonAzul .row .col1 p {
    line-height: 9px;
    padding-top: 4px;
  }

  #pabellonAzul .row p {
    font-size: 9px;
    line-height: 9px;
  }

  #pabellonAzul .row .col1m p {
    padding-top: 4px;
  }

  #pabellonAzul .row .col1l p {
    padding-top: 4px;
  }

  #pabellonAzul .row .col1.col1mH.mLeftP p {
    padding-top: 5px;
  }

  #pabellonAzul .row .col1.col1mH p {
    padding-top: 6px;
  }

  #pabellonAzul .row .col2.col1mH p {
    padding-top: 7px;
  }

  #pabellonAzul .row .col1m.col1mH2 p {
    padding-top: 10px;
  }

  #pabellonAzul .row .col1x p {
    padding-top: 0px;
  }

  #pabellonAzul .row .col1m.col1Top.col1mH p {
    padding-top: 7px;
  }

  #pabellonBlanco .row .col1m p {
    padding-top: 15px;
  }

  #pabellonBlanco .row .col1.col1mH p {
    padding-top: 20px;
  }

  #pabellonBlanco .row .col1l p {
    padding-top: 15px;
  }

  #pabellonBlanco .row .col1 p {
    padding-top: 15px;
  }

  #pabellonBlanco .row .col1.col1mH4 p {
    padding-top: 9px;
  }

  #pabellonCultural .row .col2.col1mH p {
    padding-top: 12px;
  }

  #pabellonCultural .row .col1.col1mH2 p {
    padding-top: 25px;
  }

  #pabellonCultural .row .col1 p {
    padding-top: 10px;
  }

  #hall .row .col3.col1mH3 p {
    padding-top: 17px;
  }

  #hall .row .col2.col1mH p {
    padding-top: 23px;
  }
  
  #convenciones .row .col3.col1mH3 p {
    padding-top: 17px;
  }

  #convenciones .row .col2.col1mH p {
    padding-top: 23px;
  }

  #pabellonRojo .row .col1l p {
    padding-top: 4px;
  }

  #pabellonRojo .row .col1m p {
    padding-top: 4px;
  }

  #pabellonRojo .row .col2 p {
    padding-top: 5px;
  }

  #pabellonRojo .row .col1m.col1mH p {
    padding-top: 7px;
  }

  #pabellonRojo .row .col1.col1mH.col1Top p {
    padding-top: 7px;
  }

  #pabellonRojo .row .col1.col1mH.col1Top2 p {
    padding-top: 8px;
  }

  #pabellonVerde .row .col1.col1mH p {
    padding-top: 1px;
  }

  #pabellonVerde .row p {
    line-height: 8px;
  }

  #pabellonVerde .row .col1.col1Top p {
    padding-top: 0;
  }

  #pabellonVerde .row .col1l p {
    padding-top: 5px;
  }

  #pabellonVerde .row .col1 p {
    padding-top: 0;
  }

  #pabellonVerde .row .col1.col1mH4 p {
    padding-top: 5px;
  }
    
    .filtros select {
        margin-left: 0px;
    }
    
    .slider {
        height: 145px;
    }
    
    .container_big_adds {
        height: 145px;
    }
    
    .directional_nav {
        height: 145px;
        top: -145px;
    }
    
    .slide_buttons {
        display: none;
    }
    
    .footer div:first-child {
        width: 80px;
    }
    
    .footer div:last-child {
        padding-right: 13px;
    }
    
    .footer div:last-child p {
        font-size: 10px;
    }
    
    .slider_small, .slider_small2, .slider_small3 {
        width: 192px;
        height: 116px;
    }
    
    .slide_small img {
        width: 100%;
        display: block;
    }
    
    .filtros select {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    .previous_btn {
        left: 0;
    }
    
    .next_btn {
        right: 0;
    }
    
    .fancy_header > div:last-child > p {
        font-size: 16px;
        line-height: 16px;
    }
    
    .fancy_header > div:last-child > div > div > p:first-child {
        font-size: 16px;
        line-height: 16px;
    }
    
    .fancy_header > div:last-child > div > div > p:last-child {
        font-size: 16px;
        line-height: 16px;
    }
    
    .fancy_body {
        padding: 10px 20px 20px 20px;
    }

    .table>thead>tr>th {
      vertical-align: top !important;
    }

    table.dataTable thead .sorting_asc:after {
      bottom: inherit !important;
      top: 8px !important;
    }
    table.dataTable thead>tr>th{
      padding-right: inherit !important;
    }
    .table-bordered>thead>tr>th{
      border: inherit !important;
    } 
}