#main > div.col.s12:nth-child(1) {
	background: url(../images/plantilla_head.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
h1.valign {
    color: #516f60;
}

#content>div>article>div.row.drag-and-drop-table>div>table>tbody>tr>td.droppable.ui-droppable {
    width: 20%;
}

#content>div>article>div.row.drag-and-drop-table>div>div>p.divs {
    border-bottom: 1px solid #6f907f
}

#content>div>article>div.row.drag-and-drop-table>div>div>p.divsin {
    font-size: 16px;
}

.centered>tbody>tr>td {
    font-size: 15px;
}

span.draggable {
    background-color: #7EA698;
    display: inline-block;
    padding: 5px;
    color: #fff;
    margin: 5px;
    border-radius: 3px;
    cursor: move;
    font-size: 14px;
    padding: 20px;
}

span.droppable {
    display: inline-block;
    min-height: 50px;
}

.ui-droppable-hover {
    background-color: #aab692;
    border-radius: 3px;
}

.ui-droppable>span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #516f60;
}

dl dd {
    opacity: 0;
}

ul li div.collapsible-body {
    opacity: 0;
}

@media(min-width:992px) and (max-width:1280px) {
    #main>div.col.s12:nth-child(1) {
        background: url(../images/plantilla_head.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #main>div.col.s12 h1 {
        font-size: 33px;
    }
}

@media(min-width:601px) and (max-width:992px) {
    #main>div.col.s12:nth-child(1) {
        background: url(../images/plantilla_head.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #main>div.col.s12 h1 {
        font-size: 33px;
    }
}

@media(max-width:600px) {
    #main>div.col.s12 {
        min-height: 200px;
    }
    #main>div.col.s12:nth-child(1) {
        background: url(../images/plantilla_head.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #content .section:nth-child(1)>article .col.s12:nth-child(1)>div.col.s12 img,
    #content footer.page-footer .container .row img {
        display: block;
        margin: 10px auto;
        width: 200px;
    }
    #main>div.col.s12:nth-child(2) {
        padding-top: 20px;
    }
    #content footer.page-footer div.footer-copyright {
        min-height: 106px;
    }
}

@media(max-width:430px) {
    #main>div h1,
    #content>div>header>div>h1,
    h3 {
        font-size: 35px;
    }
}

.imagenInteractiva {
    width: 300px;
    height: 734px;
    position: relative;
}

.estiloInteractivos {
    animation: pulse 2s infinite;
    width: 20px;
    height: 20px;
    background-color: yellow;
    position: absolute;
    border-radius: 50%;
}

.imgInteractiva1Coordenadas {
    top: 40px;
    left: 152px;
}

.imgInteractiva2Coordenadas {
    top: 110px;
    left: 150px;
}

.imgInteractiva3Coordenadas {
    top: 152px;
    left: 145px;
}

.imgInteractiva4Coordenadas {
    top: 215px;
    left: 95px;
}

.imgInteractiva5Coordenadas {
    top: 285px;
    left: 84px;
}

.imgInteractiva6Coordenadas {
    top: 305px;
    left: 72px;
}

.imgInteractiva7Coordenadas {
    top: 392px;
    left: 152px;
}

.imgInteractiva8Coordenadas {
    top: 412px;
    left: 148px;
}

.imgInteractiva9Coordenadas {
    top: 435px;
    left: 148px;
}

.imgInteractiva10Coordenadas {
    top: 495px;
    left: 128px;
}

.imgInteractiva11Coordenadas {
    top: 605px;
    left: 132px;
}

.imgInteractiva12Coordenadas {
    top: 668px;
    left: 134px;
}

.imgInteractiva13Coordenadas {
    top: 48px;
    left: 184px;
}

.imgInteractiva14Coordenadas {
    top: 75px;
    left: 164px;
}

.imgInteractiva15Coordenadas {
    top: 145px;
    left: 234px;
}

.imgInteractiva16Coordenadas {
    top: 262px;
    left: 168px;
}

.imgInteractiva17Coordenadas {
    top: 265px;
    left: 210px;
}

.imgInteractiva18Coordenadas {
    top: 282px;
    left: 245px;
}

.imgInteractiva19Coordenadas {
    top: 338px;
    left: 204px;
}

.imgInteractiva20Coordenadas {
    top: 375px;
    left: 258px;
}

.imgInteractiva21Coordenadas {
    top: 362px;
    left: 214px;
}

.imgInteractiva22Coordenadas {
    top: 425px;
    left: 205px;
}

.imgInteractiva23Coordenadas {
    top: 445px;
    left: 192px;
}

.imgInteractiva24Coordenadas {
    top: 505px;
    left: 205px;
}

.imgInteractiva25Coordenadas {
    top: 588px;
    left: 215px;
}

.imgInteractiva26Coordenadas {
    top: 620px;
    left: 215px;
}

.imagenPie {
    width: 300px;
    height: 300px;
    position: relative;
}

.imgPieCoordenadas {
    top: 20px;
    left: 60px;
}

.imgPie1Coordenadas {
    top: 88px;
    left: 100px;
}

.imgPie2Coordenadas {
    top: 145px;
    left: 65px;
}

.imgPie3Coordenadas {
    top: 200px;
    left: 78px;
}

.imgPie4Coordenadas {
    top: 25px;
    left: 88px;
}

.imgPie5Coordenadas {
    top: 148px;
    left: 205px;
}

.imgPie6Coordenadas {
    top: 74px;
    left: 230px;
}

.imgPie7Coordenadas {
    top: 105px;
    left: 278px;
}

.imgPie8Coordenadas {
    top: 138px;
    left: 218px;
}

.imgPie9Coordenadas {
    top: 185px;
    left: 245px;
}

.imgPie10Coordenadas {
    top: 222px;
    left: 268px;
}

.imagenMano {
    width: 300px;
    height: 413px;
    position: relative;
}

.imgManoCoordenadas {
    top: 205px;
    left: 122px;
}

.imgMano1Coordenadas {
    top: 258px;
    left: 128px;
}

.imgMano2Coordenadas {
    top: 268px;
    left: 108px;
}

.imgMano3Coordenadas {
    top: 290px;
    left: 100px;
}

.imgMano4Coordenadas {
    top: 318px;
    left: 124px;
}

.imgMano5Coordenadas {
    top: 55px;
    left: 165px;
}

.imgMano6Coordenadas {
    top: 245px;
    left: 188px;
}

.imgMano7Coordenadas {
    top: 218px;
    left: 245px;
}

.imgMano8Coordenadas {
    top: 258px;
    left: 248px;
}

.imgMano9Coordenadas {
    top: 328px;
    left: 190px;
}

.imgMano10Coordenadas {
    top: 360px;
    left: 185px;
}

@media screen and (max-width: 480px) {
    table {
        display: block;
        overflow-x: auto;
    }
}

@keyframes pulse {
    0% {
        background-color: rgba(255, 255, 0, 1);
    }
    100% {
        background-color: rgba(255, 255, 0, 0.2);
    }
}