/* 
    Document   : style
    Created on : 09-sep-2013, 23:53:00
    Author     : Julian
    Description:
        Purpose of the stylesheet follows.


COLORES:

blanco: FFFAFF
orange; FF8000
blue: 000062
blue soft: 00BDFF
blue soft 2: 0040A3


*/

.tabH{
    color:#666 !important;
    font-size: 14px;
    text-align: left !important;
    border-top: 0px !important;
    padding-left: 10px !important;
}
.tabB{}

.tabB_555{ 
    color:#555;
    border-bottom: 1px solid #ccc; 
    bordeer-top: 1px solid #ccc !important;
    cursor:pointer;
    background-image: none !important; 
}

.tabB_green{ 
    color:green;
    border-bottom: 1px solid #ccc; 
    bordder-top: 1px solid #ccc !important;
    cursor:pointer;
    background-image: none !important; 
}
.tabB_none{
    cursor:pointer; 
    border-bottom: 1px solid #ccc; 
    bordedr-top: 1px solid #ccc !important;
}
.tabB_red_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:red !important;
    max-width: 250px;
    background: rgba(255,0,0,0.2) !important;
}
.tabB_green_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:green !important;
    max-width: 250px;
    background: rgba(0,255,0,0.2) !important;
}

td.PINdetails-control {
        background: url('/css/details_open.png') no-repeat center center;
        cursor: pointer;
    }
    tr.PINdetails td.PINdetails-control {
        background: url('/css/details_close.png') no-repeat center center;
    }


.PINtableContentView{
    height: auto;
    width: auto;
    min-height: 100px;
    background: #fff;
    padvding: 30px;
    border: 1px solid #aaa;
}
.PINtableContent{
    padding: 10px;padding-top: 20px;padding-bottom: 20px;
    outldine: 1px solid red;
    font-family: 'Open Sans', sans-serif;
    max-hedight: 3000px;
}
.PINtableBox{
    oudtline: 1px solid red;
    paddidng-top:  5px;
    margin: 10px;
}

.PINtableTitleBox{
    width: auto;
    height: auto;
    background: #fafafa;
    border-bottom: 1px solid #bbb;
    margin-botrtom: 10px;

    padding-left: 30px;padding-right: 30px;padding-top: 15px;padding-bottom: 5px;
}
.PINtableTitle{
    width: auto;
    height: auto;
    
    font-family: 'Open Sans', sans-serif;
    
    text-align: left;
    margin-bottom: 10px;
    color:#999;font-size:20px
}



.PINdetailsTITLE{
    height: auto;
    padding-left:20px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background:#eee; 
    outline:1px solid #ccc; 
    width:auto;
    margin-left: 3%;
    color:#555;
    position:relative;
    text-align: center;
}
.PINdetailsBarButton{
    height: 30px;
    width: 100%;
    margin-tgop: 10px;
    margin-bgottom: 10px;
    padding-bgottom: 5px;
    border-botvtom:1px solid #bbb;
    position: absolute;
    top: 8px;
    right: 10px;
}
.PINdetailsBUTTON{
    height: 30px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    outline:1px solid #ccc;
    border-radius: 3px;
    float: right;
    line-height: 30px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-left: 10px;
}

.PINdetailsBUTTON:hover{background: #eee}

.PINdetailsSEPARATOR_MINI{
    border-xtop: 1px solid red; 
    border-boxttom: 1px solid red; 
    height: 2px;
    padding-left:10px;
    padding-right: 10px;
    background:#eee; 
    outline:1px solid #ccc; 
    width:auto;
    margin-left: 5%}
.PINdetailsSEPARATOR{
    border-xtop: 1px solid red; 
    border-boxttom: 1px solid red; 
    height: 7px;
    padding-left:10px;
    padding-right: 10px;
    background:#eee; 
    outline:1px solid #ccc; 
    width:auto;
    margin-left: 5%
}
.PINdetailsSEPARATOR_FOOTER{
    border-xtop: 1px solid red; 
    border-boxttom: 1px solid red; 
    height: auto;
    padding-left:10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#eee; 
    outline:1px solid #ccc; 
    width:auto;
    margin-left: 5%;
    margin-bottom: 30px;
}
.PINdetailsCAMPO_TITLE{color:gray;border-bottom:1px solid #eee;background:#f8f8f8;widkth: 50px; font-size:12px;border-left:1px solid #ccc}
.PINdetailsTABLE{padding-left:10px;padding-right: 10px;background:#fafafa; border:1px solid #ccc;border-bottom: 0px;border-top:0px; width:95%;margin-left: 5%}
.PINdetailsCAMPO{color:#222;border-bottom:1px solid #eee;background:#fdfdfd;word-break: break-all}

.casa{background: #f5f5f5 !important;opacity: 0.2}