* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

/* Reset */
body {
    font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

h1,
h2,
h3 {
    font-family: 'Asap', sans-serif;
    margin: 0 0 15px;
    color: #f57f20;
    font-size: 14px;
    line-height: normal;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
    color: #666666;

}

p {
    font-size: 12px;
    color: #5b5b5f;
    margin: 0 0 10px;
}

span {
    font-size: 12px;
}

a, a:visited {
    color: #f57f20;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
}

a:hover {
    color: #f57f20;
    text-decoration: underline;
}

ul:not(.redactor-toolbar) {
    margin: 0;
}

img {
    max-width: 100%;
}

table,
table td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5b5b5f;
}

/* Contenedor principal */
#bodyWrap {
    background: url(../img/bg_main.jpg) center top no-repeat;
    width: 100%;
}

#bodyWrap:after {
    content: "";
    display: block;
    clear: both;
}

.dnnEditState #bodyWrap {
    margin-bottom: 90px;
}

/* Top Bar */
#topBar {
    height: 27px;
    background: #f57e20;
    box-shadow: 0px 0px 5px 0px #000;
}

.dnnEditState #topBar {
    height: auto;
}

    #topBar .topBar-links ul:not(.redactor-toolbar) li {
        display: inline-block;
        margin-right: 2%;
        line-height: 27px;
    }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a {
            padding-left: 17px;
            color: #FFFFFF;
            font-size: 11px;
            font-weight: bold;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-rss {
            background: url(../img/bg-rss-icon.png) left top no-repeat;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-map {
            background: url(../img/bg-map-icon.png) left top no-repeat;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-recommend {
            background: url(../img/bg-recommend-icon.png) left top no-repeat;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-mail {
            background: url(../img/bg-mail-icon.png) left top no-repeat;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-help {
            background: url(../img/bg-help-icon.png) left top no-repeat;
        }

        #topBar .topBar-links ul:not(.redactor-toolbar) li a.top-user {
            background: url(../img/bg-user-icon.png) left top no-repeat;
        }

/* Acerca de nosotros */
#topBar #cc {
    position: relative;
}

#topBar #toppanel {
    position: absolute;
    width: 100%;
    top: 0;
}

#topBar #panel {
    width: 280px;
    position: relative;
    top: 0;
    height: 0px;
    margin: 0 auto;
    z-index: 999;
    overflow: hidden;
}

#topBar #panel_contents {
    background: url(../img/centroContacto_content.png) top center repeat-y;
    height: 100%;
    width: 100%;
    position: absolute;
}

#topBar #panel ul:not(.redactor-toolbar) {
    padding: 20px 30px 1;
}

    #topBar #panel ul:not(.redactor-toolbar) li {
        font-family: 'Conv_TerminalDosis-Regular', sans-serif;
        display: block;
        padding: 5px 0;
        margin: 0;
        border-bottom: 1px dotted #ffffff;
    }

        #topBar #panel ul:not(.redactor-toolbar) li a {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            line-height: 27px;
        }

#topBar .panel_button {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 60px;
    background: url(../img/centroContacto_off.png) top center no-repeat;
    z-index: 999;
    cursor: pointer;
    text-align: center;
}

    #topBar .panel_button img {
        margin-top: 8px;
    }

/* Header */
#logo {
    margin: 20px 0;
    min-height: 80px;
}

#theToolshome {
    margin: 65px 0 0;
}

/* Buscador */
#search {
    float: right;
    width: 240px;
    margin-right: 3%;
}

    #search .NormalTextBox {
        border: 1px solid #dbdbdb;
        height: 30px;
        padding: 0 10px;
        width: 200px;
        border-radius: 4px;
    }

    #search .dnnSearchBoxClearText {
        display: none;
    }

    #search .searchSkinObjectPreview {
        font-size: 13px;
        z-index: 9999;
    }

    #search .SkinItem {
        background: url(../img/icon_search.png) no-repeat center center #f57e20;
        float: right;
        height: 30px;
        text-indent: -9999px;
        width: 34px;
        border-radius: 4px;
    }

/* Redes sociales*/
#socialMediaTools {
    margin-right: 20px;
    float: right;
}

    #socialMediaTools #menu li {
        float: left;
        margin-left: 5px;
    }

        #socialMediaTools #menu li a {
            display: block;
            width: 32px;
            height: 33px;
            background: url(../img/redes.png) no-repeat;
            font-size: 0px;
        }

        #socialMediaTools #menu li a#m0 {
            background-position: -2px -3px;
        }

        #socialMediaTools #menu li a#m1 {
            background-position: -39px -3px;
        }

        #socialMediaTools #menu li a#m2 {
            background-position: -76px -3px;
        }

        #socialMediaTools #menu li a#m3 {
            background-position: -113px -3px;
        }

        #socialMediaTools #menu li a#m4 {
            background-position: -151px -3px;
        }

    #socialMediaTools #menu li a:hover {
        background-position-y: -37px !important;
    }

/* Menu Principal */
.menuMobile {
    display: none;
}

#menuPpal {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}

.menu li {
    border-right: 2px solid #f57f20;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    width: 25%;
    line-height: 14px;
    position: relative;
}

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

    .menu li ul:not(.redactor-toolbar) {
        margin: 0;
    }

    .menu li a {
        color: #5b5b5f;
        display: block;
        padding: 20px 0;
        text-decoration: none;
        font-size: 18px;
    }

    .menu > li:hover a {
        color: #f57f20;
    }

.submenu {
    background: #fff;
    border-left: 2px solid #f57f20;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 0 8px -3px #000;
    position: absolute;
    width: 100%;
    left: -2px;
    display: none;
    z-index: 999;
    text-align: left;
    padding: 18px;
}

.menu > li:hover > .submenu {
    display: block;
}

.menu .submenu ul:not(.redactor-toolbar) li {
    border: none;
    text-align: left;
    width: 100%;
}

    .menu .submenu ul:not(.redactor-toolbar) li a {
        border: none;
        color: #f57f20;
        font-size: 15px;
        padding: 7px 10px;
        font-weight: bold;
    }

    .menu .submenu ul:not(.redactor-toolbar) li:hover a {
        color: #404040;
    }

.menu .submenu ul:not(.redactor-toolbar) ul:not(.redactor-toolbar) {
    display: none;
}

/* Breadcrumb */
#migas {
    font-size: 12px;
}

    #migas a,
    #migas span {
        color: #767676;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

/* Banner */
#homeBanner {
    margin: 20px 0;
}

    #homeBanner .ms-anim-layers {
        width: 100%;
        height: 30%;
        top: 70%;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        position: relative;
    }

        #homeBanner .ms-anim-layers .edsms_slideTitle3 {
            font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
            font-size: 24px !important;
            color: #e07105;
            margin: 0 !important;
            padding: 15px !important;
            background:  none;
            position:  relative;
            bottom: 0 !important;
            right:  0 !important;
        }

        #homeBanner .ms-anim-layers .edsms_slideDescription3 {
            font-size: 11px !important;
            color: #ffffff;
            padding: 0 15px !important;
            position: relative;
            bottom: 0 !important;
            right: 0 !important;
            background: none;
        }

    #homeBanner .ms-thumb-list .ms-thumb-frame {
        height: auto !important;
    }

        #homeBanner .ms-thumb-list .ms-thumb-frame .ms-thumb {
            width: 100%;
            height: auto;
            background: #f3f3f3;
            margin: 0 !important;
            border: none;
            border-top: 1px solid #bfbfbf;
            padding: 15px;
            box-sizing: border-box;
            right: 0;
        }

        #homeBanner .ms-thumb-list .ms-thumb-frame .ms-thumb h3 {
            color: #f57f20;
            font-size: 15px;
            margin: 10px 0;
        }

        #homeBanner .ms-thumb-list .ms-thumb-frame.ms-thumb-frame-selected .ms-thumb {
            background: #f57f20;
            box-shadow: none;
        }

        #homeBanner .ms-thumb-list .ms-thumb-frame.ms-thumb-frame-selected .ms-thumb h3 {
            color: #fff;
        }

/* Home */
#newsHome {
    position: relative;
    border-right: 1px dotted #A2A2A2;
}

#newsHome:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 1px dotted #A2A2A2;
    height: 100%;
    top: 0;
    left: 50%;
}

    #newsHome #cont_news {
        display: inline-block;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
        vertical-align: top;
    }

    #newsHome #cont_news.news3,
    #newsHome #cont_news.news4 {
        border-top: 1px dotted #A2A2A2;
    }

        #newsHome #cont_news h2 {
            color: #f57f20;
            font-size: 24px;
            font-weight: normal;
            margin: 10px 0;
            padding-right: 20px;
            line-height: 26px;
        }

        #newsHome #cont_news p {
            background: url(../img/footer_list.png) no-repeat scroll 0 7px rgba(0, 0, 0, 0);
            margin: 0 0 10px;
            padding: 0 20px;
        }

        #newsHome #cont_news a {
            color: #5B5B5F;
            font-size: 13px;
        }

#mediaHome #videoHome {
    border-bottom: 1px dotted #a2a2a2;
    box-sizing: border-box;
    padding: 0 10px 10px;
}

#enHome {
    position: relative;
}

#enHome:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 1px dotted #A2A2A2;
    height: 100%;
    top: 0;
    left: 50%;
}

    #enHome #adImageHome,
    #enHome #pollHome {
        width: 50%;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        padding: 10px;
    }

    #enHome #pollHomeBG {
        background: url(../img/bg-poll.png) top center #f57f20 no-repeat;
        min-height: 250px;
        border-radius: 12px;
    }

/* Newsletter */
#newsletter {
    background: url(../img/bk_suscribe.jpg) top center no-repeat;
    min-height: 80px;
    margin: 30px 0;
    background-size: 100% 100%;
}

/* Footer */
footer #footerMenu {
    font-size: 13px;
    margin: 30px 0;
}

footer #footerMenu:after {
    content: "";
    display: block;
    clear: both;
}

    footer #footerMenu h3 {
        font-size: 18px;
        font-family: 'Terminal Dosis', sans-serif;
        line-height: 20px;
        margin-top: 0;
    }

    footer #footerMenu ul:not(.redactor-toolbar) {
        margin-left: 15px;
    }

        footer #footerMenu ul:not(.redactor-toolbar) li {
            background: url(../img/footer_list.png) 0px 7px no-repeat;
            padding-left: 10px;
            margin-bottom: 6px;
        }

            footer #footerMenu ul:not(.redactor-toolbar) li a {
                padding: 0 10px;
                font-size: 13px;
                color: #424242;
                display: inline-block;
            }

            footer #footerMenu ul:not(.redactor-toolbar) li a:hover {
                color: #f57f20;
            }

footer #footerInfo {
    background: url(../img/bg_footer_menu.jpg) top repeat;
    padding-bottom: 25px;
}

footer #footerInfoline,
footer #footerInfolinks {
    border-bottom: 1px dotted #B2B2B2;
}

    footer #footerInfolinks ul:not(.redactor-toolbar) {
        margin: 10px 0;
        text-align: center;
    }

        footer #footerInfolinks ul:not(.redactor-toolbar) li {
            padding: 0 10px;
            border-right: 1px solid #B2B2B2;
            display: inline-block;
        }

        footer #footerInfolinks ul:not(.redactor-toolbar) li.last {
            border: none;
        }

            footer #footerInfolinks ul:not(.redactor-toolbar) li a {
                font-weight: 100;
                font-size: 11px;
                color: #333;
            }

footer #footerInfocopy p {
    margin: 10px 0;
}

    footer #footerInfocopy p a {
        font-size: 12px;
        color: #333;
        font-weight: bold;
    }

footer #footerInfologos #logo_superservicios {
    background: url(../img/logo_superservicios.png) no-repeat;
    float: left;
    width: 73px;
    height: 18px;
}

footer #footerInfologos #logo_grupo_epm {
    float: right;
}

    footer #footerInfologos #logo_grupo_epm a {
        background: url(../img/logo_grupo_epm.png) no-repeat;
        display: block;
        width: 247px;
        height: 51px;
    }

footer #footerInfoline {
    text-align: center;
    position: relative;
    padding-bottom: 10px;
}

footer #footerInfoline:after {
    content: "";
    position: absolute;
    width: 2px;
    background: #f57f20;
    height: 100%;
    left: 50%;
}

    footer #footerInfoline h2 {
        color: #F57F20;
        font-size: 20px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-align: center;
        margin-top: 15px;
    }

        footer #footerInfoline h2 span {
            color: #616161;
            font-size: 20px;
        }

    footer #footerInfoline P {
        margin: 0;
    }

        footer #footerInfoline P span {
            font-size: 22px;
            color: #444444;
            font-weight: bold;
        }

footer #footerInfoline #dnn_footerInfolineContent1 P span {
    margin-bottom: 30px;
    display: inline-block;
}

/* Interna */
#main_content_int {
    margin: 20px 0;
}

    #main_content_int ul:not(.redactor-toolbar) li {
        background: url(../img/footer_list.png) 5px 5px no-repeat;
        padding-left: 20px;
    }

    #main_content_int li,
    #main_content_int .ModDNNHTMLC {
        font-size: 12px;
    }

/* Buscador */
.ModSearchResultsC .dnnSearchBoxPanel,
.ModSearchResultsC .dnnSearchResultItem-Others,
.ModSearchResultsC .dnnSearchResultItem-Subset {
    display: none;
}

.ModSearchResultsC .dnnSearchResultItem-Description {
    font-size: 12px;
}

.ModSearchResultsC .dnnSearchResultItem-Title a {
    font-weight: bold;
    font-size: 15px;
}

.ModSearchResultsC li {
    background: none !important;
    padding: 0 !important;
}

/* Error 404 */
#bodyWrap.simple {
    background: none;
}

.simple #logo {
    text-align: center;
}

.error-404 {
    width: 100%;
    margin: 20px auto;
    display: inline-block;
    text-align: center;
}

    .error-404 h3 {
        font-size: 30px;
        font-weight: normal;
        margin: 0;
        color: #f57e20;
    }

    .error-404 h2 {
        font-size: 120px;
        line-height: 100px;
        color: #f57e20;
    }

    .error-404 p {
        margin: 50px 0;
        font-size: 25px;
        line-height: normal;
    }

    .error-404 a {
        font-size: 25px;
        line-height: normal;
        color: #f57e20;
    }

/* Login */
.ModAuthenticationC {
    font-size: 15px;
    text-align: center;
}

.ModAuthenticationC .LoginPanel {
    width: 500px;
    padding: 10px;
    max-width: 100%;
    margin: auto;
    float: none;
    border: 1px solid #7f8184;
}

.ModAuthenticationC .dnnForm .dnnFormItem {
    text-align: center;
    margin: 5px auto;
    display: inline-block;
}

.ModAuthenticationC .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    float: none;
    margin: 10px auto 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

    .ModAuthenticationC .dnnForm .dnnFormItem  > .dnnLabel label {
        color: #f57e20;
        font-weight: bold;
    }

.ModAuthenticationC .dnnForm .dnnFormItem > input {
    border-radius: 0;
}

.ModAuthenticationC .dnnForm .dnnFormItem > span.dnnFormLabel {
    display: none;
}

.ModAuthenticationC .dnnForm .dnnFormItem ul {
    padding: 0;
}

.ModAuthenticationC .dnnForm .dnnFormItem ul li {
    padding: 0;
    margin: 0;
    background: none !important;
}

.ModAuthenticationC .dnnForm .dnnFormItem .dnnPrimaryAction,
.ModAuthenticationC .dnnForm .dnnFormItem .dnnSecondaryAction {
    border-radius: 0;
    background: #f57e20;
    border: none;
    color: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.6), inset 0 1px 0 0 rgba(255,255,255,0.4);
    text-decoration: none;
    padding: 5px 10px;
    text-shadow: 0 1px 2px #000;
}

/* Formularios */
.ModFormC .content-field,
.ModFormC .form-builder-canvas .form-submit {
    padding: 5px;
}

.ModFormC .form-builder-canvas .form-submit button {
    background: #f57f20;
    border: none;
    text-shadow: 0 1px 2px #000;
    color: #fff;
}

.ModFormC .content-row input {
    margin: 0;
}

.ModFormC .content-row label {
    font-size: 16px;
}

.ModFormC .required label:after,
.ModFormC legend.required:after {
    content: "*";
    color: red;
    font-size: 20px;
    background: no-repeat;
    border: none;
    padding: 0;
    margin: 0;
}

.ModFormC .form-builder-canvas.Simple .dnnPrimaryAction {
    border-color: #f57f20;
}

.ModFormC .simple-uploader .dnnPrimaryAction form {
    background: url(/site/Portals/13/skins/aguas_uraba/img/subir.png) center center no-repeat;
    background-size: 60px;
    background-color: #f57f20;
    cursor: pointer;
}

/* News Boletines */
.article.boletines {
    width: 50%;
    display: inline-block;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: 20px;
}

    .article.boletines h2 a {
        font-size: 16px;
    }

    .article.boletines a {
        font-size: 14px;
        font-weight: bold;
    }

/* Paginador News */
.ModEasyDNNnewsC .article_pager {
    text-align: center;
    margin: 0 0 50px;
}

    .ModEasyDNNnewsC .article_pager .next,
    .ModEasyDNNnewsC .article_pager .prev,
    .ModEasyDNNnewsC .article_pager .last,
    .ModEasyDNNnewsC .article_pager .first {
        font-size: 0;
    }

    .ModEasyDNNnewsC .article_pager .next:before {
        content: "\027a4";
        font-size: 15px;
        display: inline-block;
    }

    .ModEasyDNNnewsC .article_pager .prev:before {
        content: "\027a4";
        font-size: 15px;
        transform: rotate(-180deg);
        display: inline-block;
    }

    .ModEasyDNNnewsC .article_pager .last:before {
        content: "Última";
        font-size: 15px;
        font-weight: bold;
    }

    .ModEasyDNNnewsC .article_pager .first:before {
        content: "Primera";
        font-size: 15px;
        font-weight: bold;
    }

    .ModEasyDNNnewsC .article_pager .last:before,
    .ModEasyDNNnewsC .article_pager .first:before {
        margin: 0 10px;
        padding: 0 5px;
    }

    .ModEasyDNNnewsC .article_pager .page {
        padding: 5px;
        border: 1px solid silver;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: inline-block;
        text-align: center;
        line-height: 15px;
        margin: 0 5px;
    }

    .ModEasyDNNnewsC .article_pager .page.active {
        background: #f57f20;
        color: #fff;
    }

/* Tablas */
table.tableInfo {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    background: #fff;
    border: #ccc solid 1px;
}

    table.tableInfo tr {
        border: #ccc solid 1px;
    }

    table.tableInfo tr:nth-child(2n) {
        background: #FFF2E6;
    }

    table.tableInfo tr:first-child {
        background: #F57F20;
    }

        table.tableInfo tr:first-child td {
            border-right: #fff solid 1px;
        }

        table.tableInfo tr:first-child td,
        table.tableInfo tr:first-child td p {
            color: #fff;
            font-size: 16px;
            font-family: Asap, sans-serif;
        }

        table.tableInfo tr:first-child td:last-child {
            border: none;
        }

    table.tableInfo tr td {
        padding: 10px;
        border-right: #ccc solid 1px;
    }

    table.tableInfo tr td.
    table.tableInfo tr td p {
        color: #666;
        font-size: 14px;
        text-align: center;
    }

/* PLUGIN INVIDENTES */
.ax-plugin {
    position: relative;
    float: right;
    margin-top: 6px;
    margin-right: 20px;
}

.ax-plugin .inactivo {
    background: url(../img/inactivo.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.ax-plugin .activo {
    background: url(../img/activo.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.ax-plugin span {
    display: none;
    padding: 5px 10px;
    border: 1px solid #fff;
    top: -35px;
    left: 0;
    white-space: nowrap;
    position: absolute;
    z-index: 10;
    color: #fff;
    background-color: #f57e20;
}

.ax-plugin a:hover span {
    display: inline;
}