body { font-size: 62.5%;
       /*font-size: 0.85em;*/
       background-color : #ffffff;
       vertical-align : middle;
       font-family: Arial, sans-serif;
}




.Boton {
    background-color:#C5D82E; 
}


.BordeDerecho {
    border-right-color : #000000;
    border-right-style : solid;
    border-right-width : 1px;
}


#AddContact {
    margin-top:60px;
    margin-left:200px;
    position:absolute;
    background:#e3dfdc;
    width:auto;
    border-right-style : solid;
    border-right-width : 10px;
    border-left-style : solid;
    border-left-width : 10px;
    border-color:#000000;
    visibility:hidden;
}


#AddContacto {
    margin-top:60px;
    margin-left:200px;
    position:absolute;
    background:#e3dfdc;
    width:auto;
    border-right-style : solid;
    border-right-width : 10px;
    border-left-style : solid;
    border-left-width : 10px;
    border-color:#000000;
    visibility:hidden;
}


#AddTercero {
    position:absolute;
    width:auto;
    visibility:hidden;
}


#Cabezote {

    height : 162px;
    width : 100%;
}

.CellFormText {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    line-height : 20px;
    text-align : left;
}

.CampoDesabilitado {
    background-color : #DBDBDB;
    color : #9C9C9C;
}


div.centrado {
    text-align: center;
    padding-bottom : 40px;
}


div.centrado table {
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0;
    text-align : left;
}


#Contenido {
    clear : both;
    display : block;
    margin-left : auto;
    margin-right : auto;
    position : absolute;
    right : 0px;
    text-align : center;
    width : 85%;
    z-index : 0;
}


#Cuerpo {
    margin-left : auto;
    margin-right : auto;
    position : relative;
    text-align : center;
    display: block;
    margin:0;
    padding:0;

}


#BarraNavegacion {
    height : 30px;
    /*display : block;
    clear : both;*/
    background-color : #DBDBDB;
    text-align : right;
    /* color:#C5D82E;*/
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    line-height : 20px;
}

#LeftMenu {
    /* border-bottom-color : #3cc6f9;
    border-bottom-style : solid;
    border-left-color : #3cc6f9;
    border-left-style : solid;
    border-right-color : #3cc6f9;
    border-right-style : solid;
    border-top-color : #3cc6f9;
    border-top-style : solid;
    */ color : #3cc6f9;
    left : 0px;
    position : absolute;
    right-style : none;
    right-width : 1px;
    width : 13%;
    clear : both;
    z-index : 1;
}


div#ContenedorUnidadProductora {
    padding: 2px;
    margin:0 auto;
    background:#C5D82E;
    color:#C5D82E;
}


.FormField {
    clear : both;
    height : auto;
    overflow :auto;
    margin-bottom : 5px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width : 600px;
}


div#Espera {
    background-color : #C5D82E;
    color : #000000;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    text-align : center;
    vertical-align : middle;
}


div#UnidadProductora {
    padding: 5px;
    margin:0 auto;
    background:#FFFFFF;
    color:#C5D82E;
}


.Little {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}


.NormalMayuscula {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    line-height : 20px;
    text-transform:uppercase;
}


.Normal {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    line-height : 20px;
}


.Reportes {
    color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : normal;
    line-height : 20px;
    background-color: #CCCCCC;
}


.ReportesCuenta {
    color:#000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight: bold;
    line-height : 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#Pie {
     margin-top: 100px;
    padding-top: 50px;
    width: 100%;
    height : 200px;
    margin-left: 0;
    margin-right: 0;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    font-size:smaller;
}


.ProjectText {
    text-align : left;
}


.TextField {
    float : right;
    padding-right : 5px;
    top : 0px;
    right: 0;
    width: 65%;
    height : auto;
    text-align : left;
    padding-left : 5px;
    height : auto;
}


.TextLabel {
    clear : left;
    color : #000000;
    display : block;
    float : left;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bolder;
    text-align : right;
    height : auto;
    line-height : 24px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    top : 0px;
    vertical-align : middle;
    width : 30%;
}


.Titulo1 {
    color : #697da5;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 18px;
    font-style : normal;
    font-variant : normal;
    font-weight : bold;
    letter-spacing : normal;
    line-height : 22px;
    text-align : left;
    vertical-align : middle;
    word-spacing : normal;
}


.Titulo2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 22px;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
    line-height: 40px;
}


.Titulo3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
}



.TableHead {
    background-color : #005190;
    color : #ffffff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : normal;
    line-height : 20px;
}


.TableReportes {
    background-color : #005190;
    color : #ffffff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : normal;
    line-height : 20px;
    font-weight:bold;
}


.tableFilters {
    background-color : #e3dfdc;
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #000000;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #000000;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;
}


.row_on {
    background-color: #ffffff;
}


.row_off {
    background-color: #e3dfdc;
}


.Fondo3 {
    background-color: #CCCCCC;
}


.Fondo4 {
    background-color: #008B5E;
}


.Borde {
    border: 1px solid #008B5E;
}



div#DatosContacto {
    padding: 2px;
    background-color : #C5D82E;
    height : 75px;
    position : relative;
    float: none;
    left: 15px;
    bottom: 10px;
    width: 550px;
}




.Item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    word-spacing: normal;
    white-space: normal;
}


.Modulo {
    background-color: #E8F5DC;
}


.PItem {
    border-bottom-color : #008B5E;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    text-align: left;
    vertical-align: middle;
    line-height : 20px;
}


#Prueba {
    border: 1px solid #003366;
    clear: both;
    float: left;
    overflow: visible;
    position: relative;
    visibility: visible;
}

.row_form {
    display: block;
    line-height: 30px; 
}

.error {
    color: #CC3333 !important;
    display: block;
}


.fieldhide {
    display:none;
}


.fieldshow {
    display:block;
}
.Factura {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.Fac_rojo {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.Letra_normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12;
}

.categorytip{
    margin: 0 auto;
    width:90%;
    text-decoration: none;	
}

.divcategori{
    margin:2px;
    list-style:none;
    float:left;
    width:30%;
    height:100px;
    text-decoration: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none; 
    border-left-style: none; 
}

.vinculotips{
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0099FF;
}


/* css for timepicker */
.ui-timepicker-div { margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px url(images/close.png)0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.website-background {
    /* background-color: #32434b;*/
    background-image: url(../images/web_backround.png);
    background-repeat: repeat;
}