/* 
    Document   : style
    Created on : 02-mar-2009, 18:51:41
    Author     : imac24
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.ob_sections ul {
    list-style:none;
    display:block;
    padding:0px;
    margin:10px 0px 0px 0px;
    }
.ob_sections ul li{
    float:left;
    display:inline;
    width:151px;
    height:51px;
    margin-top:5px;
}
.ob_sections ul li a{
    float:left;
    display:inline;
    width:145px;
    margin-right:9px;
    
    border-right:1px solid #d9d9d9;
    height:51px;
}
.human{
    background: url(../img/human.gif) top left no-repeat;
    }
.animal{
    background: url(../img/animal.gif) top left no-repeat;
    }
.agriculture{
    background: url(../img/agro.gif) top left no-repeat;
    }
.food{
    background: url(../img/functional.gif) top left no-repeat;
    border-right:none !important;
    }
.enviroment{
    background: url(../img/enviroment.gif) top left no-repeat;
    }
.industry{
    background: url(../img/industry.gif) top left no-repeat;
    }
.BioInformatic{
    background: url(../img/bioinformatic.gif) top left no-repeat;
    border-right:none !important;
    }
    

.human:hover{
    background: url(../img/human.gif) bottom left no-repeat;
    }
.animal:hover{
    background: url(../img/animal.gif) bottom left no-repeat;
    }
.agriculture:hover{
    background: url(../img/agro.gif) bottom left no-repeat;
    }
.food:hover{
    background: url(../img/functional.gif) bottom left no-repeat;
    }
.enviroment:hover{
    background: url(../img/enviroment.gif) bottom left no-repeat;
    }
.industry:hover{
    background: url(../img/industry.gif) bottom left no-repeat;
    }
.BioInformatic:hover{
    background: url(../img/bioinformatic.gif) bottom left no-repeat;
    border-right:none !important;
    }

#result-list .titulo{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#636161;
    padding:0px;
    display:block;
    margin-top:40px;
}
#result-list .pre{
    font-size:10px;
    color:#c1c1c1;/*acc107*/
    text-decoration:underline;
    text-transform:uppercase;
    line-height:14px;
}
#result-list .pre .cat{
    color:#acc107;
}
#result-list a{
    color:#9fa0a0;
    font-size:14px;
    font-family:Arial;
}
#result-list a:hover{
    color:#06A2E3;
    text-decoration:none;
}


#data{
    margin-top:50px;
    color:#777 !important;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
    font-size:12px !important;

}
#data p{
    color:#777 !important;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
    font-size:12px !important;

}
#data .intro{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#777;
}
#data .companyName{
    font-family:Arial;
    font-size:26px;
    font-weight:bold;
    color:#06a2e3;
}
#data .tituloSeccion{
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#1d1e1e;
    display:block;
}
#data .tituloSeccion1{
    font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#1d1e1e;
    display:block;
     padding-left:16px;
     margin-top:10px;
}
#data .box{
    background:url(../img/box.gif) bottom no-repeat;
    width:609px;
    margin-top:10px;
    padding-bottom:20px;
}
#data .box .tituloSeccion{
    display:block;
    height:26px;
    width:609px;
    background:url(../img/box.gif) top left no-repeat;
    padding-top:18px;
    padding-left:16px;
}

#data .box  .boxContent{
    padding-left:16px;
    padding-right:16px;
}

.contactData{
    margin-top:10px;
    display:block;
    float:left;
    margin-left:16px;
    padding-right:18px;
    margin-right:18px;
    border-right:1px solid #d5d5d5;
    max-width:300px;
}
.contactPerson{
    margin-top:10px;
    display:block;
    float:left;
}