#infoPanel{
    
    font-family: "Styrene B Web",Arial, sans-serif;    
    /*text-transform: uppercase;*/
    /*background-color: #FFFFAA;*/
    
    position: relative;
    flex-basis: 205px;    
    flex-grow:0;
    flex-shrink: 0;
    /*
    background-image: url("../images/pat.png");
    background-position: top;
    background-repeat: repeat-x;
    */

}

#infoPanel #tableSectionA{
    position: absolute;
    top:30px;
    left: 47px;
    padding: 0;
    
}

#infoPanel #tableSectionA td{
    padding: 0px 27px 0px 0px;
    margin:0;
    width:177px;
    vertical-align: top;
}


#infoPanel #tableSectionA .title{
    
    font-size: 25px;
    font-family: "pdu-regular";
    color: #2c2934;

    border: none;
    border-bottom: 1px solid #707070;
    padding:0;
    
      
    text-align: left;
    margin: 0px;    
    display: block;
    width: 100%;
}

#infoPanel #tableSectionA .description{
    padding: 15px 0px 0px 0px;
    font-size: 12px;
    font-family: "Styrene B Web",sans-serif;
    color:#2c2934
}

#infoPanel #tableSectionA td{
    
}
/* ****************************************************** */

#hotspotInfo{
    position: absolute;
    top: 20px;
    left: 47px;
}

#hotspotInfo .col1{
    text-transform: uppercase;
    position: relative;
    width: 300px;
    height: 145px; /* 104 + 41 margen"*/
    vertical-align: top;

}

#hotspotInfo .col1 .counter{
    color:#FFA800;
    font-family: "Styrene B Web",sans-serif;    
    font-size: 12px;    
    margin: 0;
    padding: 0;
}

#hotspotInfo .col1 h6{
    
    margin: 0;
    padding: 0;
    padding-top: 15px;
    font-family: "pdu-regular",sans-serif;
    font-size: 25px;    
    font-weight: normal;
    line-height: 22px;

}

#hotspotInfo .col1 .buttons{
    position: absolute;
    height: 8px; 
    top: 110px;
    /*border: 1px solid green;   */
    
}

#hotspotInfo .col1 a{
    text-decoration: none;   
}

#hotspotInfo .col1 #prevHotspot{
   
}

#hotspotInfo .col1 #nextHotspot{
    padding: 0px 10px;  
}

#hotspotInfo .col2{
    
}

#hotspotInfo .col2 img{
    display:block;
    
}

#hotspotInfo .col3{
    padding: 0px 0px 0px 40px;
    font-size: 12px;
    font-family: "Styrene B Web",sans-serif;
    width: 220px;
    color:#2c2934;
    
}

.sectionB #hotspotInfo .col1 .counter{
    color:black;
}

.sectionB #hotspotInfo .col1 h6{
    color:#FFA800;
}

.sectionB #hotspotInfo .col3 {
    width: 220px;
    
}

.sectionC #hotspotInfo .col1 h6{
    font-size: 12px;
    padding-top: 43px;
    font-family: "Styrene B Web",sans-serif;
    color:#2C2934;
}