/*************** GLOBAL
****************/

/*div.home-background-image > div.bordeAmarillo{
    border: 2px solid gold;
}*/







html,body{
margin:0px;
height:100%;
}
body {
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 1px;
}
body.marvel {
    font-family: 'MaskedMarvel';
}
section, .container {
    height: 100%;
}
button:focus {
    outline: 0;
}
.collapsing {
     -webkit-transition: none;
     transition: none;
}


@font-face {
    font-family: 'MaskedMarvel';
    src: url('../font/masked/subset-MaskedMarvel.eot');
    src: url('../font/masked/subset-MaskedMarvel.eot?#iefix') format('embedded-opentype'),
        url('../font/masked/subset-MaskedMarvel.woff2') format('woff2'),
        url('../font/masked/subset-MaskedMarvel.woff') format('woff'),
        url('../font/masked/subset-MaskedMarvel.ttf') format('truetype'),
        url('../font/masked/subset-MaskedMarvel.svg#MaskedMarvel') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 BlkCn BT';
    src: url('../font/swiss/Swiss721BT-BlackCondensedItalic.eot');
    src: url('../font/swiss/Swiss721BT-BlackCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-BlackCondensedItalic.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-BlackCondensedItalic.woff') format('woff'),
        url('../font/swiss/Swiss721BT-BlackCondensedItalic.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-BlackCondensedItalic.svg#Swiss721BT-BlackCondensedItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../font/swiss/Swiss721BT-BoldCondensed.eot');
    src: url('../font/swiss/Swiss721BT-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-BoldCondensed.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-BoldCondensed.woff') format('woff'),
        url('../font/swiss/Swiss721BT-BoldCondensed.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-BoldCondensed.svg#Swiss721BT-BoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../font/swiss/Swiss721BT-ItalicCondensed.eot');
    src: url('../font/swiss/Swiss721BT-ItalicCondensed.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-ItalicCondensed.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-ItalicCondensed.woff') format('woff'),
        url('../font/swiss/Swiss721BT-ItalicCondensed.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-ItalicCondensed.svg#Swiss721BT-ItalicCondensed') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../font/swiss/Swiss721BT-BoldCondensedItalic.eot');
    src: url('../font/swiss/Swiss721BT-BoldCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-BoldCondensedItalic.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-BoldCondensedItalic.woff') format('woff'),
        url('../font/swiss/Swiss721BT-BoldCondensedItalic.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-BoldCondensedItalic.svg#Swiss721BT-BoldCondensedItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 BlkCn BT';
    src: url('../font/swiss/Swiss721BT-BlackCondensed.eot');
    src: url('../font/swiss/Swiss721BT-BlackCondensed.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-BlackCondensed.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-BlackCondensed.woff') format('woff'),
        url('../font/swiss/Swiss721BT-BlackCondensed.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-BlackCondensed.svg#Swiss721BT-BlackCondensed') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../font/swiss/Swiss721BT-RomanCondensed.eot');
    src: url('../font/swiss/Swiss721BT-RomanCondensed.eot?#iefix') format('embedded-opentype'),
        url('../font/swiss/Swiss721BT-RomanCondensed.woff2') format('woff2'),
        url('../font/swiss/Swiss721BT-RomanCondensed.woff') format('woff'),
        url('../font/swiss/Swiss721BT-RomanCondensed.ttf') format('truetype'),
        url('../font/swiss/Swiss721BT-RomanCondensed.svg#Swiss721BT-RomanCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monotype Corsiva';
    src: url('../font/monotype/MonotypeCorsiva.eot');
    src: url('../font/monotype/MonotypeCorsiva.eot?#iefix') format('embedded-opentype'),
        url('../font/monotype/MonotypeCorsiva.woff2') format('woff2'),
        url('../font/monotype/MonotypeCorsiva.woff') format('woff'),
        url('../font/monotype/MonotypeCorsiva.ttf') format('truetype'),
        url('../font/monotype/MonotypeCorsiva.svg#MonotypeCorsiva') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Throw My Hands Up in the Air';
    src: url('../font/throwmyhands/ThrowMyHandsUpintheAir.eot');
    src: url('../font/throwmyhands/ThrowMyHandsUpintheAir.eot?#iefix') format('embedded-opentype'),
        url('../font/throwmyhands/ThrowMyHandsUpintheAir.woff2') format('woff2'),
        url('../font/throwmyhands/ThrowMyHandsUpintheAir.woff') format('woff'),
        url('../font/throwmyhands/ThrowMyHandsUpintheAir.ttf') format('truetype'),
        url('../font/throwmyhands/ThrowMyHandsUpintheAir.svg#ThrowMyHandsUpintheAir') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


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

@font-face {
    font-family: 'Infantil';
    src: url('../font/infantil/Infantil.eot');
    src: url('../font/infantil/Infantil.eot?#iefix') format('embedded-opentype'),
        url('../font/infantil/Infantil.woff2') format('woff2'),
        url('../font/infantil/Infantil.woff') format('woff'),
        url('../font/infantil/Infantil.ttf') format('truetype'),
        url('../font/infantil/Infantil.svg#Infantil') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fridayluck';
    src: url('../font/fridayluck/Fridayluck.eot');
    src: url('../font/fridayluck/Fridayluck.eot?#iefix') format('embedded-opentype'),
        url('../font/fridayluck/Fridayluck.woff2') format('woff2'),
        url('../font/fridayluck/Fridayluck.woff') format('woff'),
        url('../font/fridayluck/Fridayluck.ttf') format('truetype'),
        url('../font/fridayluck/Fridayluck.svg#Fridayluck') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ariston';
    src: url('../font/ariston/Ariston.eot');
    src: url('../font/ariston/Ariston.eot?#iefix') format('embedded-opentype'),
        url('../font/ariston/Ariston.woff2') format('woff2'),
        url('../font/ariston/Ariston.woff') format('woff'),
        url('../font/ariston/Ariston.ttf') format('truetype'),
        url('../font/ariston/Ariston.svg#Ariston') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('../font/amatic/AmaticSC-Regular.eot');
    src: url('../font/amatic/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/amatic/AmaticSC-Regular.woff2') format('woff2'),
        url('../font/amatic/AmaticSC-Regular.woff') format('woff'),
        url('../font/amatic/AmaticSC-Regular.ttf') format('truetype'),
        url('../font/amatic/AmaticSC-Regular.svg#AmaticSC-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('../font/amatic/AmaticSC-Bold.eot');
    src: url('../font/amatic/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/amatic/AmaticSC-Bold.woff2') format('woff2'),
        url('../font/amatic/AmaticSC-Bold.woff') format('woff'),
        url('../font/amatic/AmaticSC-Bold.ttf') format('truetype'),
        url('../font/amatic/AmaticSC-Bold.svg#AmaticSC-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@media (min-width: 576px) {
  .modal-dialog {
    max-width: 710px;
  }
}
.carousel-caption {
    position: relative;
    color: #000;
    text-align: left;
    right: auto;
    left: auto;
}
.carousel-indicators li {
    text-indent: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 17px;
    margin-bottom: 5px;
    font-family: 'Swis721 BlkCn BT' !important;
}
.carousel-indicators li .hover {
      transition: all 7000ms ease-in-out;;
      position: relative;
}
.carousel-indicators li .hover:before, .carousel-indicators li .hover:after {
        content: "";
        position: absolute;
        bottom: -2px;
        width: 0px;
        height: 2px;
        margin: 5px 0 0;
        transition: all 7000ms ease-in-out;
        transition-duration: 0.75s;
        opacity: 0;
        background-color: #000;
}
.carousel-indicators li .hover.hover-1:before, .carousel-indicators li .hover.hover-1:after {
          left: 18px;
}
.carousel-indicators li:hover .hover:before, .carousel-indicators li:hover .hover:after {
    width: 100%;
    opacity: 1;
}
.carousel-indicators .active {
    background-color: transparent;
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-footer .btn.collapsed {
    left: 0 !important;
    bottom: 48px !important;
}
.btn-primary:focus {
    box-shadow: none;
}
.carousel-caption {
    padding-bottom: 0;
}
.margin-top-80 {
    margin-top: 80px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-40 {
    margin-left: 40px;
}
.margin-left-35-ciento {
    margin-left: 35%;
}
.margin-left-32-ciento {
    margin-left: 32%;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
img.width-50 {
    width: 50%;
}
.bottom-0 {
    top: auto !important;
    bottom: 0;
}
.width-70 {
    max-width: 70%;
    flex: 0 0 75%;
    -ms-flex: 0 0 75%;
}
.img-right-60 {
    position: absolute;
    right: -92px;
    max-width: 60%;
    flex: 0 0 60%;
    top: 19px;
    -ms-flex: 0 0 60%;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}
.padding-lr-110 {
    padding: 0 60px 0 110px;
}
.padding-lr-190-90-185 {
    padding: 190px 90px 0 185px;
}
.padding-lr-190-90-150 {
    padding: 190px 90px 0 150px;
}
.padding-lr-30-80 {
    padding: 0 30px 0 80px;
}
.padding-lr-10-85 {
    padding: 0 10px 0 85px;
}
.padding-lr-10-80 {
    padding: 0 10px 0 80px;
}
.padding-lr-60 {
    padding: 0 60px;
}
.padding-lr-60-0 {
    padding-left: 60px;
}
.padding-lr-30-0 {
    padding-left: 30px;
}
.no-padding-lr {
    padding-left: 0;
    padding-right: 0;
}
.pa3 {
    position: absolute;
    bottom: -12px;
    right: -4px;
}
.width-76 {
    flex: 0 0 76%;
    max-width: 76%;
    -ms-flex: 0 0 76%;
}
.width-28 {
    flex: 0 0 28%;
    max-width: 28%;
    -ms-flex: 0 0 28%;
}
.p11 {
    position: absolute;
    bottom: 10px;
    right: -5px;
}
.row.no-mm {
    margin-left: 0;
    margin-right: 0;
}
.animated-fast {
    animation-duration: 300ms !important;
    -webkit-animation-duration: 300ms !important;
}
.bottom-20 {
    position: absolute;
    right: 0;
    bottom: -20px;
}
.bottom-5 {
    position: absolute;
    right: 0;
    bottom: -5px;
}
.empty-90 {
    padding-bottom: 90px;
}
.clearboth {
    clear: both;
}
.right-25 {
    float: right;
    right: 25px;
    position: relative;
}
.font-17 {
    font-size: 17px !important;
    line-height: 20px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.width-50 {
    max-width: 60% !important;
}
.width-60 {
    max-width: 60% !important;
}
.left-40 {
    margin-left: 40px;
}
.absolute42 {
    position: absolute;
    max-width: 42%;
    flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    right: -42px;
    bottom: -6px;
}
.top-180 {
    margin-top: 180px;
}
.top-5 {
    margin-top: 5px;
}
.left-20 {
    margin-left: 20px;
}
.par57 {
    position: absolute;
    max-width: 57%;
    flex: 0 0 57%;
    -ms-flex: 0 0 57%;
    right: -34px;
    bottom: -24px;
}
.par70 {
    position: absolute;
    max-width: 70%;
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    right: -95px;
    bottom: 97px;
}
.pa4 {
    position: absolute;
    max-width: 60%;
    flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    right: 0;
    bottom: -10px;
}
.pa4.pa4-2 {
    bottom: 44px;
}
.pa5 {
    position: absolute;
    left: 0;
    top: 16px;
    max-width: 53.666667%;
    flex: 0 0 53.666667%;
    -ms-flex: 0 0 53.666667%;
}
.pa20 {
    max-width: 20%;
    position: absolute;
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    right: 90px;
    top: 8px;
}
.pa42 {
    position: absolute;
    max-width: 42%;
    flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    left: 10px;
    bottom: -10px;
}
.pa53 {
    position: absolute;
    max-width: 53%;
    flex: 0 0 53%;
    -ms-flex: 0 0 53%;
    left: 68px;
    bottom: -21px;
}
.pa52 {
    position: absolute;
    max-width: 52%;
    flex: 0 0 52%;
    -ms-flex: 0 0 52%;
    left: -29px;
    bottom: -59px;
    z-index: 1;
}
.pa55 {
    position: absolute;
    max-width: 55%;
    flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    left: 15px;
    bottom: -21px;
}
.pa52.pb37 {
    bottom: -37px;
}
.texto-pa52 {
    max-width: 63%;
    flex: 0 0 63%;
    -ms-flex: 0 0 63%;
    left: 39%;
}
.texto-pa55 {
    left: 34%;
}
.pa53r {
    position: absolute;
    max-width: 38%;
    flex: 0 0 38%;
    -ms-flex: 0 0 38%;
    right: 43px;
    bottom: -23px;
}
.pa56r {
    position: absolute;
    max-width: 52%;
    flex: 0 0 52%;
    -ms-flex: 0 0 52%;
    right: -14px;
    bottom: -23px;
    z-index: 1;
}
.pa6 {
    position: absolute;
    max-width: 55%;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    right: -10px;
    bottom: 21px;
}
.pa7 {
    position: absolute;
    max-width: 70%;
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    right: -165px;
    bottom: 15px;
}
.pa8 {
    position: absolute;
    left: 16px;
    bottom: -20px;
    max-width: 50.666667%;
    flex: 0 0 50.666667%;
    -ms-flex: 0 0 50.666667%;
}
.pa9 {
    position: absolute;
    right: -16px;
    max-width: 40.666667%;
    flex: 0 0 40.666667%;
    -ms-flex: 0 0 40.666667%;
}
.pa30 {
    position: absolute;
    max-width: 30%;
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    right: -10px;
    top: 21px;
}
.pa30l {
    left: 0;
    bottom: 21px;
    right: auto;
    top: auto;
}
.pa30l2 {
    left: 73px;
    bottom: -21px;
    right: auto;
    top: auto;
}
.texto-pa30l {
    margin-left: 19%;
}
.pa37 {
    position: absolute;
    right: 15px;
    max-width: 37%;
    flex: 0 0 37%;
    -ms-flex: 0 0 37%;
}
.texto-pa8 {
    left: 45.666667%;
}
.texto-pa5 {
    left: 41.666667%;
}
.texto-pa53 {
    left: 52%;
}
.texto-pa53-2 {
    left: 55%;
    margin-bottom: 34px;
}
.texto-pa53-3 {
    left: 43%;
    margin-bottom: 76px;
}
.texto-pa53r {
    max-width: 44%;
    flex: 0 0 44%;
    -ms-flex: 0 0 44%;
}
.texto-pa56r {
    max-width: 56%;
    flex: 0 0 56%;
    -ms-flex: 0 0 56%;
    margin-bottom: 75px;
}
.texto-pa53r p {
    margin-left: 10px;
}
.p-zindex-2 p {
    z-index: 2;
    position: relative;
}
/*.pp4 {
    max-width: 35%;
    flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    position: absolute;
}*/
.pp4-2 {
    max-width: 35%;
    flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    position: absolute;
}
.texto-pp4 {
    margin-left: 35%;
}
/*.pp5 {
    max-width: 65%;
    flex: 0 0 65%;
    position: absolute;
    bottom: 0;
    -ms-flex: 0 0 65%;
}*/
.pp5-2 {
    max-width: 65%;
    flex: 0 0 65%;
    position: absolute;
    bottom: 0;
    -ms-flex: 0 0 65%;
}
.pelotas {
    position: absolute;
}
.bottom--15 {
    bottom: -15px !important;
}
.padding-bottom-43 {
    padding-bottom: 43px;
}
.mb-222 {
    margin-bottom: 222px;
}
.modal-posturas .font-presentacion p.lh25 {
    line-height: 25px !important;
}
.font-presentacion p {
    font-size: 1.3rem !important;
    line-height: 29px !important;
}
.font-presentacion h3 {
    color: #ff0000;
}
.font-presentacion .texto-right-modal {
    padding-left: 15px;
}
.red {
    color: #ff0000;
}
.img-sr {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 127px;
    width: 80%;
}
.img-sl {
    width: 80%;
}
ul.bullet-red {
  list-style: none;
  padding-left: 0;
}

ul.bullet-red li {
  padding-left: 1em; 
  text-indent: -1em;
  margin-bottom: 10px;
}
ul.bullet-red li::before {
  content: "- ";
  color: red;
}
ul.no-bullet {
    list-style: none;
}
ul.no-bullet li {
    padding-left: 0;
    text-indent: 0;
}
ul.no-bullet li::before {
    content: "";
}


@media (min-width: 992px) {
  .custom-col-4-8 .col-lg-4 {
    -ms-flex: 0 0 37.333333%;
    flex: 0 0 37.333333%;
    max-width: 37.333333%;
  }
  .custom-col-4-8 .col-md-8 {
    -ms-flex: 0 0 62.666667%;
    flex: 0 0 62.666667%;
    max-width: 62.666667%;
  }
}
@media (min-width: 768px) {
  .custom-col-4-8 .col-md-8 {
    -ms-flex: 0 0 62.666667%;
    flex: 0 0 62.666667%;
    max-width: 62.666667%;
  }
  .custom-col-4-8 .col-lg-4 {
    -ms-flex: 0 0 37.333333%;
    flex: 0 0 37.333333%;
    max-width: 37.333333%;
  }
}


/*************** INTRO
****************/
.logo, .logo-autor, .texto-intro {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.logo {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.logo-autor {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  opacity: 0;
  animation-fill-mode: forwards;
}
.texto-intro {
  text-align: center;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  opacity: 0;
  animation-fill-mode: forwards;
}
.texto-intro img {
    width: 55.5%;
}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.logo-autor {
    right: 0;
    position: absolute;
}
.intro .h-100 {
    height: 70%!important;
}




/*************** HOME
****************/
.home-background-image {
    background-size: 100% auto;
    width: 100%;
    background-image: url(../img/fondo-home.png);
    margin: 0 auto;
    height: 755px;
    background: #27baee;
    background: -moz-linear-gradient(top,  #27baee 0%, #dba6a6 37%);
    background: -webkit-linear-gradient(top,  #27baee 0%,#dba6a6 37%);
    background: linear-gradient(to bottom,  #27baee 0%,#dba6a6 37%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27baee', endColorstr='#dba6a6',GradientType=0 );
    position: relative;
    overflow: hidden;
}
.fondo-home {
    z-index: 2;
    position: relative;
}
.cloud {
    position: absolute;
    z-index: 1;
}
.x1 {
    top: -130px;
    right: 0;
}
.x2 {
    top: -40px;
}
.x3 {
    top: -200px;
}


.x1{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: clouduno;
-webkit-animation-duration: 75s;
}     
@-webkit-keyframes clouduno {
    0% { left: 0;}
    50%{ left : 100%;}
    100%{ left: 0;}
}
.x2{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: clouddos;
-webkit-animation-duration: 65s;
}     
@-webkit-keyframes clouddos {
    0% { left: -20%;}
    50%{ left : 25%;}
    100%{ left: 0;}
}
.x3{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: cloudtres;
-webkit-animation-duration: 50s;
}     
@-webkit-keyframes cloudtres {
    0% { left: -20%;}
    50%{ left : 90%;}
    100%{ left: 0;}
}

.ovni {
    position: absolute;
    top: 40px;
    left: 48%;
    z-index: 4;
}
/*.ovni img {
    width: 55.5%;
    height: 55.5%;
}*/
.ovni{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: ovni;
-webkit-animation-duration: 4s;
}     

@-webkit-keyframes ovni {
    from {
        -webkit-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }

    to { 
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes ovni {
    from {
        transform: translate(0, 0px);
    }

    65% {
        transform: translate(0, 30px);
    }

    to {
        transform: translate(0, -0px);
    }
}

.ayudantea {
    bottom: -120px;
    z-index: 3;
    left: 60px;
    opacity: 1;
    width: 555px;
    animation-duration: 1s !important;
}
.ayudantea.bounceOut {
  -webkit-animation-duration: 7s !important;
  -webkit-animation-delay: 5s !important;
  animation-duration: 7s !important;
  animation-delay: 5s !important;
}

.content-vineta {
    position: absolute;
    z-index: 3;
    bottom: 190px;
    left: 350px;
    animation-duration: 2s !important;
    opacity: 0;
}
.content-vinetab {
    position: absolute;
    bottom: 190px;
    left: 100px;
    z-index: 2;
    -webkit-animation-delay: 7s !important;
    animation-delay: 7s !important;
    -webkit-animation-duration: 100s !important;
    animation-duration:100ms !important;
    opacity: 0;
}
.content-vinetab .vineta {
    width: 280px;
    height: 250px;
}
.content-vineta.zoomIn {
    opacity: 1;
}
.content-vineta.zoomOut, .content-vinetab.zoomOut {
    animation-duration: 3s !important;
    animation-delay: 3s !important;
    opacity: 1;
}
.vineta {
    background: #fff;
    width: 350px;
    height: 300px;
    border-radius: 50%;
    border: 4px solid #000;
    position: relative;

}
.content-vinetab .vineta:before {
    right: 28px;
    left: auto;
    bottom: -28px;
    transform: rotate(64deg);
}
.content-vinetab .vineta:after {
    right: 35px;
    left: auto;
    bottom: -20px;
    transform: rotate(66deg);
}
.vineta:before, .vineta:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}
.vineta:after {
    left: 35px;
    bottom: -6px;
    border: 23px solid;
    border-color: #fff transparent transparent #fff;
    transform: rotate(32deg);
}
.vineta:before {
    left: 28px;
    bottom: -13px;
    border: 25px solid;
    border-color: #000 transparent transparent #000;
    transform: rotate(33deg);
}
.globo {
    position: relative;
    top: 63px;
    text-align: center;
}
.casa, .artes, .comisaria, .colegio, .polideportivo, .ayudantea, .pajaros, .content-menu, .canto, .titulo-canto, .texto-canto, .flechacanto, .canto-bt1, .canto-bt2, .instrumentos, .titulo-instrumentos, .texto-instrumentos, .flechainstrumentos, .instrumentos-bt1, .instrumentos-bt2, .teatro, .titulo-teatro, .texto-teatro, .flechateatro, .teatro-bt1, .teatro-bt2, .danza, .titulo-danza, .texto-danza, .flechadanza, .danza-bt1, .danza-bt2, .musicos, .texto-musicos, .musicos-bt1, .juego, .titulo-juego, .texto-juego, .juego-bt1, .flechaprofes, .titulo-profes, .texto-profes, .titulo-posturas, .texto-posturas, .para-padres-p, .chavaleria, .buenas-posturas-p, .titulo-padres-p, .texto-padres-p, .flechapadresp, .titulo-posturas-p, .texto-posturas-p, .para-padres-c, .titulo-padres-c, .texto-padres-c, .flechapadresc, .descanso-saludable, .tareas-casa, .ir-compra, .en-trabajo, .verano-saludable, .conduccion-saludable, .primeros-auxilios, .cerrar-parapadresds, .buenas-posturas-ca, .titulo-posturas-ca, .texto-posturas-ca, .cuento-interactivo, .titulo-cuentointeractivo, .texto-cuentointeractivo, .juego-casa, .titulo-juegocasa, .texto-juegocasa, .juego-colegio, .titulo-juegocolegio, .para-profes, .buenas-posturas, .texto-juegocolegio, .arboles, .titulo-casa, .texto-casa, .titulo-artes, .titulo-comisaria, .texto-artes, .texto-comisaria, .titulo-colegio, .texto-colegio, .titulo-polideportivo, .texto-polideportivo, .titulo-ovni, .texto-ovni, .juego-polideportivo, .titulo-juegopolideportivo, .texto-juegopolideportivo, .juego-interactivo, .titulo-juegointeractivo, .texto-juegointeractivo {
    position: absolute;
}
.casa, .artes, .comisaria, .polideportivo, .content-menu, .canto, .instrumentos, .titulo-instrumentos, .texto-instrumentos, .flechainstrumentos, .instrumentos-bt1, .instrumentos-bt2, .teatro, .texto-teatro, .flechateatro, .teatro-bt1, .teatro-bt2, .danza, .texto-danza, .flechadanza, .danza-bt1, .danza-bt2, .musicos, .texto-musicos, .juego, .texto-juego, .para-profes, .flechaprofes, .buenas-posturas, .flechaposturas, .chavaleria, .texto-padres-p, .flechapadresp, .flechaposturasp, .texto-padres-c, .flechapadresc, .flechaposturasca, .flechacuentointeractivo, .flechajuegocasa, .juego-colegio, .titulo-juegocolegio, .flechajuegocolegio, .flecha-casa, .flecha-artes, flecha-comisaria .flecha-colegio, .flecha-polideportivo, .flecha-ovni, .flechajuegopolideportivo, .juego-interactivo, .titulo-juegointeractivo, .flechajuegointeractivo {
    z-index: 3;
}
.titulo-instrumentos, .texto-instrumentos, .flechainstrumentos, .texto-teatro, .flechateatro, .texto-danza, .flechadanza, .texto-musicos, .flecha-artes {
    pointer-events: none !important;
}
.colegio, .pajaros, .buenas-posturas-p, .buenas-posturas-ca, .cuento-interactivo, .juego-casa, .para-profes, .buenas-posturas, .juego-polideportivo {
    z-index: 3;
}
/*.casa {
    top: -157px;
    left: -107px;
    width: 453px;
}*/
/*.artes {
    top: 242px;
    right: 3px;
    width: 392px;
}*/
/*.colegio {
    bottom: -81px;
    right: -342px;
    width: 1081px;
}*/
/*.polideportivo {
    bottom: -12px;
    left: 52px;
    width: 684px;
}*/
.pajaros {
    top: -165px;
    left: 5%;
    width: 721px;
    animation:linear infinite alternate;
    -webkit-animation:linear infinite alternate;
    animation-delay: 4s !important;
}
.colegio img, .artes img, .comisaria img, .casa img, .polideportivo img, .ayudantea img, .pajaros img, .flecha img, .flechab img, .titulo-canto img, .flechacanto img, .canto-bt1 img, .canto-bt2 img, .titulo-instrumentos img, .flechainstrumentos img, .instrumentos-bt1 img, .instrumentos-bt2 img, .titulo-teatro img, .flechateatro img, .teatro-bt1 img, .teatro-bt2 img, .titulo-danza img, .flechadanza img, .danza-bt1 img, .danza-bt2 img, .texto-musicos img, .musicos-bt1 img, .titulo-juego img, .flechajuego img, .juego-bt1 img, .flechaprofes img, .titulo-profes img, .titulo-profes img, .titulo-posturas img, .flechaposturas img, .chavaleria img, .titulo-padres-p img, .flechapadresp img, .titulo-posturas-p img, .flechaposturasp img, .titulo-padres-c img, .flechapadresc img, .titulo-posturas-ca img, .flechaposturasca img, .titulo-cuentointeractivo img, .flechacuentointeractivo img, .titulo-juegocasa img, .flechajuegocasa img, .titulo-juegocolegio img, .flechajuegocolegio img, .titulo-casa img, .flecha-casa img, .titulo-artes img, .titulo-comisaria, .flecha-artes img, .flecha-comisaria img, .titulo-colegio img, .flecha-colegio img, .titulo-polideportivo img, .flecha-polideportivo img, .ovni img, .titulo-ovni img, .flecha-ovni img, .titulo-juegopolideportivo img, .flechajuegopolideportivo img, .titulo-juegointeractivo img, .flechajuegointeractivo img {
    max-width: 100%;
}

.flecha, .flechab, .flechacanto {
    z-index: 3;
}
.flecha, .flechab, .flechacanto, .flechainstrumentos, .flechateatro, .flechadanza, .flechajuego, .flechaprofes, .flechaposturas, .flechapadresp, .flechaposturasp, .flechapadresc, .flechaposturasca, .flechacuentointeractivo, .flechajuegocasa, .flechajuegocolegio, .flecha-casa, .flecha-artes, .flecha-comisaria, .flecha-colegio, .flecha-polideportivo, .flecha-ovni, .flechajuegopolideportivo, .flechajuegointeractivo {
    position: absolute;
    width: 111px;    
    opacity: 0;  
}
.opacityuno {
    opacity: 1;
}
.flecha.fadeIn {
    animation-delay: 2s !important;
    animation-duration: 1s !important;
    -webkit-animation-delay: 2s !important;
    -webkit-animation-duration: 1s !important;
}
.flecha.fadeOut {
    animation-delay: 2s !important;
    -webkit-animation-delay: 2s !important;
    animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
}
.flechacasa {
    top: 99px;
    left: 267px;
    transform: rotate(-16deg);    
}
.flechaovni {
    top: 50px;
    right: 327px;
    transform: rotate(-32deg);
}
.flechaartes {
    top: 140px;
    right: 60px;
    transform: rotate(-80deg);
}
.flechapolideportivo {
    left: 109px;
    bottom: 240px;
    transform: rotate(-150deg);
}
.flechacolegio {
    right: 384px;
    bottom: 30px;
    transform: rotate(-210deg);
}
.flechamenu {
    bottom: 77px;
    left: 290px;
    z-index: 2;
    transform: rotate(-60deg);
}
.flechab.fadeIn {
    animation-delay: 7s !important;
    animation-duration: 2s !important;
    -webkit-animation-delay: 7s !important;
    -webkit-animation-duration: 2s !important;
}
.flechab.fadeOut {
    animation-delay: 1s !important;
    -webkit-animation-delay: 1s !important;
    animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
}


/*************** MENU
****************/

.content-menu {
    bottom: -173px;
    left: 0;
    width: 395px;
    cursor: pointer;
    z-index: 5;
}
.content-menu button.navbar-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
}
.content-menu.menu-artes button.navbar-toggle {
    z-index: 2;
    position: relative;
}
.content-menu.menu-comisaria button.navbar-toggle {
    z-index: 2;
    position: relative;
}
.navbar-collapse.collapse.show {
    bottom: -7px !important;
    height: 170px;
}
.content-menu nav {
    position: absolute;
    top: 76px;
    left: 59px;
}
.content-menu.menu-artes nav {
    top: 147px;
    z-index: 2;
}
.content-menu.menu-comisaria nav {
    top: 172px;
    z-index: 2;
}
.content-menu li {
    transform: rotate(354deg);
    list-style: disc;
    margin-bottom: 0;
    font-family: 'MaskedMarvel';
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 1px;
}
.content-menu a {
    color: #000;
    text-decoration: none;
}
.content-menu li .hover {
      transition: all 7000ms ease-in-out;
      position: relative;
}
.content-menu li .hover:before, .content-menu li .hover:after {
        content: "";
        position: absolute;
        bottom: 0px;
        width: 0px;
        height: 2px;
        margin: 5px 0 0;
        transition: all 7000ms ease-in-out;
        transition-duration: 0.75s;
        opacity: 0;
        background-color: #000;
}
.content-menu li .hover.hover-1:before, .content-menu li .hover.hover-1:after {
          left: 0;
}
.content-menu li a:hover .hover:before, .content-menu li a:hover .hover:after {
    width: 100%;
    opacity: 1;
}
.volver {
    top: 70px;
    position: relative;
    z-index: 1;
    left: 25px;
}
span.title-menu {
    transform: rotate(354deg);
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%;
}
.content-menu.menu-artes li {
    font-size: 20px;
    line-height: 20px;
    left: 19px;
    position: relative;
}
.content-menu.menu-comisaria li {
    font-size: 17px;
    line-height: 20px;
    left: 17px;
    position: relative;
}
.menu-artes .navbar-nav {
    width: 205px;
    flex-direction: inherit;
}
.menu-comisaria .navbar-nav {
    width: 205px;
    flex-direction: inherit;
}
li.menu2 {
    margin-left: 23px;
    top: -9px;
}
li.menu4 {
    margin-left: 26px;
    position: relative;
    top: -13px;
}
.content-menu.menu-artes nav {
    left: 40px;
    transform: rotate(-4deg);
}
.content-menu.menu-comisaria nav {
    left: 40px;
}
li.bigmenu {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-top: 5px;
    margin-left: 3px;
}

/*comisaria*/
body.seccion-comisaria {
    background-color: #ffdd89;
}


/*artes*/
body.seccion-artes {
    background-color: #ffdd89;
}
.canto {
    top: 90px;
    left: 70px;
}
.instrumentos {
    top: 85px;
    left: 415px;
}
.canto  {
    background-image: url(../img/04_1_canto.png);
    display: block !important;
    height: 175px;
    cursor: pointer;
    text-indent: -9999px;
    width: 139px;
}
/*.canto:hover  {
    background-position: -7px 187px;
    height: 188px;
    animation: fadein 500ms;
}*/
.instrumentos   {
    background-image: url(../img/04_3instrumentistas.png);
    display: block !important;
    height: 135px;
    cursor: pointer;
    text-indent: -9999px;
    width: 129px;
}
/*.content-instrumentos:hover .instrumentos  {
    background-position: -3px 165px;
    height: 168px;
    animation: fadein 500ms;
}*/
.instrumentos:hover  {
    background-position: -3px 165px;
    height: 168px;
    animation: fadein 500ms;
}
.teatro  {
    background-image: url(../img/04_4teatro.png);
    display: block !important;
    height: 152PX;
    cursor: pointer;
    text-indent: -9999px;
    width: 108PX;
    background-repeat: no-repeat;
    background-size: cover;
}
/*.teatro:hover  {
    background-image: url(../img/04_4teatro_rollover.png);
    height: 200px;
    animation: fadein 500ms;
}*/
.teatro a {
    display: block;
    height: 200px;
}
.danza  {
    background-image: url(../img/04_2danza.png);
    display: block !important;
    height: 163px;
    cursor: pointer;
    text-indent: -9999px;
    width: 120px;
}
.danza:hover  {
    background-image: url(../img/04_2danza_rollover.png);
    height: 163px;
    animation: fadein 500ms;
}
.danza a {
    display: block;
    height: 163px;
}
.musicos  {
    background-image: url(../img/04_6musicos.png);
    display: block !important;
    height: 289px;
    cursor: pointer;
    text-indent: -9999px;
    width: 148px;
}
.musicos:hover  {
    background-position: 2px 292px;
    height: 292px;
    animation: fadein 500ms;
}
.juego  {
    background-image: url(../img/04_5juego.png);
    display: block !important;
    height: 726px;
    cursor: pointer;
    text-indent: -9999px;
    width: 357px;
}
.juego:hover  {
    background-position: 2px 740px;
    height: 737px;
    animation: fadein 500ms;
}
.texto-canto, .flechacanto, .canto-bt1, .canto-bt2, .texto-profes, .texto-posturas, .titulo-padres-p, .texto-posturas-p, .titulo-padres-c, .texto-posturas-ca, .texto-cuentointeractivo, .texto-juegocasa, .texto-juegocolegio, .texto-casa, .texto-artes, .texto-comisaria, .texto-colegio, .texto-polideportivo, .texto-ovni, .texto-juegopolideportivo, .texto-juegointeractivo {
    z-index: 3;
}
.titulo-canto {
    top: 96px;
    width: 150px;
    left: 200px;
    z-index: 4;
    opacity: 0;
}
.texto-canto {
    top: 140px;
    left: 219px;
    opacity: 0;
}
.texto-canto, .texto-instrumentos, .texto-teatro, .texto-danza, .texto-juego, .texto-profes, .texto-posturas, .texto-padres-p, .texto-posturas-p, .texto-padres-c, .texto-posturas-ca, .texto-cuentointeractivo, .texto-juegocasa, .texto-juegocolegio, .texto-casa, .texto-artes, .texto-comisaria, .texto-colegio, .texto-polideportivo, .texto-ovni, .texto-juegopolideportivo, .texto-juegointeractivo {
    background: #fff;
    padding: 10px 25px 10px 5px;
    border: 4px solid #ff0000; 
    font-size: 23px;
    line-height: 27px;
}
.flechacanto {
    top: 244px;
    left: 121px;
    transform: rotate(150deg);
}
.titulo-gramola-ca.bounceInDown, .titulo-gramola-ca.bounceOut, .titulo-canto.bounceInDown, .titulo-canto.bounceOut, .titulo-instrumentos.bounceInDown, .titulo-instrumentos.bounceOut, .titulo-teatro.bounceInUp, .titulo-teatro.bounceOut, .titulo-danza.bounceInDown, .titulo-danza.bounceOut, .texto-musicos.bounceInDown, .texto-musicos.bounceOut, .titulo-juego.bounceInDown, .titulo-juego.bounceOut, .texto-juego.bounceInDown, .texto-juego.bounceOut, .titulo-profes.bounceInDown, .titulo-profes.bounceOut, .titulo-posturas.bounceInDown, .titulo-posturas.bounceOut, .titulo-padres-p.bounceInDown, .titulo-padres-p.bounceOut, .titulo-posturas-p.bounceInDown, .titulo-posturas-p.bounceOut, .titulo-padres-c.bounceInDown, .titulo-padres-c.bounceOut, .titulo-posturas-ca.bounceInDown, .titulo-posturas-ca.bounceOut, .titulo-cuentointeractivo.bounceInDown, .titulo-cuentointeractivo.bounceOut, .titulo-juegocasa.bounceInDown, .titulo-juegocasa.bounceOut, .titulo-juegocolegio.bounceInDown, .titulo-juegocolegio.bounceOut, .titulo-casa.bounceInDown, .titulo-casa.bounceOut, .titulo-artes.bounceInDown, .titulo-comisaria.bounceInDown, .titulo-artes.bounceOut, .titulo-comisaria.bounceOut, .titulo-colegio.bounceInDown, .titulo-colegio.bounceOut, .titulo-polideportivo.bounceInDown, .titulo-polideportivo.bounceOut, .titulo-ovni.bounceInDown, .titulo-ovni.bounceOut, .titulo-juegopolideportivo.bounceInDown, .titulo-juegopolideportivo.bounceOut, .titulo-juegointeractivo.bounceInDown, .titulo-juegointeractivo.bounceOut {
    animation-duration: 1000ms !important;
    -webkit-animation-duration: 1000ms !important;
}
.flechagramola.fadeIn, .texto-gramola-ca.fadeIn, .texto-canto.fadeIn, .flecha-canto.fadeIn, .canto-bt1.fadeIn, .canto-bt2.fadeIn, .instrumentos-bt1.fadeIn, .instrumentos-bt2.fadeIn, .teatro-bt1.fadeIn, .teatro-bt2.fadeIn, .danza-bt1.fadeIn, .danza-bt2.fadeIn, .musicos-bt1.fadeIn, .juego-bt1.fadeIn, .texto-profes.fadeIn, .flechaprofes.fadeIn, .texto-posturas.fadeIn, .flechaposturas.fadeIn, .texto-padres-p.fadeIn, .flechapadresp.fadeIn, .texto-posturas-p.fadeIn, .flechaposturasp.fadeIn, .texto-padres-c.fadeIn, .flechapadresc.fadeIn, .texto-posturas-ca.fadeIn, .flechaposturasca.fadeIn, .texto-cuentointeractivo.fadeIn, .flechacuentointeractivo.fadeIn, .texto-juegocasa.fadeIn, .flechajuegocasa.fadeIn, .texto-juegocolegio.fadeIn, .flechajuegocolegio.fadeIn, .texto-casa.fadeIn, .flechacasa.fadeIn, .texto-artes.fadeIn, .texto-comisaria.fadeIn, .texto-colegio.fadeIn, .texto-polideportivo.fadeIn, .texto-ovni.fadeIn, .texto-juegopolideportivo.fadeIn, .flechajuegopolideportivo.fadeIn, .texto-juegointeractivo.fadeIn, .flechajuegointeractivo.fadeIn {
    animation-duration: 2000ms !important;
    -webkit-animation-duration: 2000ms !important;
    pointer-events: all !important;
}
.flechagramola.fadeOut, .texto-gramola-ca.fadeOut, .texto-canto.fadeOut, .flecha-canto.fadeOut, .canto-bt1.fadeOut, .canto-bt2.fadeOut, .instrumentos-bt1.fadeOut, .instrumentos-bt2.fadeOut, .teatro-bt1.fadeOut, .teatro-bt2.fadeOut, .danza-bt1.fadeOut, .danza-bt2.fadeOut, .musicos-bt1.fadeOut, .juego-bt1.fadeOut, .texto-profes.fadeOut, .flechaprofes.fadeOut, .texto-posturas.fadeOut, .flechaposturas.fadeOut, .texto-padres-p.fadeOut, .flechapadresp.fadeOut, .texto-posturas-p.fadeOut, .flechaposturasp.fadeOut, .texto-padres-c.fadeOut, .flechapadresc.fadeOut, .texto-posturas-ca.fadeOut, .flechaposturasca.fadeOut, .texto-cuentointeractivo.fadeOut, .flechacuentointeractivo.fadeOut, .texto-juegocasa.fadeOut, .flechajuegocasa.fadeOut, .texto-juegocolegio.fadeOut, .flechajuegocolegio.fadeOut, .texto-casa.fadeOut, .flechacasa.fadeOut, .texto-artes.fadeOut, texto-comisaria.fadeOut, .texto-colegio.fadeOut, .texto-polideportivo.fadeOut, .texto-ovni.fadeOut, .texto-juegopolideportivo.fadeOut, .flechajuegopolideportivo.fadeOut, .texto-juegointeractivo.fadeOut, .flechajuegointeractivo.fadeOut {
    animation-duration: 1000ms !important;
    -webkit-animation-duration: 1000ms !important;
}
.canto-bt1 {
    top: 96px;
    left: 344px;
}
.canto-bt2 {
    top: 189px;
    left: 344px;
}
.canto-bt1, .canto-bt2, .instrumentos-bt1, .instrumentos-bt2, .teatro-bt1, .teatro-bt2, .danza-bt1, .danza-bt2 {
    width: 105px;
    opacity: 0;
}
.titulo-instrumentos {
    top: 0;
    width: 386px;
    left: 565px;
    z-index: 7;
    opacity: 0; 
}
.texto-instrumentos {
    top: 45px;
    left: 782px;
    opacity: 0; 
}
.flechainstrumentos {
    top: 145px;
    left: 639px;
    transform: rotate(150deg);
}
.instrumentos-bt1 {
    top: 50px;
    left: 520px;
}
.instrumentos-bt2 {
    top: 144px;
    left: 520px;
}
.teatro {
    bottom: 192px;
    left: 280px;
}
.para-profes {
    top: 90px;
    left: 410px;
}
.para-profes  {
    background-image: url(../img/02_profes.png);
    display: block !important;
    height: 495px;
    cursor: pointer;
    text-indent: -9999px;
    width: 410px;
}
.para-profes:hover  {
    background-image: url(../img/02_profes_rollover.png);
    height: 495px;
    animation: fadein 500ms;
}
.para-profes a {
    display: block;
    height: 495px;
}
.para-padres-p {
    top: 135px;
    left: 110px;
}
.para-padres-p {
    background-image: url(../img/05_padres.png);
    display: block !important;
    height: 450px;
    cursor: pointer;
    text-indent: -9999px;
    width: 233px;
    z-index: 4
}
.para-padres-p:hover  {
    background-position: -2px 450px;
    height: 450px;
    animation: fadein 500ms;
}
.para-padres-p a {
    display: block;
    height: 450px;
}
.chavaleria {
    top: 259px;
    left: 416px;
}
.titulo-teatro {
    bottom: 227px;
    left: 156px;
    width: 178px;
    z-index: 3;
    opacity: 0;
}
.texto-teatro {
    left: 193px;
    bottom: 124px;
    opacity: 0;
}
.teatro-bt1 {
    left: 336px;
    bottom: 167px;
}
.teatro-bt2 {
    left: 336px;
    bottom: 71px;
}
.flechateatro {
    bottom: 120px;
    left: 81px;
    transform: rotate(-200deg);
}
.danza {
    bottom: 256px;
    left: 610px;
}
.titulo-danza {
    top: 275px;
    left: 356px;
    width: 189px;
    z-index: 3;
    opacity: 0;
}
.texto-danza {
    left: 406px;
    top: 315px;
    opacity: 0;
}
.danza-bt1 {
    top: 323px;
    left: 380px;
}
.danza-bt2 {
    left: 380px;
    top: 417px;
}
.flechadanza {
    bottom: 211px;
    left: 456px;
    transform: rotate(-210deg);
}
.musicos {
    bottom: -21px;
    left: 635px;
}
.texto-musicos {
    width: 269px;
    bottom: 20px;
    left: 391px;
    opacity: 0;
    /*visibility: hidden;*/
}
.musicos-bt1 {
    z-index: 3;
    width: 80px;
    bottom: 108px;
    left: 610px;
    opacity: 0;
}
.juego {
    bottom: -88px;
    left: 735px;
}
.titulo-juego {
    top: 300px;
    right: 107px;
    width: 166px;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
}
.texto-juego {
    width: 228px;
    top: 350px;
    right: 23px;
    opacity: 0;
    pointer-events: none;
}
.flechajuego {
    bottom: 144px;
    right: 44px;
    transform: rotate(60deg);
    z-index: 3;
    pointer-events: none;
}
.juego-bt1 {
    z-index: 4;
    width: 80px;
    bottom: 239px;
    right: 95px;
    opacity: 0;
}

.modal-canto .modal-header {
    background: #ff8b00;
    color: #fff;
    border-bottom: 0;
}
.modal-canto .carousel {
    position: relative;
    border-color: #ff7f00;
    border-width: 0 15px 15px 15px;
    border-style: solid;
}
.modal-canto p, .modal-canto .modal-header, .modal-canto li {
    font-family: 'Swis721 Cn BT';
    font-size: 0.8rem;
}
.modal-canto p {
    font-size: 0.8rem;
    line-height: 21px;
}
.modal-canto h3 {
    font-family: 'Swis721 Cn BT';
    font-size: 1.45rem;
}
.modal-canto .modal-header .close {
    padding: 0;
    margin: 0.3rem 0.3rem 0.3rem auto;
    background-color: #ff0000;
    border-radius: 25px;
    width: 25px;
    height: 25px;
}
.modal-canto .close {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
.modal-canto .close:hover {
    color:#000 !important;
    opacity:1;
}
.modal-canto .modal-footer {
    display: inline-block;
    width: 100%;
    border-top: 0;
    padding: 0;
    font-family: 'Swis721 BlkCn BT';
    position: absolute;
}
.modal-canto .modal-footer .btn {
    position: relative;
    left: 260px;
    bottom: 38px;
    background-color: #3399cc;
    border-color: #3399cc;
    border-radius: 0;
    font-family: 'Swis721 Cn BT';
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
}
.modal-canto .carousel-indicators {
    display: inline-block;
    margin-left: 0;
    width: 260px;
    bottom: 38px;
    margin-bottom: 0;
    background-color: rgba(51, 153, 204, 0.7);
    padding: 20px 15px 20px 40px;
}
.cuadro-azul {
    background-color: #3399cc;
    color: #fff;
    padding: 30px 25px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
}
.cuadro-azul h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}
.modal-canto .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem 1.2rem 0;
}
.modal-canto .carousel-control-prev-icon {
    background-image: url(../img/prev-canto.png);
}
.modal-canto .carousel-control-next-icon {
    background-image: url(../img/next-canto.png);
}
.modal-canto .carousel-control-next, .modal-canto .carousel-control-prev {
    top: auto;
    width: auto;
    height: auto;
}
.modal-canto .carousel-control-next {
    right: 25px;
}
.modal-canto .carousel-control-prev {
    left: auto;
    right: 50px;
}
.modal-canto h3.h3-responsive {
    margin-top: 0px;
}
.texto-right-modal {
    padding-left: 0;
}
.custom-ol-list ol li:first-child, .custom-ol-list ol li:nth-child(2), .custom-ol-list ol li:nth-child(3), .custom-ol-list ol li:nth-child(4), .custom-ol-list ol li:nth-child(5), .custom-ol-list ol li:nth-child(6), .custom-ol-list ol li:nth-child(7), .custom-ol-list ol li:nth-child(8), .custom-ol-list ol li:nth-child(9), .custom-ol-list ol li:nth-child(10), .custom-ol-list ol li:nth-child(11)   {
    visibility: hidden;
    height: 0;
}
.mdl-instrumentistas .cuadro-azul, .mdl-parapadresds .cuadro-azul {
    background-color: #ff9900;
}
.mdl-instrumentistas .btn, .mdl-parapadresds .btn {
    background-color: #ff9900 !important;
    border-color: #ff9900 !important;
}
.subtitle-modal {
    font-size: 1.05rem !important;
    margin-left: 30px;
}
.mdl-instrumentistas .carousel {
    border-color: #006c9f;
}
.mdl-parapadresds .carousel {
    border-color: #9c1414;
}
.mdl-instrumentistas .modal-header {
    background: #006c9f;
}
.mdl-parapadresds .modal-header {
    background: #9c1414;
}
.mdl-instrumentistas .modal-header .close {
    background-color: #0099cc;
}
.mdl-parapadresds .modal-header .close {
    background-color: #ff0000;
}
.modal-cantoninos .modal-dialog, .modal-teatroninos .modal-dialog, .modal-posturas .modal-dialog, .modal-posturasp .modal-dialog, .modal-posturasca .modal-dialog, .modal-zmrtsglub .modal-dialog, .modal-interactivo .modal-dialog, .modal-juegocasa .modal-dialog, .modal-juegoartes .modal-dialog, .creditos .modal-dialog, .modal-prevencion .modal-dialog, .modal-juegocolegio .modal-dialog {
    background-repeat: no-repeat;
}
.modal-cantoninos .modal-dialog {
    background-image: url(../img/04_2_fondo.png) !important;
}
.modal-teatroninos .modal-dialog {
    background-image: url(../img/04d_2_fondo_teatro.png) !important;
}

.modal-posturas .modal-dialog {
    background-image: url(../img/02_2_fondo.png) !important;
}
.creditos .modal-dialog {
    background-image: url(../img/creditos_fondo.png) !important;
    background-color: #ccc;
    background-position: 10px 10px;
}
.modal-prevencion .modal-dialog {
    background-color: rgba(0, 0, 0, 0.9);
}
.modal-posturasca .modal-dialog {
    background-image: url(../img/01_2_tele.png) !important;
}
.modal-posturasp .modal-dialog {
    background-image: url(../img/05_2_fondo.png) !important;
}
.modal-zmrtsglub .modal-dialog {
    background-image: url(../img/03_fondo.png) !important;
}
.modal-juegocasa .modal-dialog, .modal-juegoartes .modal-dialog, .modal-juegocolegio .modal-dialog  {
    background-color:  #fff;
}
.modal-cantoninos .modal-content, .modal-teatroninos .modal-content, .modal-posturas .modal-content, .modal-posturasp .modal-content, .modal-posturasca .modal-content, .modal-zmrtsglub .modal-content, .modal-interactivo .modal-content, .modal-juegocasa .modal-content, .modal-juegoartes .modal-content, .creditos .modal-content, .modal-prevencion .modal-content, .modal-juegocolegio .modal-content {
    background-color: transparent;
    border: 0;
}
.modal-cantoninos .modal-header, .modal-teatroninos .modal-header, .modal-posturas .modal-header, .modal-posturasp .modal-header, .modal-posturasca .modal-header, .modal-zmrtsglub .modal-header, .modal-interactivo .modal-header, .modal-juegocasa .modal-header, .modal-juegoartes .modal-header, .creditos .modal-header, .modal-prevencion .modal-header, .modal-juegocolegio .modal-header {
    border-bottom: 0;
}
.modal-cantoninos .modal-footer, .modal-teatroninos .modal-footer, .modal-posturas .modal-footer, .modal-posturasp .modal-footer, .modal-posturasca .modal-footer, .modal-zmrtsglub .modal-footer, .modal-interactivo .modal-footer, .modal-juegocasa .modal-footer, .modal-juegoartes .modal-footer, .creditos .modal-footer, .modal-prevencion .modal-footer, .modal-juegocolegio .modal-footer {
    border-top: 0;
}
@media (min-width: 576px) {
  .modal-cantoninos .modal-dialog {
    max-width: 889px;
    min-height: 677px;
  }
  .modal-teatroninos .modal-dialog {
    max-width: 922px;
    min-height: 682px;
  }
  .modal-posturas .modal-dialog {
    max-width: 851px;
    min-height: 546px;
  }
  .creditos .modal-dialog {
    max-width: 983px;
    min-height: 681px;
  }
  .modal-prevencion .modal-dialog {
    max-width: 968px;
    min-height: 681px;
  }
  .modal-posturasp .modal-dialog {
    max-width: 990px;
    min-height: 688px;
  }
 .modal-posturasca .modal-dialog {
    max-width: 923px;
    min-height: 597px;
  }
  .modal-zmrtsglub .modal-dialog {
    max-width: 938px;
    min-height: 634px;
  }
  .modal-interactivo .modal-dialog {
    max-width: 992px;
    min-height: 744px;
  }
  .modal-juegocasa .modal-dialog {
    max-width: 842px;
    min-height: 524px;
  }
  .modal-juegocolegio .modal-dialog {
    max-width: 960px;
    min-height: 600px;
  }
  .modal-juegocasa.modal-jpd .modal-dialog {
    max-width: 665px;
    min-height: 600px;
  }
  .modal-juegoartes .modal-dialog {
    max-width: 692px;
    min-height: 546px;
  }
}
.modal-cantoninos p, .modal-cantoninos .modal-header, .modal-cantoninos li, .modal-cantoninos h3 {
    font-family: 'Monotype Corsiva';
}
.modal-teatroninos p, .modal-teatroninos .modal-header, .modal-teatroninos li, .modal-teatroninos h3,
.modal-posturasp p, .modal-posturasp .modal-header, .modal-posturasp li, .modal-posturasp h3 {
    font-family: 'ShadowsIntoLight';
}
.modal-posturas p, .modal-costuras li {
    font-family: 'Humana';
}
.modal-posturas .modal-header, .modal-posturas h3 {
    font-family: 'Infantil';
}
.modal-prevencion p, .modal-prevencion .modal-header, .modal-prevencion li, .modal-prevencion h3 {
    font-family: 'Amatic SC';
    color: #fff;
}

.modal-cantoninos p, .modal-cantoninos li, .modal-teatroninos p, .modal-teatroninos li  {
    font-size: 1.2rem;
}
.modal-cantoninos .modal-header, .modal-teatroninos .modal-header, .modal-posturas .modal-header, .modal-posturasp .modal-header, .modal-posturasca .modal-header, .modal-zmrtsglub .modal-header, .modal-interactivo .modal-header, .creditos .modal-header {
    text-align: center;
    display: block;
    padding-bottom: 0;
}
.modal-cantoninos .modal-header h5.modal-title, .modal-teatroninos .modal-header h5.modal-title {
    width: 100%;
    font-size: 3.8rem;
    line-height: 1.3;
}
.modal-cantoninos .modal-header h6, .modal-teatroninos .modal-header h6 {
    font-size: 2rem;
    margin-bottom: 0;
    line-height: 0.6;
}
.modal-cantoninos .modal-header span, .modal-teatroninos .modal-header span {
    font-size: 1.5rem;
}
.modal-cantoninos .carousel-control-prev-icon {
    background-image: url(../img/bt_atras.png);
    margin-right: 10px;
}
.modal-cantoninos .carousel-control-next-icon {
    background-image: url(../img/bt_alante.png);
}
.modal-teatroninos .carousel-control-prev-icon, .modal-posturasp .carousel-control-prev-icon {
    background-image: url(../img/bt_atras_normal.png);
    margin-right: 10px;
}
.modal-prevencion .carousel-control-prev-icon {
    background-image: url(../img/taller_flecha-previous.png);
    margin-right: 0;
}
.modal-teatroninos .carousel-control-next-icon, .modal-posturasp .carousel-control-next-icon {
    background-image: url(../img/bt_alante_normal.png);
}
.modal-prevencion .carousel-control-next-icon {
    background-image: url(../img/taller_flecha-next.png);
}
.modal-cantoninos .carousel-control-next, .modal-cantoninos .carousel-control-prev, .modal-teatroninos .carousel-control-next, .modal-teatroninos .carousel-control-prev,
.modal-posturas .carousel-control-next, .modal-posturas .carousel-control-prev, .modal-posturasca .carousel-control-next, .modal-posturasca .carousel-control-prev, .modal-prevencion .carousel-control-prev-icon, .modal-prevencion .carousel-control-next-icon {
    top: auto;
    width: auto;
    height: auto;
}
.modal-posturas .carousel-control-prev,
.modal-posturas .carousel-control-next{
    top: 365px;/*cruzestudio*/
}
.modal-cantoninos .carousel-control-next, .modal-teatroninos .carousel-control-next  {
    right: 25px;
}
.modal-prevencion .carousel-control-next  {
    right: 45px;
}
.modal-posturasp .carousel-control-next {
    top: 515px;
    right: 112px;
    opacity: 1;
}
.section-polideportivo .modal-posturasp .carousel-control-next {
    bottom: 60px;
    top: auto;
}
.modal-cantoninos .carousel-control-prev, .modal-teatroninos .carousel-control-prev, .modal-posturas .carousel-control-prev, .modal-posturasp .carousel-control-prev, .modal-posturasca .carousel-control-prev, .modal-prevencion .carousel-control-prev {
    left: auto;
}
.modal-cantoninos .carousel-control-prev {
    right: 50px;
}
.modal-teatroninos .carousel-control-prev, .modal-prevencion .carousel-control-prev {
    right: 80px;
}
.modal-cantoninos .carousel-control-next-icon, .modal-cantoninos .carousel-control-prev-icon {
    width: 35px;
    height: 23px;
}
.modal-teatroninos .carousel-control-prev-icon, .modal-teatroninos .carousel-control-next-icon, .modal-posturasp .carousel-control-prev-icon, .modal-posturasp .carousel-control-next-icon {
    width: 50px;
    height: 33px;
}
.modal-prevencion .carousel-control-prev-icon, .modal-prevencion .carousel-control-next-icon {
    width: 29px;
    height: 17px;
}
.modal-prevencion .carousel-control-prev {
    left: auto;
}

.modal-cantoninos .carousel-control-next, .modal-cantoninos .carousel-control-prev, .modal-teatroninos .carousel-control-next, .modal-teatrooninos .carousel-control-prev, .modal-cantoninos .carousel-control-next-icon, .modal-cantoninos .carousel-control-prev-icon, .modal-teatroninos .carousel-control-prev-icon, .modal-teatroninos .carousel-control-next-icon, .modal-prevencion .carousel-control-prev-icon, .modal-prevencion .carousel-control-next-icon {
    opacity: 1;
}
.modal-cantoninos .modal-body, .modal-teatroninos .modal-body  {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
.modal-body img {
    max-width: 100%;
}
.modal-cantoninos .close, .modal-teatroninos .close, .modal-zmrtsglub .close, .modal-interactivo .close, .modal-juegocasa .close, .modal-juegoartes .close, .closeposturasp .close, .modal-juegocolegio .close {
    opacity: 1;
    position: absolute;
}
.modal-cantoninos .close {
    top: 40px;
    right: 45px;
}
.modal-teatroninos .close {
    top: 34px;
    right: 60px;
}
.closeposturasp .close {
    top: 110px;
    right: 125px;
    z-index: 2;
}
.modal-cantoninos .close, .modal-teatroninos .close, .closeposturasp .close  {
    display: block !important;
    cursor: pointer;
    text-indent: -9999px;
}
.modal-cantoninos .close  {
    background-image: url(../img/close_ninos.png);
    height: 48px;
    width: 100px;
}
.modal-teatroninos .close  {
    background-image: url(../img/close_teatro.png);
    height: 63px;
    width: 50px;
}
.closeposturasp .close  {
    background-image: url(../img/bt_X_normal.png);
    height: 63px;
    width: 50px;
}
.modal-cantoninos .close:hover  {
    background-position: 0 49px;
}
.modal-teatroninos .close:hover  {
    background-position: 0 64px;
}
.closeposturasp .close:hover  {
    background-image: url(../img/bt_Xrollover.png);
}
.indicadores-fosas {
    width: 31.18%;
    position: absolute;
    top: 65px;
    left: -1px;
    z-index: 2;
}
.indicadores-pulmones {
    width: 30.18%;
    position: absolute;
    top: 90px;
    left: 1px;
    z-index: 2;
}
.modal-teatroninos .modal-header {
    margin-bottom: 100px;
}
.modal-teatroninos p, .modal-teatroninos li {
    line-height: 26px;
}
.modal-teatroninos .carousel-control-prev, .modal-teatroninos .carousel-control-next {
    bottom: 10px;
}
.modal-prevencion .carousel-control-prev, .modal-prevencion .carousel-control-next {
    bottom: 0;
}
.modal-prevencion .carousel-control-prev, .modal-prevencion .carousel-control-next {
    top: auto;
    width: auto;
}
.custom-underline {
    position: relative;
    display: inline-block;
}
.custom-underline:before {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
    background-color: #ff0000;
}
.notas-musicales {
    position: absolute;
    width: 110px;
    left: 160px;
    bottom: 200px;
}
.mdl-paraprofes .modal-header {
    background: #033d03;
}
.modal-content {
    border: 0;
}
.mdl-paraprofes .carousel {
    border-color: #033d03;
}
.mdl-paraprofes .modal-header .close {
    background-color: #359734;
}
.mdl-paraprofes .cuadro-azul {
    background-color: #de1d1e;
}
.mdl-paraprofes .modal-footer .btn {
    background-color: #de1d1e;
    border-color: #de1d1e;
}
.mdl-paraprofes .carousel-indicators {
    background-color: rgba(222, 29, 30, 0.7);
}
.mdl-paraprofes .carousel-control-prev-icon {
    background-image: url(../img/bt_atras_press.png);
}
.mdl-paraprofes .carousel-control-next-icon {
    background-image: url(../img/bt_alante_press.png);
}
.mdl-paraprofes .carousel-control-next-icon, .mdl-paraprofes .carousel-control-prev-icon {
    width: 32px;
    height: 32px;
}
.mdl-paraprofes .carousel-control-prev {
    left: auto;
    right: 100px;
}
.mdl-paraprofes .carousel-control-next {
    right: 50px;
}
.mdl-paraprofes .carousel-control-next, .mdl-paraprofes .carousel-control-prev {
    bottom: 30px;
}
.mdl-paraprofes .imagen-left-modal, .mdl-parapadresp .imagen-left-modal, .mdl-parapadresds .imagen-left-modal {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    padding-left: 0;
}
.mdl-paraprofes .texto-right-modal, .mdl-parapadresp .texto-right-modal, .mdl-parapadresds .texto-right-modal {
    padding-left: 0;
    left: 50%;
    margin-top: 3%;
    min-height: 392px;
}
.mdl-paraprofes .modal-body, .mdl-parapadresp .modal-body {
    padding: 0 1.1rem 0 0;
}
.custom-ca {
    top: 1rem;
    height: 375px;
    margin-bottom: 1.5rem;
}
.pp1 .imagen-left-modal {
    max-width: 83%;
    -ms-flex: 0 0 83%;
}
/*.pp1 .cuadro-azul {
    top: 20%;
    position: relative;
}*/
.pp2 .imagen-left-modal, .pp3 .imagen-left-modal {
    max-width: 66%;
    -ms-flex: 0 0 66%;
}
.pp2 .texto-right-modal, .pp3 .texto-right-modal {
    min-height: 306px;
}
.pp4 .imagen-left-modal {
    max-width: 56%;
    -ms-flex: 0 0 56%;
}
.pp5 .imagen-left-modal {
    left: 33px;
    top: 66px;
    max-width: 40%;
    -ms-flex: 0 0 40%;
}
.mdl-paraprofes .btn-info {
    color: #fff;
    background-color: rgba(232, 97, 97, 0.7);
    border-color: transparent;
    padding: 2px 8px;
    font-size: 1rem;
}
.mdl-paraprofes .btn-info:hover {
    text-decoration: none;
    background-color: #fff;
    color: #de1d1e;
}
.seccion-colegio li.bigmenu {
    font-size: 22px !important;
    line-height: 26px !important;
    margin-top: 7px;
}
.seccion-colegio li.bigmenu:first-of-type {
    margin-top: 14px;
}
body.seccion-colegio {
    background-color: #ccc;
}
.titulo-profes {
    top: 92px;
    width: 375px;
    right: 0px;
    z-index: 4;
    opacity: 0;
}
.texto-profes {
    top: 152px;
    right: 117px;
    opacity: 0;
}
.flechaprofes {
    top: 99px;
    left: 398px;
    transform: rotate(-165deg);
}
.buenas-posturas {
    bottom: 0;
    left: 415px;
}
.buenas-posturas {
    background-image: url(../img/02_ninios.png);
    display: block !important;
    height: 395px;
    cursor: pointer;
    text-indent: -9999px;
    width: 420px;
}
.buenas-posturas:hover  {
    background-position: 0 395px;
    height: 395px;
    animation: fadein 500ms;
}
.buenas-posturas a {
    display: block;
    height: 395px;
}
.modal-posturas .carousel-control-prev-icon {
    background-image: url(../img/bt_atras_posturas.png);
}
.modal-posturas .carousel-control-next-icon {
    background-image: url(../img/bt_alante_posturas.png);
}
.modal-posturasca .carousel-control-prev-icon {
    background-image: url(../img/bt_atras_normal.png);
    margin-right: 10px;
}
.modal-posturasca .carousel-control-next-icon {
    background-image: url(../img/bt_alante_normal.png);
}
.modal-posturas .carousel-control-prev-icon {
    width: 30.5px;
    height: 12px;
}
.modal-posturas .carousel-control-next-icon {
    width: 31px;
    height: 15px;
}
.modal-posturasca .carousel-control-prev-icon {
    width: 30.5px;
    height: 12px;
}
.modal-posturasca .carousel-control-next-icon {
    width: 31px;
    height: 15px;
}
.modal-posturas .modal-content {
    width: 85%;
    left: 15%;
}
.modal-posturas .carousel-caption {
    color: #fff;
}
.modal-posturas .font-presentacion p {
    font-size: 1.8rem !important;
    line-height: 40px !important;
}
.modal-posturas .carousel-control-next {
    right: 45px;
}
.modal-posturas .carousel-control-prev {
    right: 100px;
}
.modal-posturasca .carousel-control-next {
    right: 45px;
}
.modal-posturasca .carousel-control-prev {
    right: 100px;
}
.modal-posturas .font-presentacion h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.95rem;
    text-decoration: underline;
}
.modal-posturas .carousel-control-next, .modal-posturas .carousel-control-prev, .modal-posturasca .carousel-control-next, .modal-posturasca .carousel-control-prev {
    opacity: 1;
}
.modal-posturas .close  {
    background-image: url(../img/bt_X.png);
    height: 31px;
    width: 104px;
}
.modal-posturas .close:hover  {
    background-position: 0 32px;
}
.modal-posturas .close span {
    display: none;
}
.modal-posturas .modal-header {
    margin-top: 70px;
    right: 38px;
    position: relative;
}
.modal-posturas h2 {
    font-family: 'Infantil';
    font-size: 3rem;
}
.titulo-posturas {
    bottom: 392px;
    width: 375px;
    right: 40px;
    z-index: 4;
    opacity: 0;
}
.texto-posturas {
    bottom: 278px;
    right: 62px;
    opacity: 0;
}
.flechaposturas {
    top: 390px;
    left: 470px;
    transform: rotate(-165deg);
    z-index: 3;
}
.mdl-parapadresp .normal-image-left, .mdl-parapadresds .normal-image-left {
    position: relative;
    left: auto;
    top: auto;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    padding-left: 15px;
}
.mdl-parapadresp .normal-image-right, .mdl-parapadresds .normal-image-right {
    padding-left: 15px; 
    left: auto;
}
.buenas-posturas-p {
    bottom: 40px;
    left: 444px;
}
.buenas-posturas-p {
    background-image: url(../img/05_ninios.png);
    display: block !important;
    height: 315px;
    cursor: pointer;
    text-indent: -9999px;
    width: 280px;
}
.buenas-posturas-p:hover  {
    background-position: 1px 318px;
    height: 315px;
    animation: fadein 500ms;
}
.buenas-posturas-p a {
    display: block;
    height: 315px;
}


.juego-polideportivo {
    top: -7px;
    left: 483px;
}
.juego-polideportivo {
    background-image: url(../img/05_juego.png);
    display: block !important;
    height: 285px;
    cursor: pointer;
    text-indent: -9999px;
    width: 345px;
}
.juego-polideportivo:hover  {
    background-image: url(../img/05_juego_rollover.png);
    height: 285px;
    animation: fadein 500ms;
}
.juego-polideportivo a {
    display: block;
    height: 315px;
}
.titulo-padres-p {
    top: 10px;
    width: 390px;
    left: 100px;
    z-index: 3;
    opacity: 0; 
}
.texto-padres-p {
    top: 75px;
    left: 247px;
    opacity: 0;
}
.flechapadresp {
    top: 159px;
    left: 320px;
    transform: rotate(4deg);
}
.section-polideportivo .texto-padres-p {
    left: 258px;
}
.section-polideportivo .flechapadresp {
    top: 188px;
}
.titulo-posturas-p {
    bottom: 181px;
    width: 260px;
    right: 116px;
    z-index: 4;
    opacity: 0;
}
.titulo-juegopolideportivo {
    top: 58px;
    width: 180px;
    right: 145px;
    z-index: 4;
    opacity: 0;
}
.texto-posturas-p {
    bottom: 66px;
    right: 119px;
    opacity: 0;
}
.texto-juegopolideportivo {
    top: 110px;
    right: 71px;
    opacity: 0;
}
.flechaposturasp {
    bottom: 100px;
    right: 340px;
    transform: rotate(155deg);
}
.flechajuegopolideportivo {
    top: 50px;
    right: 499px;
    transform: rotate(194deg);
    opacity: 0;
}
.fondo-img-div {
    height: 432px;
    top: 161px;
    position: relative;
    left: 10%;
    width: 710px;
    z-index: 2;
}
.section-polideportivo .fondo-img-div {
    top: 171px;
}
.texto-fondo-div {
    z-index: 3;
    position: relative;
    top: -25px;
    width: 60%;
    left: 31%;
}
.width-90 {
    max-width: 90% !important;
}
.modal-posturasp .carousel-control-prev {
    right: 178px;
    top: 524px;
    opacity: 1;
}
.section-polideportivo .modal-posturasp .carousel-control-prev {
    right: 175px;
    bottom: 57px;
    top: auto;
    left: auto;
}
.h3-padresp {
    /*color: #000 !important;*/
    font-size: 2.1rem;
}
.ul-padres-p {
  list-style: none;
  padding-left: 0;
}
.ul-padres-p li {
    font-size: 1.5rem !important;
    line-height: 37px;
    margin-bottom: 20px;
}
.ul-padres-p li::before {
    content: "• ";
    color: #ff0000;
    font-size: 1.6em;
    top: 7px;
    position: relative;
}
.modal-posturasp .carousel-control-next, .modal-posturasp .carousel-control-prev {
    width: auto;
}
.section-polideportivo .modal-posturasp .carousel-control-next, .section-polideportivo .modal-posturasp .carousel-control-prev {
    width: 50px;
    height: 33px;
}
.ul-padres-p.upp li {
    font-size: 1.5rem !important;
    line-height: 28px;
    margin-bottom: 8px;
}
.left-60 {
    margin-left: 60px;
    margin-top: 30px;
    margin-bottom: 189px !important;
}
.para-padres-c {
    top: 202px;
    left: 253px;
}
.para-padres-c {
    background-image: url(../img/01_padres_casa.png);
    display: block !important;
    height: 150px;
    cursor: pointer;
    text-indent: -9999px;
    width: 145px;
    z-index: 2
}
.para-padres-c:hover  {
    background-image: url(../img/01_padres_casa_rollover.png);
    height: 150px;
    animation: fadein 500ms;
}
.para-padres-c a {
    display: block;
    height: 150px;
}
.fondo-home-hidden {
    opacity: 0;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 2;
}
.content-menu.menu-casa {
    z-index: 2;
}
.titulo-padres-c {
    top: 66px;
    width: 390px;
    left: 218px;
    z-index: 3;
    opacity: 0; 
}
.texto-padres-c {
    top: 130px;
    left: 248px;
    opacity: 0;
}
.flechapadresc {
    top: 407px;
    left: 385px;
    transform: rotate(45deg);
}
.descanso-saludable {
    top: 121px;
    left: 60px;
}
.descanso-saludable {
    background-image: url(../img/01_1_foto1_normal.png);
    display: block !important;
    height: 245px;
    cursor: pointer;
    text-indent: -9999px;
    width: 403px;
    z-index: 2
}
.descanso-saludable:hover  {
    background-image: url(../img/01_1_foto1_rollover.png);
    height: 245px;
    animation: fadein 500ms;
}
.descanso-saludable a {
    display: block;
    height: 245px;
}
.mdl-parapadresds .carousel-indicators {
    background-color: rgba(255, 153, 0, 0.7);
}
.mdl-parapadresds .carousel-indicators li {
    font-size: 1rem !important;
}
.cuadro-azul h4 {
    font-size: 1.1rem;
    font-family: 'Swis721 Cn BT';
    margin-bottom: 1rem;
    margin-left: 27px;
}
.mdl-parapadresds p {
    font-size: 0.8rem;
    line-height: 16px;
}
.mdl-parapadresds .btn-info {
    color: #fff;
    background-color: rgba(255, 183, 77, 0.7);
    border-color: transparent;
    padding: 2px 8px;
    font-size: 1rem;
}
.mdl-parapadresds .btn-info:hover {
    text-decoration: none;
    background-color: #fff;
    color: #ff9900;
}
.mdl-parapadresds .imagen-left-modal {
    max-width: 90%;
}
.maxwidth-56 {
    max-width: 56% !important;
}
.top-auto {
    top: auto !important;
}
.tareas-casa {
    top: 286px;
    left: 248px;
}
.tareas-casa {
    background-image: url(../img/01_1_foto2_normal.png);
    display: block !important;
    height: 240px;
    cursor: pointer;
    text-indent: -9999px;
    width: 248px;
    z-index: 3
}
.tareas-casa:hover  {
    background-image: url(../img/01_1_foto2_rollover.png);
    height: 240px;
    animation: fadein 500ms;
}
.tareas-casa a {
    display: block;
    height: 240px;
}
.mdl-parapadresds .modal-body {
    padding: 0;
}
.mdl-parapadresds .carousel-item {
    padding-right: 1.1rem;
}
.mdl-parapadresds .full-background .imagen-left-modal {
    max-width: 100%;
    bottom: 0;
    padding-top: 0;
    padding-right: 0;
}
.mdl-parapadresds .full-background .texto-right-modal {
    left: 48%;
}
.mdl-parapadresds .full-background {
    padding-right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.depie {
    background-image: url(../img/01_1_11.png);
}
.ir-compra {
    bottom: 13px;
    left: 145px;
}
.ir-compra {
    background-image: url(../img/01_1_foto3_normal.png);
    display: block !important;
    height: 245px;
    cursor: pointer;
    text-indent: -9999px;
    width: 380px;
    z-index: 2
}
.ir-compra:hover  {
    background-image: url(../img/01_1_foto3_rollover.png);
    height: 245px;
    animation: fadein 500ms;
}
.ir-compra a {
    display: block;
    height: 245px;
}
.cargarpeso {
    background-image: url(../img/01_1_18.png);
}
.cargarpeso2 {
    background-image: url(../img/01_1_19.png);
}
.trasladospie {
    background-image: url(../img/01_1_20.gif);
}
.veranosaludable {
    background-image: url(../img/01_1_22.png);
}
.veranosaludable2 {
    background-image: url(../img/01_1_24.png);
}
.veranosaludable3 {
    background-image: url(../img/01_1_25.png);
}
.veranosaludable4 {
    background-image: url(../img/01_1_26.png);
}
.veranosaludable5 {
    background-image: url(../img/01_1_27.png);
}
.recomendaciones {
    background-image: url(../img/01_1_36.png);
}
.en-trabajo {
    top: 50px;
    right: 260px;
}
.en-trabajo {
    background-image: url(../img/01_1_foto4_normal.png);
    display: block !important;
    height: 250px;
    cursor: pointer;
    text-indent: -9999px;
    width: 248px;
    z-index: 2
}
.en-trabajo:hover  {
    background-image: url(../img/01_1_foto4_rollover.png);
    height: 250px;
    animation: fadein 500ms;
}
.en-trabajo a {
    display: block;
    height: 250px;
}
.verano-saludable {
    top: 165px;
    right: 0;
}
.verano-saludable {
    background-image: url(../img/01_1_foto5_normal.png);
    display: block !important;
    height: 263px;
    cursor: pointer;
    text-indent: -9999px;
    width: 306px;
    z-index: 3
}
.verano-saludable:hover  {
    background-image: url(../img/01_1_foto5_rollover.png);
    height: 263px;
    animation: fadein 500ms;
}
.verano-saludable a {
    display: block;
    height: 263px;
}
.conduccion-saludable {
    top: 324px;
    right: 184px;
}
.conduccion-saludable {
    background-image: url(../img/01_1_foto6_normal.png);
    display: block !important;
    height: 325px;
    cursor: pointer;
    text-indent: -9999px;
    width: 295px;
    z-index: 2
}
.conduccion-saludable:hover  {
    background-image: url(../img/01_1_foto6_rollover.png);
    height: 325px;
    animation: fadein 500ms;
}
.conduccion-saludable a {
    display: block;
    height: 325px;
}
.primeros-auxilios {
    bottom: 24px;
    right: -5px;
}
.primeros-auxilios {
    background-image: url(../img/01_1_foto7_normal.png);
    display: block !important;
    height: 240px;
    cursor: pointer;
    text-indent: -9999px;
    width: 290px;
    z-index: 2
}
.primeros-auxilios:hover  {
    background-image: url(../img/01_1_foto7_rollover.png);
    height: 240px;
    animation: fadein 500ms;
}
.primeros-auxilios a {
    display: block;
    height: 240px;
}
.mdl-parapadresds .cuadro-azul h3 {
    margin-bottom: 10px;
}
.mdl-parapadresds .width-100.imagen-left-modal {
    max-width: 100%;
}
.mdl-parapadresds .left-35.imagen-left-modal {
    margin-left: 35px;
}
.cerrar-parapadresds {
    top: 8px;
    right: 114px;
}
.cerrar-parapadresds {
    background-image: url(../img/bt_X1_normal.png);
    display: block !important;
    height: 56px;
    cursor: pointer;
    text-indent: -9999px;
    width: 67px;
    z-index: 2
}
.cerrar-parapadresds:hover  {
    background-image: url(../img/bt_X1_rollover.png);
    height: 56px;
    animation: fadein 500ms;
}
.cerrar-parapadresds a {
    display: block;
    height: 56px;
}
.menu-casa li.bigmenu {
    width: 100%;
}
.buenas-posturas-ca {
    bottom: 346px;
    left: 387px;
}
.buenas-posturas-ca {
    background-image: url(../img/01_ninios.png);
    display: block !important;
    height: 218px;
    cursor: pointer;
    text-indent: -9999px;
    width: 325px;
}
.buenas-posturas-ca:hover  {
    background-image: url(../img/01_ninios_rollover.png);
    height: 218px;
    animation: fadein 500ms;
}
.buenas-posturas-ca a {
    display: block;
    height: 218px;
}
.titulo-posturas-ca {
    top: 107px;
    width: 500px;
    right: 101px;
    z-index: 4;
    opacity: 0;
}
.texto-posturas-ca {
    top: 167px;
    right: 221px;
    opacity: 0;
}
.flechaposturasca {
    top: 459px;
    right: 554px;
    transform: rotate(120deg);
}
.cuento-interactivo {
    bottom: 29px;
    left: 282px;
}
.cuento-interactivo {
    background-image: url(../img/01_cuento.png);
    display: block !important;
    height: 130px;
    cursor: pointer;
    text-indent: -9999px;
    width: 258px;
}
.cuento-interactivo:hover  {
    background-image: url(../img/01_cuento_rollover.png);
    height: 130px;
    animation: fadein 500ms;
}
.cuento-interactivo a {
    display: block;
    height: 130px;
}
.titulo-cuentointeractivo {
    bottom: 199px;
    width: 537px;
    left: 146px;
    z-index: 4;
    opacity: 0;
}
.texto-cuentointeractivo {
    bottom: 120px;
    left: 188px;
    opacity: 0;
}
.flechacuentointeractivo {
    bottom: 92px;
    right: 465px;
    transform: rotate(-10deg);
}
.juego-casa {
    bottom: 0;
    right: 0px;
}
.juego-casa {
    background-image: url(../img/01_juego.png);
    display: block !important;
    height: 200px;
    cursor: pointer;
    text-indent: -9999px;
    width: 440px;
}
.juego-casa:hover  {
    background-image: url(../img/01_juego_rollover.png);
    height: 200px;
    animation: fadein 500ms;
}
.juego-casa a {
    display: block;
    height: 200px;
}
.titulo-juegocasa {
    bottom: 330px;
    width: 192px;
    right: 179px;
    z-index: 4;
    opacity: 0;
}
.texto-juegocasa {
    bottom: 245px;
    right: 85px;
    opacity: 0;
}
.flechajuegocasa {
    bottom: 92px;
    right: 420px;
    transform: rotate(200deg);
}
.modal-posturasca .modal-content {
    width: 77%;
    left: 15%;
    top: 35px;
}
#carousel-buenasposturasca {
    width: 86%;
    left: 2%;
}
.modal-posturasca .close {
    background-image: url(../img/01_2_btX_normal.png);
    height: 45px;
    width: 48px;
    opacity: 1;
    top: 38px;
    position: relative;
    left: 27px;
}
.modal-posturasca .close:hover  {
    background-image: url(../img/01_2_btX_rollover.png);
}
.modal-posturasca .close span {
    display: none;
}
.texto-padres-c, .texto-posturas-ca, .texto-cuentointeractivo, .texto-juegocasa {
    font-family: 'MaskedMarvel';
}
.modal-posturasca .font-presentacion p {
    font-size: 1.2rem !important;
    line-height: 22px !important;
}
.modal-posturasca .modal-body .carousel-item {
    margin-top: 45px;
}
.margin-top-20 {
    margin-top: 20px !important;
}
ul.guionmedio {
    list-style: none;
}
.juego-colegio {
    bottom: 279px;
    left: 257px;
}
.juego-interactivo {
    top: 50px;
    left: 23px;
}
.juego-colegio  {
    background-image: url(../img/02_juego.png);
    display: block !important;
    height: 183px;
    cursor: pointer;
    text-indent: -9999px;
    width: 260px;
}
.juego-colegio:hover  {
    background-image: url(../img/02_juego_rollover.png);
    height: 183px;
    animation: fadein 500ms;
}
.juego-colegio a {
    display: block;
    height: 183px;
}
.titulo-juegocolegio {
    top: 100px;
    width: 367px;
    left: 125px;
    z-index: 7;
    opacity: 0;
}
.texto-juegocolegio {
    top: 183px;
    left: 181px;
    opacity: 0;
    z-index: 4;
}
.flechajuegocolegio {
    bottom: 186px;
    left: 332px;
    transform: rotate(87deg);
}
.juego-interactivo  {
    background-image: url(../img/bt_pizarra_normal.png);
    display: block !important;
    height: 307px;
    cursor: pointer;
    text-indent: -9999px;
    width: 191px;
}
.juego-interactivo:hover  {
    background-image: url(../img/bt_pizarra_rollover.png);
    height: 307px;
    animation: fadein 500ms;
}
.juego-interactivo a {
    display: block;
    height: 307px;
}
.titulo-juegointeractivo {
    top: 110px;
    width: 196px;
    left: 232px;
    z-index: 4;
    opacity: 0;
}
.texto-juegointeractivo {
    top: 153px;
    left: 250px;
    opacity: 0;
}
.flechajuegointeractivo {
    top: 11px;
    left: 220px;
    transform: rotate(-30deg);
}
.canto-bt1, .canto-bt2, .instrumentos-bt1, .instrumentos-bt2, .teatro-bt1, .teatro-bt2, .danza-bt1, .danza-bt2 {
    display: block !important;
    cursor: pointer;
    text-indent: -9999px;
    background-size: 105px;
}
.canto-bt1, .canto-bt1:hover, .canto-bt2, .canto-bt2:hover, .canto-bt1 a, .canto-bt2 a, .instrumentos-bt1, .instrumentos-bt1:hover, .instrumentos-bt1 a, .instrumentos-bt2, .instrumentos-bt2:hover, .instrumentos-bt2 a, .teatro-bt1, .teatro-bt1:hover, .teatro-bt1 a, .teatro-bt2, .teatro-bt2:hover, .teatro-bt2 a, .danza-bt1, .danza-bt1:hover, .danza-bt1 a, .danza-bt2, .danza-bt2:hover, .danza-bt2 a {
    height: 105px;
}
.canto-bt1 a, .canto-bt2 a, .instrumentos-bt1 a, .instrumentos-bt2 a, .teatro-bt1 a, .teatro-bt2 a, .danza-bt1 a, .danza-bt2 a {
    display: block;
}
.canto-bt1 {
    background-image: url(../img/04_1canto_bt1.png);
}
.canto-bt1:hover  {
    background-image: url(../img/04_1canto_BT1_rollover.png);
}
.canto-bt2 {
    background-image: url(../img/04_1canto_bt2.png);
}
.canto-bt2:hover  {
    background-image: url(../img/04_1canto_BT2_rollover.png);
}
.instrumentos-bt1 {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_3instrumentistas_bt1.png);
}
.instrumentos-bt1:hover  {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_3instrumentistas_bt1_rollover.png);
}
.instrumentos-bt2 {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_3instrumentistas_bt2.png);
}
.instrumentos-bt2:hover  {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_3instrumentistas_bt2_rollover.png);
}
.teatro-bt1 {
    background-image: url(../img/04_4teatro_bt1.png);
}
.teatro-bt1:hover  {
    background-image: url(../img/04_4teatro_BT1_rollover.png);
}
.teatro-bt2 {
    background-image: url(../img/04_4teatro_bt2.png);
    z-index: 3;
}
.teatro-bt2:hover  {
    background-image: url(../img/04_4teatro_BT2_rollover.png);
}
.danza-bt1 {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_2danza_bt1.png);
}
.danza-bt1:hover  {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_2danza_bt1_rollover.png);
}
.danza-bt2 {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_2danza_bt2.png);
}
.danza-bt2:hover  {
    background-image: url(../img/artes_botones_enlaces_presentaciones/04_2danza_bt2_rollover.png);
}


.casa {
    top: 70px;
    left: 16px;
    width: 290px;
    z-index: 3;
}
.casa  {
    background-image: url(../img/00_casa.png);
    display: block !important;
    height: 255px;
    cursor: pointer;
    text-indent: -9999px;
}
.casa:hover  {
    background-image: url(../img/00_casa_rollover.png);
    height: 255px;
    animation: fadein 500ms;
}
.casa a {
    display: block;
    height: 255px;
}
.arboles {
    top: 200px;
    left: -59px;
    width: 201px;
    z-index: 4;
}
.arboles  {
    background-image: url(../img/Casa1_arboles.png);
    display: block !important;
    height: 355px;
}
.titulo-casa {
    top: 30px;
    width: 159px;
    left: 250px;
    z-index: 4;
    opacity: 0;
}
.texto-casa {
    top: 76px;
    left: 255px;
    opacity: 0;
}
.flecha-casa {
    top: 183px;
    left: 314px;
    transform: rotate(0deg);
}


.comisaria {
    top: 229px;
    right: 412px;
    width: 365px;
    z-index: 3;
}
.comisaria  {
    background-image: url(../img/00_comisaria.png);
    display: block !important;
    height: 233px;
    cursor: pointer;
    text-indent: -9999px;
}
.comisaria:hover  {
    background-image: url(../img/00_comisaria_rollover.png);
    height: 233px;
    animation: fadein 500ms;
}
.comisaria a {
    display: block;
    height: 233px;
}
.titulo-comisaria {
    top: 195px;
    width: 230px;
    right: 482px;
    z-index: 4;
    opacity: 0;
}
.titulo-comisaria img{
    max-width: 80%;
}
.texto-comisaria {
    top: 231px;
    right: 540px;
    opacity: 0;
}
.flecha-comisaria {
    position: absolute;
    top: 296px;
    right: 670px;
    z-index: 3;
    transform: rotate(170deg);
}















.artes {
    top: 249px;
    right: -11px;
    width: 365px;
}
.artes  {
    background-image: url(../img/00_centrodeartes.png);
    display: block !important;
    height: 233px;
    cursor: pointer;
    text-indent: -9999px;
}
.artes:hover  {
    background-image: url(../img/00_centrodeartes_rollover.png);
    height: 233px;
    animation: fadein 500ms;
}
.artes a {
    display: block;
    height: 233px;
}
.titulo-artes {
    top: 60px;
    width: 230px;
    right: 60px;
    z-index: 4;
    opacity: 0;
}
.texto-artes {
    top: 149px;
    right: 63px;
    opacity: 0;
}
.flecha-artes {
    top: 283px;
    right: 310px;
    transform: rotate(170deg);
}
.colegio {
    bottom: 42px;
    right: -97px;
    width: 615px;
}
.colegio  {
    background-image: url(../img/00_cole.png);
    display: block !important;
    height: 307px;
    cursor: pointer;
    text-indent: -9999px;
}
.colegio:hover  {
    background-image: url(../img/00_cole_rollover.png);
    height: 307px;
    animation: fadein 500ms;
}
.colegio a {
    display: block;
    height: 307px;
}
.titulo-colegio {
    top: 322px;
    width: 141px;
    right: 221px;
    z-index: 4;
    opacity: 0;
}
.texto-colegio {
    top: 365px;
    right: 106px;
    opacity: 0;
}
.flecha-colegio {
    bottom: 266px;
    right: 395px;
    transform: rotate(-160deg);
    z-index: 3;
}
.polideportivo {
    bottom: -15px;
    left: 112px;
    width: 546px;
}
.polideportivo  {
    background-image: url(../img/00_polideportivo.png);
    display: block !important;
    height: 384px;
    cursor: pointer;
    text-indent: -9999px;
}
.polideportivo:hover  {
    background-image: url(../img/00_polideportivo_rollover.png);
    height: 384px;
    animation: fadein 500ms;
}
.polideportivo a {
    display: block;
    height: 384px;
}
.titulo-polideportivo {
    bottom: 322px;
    width: 371px;
    left: 221px;
    z-index: 4;
    opacity: 0;
}
.texto-polideportivo {
    bottom: 213px;
    left: 333px;
    opacity: 0;
}
.flecha-polideportivo {
    bottom: 140px;
    left: 73px;
    transform: rotate(-160deg);
}
.instrumentos-bt2 {
    z-index: 3;
}
.ovni {
    width: 235px;
    background-image: url(../img/ovni.gif);
    display: block !important;
    height: 166px;
    cursor: pointer;
    text-indent: -9999px;
    background-size: cover;
}
.ovni a {
    display: block;
    height: 278px;
    cursor: pointer;
}
.titulo-ovni {
    top: 20px;
    width: 170px;
    left: 290px;
    z-index: 4;
    opacity: 0;
}
.texto-ovni {
    top: 58px;
    left: 300px;
    opacity: 0;
}
.flecha-ovni {
    top: 219px;
    left: 360px;
    transform: rotate(120deg);
}
.zgm-background {
    background-size: 100% auto;
    width: 100%;
    margin: 0 auto;
    height: 755px;
    background: #fff;
    background: -moz-linear-gradient(top, #27baee 0%, #dba6a6 37%);
    position: relative;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}
.modal-zmrtsglub .close  {
    background-image: url(../img/03_btX.png);
    height: 34px;
    width: 80px;
    right: 108px;
    top: 80px;
    z-index: 2;
}
.modal-zmrtsglub .close:hover  {
    background-image: url(../img/03_btX_over.png);
}
.modal-zmrtsglub .close span {
    display: none;
}
.modal-zmrtsglub .modal-body {
    padding: 130px 30px 30px 178px;
}
.modal-interactivo .modal-body {
    padding: 0;
}
.modal-interactivo .close {
    right: 0;
    z-index: 2;
    background: #fff;
    border-radius: 30px;
    width: 30px;
    height: 30px;
}
.modal-interactivo .close span {
    top: -15px;
    position: relative;
    right: 8px;
    font-size: 1.7rem;
}
.modal-juegocasa .close  {
    background-image: url(../img/btn_X_normal.png);
    height: 28px;
    width: 63px;
    right: 122px;
    top: 100px;
    z-index: 2; 
    background-repeat: no-repeat;
}
.modal-juegocasa.modal-jpd .close {
    right: 28px;
    top: 72px;
}
.modal-juegocasa .close:hover  {
    background-image: url(../img/btn_X_rollover.png);
}
.modal-juegocasa .close span {
    display: none;
}
.modal-juegocolegio .close  {
    background-image: url(../img/02juego_03btX_normal.png);
    height: 85px;
    width: 70px;
    right: 20px;
    top: 20px;
    z-index: 2; 
    background-repeat: no-repeat;
}
.modal-juegocolegio .close:hover  {
    background-image: url(../img/02juego_03btX_rollover.png);
}
.modal-juegocolegio .close span {
    display: none;
}
.modal-juegoartes .close  {
    background-image: url(../img/bt_cerrar.png);
    height: 48px;
    width: 48px;
    right: 53px;
    top: 44px;
    z-index: 2; 
    background-repeat: no-repeat;
}
.modal-juegoartes .close:hover  {
    background-image: url(../img/bt_cerrar_over.png);
}
.modal-juegoartes .close span {
    display: none;
}
.modal-juegocasa .modal-header, .modal-juegocasa .modal-footer, .modal-juegoartes .modal-footer, .modal-juegocolegio .modal-footer {
    padding: 0;
}
.modal-juegoartes .modal-header {
    padding-top: 11px;
    padding-bottom: 0;
}
.content-menu .collapse:not(.show) {
    display: block;
}
.creditos p, .creditos h4 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.creditos .cuadro-azul {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    margin-left: 20px;
    padding: 0 25px;
}
.img-creditos {
    position: absolute;
    bottom: 60px;
    left: 58px;
    z-index: 2;
}
.img-creditos img {
    max-width: 50%;
}
.creditos .modal-title {
    font-size: 3.5rem;
}
.creditos .modal-header {
    margin-top: 5px;
    left: 60px;
    position: relative;
    text-align: left;
}
.creditos h3, .creditos .modal-title {
    font-family: 'Ariston';
}
.creditos .cuadro-azul h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.creditos h3 {
    font-size: 1.3rem;
}
.creditos h4 {
    font-weight: 700;
    font-size: 0.9rem;
    margin-left: 0;
    margin-bottom: 5px;
}
.creditos p {
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
}
.creditos a {
    color: #000;
}
.creditos .close  {
    background-image: url(../img/bt_x_creditos.png);
    height: 20px;
    width: 90px;
    opacity: 1;
    right: 130px;
    position: absolute;
    top: 80px;
    padding: 0;
}
.creditos .close:hover  {
    background-image: url(../img/bt_x_creditos_rollover.png);
    height: 20px;
    background-position: 0 0;
}
.creditos .close span {
    display: none;
}
.modal-prevencion .carousel-caption {
    margin-top: 20px;
}
.modal-prevencion .modal-footer {
    padding: 0;
}
.modal-prevencion .carousel-header img {
    max-width: 395px;
}
.modal-prevencion {
    font-family: 'Ariston' !important;
}
.title-header-prevencion {
    color: #fff;
    font-size: 1.3rem;
    margin-left: 20px;
    top: 6px;
    position: relative;
}
.btn-volver  {
    background-image: url(../img/taller_volver.png);
    height: 42px;
    width: 107px;
    position: relative;
    display: block;
}
.btn-volver:hover  {
    background-image: url(../img/taller_volver_over.png);
    height: 42px;
    background-position: 0 0;
}
.custom-indicators a {
    color: #fff;
    text-decoration: none;
}
.title-image-prevencion {
    padding-left: 25px;
}
.item-indicator {
    font-size: 1.7rem;
    margin-bottom: 40px;
}
.custom-indicators {
    padding-left: 0;
}
.custom-indicators span {
    font-size: 1.3rem !important;
}
.only-indicator{
    font-size: 1.7rem !important;
}
.visibility-hidden {
    visibility: hidden;
    width: auto !important;
    display: inline-block;
}
.item-indicator a span::after {
    content: url(../img/taller_play.png);
    margin-left: 10px;
    top: 10px;
    position: relative;
}
.item-indicator a:hover span::after {
    content: url(../img/taller_play_over.png);
}
.modal-prevencion .close {
    background-image: url(../img/taller_X.png);
    height: 42px;
    width: 108px;
    opacity: 1;
    top: -50px;
    position: absolute;
    right: 0;
}
.modal-prevencion .close:hover  {
    background-image: url(../img/taller_X_over.png);
}
.modal-prevencion .close span {
    display: none;
}
.section-polideportivo .texto-fondo-div p {
    margin-bottom: 0.5rem;
}
.section-polideportivo .texto-fondo-div {
    top: -20px;
}
div#loader1 {
    margin: auto;
    position: absolute;
    z-index: 1000;
    width: 200px;
    height: 200px;
    background-image: url(../img/Spinner-1s-200px.gif);
    cursor: wait;
    top: 250px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.preload {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.image-left-bottom-0 .carousel-caption, .yes-image-left-bottom-0.carousel-caption {
    bottom: 0;
    padding-top: 0;
}
.no-image-left-bottom-0.carousel-caption {
    bottom: 20px;
    padding-top: 20px;
}
.container-controls {
    height: 140px !important;
    width: 280px !important;
    position: fixed;
    right: -32px;
    background-image: url(../img/01_2_mando2_normal.gif);
    background-repeat: no-repeat;
    background-size: 280px 140px;
    bottom: -85px;
}
.container-controls .carousel-control-prev {
    right: 100px;
    bottom: 58px;
}
.container-controls .carousel-control-prev-icon, .container-controls .carousel-control-next-icon {
    width: 50px;
    height: 50px;
    background-image: none;
}
.container-controls .carousel-control-next {
    right: 96px;
    bottom: 67px;
}



/********************RESPONSIVE
*********************************/
@media (min-width: 1140px) {
  .container {
    max-width: 1140px !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1140px) { 
  .canto {
    left: 50px;
  }
}

@media (min-width: 1081px) and (max-width: 1140px) { 
  .instrumentos {
    left: 400px;
  }
}
@media (min-width: 1025px) and (max-width: 1080px) { 
  .instrumentos {
    left: 375px;
  }
}

@media (min-width: 1101px) and (max-width: 1140px) { 
  .danza {
    left: 599px;
  }
}
@media (min-width: 1049px) and (max-width: 1100px) { 
  .danza {
    left: 580px;
  }
}
@media (min-width: 1025px) and (max-width: 1050px) { 
  .danza {
    left: 550px;
  }
}


@media (min-width: 768px) and (max-width: 991px) {  

}

@media (max-width: 991px) {

}