*{
    /* padding: 0px; */
    /* margin: 0px; */
}

.tblInfo{
    padding-left: 18%;
    padding-bottom: 50px;
}

.tblInfo td{
    width: 500px;
}

.tblInfo th{
    width: 400px;
    text-align: justify;
}

.esponja{
    margin-left: 40%;
}

h3, h4{
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    /* padding-left: 30%; */
}

#contenedor{
    border: #FFFF00 5px solid;
    padding-left: 30px;
}
#materiales{
    width: 100%;
    
}
#materiales tr, #materiales td{
    height: 20px;
}

.izq a, .der a{
    font-size: 11px;
    text-align: center;
}

.izq{
    float: left;
    width: 376px;
    height: 298px;
    padding-left: 10%;
}

.der{
    padding-right: 15%;
    float: right;
    width: 376px;
    height: 298px;
}

.izq img, .der img{
    width: 376px;
    height: 220px;
}


p{
    padding: 0px;
    margin: 0px;
    padding-left: 15%;
}



a{
    text-decoration: none;
}

h2{
    padding: 0px;
    margin: 0px
}

.info p{
    padding-left: 25px;
}

.info{
    float: left;
     width: 40%;
    padding-left: 10%;
    padding-top: 20px;
    font-style: "Lucida Sans Unicode";
}

.foto{
    float: right;
    width: 40%;
    padding-right: 10%;
    padding-top: 20px;
}

.titulo{
    font-size: 22px;
    text-align: center;
    
}

#datos {     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin: 45px;     width: 700px; text-align: left;    border-collapse: collapse; text-align: center;}

#datos th {     font-size: 13px;     font-weight: normal;     padding: 8px;     background: #b9c9fe;
    border-top: 4px solid #aabcfe;    border-bottom: 1px solid #fff; color: #039; }

#datos td {    padding: 3px;     background: #e8edff;     border-bottom: 1px solid #fff;
    color: #669;    border-top: 1px solid transparent; }

#datos tr:hover td { background: #d0dafd; color: #339; }



.disc{
    color: black;
    font-size: 14px;
}

.disc:hover{
    color: blue;
    font-size: 16px;
}


#mallas{
    padding-left: 15%;
}