/*
  @author:  	Carlos Alberto Pineda Torres - carlospinedat@gmail.com  
  @create:  	16 de Enero de 2010
  @authorUpdate:Luis Carlos Ruiz Delgado - ing.lkruiz@gmail.com
  @update:	17 de Enero de 2010
  @version: 	1.0.1
  proyecto:	SAC
*/
@charset "utf-8";

/* Reset CSS Eric A. Meyer v1.0 | 20080212 */

/* Clear Set */
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Css global */
html {
    height:100%;
    overflow:auto;
    overflow-y:scroll;
}
body {
    height:100%;
    font: 0.85em/1.5em Arial,Helvetica,sans-serif;
    background: url(../imagenes/fondoSac.png) repeat center;
    color:#676767;
}

/* Typografia  */

h1, h2, h3, h4, h5, h6, p {margin:0 0 1em;}
p, ul, ol {font-size:100%;}
ul {margin:0 0 1em 25px;list-style:none;}
h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

/*  Formularios  */

fieldset {border:none;}
form :focus {outline:0;}  
input, select, textarea {font-size:0.85em; font-family:Arial, Helvetica, sans-serif;}
label {cursor:pointer;vertical-align:middle;}
input {	vertical-align:middle;}
textarea {overflow:auto; resize: none !important;}
table td{ padding: 3px;}

/* Identificadores */

#top {
    behavior : url(ie-css3.htc);
    position: relative;
    width: 1024px;
    height: 120px;
    margin: 0px auto 0px auto;
    border-left: 3px solid #e1e0e0;
    border-right: 3px solid #e1e0e0;
    border-top: 3px solid #e1e0e0;
    background: #fff;
    -webkit-box-shadow: -6px -5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    -moz-box-shadow: -6px -5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    box-shadow: -6px -5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    -ms-box-shadow : -6px -5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    -o-box-shadow  : -6px -5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
}

#top #logo
{
    position: absolute;
    margin: 15px auto auto 12px;
    height: 80px;
    width: 238px;
    background: url(../imagenes/logo.png) no-repeat;
}

#top #tituloSac
{
    position: absolute;
    margin: 94px auto 0px 12px;
    height: 20px;
    width: 238px;
    font-size: 12px;
    text-align: center;
    color: #e41e31;
}

#top #user {
    float:          right;
    margin-right:   10px;
    margin-top:     5px;
    color: #939598
}

#top #bar
{
    position: absolute;
    color: white;
    margin: 75px auto 0px 285px;
    padding: 3px;
    height: 19px;
    width: 700px;
    background-color: #5094C4;
}

#content
{
    width: 1024px;
    margin: 0px auto;
    background: #fafafa;
    padding: 0 0 30px 0;    
    border-left: 3px solid #e1e0e0;
    border-bottom: 3px solid #e1e0e0;
    border-right: 3px solid #e1e0e0;
    -webkit-box-shadow: -6px 5px 20px #e1e0e0, 6px 5px 20px #e1e0e0;
    -moz-box-shadow: -6px 5px 20px #e1e0e0, 6px 5px 20px #e1e0e0;
    -ms-box-shadow : -6px 5px 20px #e1e0e0, 6px 5px 20px #e1e0e0;
    -o-box-shadow  : -6px 5px 20px #e1e0e0, 6px 5px 20px #e1e0e0;
    box-shadow: -6px 5px 20px #e1e0e0, 6px 5px 20px #e1e0e0;
}

#content #subContent
{
    height: auto;
    width: 1016px;
    background-color: #ffffff;
    margin: 0px auto 4px auto;
}

#content #subContent #left {
    float: left;
    width: 246px;
    margin: 4px 2px 4px 4px;
}


#content #subContent #left #menu
{
    background: #f0f0f0;
    margin-top: 4px;
}

#content #subContent #right {
    float: left;
    width: 758px;
    margin: 4px 4px 4px 2px;
}

#content #subContent #right #messages
{
    background-color: #f3f3f3;
}

#content #subContent #right #principalPanel
{
    background-color: #f3f3f3;
    margin-top: 4px;
}

#footer {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    -x-system-font: none;
    background: #ededed;
    background-attachment: scroll;
    background-color: transparent;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(center top , #EDEDED 0%, #BFBFBF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bfbfbf));
    background: -webkit-linear-gradient(top,  #ededed 0%,#bfbfbf 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#bfbfbf 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#bfbfbf 100%);
    background: linear-gradient(top,  #ededed 0%,#bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bfbfbf',GradientType=0 );
    background-position: 0 0;
    background-repeat: repeat;
    bottom: 0;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 2px;
    padding-top: 6px;
    position: fixed;
    width: 100%;
}

#footer #copy{
    float:left;
    width: 500px;
}
#footer #powered{
    float:right;
    width: 100px;
}

#piepagina {
    font-size: 0.7em;
    padding-top: 5px;
}

#piepagina .version {
    color: #666666;
    text-transform: uppercase;
}

#piepagina #powered {
    text-align: right;
    vertical-align: bottom;
}

#session
{
    background-color: #f3f3f3;
    width: 50%;
    margin: 0px auto 0px auto;
}

#errorValdiacion{
    background-color: #FFBABA;
    border: 1px solid #D8000C;
    color: #D8000C;
    display: none;
    margin: 5px;
    padding: 5px;
}

#pnlMenu .ui-panel-content{
    padding-left: 1px!important;
    padding-right: 1px!important;
    padding-top: 1px!important;
    padding-bottom: 1px!important;
}

#divIzquierdo {
    float: left;
    width: 398px;
    border-right-color: #EEEEEE;
    border-right-style: solid;
    border-right-width: 2px;
}

#divDerecho {
    float: right;
    margin-top: 20px;
    width: 400px;
}

#botton {
    -x-system-font: none;
    color: #333333;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: justify;
    padding-top: 10px;
    width: 300px;
}

/* Clases */

.divEsquina
{
    behavior: url(border-radius.htc);
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 3px;
    border: 1px solid #A8A8A8;
}

.esquinasRedondas
{
    behavior: url(border-radius.htc);
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;
    border: 1px solid #A8A8A8;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.error{
    color: #D8000C;
}

.error-icon{
    background-position: 0 0;
    height: 32px;
    width: 32px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    background: url("../imagenes/error.png") no-repeat scroll 0 0 transparent;
}

.colAlineacionD{
    text-align: right;
    padding-top: 7px;
    width: 45%;
}

.alineacionDerecha{
    text-align: right;
    padding-top: 7px;


}

.btn{
    width                 : 100px;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    background            : #e8e8e8;
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    border                : 1px solid #A8A8A8;
}

.btn:hover{
    background      : #5094C4;
    color           : #FFFFFF;
    border          : 1px solid #A8A8A8;
}


.btnGrande{
    width                 : 150px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background            : #e8e8e8;
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    border                : 1px solid #A8A8A8;
}

.btnGrande:hover{
    background      : #5094C4;
    color           : #FFFFFF;
    border          : 1px solid #A8A8A8;
}


.ui-widget-overlay {
    background: url("../imagenes/ui-bg_flat_0_aaaaaa_40x100.png") repeat  scroll 50% 50% #AAAAAA!important;
    opacity: 0.8!important;
    position: fixed!important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: url("../imagenes/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #FBF9EE!important;
    border: 1px solid #7DA2CE!important;
    color: #363636!important;
}

.ui-datatable-odd {
    background-color: #fafafa !important;
}

.ui-datatable-even {
    background-color: #ffffff !important;
}

.buscar {
    width                 : 24px;
    height                : 24px;
    background            : url("../imagenes/buscar.png") no-repeat 50% 50% !important;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    color                 : #676767;
    border                : 1px solid #A8A8A8;
}

.pnlgrd td {
    border: none !important;
}

.dlgbck .ui-helper-clearfix {
    display: none !important;
}

.pnlpad .ui-panel-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 0 0 !important;
}

.dtRowBck {
    background-color: #0d3c82 !important;
    color: #ffffff !important;
}

.ajax-status .ui-dialog-titlebar {
    display: none;
}

.ajax-status .ui-dialog-content {
    border: none!important;
    text-align: center;
    background-color: #FFF!important;
}

.verticalTable td{
    vertical-align: middle !important; 
}

.tablaBordes {
    border: 1px solid;
    vertical-align: middle;
}

.btnAzulH{
    width                 : 100px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background-color      : #357AE8;
    background-image      : -moz-linear-gradient(center top , #4D90FE, #357AE8);
    color                 : #ffffff;
    margin                : 3px 10px 3px 10px;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #3879ed;
    background-color      : #4d90fe;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357AE8));
    background-image      : -webkit-linear-gradient(top,#4d90fe,#357AE8);
    background-image      : -moz-linear-gradient(top,#4d90fe,#357AE8);
    background-image      : -ms-linear-gradient(top,#4d90fe,#357AE8);
    background-image      : -o-linear-gradient(top,#4d90fe,#357AE8);
    background-image      : linear-gradient(top,#4d90fe,#357AE8);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnAzul{
    width                 : 100px;
    background            : #e8e8e8;
    border-radius    : 5px;
    -webkit-border-radius : 5px;    
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #357AE8;
    border-left           : 5px solid #357AE8;
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnAzul:hover{
    font-weight           : bold;
    background-color      : #357AE8;
    background-image      : -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border                : 1px solid #2F5BB7;
    color                 : #FFFFFF;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    background-color      : #357ae8;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
    background-image      : -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image      : -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image      : -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image      : -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image      : linear-gradient(top,#4d90fe,#357ae8);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);



}

.btnVerdeH{
    width                 : 100px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background-image      : -moz-linear-gradient(center top , #3D9400, #398A00);
    color                 : #ffffff;
    margin                : 3px 10px 3px 10px;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #29691D;
    background-color      : #3d9400;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00));
    background-image      : -webkit-linear-gradient(top,#3d9400,#398a00);
    background-image      : -moz-linear-gradient(top,#3d9400,#398a00);
    background-image      : -ms-linear-gradient(top,#3d9400,#398a00);
    background-image      : -o-linear-gradient(top,#3d9400,#398a00);
    background-image      : linear-gradient(top,#3d9400,#398a00);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnVerde{
    width                 : 100px;
    background            : #e8e8e8;
    border-radius    : 5px;
    -webkit-border-radius : 5px;    
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #398A00;
    border-left           : 5px solid #398A00;
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnVerde:hover{
    color           : #FFFFFF;
    font-weight     : bold;
    border          : 1px solid #2D6200;
    background-image: -moz-linear-gradient(center top , #3D9400, #368200);
    text-shadow     : 0 1px rgba(0, 0, 0, 0.3);
    background-color: #368200;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200));
    background-image: -webkit-linear-gradient(top,#3d9400,#368200);
    background-image: -moz-linear-gradient(top,#3d9400,#368200);
    background-image: -ms-linear-gradient(top,#3d9400,#368200);
    background-image: -o-linear-gradient(top,#3d9400,#368200);
    background-image: linear-gradient(top,#3d9400,#368200);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow  : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow   : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow      : 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btnAmarilloH{
    width                 : 100px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background-color      : #E8BE36;
    background-image      : -moz-linear-gradient(center top , #FED24E, #E8B200);
    color                 : #ffffff;
    margin                : 3px 10px 3px 10px;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #e6b717;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#FED24E),to(#E8B200));
    background-image      : -webkit-linear-gradient(top,#FED24E,#E8B200);
    background-image      : -moz-linear-gradient(top,#FED24E,#E8B200);
    background-image      : -ms-linear-gradient(top,#FED24E,#E8B200);
    background-image      : -o-linear-gradient(top,#FED24E,#E8B200);
    background-image      : linear-gradient(top,#FED24E,#E8B200);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btnAmarillo{
    width                 : 100px;
    background            : #e8e8e8;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #E8B200;
    border-left           : 5px solid #E8B200;
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnAmarillo:hover{
    color           : #FFFFFF;
    font-weight     : bold;
    border          : 1px solid #E8B200;
    background-image: -moz-linear-gradient(center top , #FED24E, #E8B200);
    text-shadow     : 0 1px rgba(0, 0, 0, 0.3);
    background-color: #E8B200;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FED24E),to(#E8B200));
    background-image: -webkit-linear-gradient(top,#FED24E,#E8B200);
    background-image: -moz-linear-gradient(top,#FED24E,#E8B200);
    background-image: -ms-linear-gradient(top,#FED24E,#E8B200);
    background-image: -o-linear-gradient(top,#FED24E,#E8B200);
    background-image: linear-gradient(top,#FED24E,#E8B200);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow  : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow   : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow      : 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btnRojoH{
    width                 : 100px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background-color      : #C53727;
    background-image      : -moz-linear-gradient(center top , #DD4B39,  #C53727);
    color                 : #ffffff;
    margin                : 3px 10px 3px 10px;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #B0281A;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#C53727));
    background-image      : -webkit-linear-gradient(top,#dd4b39, #C53727);
    background-image      : -moz-linear-gradient(top,#dd4b39, #C53727);
    background-image      : -ms-linear-gradient(top,#dd4b39, #C53727);
    background-image      : -o-linear-gradient(top,#dd4b39,#c53727);
    background-image      : linear-gradient(top,#dd4b39,#c53727);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnRojo{
    width                 : 100px;
    background            : #e8e8e8;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid  #C53727;
    border-left           : 5px solid  #C53727;
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnRojo:hover{
    color           : #FFFFFF;
    font-weight     : bold;
    border          : 1px solid #B0281A;
    background-color: #C53727;
    background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
    text-shadow     : 0 1px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
    background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: linear-gradient(top,#dd4b39,#c53727);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow  : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow   : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow      : 0 1px 1px rgba(0, 0, 0, 0.2);


}

.btnGrisH{
    width                 : 100px;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    background-color      : #808080;
    background-image      : -moz-linear-gradient(center top , #808080,  #D0D0D0);
    color                 : #ffffff;
    margin                : 3px 10px 3px 10px;
    text-shadow           : 0 1px rgba(0, 0, 0, 0.3);
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid #B0281A;
    background-image      : -webkit-gradient(linear,left top,left bottom,from(#808080),to(#D0D0D0));
    background-image      : -webkit-linear-gradient(top,#808080, #D0D0D0);
    background-image      : -moz-linear-gradient(top,#808080, #D0D0D0);
    background-image      : -ms-linear-gradient(top,#808080, #D0D0D0);
    background-image      : -o-linear-gradient(top,#808080,#D0D0D0);
    background-image      : linear-gradient(top,#808080,#D0D0D0);
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnGris{
    width                 : 100px;
    background            : #e8e8e8;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    color                 : #676767;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    font-weight           : bold;
    border                : 1px solid  #808080;
    border-left           : 5px solid  #808080;
    -webkit-box-shadow    : 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow        : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow         : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow            : 0 1px 1px rgba(0,0,0,0.2);
}

.btnGris:hover{
    color           : #FFFFFF;
    font-weight     : bold;
    border          : 1px solid #808080;
    background-color: #808080;
    background-image: -moz-linear-gradient(center top , #808080, #D0D0D0);
    text-shadow     : 0 1px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#808080),to(#D0D0D0));
    background-image: -webkit-linear-gradient(top,#808080,#D0D0D0);
    background-image: -moz-linear-gradient(top,#808080,#D0D0D0);
    background-image: -ms-linear-gradient(top,#808080,#D0D0D0);
    background-image: -o-linear-gradient(top,#808080,#D0D0D0);
    background-image: linear-gradient(top,#808080,#D0D0D0);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow : 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow  : 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow   : 0 1px 1px rgba(0,0,0,0.2);
    box-shadow      : 0 1px 1px rgba(0, 0, 0, 0.2);
}

.container_piepagina {
    margin-left: auto;
    margin-right: auto;
    width: 1014px;
}

.container_piepagina .grid_5 {
    width: 370px;
}

.container_piepagina .prefix_4 {
    padding-left: 312px;
}

.container_piepagina .grid_4 {
    width: 292px;
}

.grid_5, .grid_4 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.main {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-bottom: 90px;
    width: 800px;
}

.ui-inputfield {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.tituloSac
{
    height: 20px;
    width: 238px;
    text-align: center;
    color: #e41e31;
}

.logoSac {
    margin:     15px 0px auto 12px;
    width:      238px;
    height:     80px;
    background: url(../imagenes/logoSac.png) no-repeat;
}

.content
{
    width: 800px;
    margin: 0px auto;
    background-color: #fafafa;
    padding: 0 0 30px 0;
    border:  3px solid #e1e0e0;
    margin-top: 100px;
    behavior: url(border-radius.htc);
    border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    box-shadow: -6px 5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    -webkit-box-shadow: -6px 5px 20px #e1e0e0, 6px -5px 20px #e1e0e0;
    -moz-box-shadow: -6px 5px 20px rgb(225, 224, 224), 6px -5px 20px rgb(225, 224, 224);
}

.oculto {
    display: none;
    behavior: url(border-radius.htc);
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    /*     border: 0.5px solid #E1E0E0;*/
    /*    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;*/
    /*    border-style: hidden;*/
    /*    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/
}

.btndesactivado{
    width                 : 100px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    background            : #ededed;
    color                 : #C0C0C0;
    margin                : 3px 10px 3px 10px;
    padding               : 3px;
    text-align            : center;
    border                : 1px solid #A8A8A8;
}

.detallesValorOrden{    
    margin-right: 10px
}

.txvalores{
    width: 50px;
    background-color: #E1E0E0;
    border-color: #EEEEEE;
    height: auto;

}

.ui-datatable .ui-selection-column {
    text-align: center !important;
}

.cmbFabricantes {
    width: 700px;
}

.msge{
    font-family: monospace;
    width: 250px;
    border: inherit;
    color: red;
}

.colAlineacionGrid{
    text-align: right;
    padding-top: 7px;
    width: 40%;

}

.textObserva{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    width: 50px;
    border-left-color:#666666;
}

.colAlineacionMed{
    text-align: right;
    padding-top: 7px;
    width: 20%;
}

.menuDesactivado {
    color: #bdbdbd !important;
}

.menuDesactivado:hover {
    background: none repeat scroll 0 0 #ECECEC !important;
    color: #bdbdbd !important;
}

.celdaConFondo{
    border: 1px solid;
    vertical-align: middle;
    background: #2B6D9c;
    /*    background: #BFCDDB;*/
    text-align: right;
    color: white;
    width: 120px;
}

.colAlinIzq{
    text-align: left;
    max-width: 100px;
}


.colAlinIzqCol{
    text-align: left;
    max-width: 200px
}
.celdaSinFondo {
    border: 1px solid;
    vertical-align: middle;
    text-align: left;
    background: #ffffff;
    color: black;
}

.celdaTablaProductosConFondo{
    border: 1px solid;
    vertical-align: middle;
    background: #ededed;
    text-align: right;
}

.celdaTablaProductosSinFondo {
    border: 1px solid;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    width: 150px;
}

.celdaTablaProductosConFondo  td {
    padding: 1px;
}

.celdaTablaProductosSinFondo  td {
    padding: 1px;
}

.divObservacionesPopUp{
    width :270px;
    max-width: 350px;
    overflow: hidden;
    min-height: 100px;
    display: block;
    padding-left: 3px;
    padding-top: 3px;
    border-top-left-radius:10px 10px;
    border-bottom-left-radius:10px 10px;
    border-bottom-right-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border:1px solid grey;
    background:white;
    -webkit-box-shadow: 0px 5px 80px #505050;
    -moz-box-shadow: 0px 5px 80px #505050; /* Para Mozilla FireFox*/
    z-index: 3;
    cursor: pointer;
    position:absolute;
}

.divContendorDatosFilaTabla{
    max-height: 75px;
    width: 30%;
    overflow-y: auto;
    overflow-x: hidden;

}

.claseColumnaObservaciones{
    cursor: pointer;
    max-height: 50px;
    width: 200px;
    padding: 3px;
    overflow: hidden;
    text-align: justify;
}

div.dlgpadding > div.ui-dialog-content {
    padding: 10px 5px 10px 5px !important;
}

div.dlgpadding > div.ui-dialog-content div.ui-tabs-panel{
    padding: 10px 5px 10px 5px !important;
}

.colAlineacion{
    text-align: right;
    padding-top: 7px;    
}

.colAlinIzquierda{
    text-align: left;
    padding-top: 7px; 
}


.entero{}

.decimal{}


.eliminarPadding{
    padding: 0px;
    margin: 0px;
    text-align: justify;
    border:hidden;
}

.columnClaseCotizar{
    width: 600px;

}

.verticalAlineacion{
    vertical-align: top;
}

#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
    visibility: visible;
    z-index: 3;
}
button{
    border: 1px solid #A8A8A8!important;
}
button span{
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
button:hover{
    background: none repeat scroll 0 0 #5094C4!important;
    border: 1px solid #A8A8A8;
}
button:hover span{
    color: #FFFFFF;
}
.cientoporciento{
    width: 100%;
}
div.centrado{
    text-align: center;
}
div.centrado table {
    margin: 0 auto;
    text-align: left;
}

#tablaParametrosCotizacion2 {
    border: hidden;
}

.eliminar {
    background-image: url(/imagenes/borrar.png);
    background-position: 0 -24px;
    width: 16px;
    height: 10px;
}

.sobreponer{
    z-index:1;
}
.sobreponer2{
    z-index:3;
}
.btnbuscar {
    width                 : 24px;
    height                : 24px;
    background            : url("../imagenes/buscar.png") no-repeat 50% 50% !important;
    border-radius    : 5px;
    -webkit-border-radius : 5px;
    color                 : #676767;
    border                : 1px solid #A8A8A8;
}

.btnbuscar:hover{
    width                 : 24px;
    height                : 24px;
    background            : url("../imagenes/buscar_hover.png") no-repeat 50% 50% #5094C4!important;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px; 
    color      : #5094C4;
    border                : 1px solid #A8A8A8;

}

.alinear-derecha {
    text-align:right!important;
}

.alinear-izquierda {
    text-align:left!important;
}
.centrado {
    text-align:center!important;
}

.ocultar-filtros .ui-column-filter{
    display:none!important;
}
a.cancelar {
    color: #B00B00;
    text-decoration: underline;
}
.lightboxE legend{
    background: rgb(212,228,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #3b6a8e;
    padding: 8px 10px 4px;
}