@charset "UTF-8";
/* CSS Document */

@media screen and 
(min-width: 640px) and 
(max-width:900px)
{
    header {height: 250px!important;}
    
    #slider {width: 100%!important; height: 250px!important;}
    #slider .fluxslider {width: 100%!important; height: 250px!important;}
    #slider .images {width: 100%!important; height: 250px!important;}
    #slider .image1 {width: 100%!important; height: 250px!important; background-size: 100% 250px!important;}
    #slider .image2 {width: 100%!important; height: 250px!important; background-size: 100% 250px!important;}

    #contactos {left: -30px;}
    .box_vsoft {width: 43%!important; margin-left: 29%!important;}
    
    #address_mapa {text-decoration: none!important; margin-top: -20px!important; padding-bottom: 20px;}
    #mapa {text-decoration: none!important;}
    #bt_zonas_box {width: 180px!important; margin-left: 0px!important;}
    
    #slider_politica_amb {margin-left: 0px!important; margin-bottom: 10px!important; width: 100%!important; height: 300px!important;}
    #slider_politica_amb .fluxslider {width: 100%!important; height: 300px!important;}
    #slider_politica_amb .images {width: 100%!important; height: 300px!important;}
    #slider_politica_amb .image1 {width: 100%!important; height: 300px!important; background-size: 100% 300px!important;}
    #slider_politica_amb .image2 {width: 100%!important; height: 300px!important; background-size: 100% 300px!important;}
}

@media screen and 
(min-width: 300px) and 
(max-width:639px)
{
    header {height: 300px!important;}
    
    #slider {width: 100%!important; height: 150px!important;}
    #slider .fluxslider {width: 100%!important; height: 150px!important;}
    #slider .images {width: 100%!important; height: 150px!important;}
    #slider .image1 {width: 100%!important; height: 150px!important; background-size: 100% 150px!important;}
    #slider .image2 {width: 100%!important; height: 150px!important; background-size: 100% 150px!important;}
    
    .caption {height: 150px!important; bottom: -150px!important;}
    
    #contactos {left: -30px;}
    .box_vsoft {width: 75%!important; margin-left: 13%!important;}
    
    #address_mapa {text-decoration: none!important; margin-top: -20px!important; padding-bottom: 20px;}
    #mapa {text-decoration: none!important;}
    #bt_zonas_box {width: 180px!important; margin-left: 0px!important;}
    
    #slider_politica_amb {margin-left: 0px!important; margin-bottom: 10px!important; width: 100%!important; height: 300px!important;}
    #slider_politica_amb .fluxslider {width: 100%!important; height: 300px!important;}
    #slider_politica_amb .images {width: 100%!important; height: 300px!important;}
    #slider_politica_amb .image1 {width: 100%!important; height: 300px!important; background-size: 100% 300px!important;}
    #slider_politica_amb .image2 {width: 100%!important; height: 300px!important; background-size: 100% 300px!important;}
}