/*********/

/*TABLETS*/

/*********/

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

    #wrapper {
        box-sizing: border-box;
        padding: 0;
        width: 100%;
    }

    /*********/
    /*TOP BAR*/
    /*********/
    #dnn_topBar_links {
        width: 100%;
        max-height: auto;
    }

    #topBar #cc {
        height: auto;
    }


    #topBar #toppanel {
        top: 27px;
    }

    #theTools {
        display: none;
    }

    /********/
    /*HEADER*/
    /********/
    #header {
        box-sizing: border-box;
        display: inline-block;
        height: auto;
        margin: 0 auto;
        padding: 0 4%;
        width: 100%;
    }

    #theToolshome {
        float: right;
        width: 50%;
    }

    #socialMediaTools {
        float: right;
        margin: 60px 0 0 177px;
        text-align: right;
        width: 33%;
    }

    .menu {
        display: inline-block;
        height: auto;
        width: 100%;
    }

    .menu li a {
        font-size: 16px;
    }

    /***********/
    /*CONTENIDO*/
    /***********/
    #homeBanner #aspss-outer-panel_2006,
    #homeBanner #aspss-panel_2006 {
        width: 100%;
    }

    #homeBanner #aspss-slider_2006 {
        width: 60%;
    }

    #menu-outer_2006 {
        width: 40%;
    }

    #newsHome,
    #mediaHome {
        box-sizing: border-box;
        width: 100%;
    }

    #newsHome #cont_news {
        border-color: -moz-use-text-color;
        border-style: none none dotted dotted;
        border-width: 0 0 1px 1px;
        box-sizing: border-box;
        margin: 0 0 20px;
        min-height: 275px;
        width: 25%;
    }

    #newsHome #cont_news.news1 {
        border-left: none;
    }

    #newsHome #cont_news h2 {
        font-size: 18px;
        line-height: 18px;
        padding-right: 0;
    }

    #newsHome #cont_news img {
        height: auto !important;
        width: 100% !important;
    }

    #newsHome #cont_news p {
        background: none;
        line-height: 14px;
        margin: 0;
        padding: 0;
    }

    #newsHome #cont_news .head_title,
    #newsHome #cont_news .c_footer {
        display: none;
    }

    #mediaHome #videoHome {
        border: none;
        box-sizing: border-box;
        float: left;
        padding: 10px;
        width: 50%;
    }

    #mediaHome #videoHome iframe {
        margin: 0;
    }

    #mediaHome #adHome {
        float: left;
        width: 50%;
    }

    #adHome #adImageHome {
        border: none;
        box-sizing: border-box;
        text-align: center;
        width: 50%;
    }

    #adHome #adImageHome img {
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 3%;
        width: 100%;
    }

    #adHome #pollHome {
        background: #47A5E3 url("/site/Portals/11/images/skin/bg-poll.png") no-repeat scroll 0 0;
        border-radius: 10px;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        width: 50%;
    }

    #adHome #pollHome #Table1 {
        margin: 60px 0 0;
    }

    #adHome #pollHome input {
        border: none;
        margin: 0 5px 3px 2px;
    }

    #newsletter {
        display: none;
    }

    /********/
    /*FOOTER*/
    /********/
    #footerWrap #footer {
        box-sizing: border-box;
        display: inline-block;
        height: auto;
        padding: 0 4%;
        width: 100%;
    }

    #footerWrap #footer #footerMenu {
        height: auto;
        ;
    }

    #footerMenuFirst,
    #footerMenuSecond,
    #footerMenuThird,
    #footerMenuFourth {
        box-sizing: border-box;
        margin-right: 0;
        padding: 1%;
        width: 25%;
    }

    #footerMenuFifth {
        width: 25%;
    }

    #footerInfoline span span {
        font-size: 20px !important;
    }

}

@media screen and (max-width:980px) {}

@media screen and (max-width:800px) {}

@media screen and (max-width:768px) {}

/********/

/*MOBILE*/

/********/

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

    /***********/
    /*GENERALES*/
    /***********/
    #bodyWrap {
        background: none;
    }
    
    .ax-container {
    width: 95% !important;
}

    /*********/
    /*TOP BAR*/
    /*********/
    #topBar {
        background: #f57e20;
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
    }

    #topBar ul {
        box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 100%;
    }

    #topBar ul li {
        display: none;
    }

    #topBar #cc {
        float:right;
    }

    #topBar #toppanel {
        right: 0;
        top: 34px;
        width: 70%;
    }
    
    #topBar #panel {
    width: 245px;
    float: right;
}

    #topBar .panel_button {
    background: url(/site/Portals/12/skins/aguas_malambo/img/icon-naranja.jpg) center center no-repeat;
    float: right;
    height: 34px;
    margin-top: -34px;
    top: 0;
    width: 34px;
    position: absolute;
    right: 0;
    }
    
    div#dnn_redes_sociales {
    width: 190px;
    margin: 15px auto 0;
}

    #topBar .panel_button a,
    #topBar .panel_button img {
        display: none;
    }

    #topBar #panel_contents ul {
        margin: 0;
        padding: 0;
    }

    #topBar #panel_contents ul li:last-child {
        float: none;
    }

    /********/
    /*HEADER*/
    /********/
    #theToolshome {
        width: 100%;
        margin: 15px 0 0;
    }
    
    #search .SkinItem {
    position: absolute;
}
    
    .ax-plugin {
    position: absolute;
    margin-left: 10px;
}

    #socialMediaTools {
        margin: 0;
        width: 100%;
    }

    #search {
        box-sizing: border-box;
        padding: 0 5%;
        width: 90%;
    }

    #search .searchInputContainer {
        margin: 0 !important;
        width: 90%;
    }
    
    #homeBanner .ms-anim-layers .edsms_slideTitle3 {
    font-size: 18px !important;
    line-height: 18px !important;
}
    
    #menuPpal {
    margin-bottom: 0px;
    position: relative;
    box-shadow: none;
}

    #search .NormalTextBox {
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
    }

    #logo {
        text-align: center;
        width: 100%;
    }

    .menuMobile {
    top: 6px;
    display: block;
    width: 50px;
    height: 45px;
    background: url(/site/portals/1/lineas-menu-movil.png) 5px 4px no-repeat;
    float: right;
    text-indent: -999;
    background-color: #f57e21;
    margin: 10px;
}

    .menuMobile a {
        background: url("/site/Portals/11/images/skin/menu.png") center center no-repeat;
        display: block;
        height: 34px;
        text-indent: -9999px;
        width: 34px;
    }

    #megamenu_bg {
        left: -70%;
        margin: 0;
        position: absolute;
        top: 35px;
        width: 70%;
        z-index: 500;
    }

    .menu {
        background: #eee;
    display: none;
    height: auto;
    margin-top: 67px !important;
    }

    .menu li {
        border-bottom: 1px solid #eee;
        border-right: medium none;
        width: 100%;
    }

    .menu li a {
        color: #f57f20;
        font-size: 18px;
    }

    .menu li a.active,
    .menu li a:hover {
        background: #aaa;
        border: none;
        color: #fff;
    }

    .submenu {
        background: #eee;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .menu .submenu ul li {
        padding: 0;
    }

    .menu .submenu ul li a {
        background: none;
        border-bottom: 1px dotted;
        color: #404040;
        font-size: 15px;
        padding: 13px 15px;
    }

    .menu .submenu ul li:last-child a {
        border: none;
    }

    /***********/
    /*CONTENIDO*/
    /***********/
    #content {
        box-sizing: border-box;
        min-height: auto;
        padding: 0 4%;
        width: 100%;
    }
    
    div#cont_news{
        border:0 !important;
    }
    
    #newsHome, #mediaHome{
        border:0 !important;
    }
    
    #newsHome:after{
        display:none;
    }
    
    img.imageMovil {
    width: 60% !important;
    display: block;
    margin: 0 auto;
}
    
    #mediaHome #videoHome iframe {
        width: 100%;
    }
    
    img.imagemovil {
    margin: 15px auto 0;
    display: block;
}
    
    .centrar-text p , .centrar-text h2{
        text-align:center;
    }
    
    #enHome:after{
        display: none;
    }
    
    #enHome #pollHomeBG{
        min-height: 220px;
    }
    
    footer #footerInfoline:after{
        display:none;
    }
    
    #enHome #adImageHome, #enHome #pollHome{
        width:100%;
    }

    #homeBanner .ul_container ul li .menu-img,
    #homeBanner .ul_container ul li a:hover .menu-img,
    #homeBanner .ul_container ul li a.menu-active .menu-img {
        display: none;
    }

    #homeBanner .ul_container ul li .menu-title {
        margin: 10px;
    }

    #homeBanner #aspss-slider_2006,
    #homeBanner #slide-wrapper_2006 {
        width: 100%;
    }

    #homeBanner #menu-outer_2006 {
        display: none;
    }

    #homeBanner #slide-wrapper_2006 #slide-outer_2006 .slide {
        width: 100%;
    }

    #homeBanner .aspss-textbar_2006 {
        height: auto;
        width: 100%;
    }

    #homeBanner .aspss-textbar_2006 .textbar_2006 .bar-title a {
        font-size: 16px;
        line-height: 16px;
    }

    #homeBanner .aspss-textbar_2006 .textbar_2006 .bar-text {
        font-size: 11px;
        line-height: 11px;
    }

    #newsHome #cont_news {
        border-bottom: 1px dotted;
        border-left: none;
        border-right: none;
        border-top: none;
        box-sizing: border-box;
        float: left;
        height: auto;
        min-height: auto;
        padding: 10px 10px 40px;
        position: relative;
        width: 100%;
    }

    #newsHome #cont_news h2 {
        padding-right: 0;
    }

    #newsHome #cont_news img {
        height: auto !important;
        width: 100% !important;
    }

    #newsHome #cont_news.news3,
    #newsHome #cont_news.news4 {
        border-top: none;
    }

    #mediaHome #videoHome {
        width: 50%;
    }

    #mediaHome #adHome {
        width: 50%;
    }

    #adHome #adImageHome {
        border-right: medium none;
        min-height: 10px;
        height: auto;
        width: 50%;
    }

    #adHome #adImageHome img {
        margin: 0 !important;
        width: 100%;
    }

    #newsletter {
        display: none;
    }

    #adHome #pollHome {
        background: #47A5E3;
        background-image: none;
        border-radius: 10px;
        min-height: 10px;
        height: auto;
        margin: 0;
        padding: 0 0 20px;
        width: 50%;
    }

    #adHome #pollHome #Table1 {
        margin: 50px 0 0 13px;
        width: auto;
    }

    #adHome #pollHome #Table1 .surveyitems span {
        line-height: 13px;
        margin-bottom: 0;
    }

    #adHome #pollHome #Table1 br {
        display: none;
    }

    #main_content_int {
        margin: 0;
        width: 100%;
    }

    #main_content_int #dnn_ContentPane img {
        width: 100% !important;
        height: auto !important;
    }
    
    .galleryview{
        width:375px!important;
    }
    
    .article.boletines {
        width: 100%;}

    #dnn_ctr3349_HtmlModule_lblContent > table {
        width: 100% !important;
    }

    #content #colLeft,
    #content #colRight {
        width: 100%;
    }

    #main_content_int table,
    #contentpanes table {
        height: auto !important;
        width: 100% !important;
    }

    #main_content_int table td,
    #contentpanes table td {
        display: block;
    }

    #contentpanes {
        width: 100%;
    }

    #contentpanes img {
        height: auto !important;
        width: 100% !important;
    }

    /********/
    /*FOOTER*/
    /********/
    #footerWrap {
        background: url("/site/Portals/9/images/skin/bg_footer_menu.jpg") top left repeat;
        float: left;
        width: 100%;
    }

    #footerInfoline span span {
        font-size: 17px !important;
    }

    #footerWrap #footer #footerMenu {
        height: auto;
        width: 100%;
    }

    #footerMenuFirst,
    #footerMenuSecond,
    #footerMenuThird,
    #footerMenuFourth,
    #footerMenuFifth {
        margin-right: 0;
        width: 25%;
    }

    #footerWrap #footer #footerInfoline,
    #footerWrap #footer #footerInfolinks,
    #footerWrap #footer #footerInfocopy,
    #footerWrap #footer #footerInfologos {
        margin: 10px 0;
    }

    #footerWrap #footer #footerInfo p {
        text-align: left;
    }

    #footerWrap #footer #footerInfo .linea span {
        display: inline-block;
        font-size: 25px;
        line-height: 25px;
        margin-top: 10px;
    }

    #footerInfolinks {
        display: none;
    }

    #footerWrap #footer #footerInfocopy p {
        margin: 0;
    }

    #logo_grupo_epm {
        display: inline-block;
        margin: 30px 4%;
        width: 92%;
    }

    #footerWrap #footer #footerInfologos #logo_grupo_epm a {
        float: none;
        margin: 0 auto;
    }




}

@media screen and (max-width:568px) {}

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

    /***********/
    /*CONTENIDO*/
    /***********/
    #mediaHome #videoHome,
    #mediaHome #adHome {
        border-bottom: 1px dotted;
        width: 100%;
    }

    #adHome #adImageHome {
        width: 100%;
    }

    #adHome #pollHome {
        margin: 20px 0;
        width: 100%;
    }

    /********/
    /*FOOTER*/
    /********/
    #footerMenuFirst,
    #footerMenuSecond,
    #footerMenuThird,
    #footerMenuFourth,
    #footerMenuFifth {
        width: 100%;
    }

}

@media screen and (max-width:360px) {}

@media screen and (max-width:320px) {}