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



@font-face {
    font-family: 'bebas_neuethin';
    src: url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.eot');
    src: url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.woff2') format('woff2'), url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.woff') format('woff'), url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.ttf') format('truetype'), url('/Assets/fonts/bebasneue/bebasneue_thin-webfont.svg#bebas_neuethin') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bebas_neuebold';
    src: url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.eot');
    src: url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.woff2') format('woff2'), url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.woff') format('woff'), url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.ttf') format('truetype'), url('/Assets/fonts/bebasneue/bebasneue_bold_0-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.eot');
    src: url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.woff2') format('woff2'), url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.woff') format('woff'), url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.ttf') format('truetype'), url('/Assets/fonts/bebasneue/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bebas_neuelight';
    src: url('/Assets/fonts/bebasneue/bebasneue_light-webfont.eot');
    src: url('/Assets/fonts/bebasneue/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bebasneue/bebasneue_light-webfont.woff2') format('woff2'), url('/Assets/fonts/bebasneue/bebasneue_light-webfont.woff') format('woff'), url('/Assets/fonts/bebasneue/bebasneue_light-webfont.ttf') format('truetype'), url('/Assets/fonts/bebasneue/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bebas_neuebook';
    src: url('/Assets/fonts/bebasneue/bebasneue_book-webfont.eot');
    src: url('/Assets/fonts/bebasneue/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/bebasneue/bebasneue_book-webfont.woff2') format('woff2'), url('/Assets/fonts/bebasneue/bebasneue_book-webfont.woff') format('woff'), url('/Assets/fonts/bebasneue/bebasneue_book-webfont.ttf') format('truetype'), url('/Assets/fonts/bebasneue/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'ralewaybold';
    src: url('/Assets/fonts/raleway/raleway-bold-webfont.eot');
    src: url('/Assets/fonts/ralewayraleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/raleway/raleway-bold-webfont.woff2') format('woff2'), url('/Assets/fonts/raleway/raleway-bold-webfont.woff') format('woff'), url('/Assets/fonts/raleway/raleway-bold-webfont.ttf') format('truetype'), url('/Assets/fonts/raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}


div {
    float: left;
}
    div.dvLogin {
        max-width: 500px;
        float: none;
        margin: 0 auto;
        color:#fff;
    }
.dvLogin button {
    width: 30%;
    margin-left: 35%;
    background-color: #D47B22;
    color: #fff;
    padding: 10px;
}
    .dvLogin button:hover {
        color: #fff;
        background-color: #4d8887;
    }
a {
text-decoration:none;
}
.dvLogin a:hover {
    text-decoration: none;
    color:#fff;
}

    table {
        border-collapse: collapse;
        border: 1px solid #cce4e6;
        width: 70%;
        margin: 0 auto;
    }

td, th {
    border: 1px solid #37424A;
    padding: 10px;
}

th {
    background: #37424A;
    color: #fff;
}

/*

****************
GENERALES
****************

*/


body {
    background: url(/Assets/images/bg.png) no-repeat center top;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
    body.bgGreen {
        background-position: center -290px;
        background-color: #f8f8f8;
    }
    button {
        color: #fff;
        border: none;
        padding: 5px;
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 6px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 6px;
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 6px;
    }


    button a {
        color: #fff;
        text-decoration: none;
    }

h1 {
    font-family: 'bebas_neuethin';
}

h2 {
    color: #333333;
}

h3 {
}

input {
}
/*

****************
HEADER
****************

*/

.LogosHead {
    width: 100%;
}

.container {
    float: none;
}

.item-access h2 {
    font-size: 21px;
}

.header {
    width: 100%;
}

.header-top {
    width: 100%;
}

.close-sesion button {
    background: url(/Assets/images/ico-close.png) no-repeat left #e5ab01;
    background-position-x: 10px;
    padding: 10px 10px 10px 40px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px 0px 15px 15px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px 0px 15px 15px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px 0px 15px 15px;
}

.name-platform {
    padding-top: 60px;
    text-align: center;
    width: 100%;
}

    .name-platform h1 {
        color: #fff;
        font-size: 60px;
    }

        .name-platform h1 .first {
            font-family: 'bebas_neue_regularregular';
        }

        .name-platform h1 .second {
            font-family: 'bebas_neuelight';
        }

div.logos {
    background: #fff;
    text-align: center;
    padding: 13px;
    float: right;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px 0px 15px 15px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px 0px 15px 15px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px 0px 15px 15px;
    cursor: pointer;
}

.header-bottom {
    width: 100%;
}

div.search {
    width: 40%;
    text-align: center;
    padding-bottom: 60px;
    margin: 0 auto;
    float: none;
}

.bnt-search {
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 2px solid #fff;
    padding: 15px;
    width: 276px;
}


.ico-lupa {
    background: url(/Assets/images/ico-search.png) no-repeat left;
    border: none;
    padding: 15px;
    width: 30px;
    cursor: pointer;
    background-size: 100%;
}


/*

****************
CONTAINER CONTENIDO
****************

*/
.container-content {
    width: 100%;
    min-height: 430px;
}

.items-content .col-lg-4, .items .col-lg-4 {
    margin-bottom: 20px;
}


.item {
    background: #fff;
    -webkit-border-radius: 10px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 10px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 10px;
    padding: 10px;
    width: 100%;
}

.item-access {
    width: 65%;
}
    .item-access.novibacperros {
        width: 85%;
    }

.bravecto, .scalibor, .nobivac {
    background-color: #cce4e6;
}

.item.four {
    background: #cce4e6;
}

.item.five {
    background: #cce4e6;
}

.item.six {
    background: #cce4e6;
}







.item-image {
    width: 26%;
    max-width: 90px;
    height: 87px;
    font-size: 0em;
    background: #fff;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50px;
    margin: 10px;
}

.medicina-preventiva .item-image {
    background: url(/Assets/images/ico-prevencion.png) no-repeat center #fff;
}

.leishmaniosis .item-image {
    background: url(/Assets/images/ico-leishmania.png) no-repeat center #fff;
}

.pulgas-garrapatas .item-image {
    background: url(/Assets/images/ico-pulga.png) no-repeat center #fff;
}

.bravecto .item-image {
    background: url(/Assets/images/ico-bravecto.png) no-repeat center #fff;
}

.scalibor .item-image {
    background: url(/Assets/images/ico-scalibor.png) no-repeat center #fff;
}

.nobivac .item-image {
    background: url(/Assets/images/ico-nobivac.png) no-repeat center #fff;
}


.item button,
.item button.btn-dog {
    background: #008773;
    border-radius: 10px;
    width: 130px;
}

    .item button.btn-cat {
        background: #e5ab01;
    }

.video {
    width: 100%;
    text-align: center;
    padding: 50px 0 50px 0;
}
.bgGreen .row {
    margin: 0px;
}

    .video a {
        background: url(/Assets/images/ico-video.png) no-repeat left #00877c;
        background-position-x: 30px;
        padding: 10px 60px 10px 80px;
        color:#fff;
    }
        .video a:hover {
        color:#fff;
        text-decoration:none;
        }

        .video-container {
            position: relative;
            padding-bottom: 47.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
            width: 100%;
        }

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.items .video-container, .ContentVideo {
    margin-bottom: 20PX;
}
.items h4 {
    width: 100%;
    float: left;
    padding: 40px 15px;
    margin: 10px 0px 30px 0px;
    border-top: 1px solid #f1f1f1;
}
.items p{
    font-size: 13px;
    height:50px;
}
.items h4 span {
    background: url(/Assets/images/ico-prevencion.png) no-repeat center left;
    color: #00877c;
    padding: 20px 20px 20px 90px;
}

        .items h4 span.leishmaniosis {
            background: url(/Assets/images/ico-leishmania.png) no-repeat center left;
        }
        .items h4 span.Pulgas.Perros, .items h4 span.Pulgas.Gatos {
            background: url(/Assets/images/ico-pulga.png) no-repeat center left;
        }
        .items h4 span.Bravecto.Gatos, .items h4 span.Bravecto.Perros {
            background: url(/Assets/images/ico-bravecto.png) no-repeat center left;
        }
        .items h4 span.Nobivac.Perros, .items h4 span.Nobivac.Gatos {
            background: url(/Assets/images/ico-nobivac.png) no-repeat center left;
        }
    .items h4 span.Scalibor {
        background: url(/Assets/images/ico-scalibor.png) no-repeat center left;
    }

.ContentVideo {
    width: 100%;
}
.item-button {
    width: 100%;
}

button {
    cursor: pointer;
    text-decoration: none;
}

    button.Perros {
        width: 45%;
        float: left;
        margin-right: 5%;
        text-decoration: none;
    }

    button.Gatos {
        width: 45%;
        float: left;
        background-color: #D47B22;
        text-decoration: none;
    }
        button.Gatos:hover {
            background-color: #D47B22;
        }
    button.Ectos.Perros {
        width: 97px;
        float: left;
        background-color: #008773;
        text-decoration: none;
        margin: 0 1.5% 1.5% 0;
    }
    button.Ectos.Gatos {
        width: 95px;
        float: left;
        background-color: #D47B22;
        text-decoration: none;
        margin: 0 1.5% 1.5% 0;
    }
    button.Endo.Gatos {
        width: 97px;
        float: left;
        background-color: #D47B22;
        text-decoration: none;
        margin: 1.5% 1.5% 1.5% 0;
    }
    button.Filaria.Gatos {
        width: 97px;
        float: left;
        background-color: #D47B22;
        text-decoration: none;
        margin: 1.5% 1.5% 1.5% 0;
    }
    button.Gatos.Plus {
        width: 45.8%;
        float: left;
        background-color: #D47B22;
        text-decoration: none;
        margin: 1.5% 1.5% 1.5% 0;
    }

.item:hover {
    background: #4d8887;
}


    .item:hover h2 {
        color: #fff;
    }


    .item:hover button,
    .item:hover button.Ectos.Perros,
    .item:hover button.Ectos.Gatos,
    .item:hover button.Endo.Gatos,
    .item:hover button.Filaria.Gatos {
        background: #fff;
        color: #000;
    }

        .item:hover button a {
            background: #fff;
            color: #000;
        }







/*

****************
FOOTER
****************

*/
.footer {
    width: 100%;
    color: #98979c;
    text-align: center;
}



/*
*******************
    Comunes en el interior: 
    -Redondeado de números
    -botones ver más
    -tamaño de cajas
*******************


*/
.argument-number,
.key-number,
.evidence-number {
    color: #fff;
    font-family: 'ralewaybold';
    font-size: 21px;
    width: 34px;
    height: 34px;
    text-align: center;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 60px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 60px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 60px;
}



button.btn-argument-key,
button.btn-key-key,
button.btn-evidence-key {
    border: none;
    background: transparent;
}

.back {
    width: 100%;
    text-align: center;
}

.btn-back {
    background: #4d8887;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}

.argument,
.key,
.evidence {
    width: 100%;
}

.argument-box,
.key-box,
.evidence-box {
    width: 93%;
    padding: 10px;
    margin-left: 10px;
}

    .argument-box h3,
    .key-box h3,
    .evidence-box h3 {
        margin: 0;
        font-weight: normal;
    }

.title-argument,
.title-evidence,
.title-key {
    padding: 15px 0px 15px 55px;
    float: left;
    width: 100%;
}

.argument-type,
.key-type,
.evidence-type {
    width: 100%;
    color: #989898;
}

/*********LOGIN***********/

.BoxLogin {
    max-width: 450px;
    float: none;
    margin: 0 auto;
}

.ContentLogin {
    float: left;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #b4b5b3;
}

    .ContentLogin h4 {
        text-align: center;
    }

.boxLogin_content_user {
    width: 100%;
}

    .boxLogin_content_user label, .boxLogin_content_pass label {
        width: 100px;
    }

    .boxLogin_content_user input, .boxLogin_content_pass input {
        width: 100%;
        max-width: 300px;
        padding: 3px;
    }


.boxLogin_content_pass {
    width: 100%;
}

.TitleLogin {
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin-bottom: 14px;
}

.boxLogin_content input.btnSend{
    width: 30%;
    margin-left: 35%;
    margin-top: 10px;
    background-color: #00877c;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 4px;
}

    .boxLogin_content input.btnSend:hover {
        opacity: 0.7;
    }
/*********LOGIN***********/
/*

****************
CONTENIDO PATOLOGÍA
****************

*/
h1.title-pathology {
    text-align: center;
    font-size: 32px;
}

h2.title-argument {
    font-size: 26px;
}


.container-pathology {
    width: 100%;
    background: #fff;
    padding: 15px 25px 15px 25px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 10px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 10px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 10px;
    -moz-box-shadow: -3px 3px 17px -3px #b4b5b3;
    -webkit-box-shadow: -3px 3px 17px -3px #b4b5b3;
    box-shadow: -3px 3px 17px -3px #b4b5b3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b4b5b3')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b4b5b3');
}

img {
    max-width: 100%;
}

body .btn {
    word-wrap: break-word;
    white-space: inherit;
}
/*

****************
ARGUMENTO PRINCIPAL
****************

*/

.None {
display:none;
}

h1.title-pathology {
    color: #57676e;
    font-family: Arial;
    text-align: center;
}

.title-argument {
    color: #63CECA;
    background: url(/Assets/images/ico-h1-argument.png) no-repeat left;
}


.argument-number {
    background: #63CECA;
}



.argument-box.on {
    border: 1px solid #63CECA;
}



.argument-see {
    background: url(/Assets/images/ico-see-arguments.png) no-repeat left;
    padding-left: 15px;
    width:100%;
}

button.btn-argument-key {
    color: #fe6313;
}

/*

****************
MENSAJES CLAVE
****************

*/
.title-key {
    color: #662046;
    background: url(/Assets/images/ico-h1-mensajes-clave.png) no-repeat left;
}



.key-number {
    background: #662046;
}

.key-box.on {
    border: 1px solid #662046;
}

.key-see {
    background: url(/Assets/images/ico-see-key.png) no-repeat left;
    padding-left: 15px;
    width:100%;
}
.btnShowAll {
    float: right;
    display: none;
    background: #4d8887;
    color: #fff;
    padding: 6px 20px;
}
    .btnShowAll:hover {
    opacity:0.8;
    }
    .on .btnShowAll {
        display: block;
    }
button.btn-key-key {
    color: #37424A;
}


a.btn-pdf {
    color: #fff;
    background: #37424A;
    margin: 0 0 5px 0;
}
/*

****************
EVIDENCES
****************

*/
.title-evidence {
    color: #37424A;
    background: url(/Assets/images/ico-h1-evidencias.png) no-repeat left;
}

h2.title-pathology {
    text-align: center;
    color: #000;
}

h3.title-argument {
    font-size: 26PX;
}

.evidence-number {
    background: #37424A;
}


.evidence-see {
    background: url(/Assets/images/ico-see-evidence.png) no-repeat left;
    padding-left: 15px;
}
    .evidence-see.active {
        background: url(/Assets/images/ico-see-evidence-menos.png) no-repeat left;
    }

    button.btn-evidence-key {
        color: #008a8d;
    }


.evidence-content {
    width: 100%;
}

    .evidence-content p {
        width: 100%;
    }

.evidence-content {
display:none;
}
    .evidence-content.active {
    display:block;
    }

    .SecondItem {
        display: none;
        width: 100%;
    }

    .SecondItem.active, .ThhirdItem.active {
        display: block;
    }

.ThhirdItem {
    display: none;
    width:100%;
}


/****BUSCADOR*********/
.contenedorBuscador {
    width: 100%;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 20px;
    border: 1px solid #eaeaea;
}

.numberSearchResults {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #989898;
    float:right;
}
.Section_argumento, .Section_creencia, .Section_afirmacion {
    width: 100%;
    -webkit-box-shadow: 2px 7px 11px -9px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 7px 11px -9px rgba(0,0,0,0.36);
    box-shadow: 2px 7px 11px -9px rgba(0,0,0,0.36);
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    padding: 5px;
}
.Section_argumento {
    padding-left:60px;
    background: url(/Assets/images/ico-h1-argument.png) no-repeat 5px center;
}
    .Section_argumento .SectionSearch {
        color: #009705;
        font-weight:bold;
        margin-right:10px;
    }
    .Section_argumento .ElementSearch {
        color: #989898;
    }
    .Section_argumento a {
        color: #37424A;
        width:100%;
        clear:both;
        display:block;
    }

.Section_creencia {
    padding-left: 60px;
    background: url(/Assets/images/ico-h1-mensajes-clave.png) no-repeat 5px center;
}

    .Section_creencia .SectionSearch {
        color: #662046;
        font-weight: bold;
        margin-right: 10px;
    }

    .Section_creencia .ElementSearch {
        color: #989898;
    }

    .Section_creencia a {
        color: #37424A;
        width: 100%;
        clear: both;
        display: block;
    }
.Section_afirmacion {
    padding-left: 60px;
    background: url(/Assets/images/ico-h1-evidencias.png) no-repeat 5px center;

}

    .Section_afirmacion .SectionSearch {
        color: #37424A;
        font-weight: bold;
        margin-right: 10px;
    }

    .Section_afirmacion .ElementSearch {
        color: #989898;
    }

    .Section_afirmacion a {
        color: #37424A;
        width: 100%;
        clear: both;
        display: block;
    }


.contenedorBuscador h2 span {
    color: #989898;
    font-style: italic;
}
.resultadosBuscador .row, .resultadosBuscador .row div {
    float: none;
}
.resultadosBuscador {
width:100%;
}
.row {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.bgGreen .footer {
    margin-top:20px;
}


button.Cachorros {
    width: 48%;
    margin-bottom: 10px;
    margin-top: 15px;
}
button.Complejo.Respiratorio.Infeccioso.Canino {
    width: 48%;
    margin-bottom: 10px;
}

button.ZOONOSIS\:.One.Health {
    width: 48%;
    margin-bottom: 10px;
}

button.Protocolos {
    width: 48%;
}


@media (max-width: 1200px) {
    button .Ectos.Perros, button.Ectos.Gatos, button.Endo.Gatos, button.Filaria.Gatos {
        width: 47%;
        margin: 3% 3% 0 0;
    }

}

    @media (max-width: 1048px) {
        .items h4 {
            border-top: 0px;
        }
    }

    @media (max-width: 991px) {
        div .search {
            width: 80%;
        }

        body.bgGreen {
            background-position: center -262px;
        }



        .items h4 span {
            display: block;
            font-size: 20px;
        }

        .items p {
            height: auto;
            margin-bottom: 5px;
        }
    }

@media (max-width: 990px) {
    .item-access.novibacperros {
        width: 80%;
    }
    button.Cachorros, button.Complejo.Respiratorio.Infeccioso.Canino, button.ZOONOSIS\:.One.Health, button.Protocolos {
        width: 100%;
    }

}

    @media (max-width: 767px) {

        .col-12 .item {
            border: 1px solid #cce4e6;
        }

        .argument-box, .key-box, .evidence-box {
            width: 83%;
        }
        .item-access.novibacperros {
            width: 74%;
        }

    }

    @media (max-width: 767px) {
        div.search {
            width: 100%;
        }

        .ico-lupa {
            width: 15%;
            background-size: 30px;
        }

        .bnt-search {
            width: 80%;
        }

        .argument-number, .key-number, .evidence-number {
            float: none;
            margin: 0 auto;
        }

        .argument-box, .key-box, .evidence-box {
            width: 100%;
            margin: 0px;
        }

        .container-pathology {
            padding: 15px 15px 15px 15px;
        }

        .dvLogin button {
            width: 50%;
            margin-left: 25%;
        }
    }

    @media (max-width: 505px) {
        .item-access.novibacperros {
            width: 70%;
        }
    }
}

    @media (max-width: 478px) {
        body.bgGreen {
            background-position: center -140px;
        }
    }

@media (max-width: 448px) {

    .item-access.novibacperros {
        width: 65%;
    }
}

    @media (max-width: 380px) {
        body.bgGreen {
            background-position: center -123px;
        }
    }