/* BANNER */
#todo #banner{z-index: 1}
#todo #banner .title-banner{
    z-index: 2;
    color: #fff;
    position: absolute;
}
#todo #banner-video-cirurgia{
    background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center top;
    background-size: 100%;
}
#banner-dr-ortega-logo{
    z-index: 2;
    width: 47%;
    height: 590px;
    position: absolute;
    float: left;
    background:url('../images/1367/logotipo_dr_marcos_ortega_urologista.svg') no-repeat left center;
    background-size: 80%;
}
#banner-dr-ortega-home{
    z-index: 1;
    width: 80%;
    height: 590px;
    position: absolute;
    float: right;
    right: 0;
    background: url('../images/1367/banner_dr_marcos_ortega-2.png') no-repeat right bottom;
    background-size: 90%;
}
@media (max-width: 1023.99px){
    #o-que-e .cols-2{width: 100%}
}
/*Inicio Responsive 1024*/
@media (min-width: 1024px){
    #todo #banner .title-left{
        width: 420px;
        bottom: 260px;
        left: 40px;
        font-size: 44px;
        text-align: left;
    }
    #todo #banner .title-right{
        width: 420px;
        top: 320px;
        right: 0px;
        font-size: 44px;
        text-align: right;
    }
}
#todo #banner .img-banner{width: 100%}
/*Inicio Responsive 292*/
@media (min-width: 292px) and (max-width: 479.99px) {
    #todo #banner{height: 60px}
    #todo #banner ul{margin-top: -100px}
    #todo #banner .title-left{
        width: 248px;
        top: 100px;
        left: 20px;
        font-size: 26px;
    }
    #todo #banner .title-right{
        width: 248px;
        top: 100px;
        left: 20px;
        font-size: 26px;
    }
    #todo #banner-video-cirurgia{height: 322px; margin-top: -20px;}
    #todo #banner-video-cirurgia{
        background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center center;
        background-size: 220%;
    }
    #todo #banner .img-banner{height: 322px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/320/320_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/320/320_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/320/320_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/320/320_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/320/320_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/320/320_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/320/320_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/320/320_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/320/320_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/320/320_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/320/320_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/320/320_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/320/320_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/320/320_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 240px;
        background:url("../images/320/320_deondevem.png") no-repeat center bottom;
        background-size: 65%;
    }
    #dr-ortega{
        margin-top: -20px;
        margin-bottom: 0px;
    }
    #dr-ortega #banner-dr-ortega{
        height: 360px;
        width: 240px;
        background: url("../images/320/320_dr_marcos_ortega.png") no-repeat center center;
        background-size: 90%;
        float: left;
        position:relative;
        margin-right: 0px;
        margin-left: -6px;
    }
    #banner-dr-ortega-logo{height: 160px}
    #banner-dr-ortega-home{height: 160px}
}
/*Inicio Responsive 480*/
@media (min-width: 480px) and (max-width: 599.99px) {
    #todo #banner{height: 60px}
    #todo #banner ul{margin-top: -100px}
    #todo #banner .title-left{
        width: 200px;
        top: 220px;
        left: 20px;
        font-size: 20px;
    }
    #todo #banner .title-right{
        width: 160px;
        top: 220px;
        right: 0px;
        font-size: 20px;
        text-align: right;
    }
    #todo #banner-video-cirurgia{height: 273px}
    #todo #banner-video-cirurgia{
        background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center center;
        background-size: 120%;
    }
    #todo #banner .img-banner{height: 273px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/480/480_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/480/480_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/480/480_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/480/480_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/480/480_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/480/480_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/480/480_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/480/480_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/480/480_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/480/480_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/480/480_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/480/480_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/480/480_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/480/480_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 401px;
        background:url("../images/480/480_deondevem.png") no-repeat center bottom;
        background-size: 65%;
    }
    #dr-ortega{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #dr-ortega #banner-dr-ortega{
        height: 360px;
        width: 387px;
        margin: 20px 0px 0px 3px;
        background:url("../images/480/480_dr_marcos_ortega.png") no-repeat center center;
        background-size: 90%;
        float: left;
        position:relative;
    }
    #banner-dr-ortega-logo{height: 280px}
    #banner-dr-ortega-home{height: 280px}
}
/*Inicio Responsive 600*/
@media (min-width: 600px) and (max-width: 799.99px){
    #todo #banner{height: 60px}
    #todo #banner ul{margin-top: -100px}
    #todo #banner .title-left{
        width: 240px;
        top: 320px;
        left: 20px;
        font-size: 26px;
    }
    #todo #banner .title-right{
        width: 200px;
        top: 320px;
        right: 0px;
        font-size: 26px;
        text-align: right;
    }
    #todo #banner-video-cirurgia{height: 400px}
    #todo #banner-video-cirurgia{
        background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center center;
        background-size: 125%;
    }
    #todo #banner .img-banner{height: 406px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/600/600_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/600/600_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/600/600_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/600/600_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/600/600_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/600/600_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/600/600_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/600/600_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/600/600_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/600/600_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/600/600_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/600/600_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/600/600_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/600/600_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 501px;
        background:url("../images/600/600_deondevem.png") no-repeat center bottom;
        background-size: 65%;
    }
    #dr-ortega #banner-dr-ortega{
        height: 339px;
        width: 190px;
        background:url("../images/600/600_dr_marcos_ortega.png") no-repeat center center;
        background-size: 100%;
        float: left;
        position:relative;
        top: 35px;
        margin-right: 0px;
    }
    #banner-dr-ortega-logo{height: 350px}
    #banner-dr-ortega-home{height: 350px}
}
/*Inicio Responsive 800*/
@media (min-width: 800px) and (max-width: 1023.99px) {
    #todo #banner{height: 60px}
    #todo #banner ul{margin-top: -100px}
    #todo #banner .title-left{
        width: 320px;
        top: 320px;
        left: 40px;
        font-size: 30px;
    }
    #todo #banner .title-right{
        width: 300px;
        top: 320px;
        right: 0px;
        font-size: 30px;
        text-align: right;
    }
    #todo #banner-video-cirurgia{height: 510px}
    #todo #banner-video-cirurgia{
        background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center center;
        background-size: 120%;
    }
    #todo #banner .img-banner{height: 525px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/800/800_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/800/800_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/800/800_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/800/800_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/800/800_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/800/800_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/800/800_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/800/800_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/800/800_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/800/800_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/800/800_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/800/800_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/800/800_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/800/800_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 501px;
        margin-top: 25px;
        background:url("../images/800/800_deondevem.png") no-repeat center bottom;
        background-size: 50%;
    }
    #dr-ortega #banner-dr-ortega{
        height: 339px;
        width: 290px;
        background:url("../images/600/600_dr_marcos_ortega.png") no-repeat center center;
        background-size: 100%;
        float: left;
        position:relative;
        top: 55px;
        margin-right: 0px;
    }
    #banner-dr-ortega-logo{height: 450px}
    #banner-dr-ortega-home{height: 450px}
}
/*Inicio Responsive 1024*/
@media (min-width: 1024px) and (max-width: 1366.99px) {
    #todo #banner-video-cirurgia{height: 680px}
    #todo #banner-video-cirurgia{
        background:url("../images/1367/1367_banner_video_cirurgia.png") no-repeat center center;
        background-size: 130%;
    }
    #todo #banner .img-banner{height: 683px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/1024/1024_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/1024/1024_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/1024/1024_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/1024/1024_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/1024/1024_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/1024/1024_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/1024/1024_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/1024/1024_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/1024/1024_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/1024/1024_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/1024/1024_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/1024/1024_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/1024/1024_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/1024/1024_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 650px;
        background:url("../images/1024/1024_deondevem.png") no-repeat left bottom;
        background-size: 100%;
    }
    #dr-ortega #banner-dr-ortega{
        height: 543px;
        width: 370px;
        background:url("../images/1024/1024_dr_marcos_ortega.png") no-repeat center center;
        background-size: 100%;
        float: left;
        position:relative;
        top: 60px;
        margin-right: 30px;
    }
}
/*Inicio Responsive 1367*/
@media (min-width: 1366.99px) {
    #todo #banner-video-cirurgia{height: 700px}
    #todo #banner .img-banner{height: 700px}
    /* Banner intecção */
    #todo #banner .img-banner.banner-infeccao{
        background:url("../images/1367/1367_banner_infeccao.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bixiga-hiperativa{
        background:url("../images/1367/1367_banner_bexigaimperativa.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-bexiga-neurogenica{
        background:url("../images/1367/1367_banner_bexiga_neurogenica.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-calculo-trato{
        background:url("../images/1367/1367_banner_calculodotrato.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-criptoerquia{
        background:url("../images/1367/1367_banner_criptoerquia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-disturbio-miccional{
        background:url("../images/1367/1367_banner_disturbio_miccional.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-eruese{
        background:url("../images/1367/1367_banner_eruese.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estenose{
        background:url("../images/1367/1367_banner_estenose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-estrofia{
        background:url("../images/1367/1367_banner_estrofia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-fimose{
        background:url("../images/1367/1367_banner_fimose.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hernia-inguinal{
        background:url("../images/1367/1367_banner_hernia_inguinal.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hidrocele{
        background:url("../images/1367/1367_banner_hidrocele.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-hipospadia{
        background:url("../images/1367/1367_banner_hipospadia.png") no-repeat right bottom;
        background-size: 100%;
    }
    #todo #banner .img-banner.banner-refluxo{
        background:url("../images/1367/1367_banner_refluxo.png") no-repeat right bottom;
        background-size: 100%;
    }
    #banner-left{
        height: 693px;
        background:url("../images/1367/1367_deondevem.png") no-repeat center center;
        background-size: 100%;
    }
    #dr-ortega #banner-dr-ortega{
        height: 543px;
        width: 370px;
        background:url("../images/1367/1367_dr_marcos_ortega.png") no-repeat center center;
        background-size: 100%;
        float: left;
        position:relative;
        top: 60px;
        margin-right: 30px;
    }
    #banner-dr-ortega-logo{height: 640px}
    #banner-dr-ortega-home{height: 640px}
}