@font-face {
    font-family: "Neris-Black";
    src: url("../font/Neris-Black.otf") format("opentype");
}

@font-face {
    font-family: "Neris-BlackItalic";
    src: url("../font/Neris-BlackItalic.otf") format("opentype");
}

@font-face {
    font-family: "Neris-BoldItalic";
    src: url("../font/Neris-BoldItalic.otf") format("opentype");
}

@font-face {
    font-family: "Neris-Light";
    src: url("../font/Neris-Light.otf") format("opentype");
}

@font-face {
    font-family: "Neris-LightItalic";
    src: url("../font/Neris-LightItalic.otf") format("opentype");
}

@font-face {
    font-family: "Neris-manual";
    src: url("../font/Neris-manual.otf") format("opentype");
}

@font-face {
    font-family: "Neris-SemiBold";
    src: url("../font/Neris-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: "Neris-SemiBoldItalic";
    src: url("../font/Neris-SemiBoldItalic.otf") format("opentype");
}

@font-face {
    font-family: "Neris-Thin";
    src: url("../font/Neris-Thin.otf") format("opentype");
}

@font-face {
    font-family: "Neris-ThinItalic";
    src: url("../font/Neris-ThinItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Black";
    src: url("../font/Roboto-Black.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-BlackItalic";
    src: url("../font/Roboto-BlackItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../font/Roboto-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-BoldCondensed";
    src: url("../font/Roboto-BoldCondensed.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-BoldCondensedItalic";
    src: url("../font/Roboto-BoldCondensedItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-BoldItalic";
    src: url("../font/Roboto-BoldItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Condensed";
    src: url("../font/Roboto-Condensed.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-CondensedItalic";
    src: url("../font/Roboto-CondensedItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Italic";
    src: url("../font/Roboto-Italic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Light";
    src: url("../font/Roboto-Light.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-LightItalic";
    src: url("../font/Roboto-LightItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Mediuml";
    src: url("../font/Roboto-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-MediumItalic";
    src: url("../font/Roboto-MediumItalic.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("../font/Roboto-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-Thin";
    src: url("../font/Roboto-Thin.otf") format("opentype");
}

@font-face {
    font-family: "Roboto-ThinItalic";
    src: url("../font/Roboto-ThinItalic.otf") format("opentype");
}

body {
	margin: 0;
    font-family: Arial;
    color: #FFF;
    background: url('../img/trama_bk.png');
}

a {
    color: #FFF;
    text-decoration: none;
}

#bigBox {
    min-width: 320px;
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
}

#bigShadow {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #000;
    z-index: 999;
    background: url('../img/shadow_bk.png');
}

#waterHack {
    position: absolute;
    height: 665px;
    width: 588px;
    margin: 0 50%;
    left: -294px;
    z-index: 9999;
    background: url('../img/bano_hack.png');
}

#box-1 {
	width: inherit;
	height: 621px;
}

#box-2 {
	width: inherit;
	height: 80px;
	background: url("../img/footer_bg.jpg");
    position: relative;
    z-index: 2
}

#menu {
	height: 72px;
	width: inherit;
}

#imgHome {
    width: inherit;
    height: 568px;
    background: url("../img/banner-home.jpg");
    background-position-y: -2px;
    background-position: center;
}

#imgHomeF {
    width: inherit;
    height: 549px;
    min-height: 308px;
    background: url("../img/bg_full.jpg");
    background-position-y: -2px;
}

#contiene {
    position: relative;
    min-width: 320px;
    max-width: 554px;
    width: 53.9%;
    height: inherit;
    float: left;
}

#videos {
    position: relative;
    width: 23%;
    height: inherit;
    float: left;
}

#videosBoxT {
    position: absolute;
    width: 250px;
    height: inherit;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    background: #FFF;
}

#videosCaja {
    width: 250px;
    height: inherit;
    display: none;
}

#videosBox {
    position: absolute;
    width: 230px;
    height: inherit;
    overflow: auto;
    margin-left: 20px;
    margin-right: 20px;
}

#vacioBox {
    position: relative;
    width: inherit;
    height: 78px;
    text-align: right;
    color: #0073B8;
}

#vacioBox span {
    cursor: pointer;
    margin-top: 5px;
}

#cajaVideo {
    position: relative;
    width: inherit;
    height: 150px;
    margin-bottom: 15px;
}

#menuBox {
    position: relative;
    min-width: 320px;
	max-width: 977px;
    width: 100%;
	height: inherit;
	margin: 0 auto;
}

#logo {
	position: absolute;
	width: 135px;
	height: 146px;
	background: url("../img/logo-jd.jpg");
    z-index: 1;
}

#videoBox {
	height: 255px;
	width: inherit;
	background: url("../img/videos.jpg");
}

#feed-box {
	width: 300px;
	height: inherit;
	float: left;
}

#banner-box {
	width: 679px;
	height: inherit;
	float: left;
}

#feed-box-head {
	width: inherit;
	height: 71px;
	color: #FFF;
	font-family: "Gill Sans";
}

#menuInteriorBox {
    position: relative;
    left: 149px;
    max-width: 875px;
    height: 15px;
    padding-top: 32px;
    color: #FFF;
    font-size: 12.2px;
}

#separaPunto {
    padding-right: 6px;
    float: left;
}

#textoMenu {
    padding-right: 9px;
    float: left;
}

#tituloVerde {
    padding-top: 6px;
    font-family: "Neris-LightItalic";
    font-size: 52px;
}

#tituloVerde span{
    font-family: "Neris-SemiBoldItalic";
}

#sliderBox {
    height: 541px;
    width: inherit;
}

#sliderTextBox {
    color: #626262;
    margin: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: justify;
}

#newsBox {
    width: 231px;
    min-height: 150px;
    margin-left: 32px;
    margin-top: 21px;
}

#newsTitulo span {
    font-family: "Neris-Black";
}

#newsTitulo {
    font-family: "Neris-Light";
    color: #0073B8;
    font-size: 16pt;
    line-height: 20px;
    letter-spacing: 2px;
}

#newsTexto {
    margin-top: 11px;
    font-size: 9pt;
    color: #999;
    line-height: 17px;
}

#newsDate {
    margin-top: 11px;
    font-size: 10pt;
    color: #000;
    font-family: "Neris-SemiBoldItalic";
}

#footBox {
    width: 152px;
    margin: 0 auto;
    padding-top: 13px;
}

#footBoxInterior {
    width: inherit;
    min-height: 46px;
}

#layerContTexto p {
    margin: 15px 0;
}

#logoFooter {
    width: 66px;
    height: 46px;
    background: url("../img/logo-jd-trans.jpg");
    margin: 0 auto;
}

#textoFooter {
    font-size: 9px;
    padding-top: 3px;
    width: 155px; 
}

#tweetFooter {
    width: 239px;
    height: inherit;
    margin-left: 35px;
    float: left;
}

#tweetTitulo {
    color: #50DA9B;
    font-size: 15px;
}

#contiene_water {
    width: 182px;
    height: 434px;
    margin: 100px auto 0 auto;
}

#water {
    position: relative;
    width: 182px;
    height: inherit;
}

#water2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 182px;
    height: 431px;
}

#water2:hover {
    background: url("../img/water_hablante.png");
}

.imgWater1 {
    background: url("../img/water.png");
}

.videosBox1 {
    visibility: hidden;
}

.videosBox2 {
    visibility: hidden;
}

#tweetTweet {
    font-size: 10px;
    margin-top: 10px;
}

#tweetOrigen {
    color: #50DA9B;
    font-size: 10px;
}

#tweetConcursoFooter {
    width: 239px;
    height: inherit;
    margin-left: 35px;
    float: left;
}

#tweetConcursoTitulo {
    color: #50DA9B;
    font-size: 15px;
    float: left;
}

#concursoGanador {
    color: #60BEBB;
    font-size: 11px;
    margin-top: 20px;
}

#redes {
    float: left;
}

#redesFooter {
    margin: 8px 13px;
    /*display: none;*/
}

#msjWater {
    position: absolute;
}

#papel {
    position: absolute;
    top: 213px;
    left: 63px;
    width: 70px;
    height: 138px;
    background: url("../img/papel_higienico.png");
}

.mensaje-1 {
    top: 0px;
    left: 130px;
    width: 174px;
    height: 203px;
    background: url("../img/m_1.png");
    visibility: hidden;
}

.mensaje-2 {
    top: 36px;
    left: 128px;
    width: 147px;
    height: 160px;
    background: url("../img/m_2.png");
    visibility: hidden;
}

.mensaje-3 {
    top: 33px;
    left: -105px;
    width: 150px;
    height: 164px;
    background: url("../img/m_3.png");
    visibility: hidden;
}

#redes img {
    margin-right: 5px;
}

#socialBox {
    position: relative;
    height: inherit;
    width: 23%;
    float: left;
    display: none;
}

#contSocialBox {
    position: absolute;
    margin-top: 78px;
    height: 423px;
    width: 205px;
}

#contSocialBoxT {
    position: absolute;
    margin-top: 78px;
    height: 423px;
    width: 205px;
    background: #FFF;
    border-radius: 10px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

#socialTitulo {
    position: relative;
    width: inherit;
    height: 50px;
    background: #118DD7;
    border-radius: 10px;
}

#socialCont {
    position: relative;
    height: 351px;
    width: 175px;
    margin-top: 11px;
    margin-left: 15px;
}

#socialContBoton {
    width: inherit;
    height: 30px;
}

#socialContFeed {
    width: inherit;
    margin-top: 18px;
    height: 303px;
    overflow: auto;
}

#socialFeedComentario {
    position: relative;
    margin-bottom: 15px;
    width: inherit;
    height: 32px;
}

#imagen {
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
}

#comentarioFeed {
    position: relative;
    width: 132px;
    height: 32px;
    margin-left: 10px;
    font-size: 10px;
    float: left;
    color: #626262;
}

#socialTitulo div {
    text-align: center;
    padding-top: 19px;
    font-size: 12px;
}

#socialContBoton button {
    width: 75px;
    height: 30px;
    border-radius: 14px;
    background: #FFF;
    border: 1px solid #D4D5D7;
    margin-left: 7px;
    color: #383839;
}

#cuadro {
    cursor: pointer;
}

#contenedorBox {
    height: inherit;
    min-width: 290px;
    max-width: 605px;
    width: 100%;
    margin: 0 auto;
}

#contenedorBoxInt {
    position: relative;
    height: inherit;
    width: inherit;
}

#layerBoxT {
    position: absolute;
    top: 39px;
    width: 100%;
    height: 472px;
    min-height: 338px;
    background: #FFF;
    opacity: 0.8;
}

#layerBox {
    position: absolute;
    top: 39px;
    width: inherit;
    height: 472px;
    min-height: 338px;
    overflow: hidden;
}

#layerBoxHeadT {
    position: relative;
    width: inherit;
    min-height: 63px;
    background: #1087CA;
}

#layerBoxHeadTO {
    position: absolute;
    top: 39px;
    width: inherit;
    min-height: 63px;
    background: #1087CA;
    opacity: 0.8;
    z-index: 1;
}

#layerBoxHead {
    position: relative;
    width: inherit;
    height: 63px;
    float: left;
}

#layerBoxHeadO {
    position: absolute;
    top: 39px;
    width: inherit;
    height: 63px;
    float: left;
    z-index: 1;
}

#layerBoxHeadTitulo {
    text-align: center;
    font-size: 43px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.navbar-toggle {
    position: relative;
    float: right;
    display: none;
    padding: 7px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 18px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; 
}

#layerCont {
    position: relative;
    margin: 15px;
    width: 579px;
    height: 391px;
    float: left;
}

#layerContNoticias {
    width: 402px;
    height: 391px;
    margin: 63px auto;
}

.layerContTextoInt {
    margin: 15px;
    text-align: justify;
}

.layerContTextoIntComprar {
    margin: 15px;
    text-align: left;
}

.layerContTextoIntComprar a {
    color: #0073B8;
    font-family: "Neris-Black";
    font-size: 14px;
}

.layerContTextoIntComprar b {
    font-family: "Neris-Black";
    text-transform: uppercase;
}

#layerContImagen {
    position: relative;
    width: 245px;
    height: 395px;
    float: left;
    text-align: center;
}

#layerContComprarImagen {
    position: relative;
    width: 160px;
    height: 395px;
    float: left;
    text-align: center;
}

#noticiaPapelTexto {
    width: 265px;
    height: 375px;
    /*margin: 15px 60px;*/
    margin: 15px 52px;
    padding-right: 15px;
    overflow: auto;
    overflow-x: hidden;
}

#noticiaPapelTextoCont {
    min-height: 130px;
    width: inherit;
    margin-bottom: 30px;
    line-height: 16px;
}

#noticiaPapelTextoContTitulo {
    width: 210px;
    min-height: 60px;
    height: auto;
    font-size: 19px;
    color: #0073B8;
    font-family: "Neris-SemiBold";
}

#noticiaPapelTextoContTexto {
    width: 250px;
    height: auto;
    font-size: 11px;
    color: #999;
    margin-bottom: 5px;
}

#noticiaPapelTextoContTitulo span {
    font-family: "Neris-Black";
}

.layerContTextoIntComprar img{
    max-height: 45px;
    max-width: 120px;
}

#layerContIndustrial p {
    margin: 15px 0;
}

#noticiaPapelTextoContFecha {
    width: 250px;
    height: auto;
    font-size: 11px;
    color: #333;
    font-family: "Neris-SemiBoldItalic";
}

.industrialText {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    min-width: 130px;
    max-width: 290px;
    background: #3FACEF;
    color: #FFF;
}

#layerContIndustrial {
    position: relative;
    margin: 15px 0;
    min-width: 290px;
    width: 100%;
    height: 346px;
    float: left;
    color: #0073B8;
    font-size: 14px;
    font-family: "Neris-Light";
}

#layerContIndustrialInt {
    width: 445px;
    height: inherit;
}

#layerContTexto p {
    text-align: justify;
}

#layerContForm {
    position: relative;
    margin-top: 14px;
    width: 605px;
    height: 391px;
    float: left;
}

#layerContTexto {
    position: relative;
    width: 334px;
    height: inherit;
    color: #0073B8;
    font-size: 14px;
    font-family: "Neris-Light";
    float: left;
    overflow: auto;
}

#layerContTextoComprar {
    position: relative;
    max-width: 445px;
    min-width: 290px;
    height: inherit;
    color: #0073B8;
    font-size: 14px;
    font-family: "Neris-Light";
    float: left;
    overflow: auto;
}

#layerContTexto ul {
    margin-top: 4px;
    list-style-image: url('../img/gota.png');
    font-size: 16px;
}

#funcionaWater {
    position: absolute;
    left: 0px;
    width: 292px;
    height: 522px;
}

#fondoPapel {
    position: absolute;
    width: 402px;
    height: inherit;
    background: url('../img/papel_noticias.png');
}

.normal {
    background: url('../img/water_funciona.png');
}

.layerContTextoIntComprar img {
    margin-bottom: 5px;
}

.habla {
    background: url('../img/water_funciona_hablando.png');
}

#funcionaPaso {
    position: absolute;
    top: 60px;
    left: 230px;
    width: 353px;
    height: 306px;
}

#cajaContacto {
    width: 438px;
    height: 360px;
    background: #1087CA;
    margin: 22px auto;
    padding-top: 12px;
    text-align: center;
    font-family: "Neris-Light";
    font-size: 14px;
}

#cajaContacto input {
    width: 150px;
    height: 25px;
    border: 0px;
    border-radius: 6px;
    padding-left: 6px;
}

#cajaContacto p span {
    position: relative;
    left: 1px;
}

#cajaContacto p span img{
    position: relative;
    top: 3px;
}

#cajaContactoInt {
    width: 395px;
    height: 250px;
    margin-left: 20px;
    padding-bottom: 22px;
}

#cajaContactoInput {
    width: 50%;
    margin-bottom: 17px;
    float: left;
}

#cajaContactoTextArea {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

#cajaContactoTextArea textarea {
    width: 245px;
    height: 83px;
    border: 0px;
    border-radius: 6px;
}

.paso-1 {
    /*background: url('../img/paso_1.png');*/
}

.paso-2 {
    /*background: url('../img/paso_2.png');*/
    display: none;
}

.paso-3 {
    /*background: url('../img/paso_3.png');*/
    cursor: pointer;
    display: none;
}

.cuadro-1 {
    position: absolute;
    top: 10px;
    left: 29px;
    background: url('../img/cuadro_1.1.png');
    width: 172px;
    height: 158px;
}

/*.cuadro-2 {
    position: absolute;
    top: 10px;
    left: 355px;
    background: url('../img/cuadro_2.1.png');
    width: 173px;
    height: 157px;
}*/

.cuadro-2 {
    position: absolute;
    top: 10px;
    left: 355px;
    background: url('../img/cuadro_1.1.png');
    width: 172px;
    height: 158px;
}

.bg-azul {
    background: url("../img/menu-azul-bg.jpg");
}

.bg-verde {
    background: url("../img/menu-verde-bg.jpg");
}

.celeste {
	background: #118DD7;
}

.celeste-claro {
	background: #1FA0EE;
}

.celeste center {
	padding-top: 24px;
	font-size: 21px;
}

.celeste-claro center {
	padding-top: 12px;
	font-size: 34px;
	font-family: "Neris-SemiBoldItalic";
}

.blackType {
    font-family: "Neris-BlackItalic";
}

.liderPic {
    position: relative;
    top: -8px;
}

.unimarcTop {
    margin-top: 9px;
}

.redesFooter {
    margin-top: -8px;
    margin-left: 14px;
    margin-bottom: 10px;
}

.redesMenu {
    margin-top: -11px;
    display: none;
}

.fbButton {
    cursor: pointer;
}

.twButton {
    visibility: hidden;
    cursor: pointer;
}

@media (max-height: 736px) {
    #layerBox{
        height: 472px;
    }
}

@media (max-height: 568px) {
    #funcionaPaso {
        width: 320px;
        height: 268px;
    }

    .paso-1 {
        background-size: 310px;
    }

    .paso-2 {
        background-size: 310px;
    }

    .paso-3 {
        background-size: 310px;
    }
}

@media (max-height: 736px) and (max-width: 414px) {
    #box-1 {
        height: auto;
    }

    #box-2 {
        height: 80px;
    }

    #imgHomeF {
        height: 584px;
    }

    #layerBox {
        height: 503px;
    }

    #layerBoxT {
        height: 503px;
    }

    #layerContForm {
        max-width: 414px;
    }

    #cajaContacto {
        max-width: 414px;
    }

    #layerContImagen {
        display: none;
    }

    #layerCont {
        width: 362px;
        height: 412px;
    }

    #layerContTexto {
        width: inherit;
    }

    #layerContIndustrial {
        height: 410px;
        width: 414px;
    }
}

@media (max-height: 667px) and (max-width: 375px) {

    #layerBoxT {
        height: 477px;
    }

    #layerBox {
        height: 476px;
    }

    #layerContForm {
        max-width: 375px;
    }

    #cajaContacto {
        max-width: 375px;
    }

    #box-1 {
        height: auto;
    }

    #layerContIndustrial {
        width: 375px;
        height: 335px;
    }

    #layerCont {
        width: 345px;
        height: 385px;
    }

    .comprar {
        height: 112px;
    }
}

@media (max-height: 568px) and (max-width: 320px) {
    #box-1 {
        height: auto;
    }

    #layerContTexto {
        height: 343px;
        width: 290px;
    }

    #layerContForm {
        margin-top: 0;
        max-width: 320px;
    }

    #cajaContacto {
        margin: 0 auto;
        padding-top: 0;
        max-width: 320px;
    }

    #cajaContactoInput {
        width: 50%;
        margin-bottom: 0;
    }

    #cajaContacto input {
        height: 25px;
    }

    #imgHomeF {
        height: 416px;
    }

    #layerContImagen {
        display: none;
    }

    #layerCont {
        height: 284px;
        width: 290px;
    }

    #layerContTexto {
        width: 320px;
        height: 284px;
    }

    #layerContIndustrial {
        height: 235px;
        width: 320px;
    }

    #layerBoxT {
        height: 377px;
    }

    #layerBox {
        height: 377px;
    }

    .funciona {
        height: 112px;
    }
}

@media (max-width: 612px) {

    #layerContComprarImagen {
        display: none;
    }

    #funcionaPaso {
        position: relative;
        top: 0;
        left: 0;
        margin: 100px auto;
    }

}

@media (max-width: 767px) { 
    #bigBox {
        min-width: 320px;
    }

    #box-1 {
        min-width: 320px;
    }

    #menuBox {
        min-width: 248px;
        margin: 0;
       /* margin-left: 24px;*/
        z-index: 2;
    }

    #logo {
        width: 92px;
        height: 72px;
        background-size: 93px;
        background-position-y: -15px;
    }

    .faq {
        height: 112px;
    }

    #redesFooter {
        display: block;
        text-align: center;
    }

    .redesMenu {
        display: block;
    }

    #footBoxInterior {
        display: none;
    }

    #menuInteriorBox {
        left: 0;
        float: right;/*
        padding-top: 72px;*/
        padding-top: 0;
        width: 100%;
        display: none;
        padding-left: 0;
    }

    .navbar-toggle {
        display: block;
    }

    #separaPunto {
        display: none;
    }

    #redes {
        display: none;
    }

    #textoMenu {
        float: none;
        padding: 10px;
        text-align: right;
        background: #2C8BC2;
        border-bottom: 1px solid #0071B5;
    }

    #videos {
        /*display: none;*/
    }

    #contiene {
        float: right;
        width: 320px;
        margin: 0 50px;
    }

    #socialBox {
        float: none;
    }

    #videosCaja {
        display: block;
    }

    #cuadro {
        display: none;
    }
    
    #socialBox{
        /*display: none;*/
    }

    #msjWater {
        display: none;
    }

    .videosBox1 {
        visibility: visible;
    }

    #contiene_water {
        margin: 67px 166px;
    }
}

@media (max-width: 1023px) and (min-width: 767px) {
    #menuInteriorBox {
        padding-left: 110px;
    }
}

@media (max-width: 1023px) {
    #redes {
        display: none;
    }

    #logo {
        width: 80px;
        height: 72px;
        background-size: 80px;
        margin-left: 12px;
        background-position-y: -7px;
    }

    #menuInteriorBox {
        left: 0;
    }

    #cuadro {
        display: none;
    }

    #videos {
        /*display: none;*/
    }

    #box-2 {
        display: none;
    }

    #contiene {
        width: 48%;
    }

    #papel {
        top: 213px;
        left: 45px;
    }

    #textoMenu {
        padding-right: 4px;
    }

    #separaPunto {
        padding-right: 4px;
    }

    .casa {
        display: none;
    }

    .ultimoPunto {
        display: none;
    }
}

@media (max-width: 480px) and (max-height: 320px) {
    #vacioBox {
        display: none;
    }

    #videosBox {
        margin: 10px 20px;
    }

    #videosCaja {
        height: 150px;
        margin: 0 auto;
    }

    #videosBoxT {
        height: 170px;
    }

    #videos {
        height: 170px;
        width: 100%;
        text-align: center;
    }

    #papel {
        /*display: none;*/
        left: 0px;
    }

    #contiene_water {
        margin: 67px 92px;
    }

    #imgHome {
        height: 738px;
    }

    #contiene {
        height: auto;
    }
}

@media (max-height: 480px) and (max-width: 320px) {
    #box-1 {
        height: auto;
    }

    #imgHome {
        height: 400px;
    }

    #contiene_water {
        padding-top: 0;
        height: 400px;
    }

    #water2 {
        height: 400px;
    }

    #imgHomeF {
        height: 365px;
    }

    .comprar {
        height: 112px;
    }
    
    .ostomia {
        height: 63px;
    }

    #layerBoxHeadTO {
        height: 112px;
        top: 10px;
    }

    #funciona-top {
        height: 468px;
    }

    #layerBoxHeadO {
        top: 10px;
    }

    #papel {
        /*display: none;*/
        left: 0px;
    }

    #contiene_water {
        margin: 67px 92px;
    }

    #layerContTextoComprar {
        height: 207px;
    }

    #layerContTexto {
        height: inherit;
    }

    #layerCont {
        height: 240px;
        width: 290px;
        margin-top: 15px;
    }

    #layerContTexto {
        width: 290px;
    }

    #layerBoxT {
        top: 10px;
    }

    #layerBox {
        top: 10px;
        height: 398px;
    }

    #layerContIndustrial {
        margin: 15px;
        height: 239px;
        width: 290px;
    }
}

@media (min-height: 701px) and (max-width: 1024px) {
    #box-2 {
        height: 147px;
    }
}

@media (max-height: 736px) and (max-width: 414px) {
    #box-2 {
        /*height: 147px;*/
        display: none;
    }
}

@media (min-width: 767px) {
    .menuCentral {
        display: block;
    }

    #socialBox {
        display: block;
    }
}

@media (max-width: 414px) {
    #imgHome {
        height: auto;
    }

    #videos {
        display: block;
        position: initial;
        width: 100%;
        float: none;
        height: 0;
    }

    #videosBoxT {
        margin: 0;
    }

    #videosBox {
        margin: 0 10px 0 10px;
    }

    #cajaVideo {
        margin: 15px 0;
    }

    #videosCaja {
        height: 180px;
        margin: 0 auto;
    }

    #vacioBox {
        display: none;
    }

    #papel {
        /*display: none;*/
        top: 391px;
        left: 37px;
    }

    #contiene {
        position: initial;
        width: 100%;
        height: 397px;
        float: none;
        margin: 15px 0 0 0;
        padding-top: 42px
    }

    .imgWater1 {
        background-size: 127px;
    }

    #water2 {
        width: 127px;
        height: 307px;
        left: 40px;
    }

    #contiene_water {
        margin: 0 auto;
        padding: 0;
        width: 127px;
        height: 336px;
    }

    #socialBox {
        position: initial;
        width: 100%;
        float: none;
        padding: 42px 0 15px 0;
    }

    #contSocialBox {
        position: initial;
        margin: 0 auto;
    }
}

/*Armado botón*/

#menuBox .navbar-toggle:focus, #menuBox .navbar-toggle:hover {
    background-color: #2C8BC2;
}

#menuBox .navbar-toggle {
    border-color: #2C8BC2;
    background: #2C8BC2;
}

.navbar-toggle:focus {
    outline: 0;
}

#menuBox .navbar-toggle .icon-bar {
    background-color: #FFF;

}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}