/**
 * Hoja de estilo para Paileria y Equipos Espitia
 * @author Fabrizio Lozada
 * @version 1.0
 */

/* Estandar Elements */

body {
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            10pt;
  margin-left:          0;
  margin-right:         0;
  margin-top:           0;
  margin-bottom:        0;
}

a {
  color:                #5B7444;
  font-weight:          bold;  
  text-decoration:      none;
} 

a:link {
  color:                #5B7444;
  font-weight:          bold;  
  text-decoration:      none;
} 

a:hover {
  color:                #A3C586;
  font-weight:          bold;  
  text-decoration:      underline;
} 

a:visited {
  color:                #638291;
  font-weight:          bold;  
  text-decoration:      none;
} 

input {
  background-image:     url(../img/input.gif);
  background-repeat:    repeat-x;
  border:               1px solid #638291;
  color:                #333333;
  font-size:            10pt;
  height:               18px;
  padding-left:         4px;
  padding-right:        4px;
}

select {
  border:               1px solid #638291;
  color:                #333333;
  font-size:            10pt;
  height:               18px;
}

textarea {
  background-image:     url(../img/textarea.gif);
  background-repeat:    repeat-x;
  border:               1px solid #638291;
  color:                #333333;
  font-size:            10pt;
  padding-left:         4px;
  padding-right:        4px;
}

/* Customized classes */

.header {
  background-color:     #A3C586;
  font-size:            9pt;
  height:               118px;
  padding:              4px;
}

.menu {
  background-image:     url(../img/menuback.gif);
  background-repeat:    repeat-x;
  color:                #5B7444;
  font-size:            9pt;
  font-weight:          bold;
  height:               22px;
  text-align:           center;
}

.menuLeft {
  background-image:     url(../img/menuLeft.gif);
  background-repeat:    no-repeat;
  font-size:            9px;
  height:               22px;
}

.menuRight {
  background-image:     url(../img/menuRight.gif);
  background-repeat:    no-repeat;
  font-size:            9px;
  height:               22px;
}

.menuPlacer {
  background-image:     url(../img/menuSep.gif);
  background-repeat:    no-repeat;
  background-position:  top right;
  color:                #5B7444;
  font-size:            9pt;
  font-weight:          bold;
  height:               22px;
  text-align:           center;
  width:                120px;
}

.menuPlacerHome {
  background-image:     url(../img/menuSep.gif);
  background-repeat:    no-repeat;
  background-position:  top right;
  color:                #5B7444;
  font-size:            9pt;
  height:               22px;
  text-align:           center;
  vertical-align:       middle;
  width:                32px;
}

.menuSelected {
  background-image:     url(../img/menuSelBack.gif);
  background-repeat:    repeat-x;
  color:                #638291;
  font-size:            9pt;
  font-weight:          bold;
  height:               22px;
  text-align:           center;
  width:                110px;
}

a.menuLink
{
  color:                #5B7444;
  font-weight:          bold;
  text-decoration:      none;
}

a.menuLink:hover
{
  color:                #FFFFFF;
  font-weight:          bold;
  text-decoration:      underline;
}

a.menuLink:visited
{
  color:                #5B7444;
  font-weight:          bold;
  text-decoration:      none;
}

.freeSpace {
  background-image:     url(../img/greenShadow.gif);
  background-repeat:    repeat-x;
  background-position:  top;
  background-color:     #5B7444;
  min-width:            16px;
}

.workArea {
  background-image:     url(../img/grayShadow.gif);
  background-repeat:    repeat-x;
  background-position:  top;
  background-color:     #FFFFFF;
  font-size:            10pt;
  min-height:           424px;
  height:               424px;
  padding-bottom:       8px;
  padding-left:         8px;
  padding-right:        8px;
  padding-top:          24px;
  vertical-align:       top;
}

.footer 
{
  background-color:     #000000;
  background-image:     url(../img/footerBack.gif);
  background-repeat:    repeat-x;
  color:                #E8EFF3;
  font-size:            8pt;
  height:               50px;
  padding-top:          16px;
  text-align:           center;
}

.formTable {
  border:               1px solid #638291;
}

.formTop {
  background-image:     url(../img/formTopBack.gif);
  background-repeat:    repeat-x;
  border-bottom:        1px solid #E8EFF3;
  color:                #638291;
  font-weight:          bold;
  font-size:            10pt;
  height:               22px;
  text-align:           center;
  vertical-align:       middle;
}

.formTitleCell {
  height:               22px;
  color:                #638291;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        8px;
  padding-top:          2px;
  text-align:           right;
  vertical-align:       top;
}

.formCell {
  height:               22px;
  color:                #000000;
  font-size:            9pt;
  padding-left:         8px;
  padding-top:          2px;
  vertical-align:       top;
}

.spacerRow
{
  height:               8px;
  font-size:            6px;
}

.successMessage {
  color:                #54A4DE;
  font-size:            11pt;
  font-weight:          bold;
  text-align:           center;
}

.confirmationMessage {
  color:                #638291;
  font-size:            10pt;
  font-weight:          bold;
  text-align:           center;
}

.errorMessage {
  color:                #990033;
  font-size:            10pt;
  font-weight:          bold;
  text-align:           center;
}

.hiddenText {
  color:                #FEFEFE;
  font-size:            6pt;
}

.textNote {
  color:                #A3C586;
  font-size:            8pt;
  font-style:           italic;
}




.tableHeadRight {
  background-image:     url(../images/tblHeadRight.gif);
  background-repeat:    no-repeat;
  height:               22px;
  font-size:            6px;
  width:                20px;
}

.tableHeaders {
  background-color:     #BBD9EE;
  font-weight:          bold;
  font-size:            9pt;
  height:               20px;
  text-align:           center;
  vertical-align:       middle;
}

.tableHeadersTop {
  background-color:     #BBD9EE;
  font-weight:          bold;
  font-size:            9pt;
  height:               20px;
  text-align:           center;
  vertical-align:       top;
}

.tableHeadersLeft {
  background-image:     url(../images/HdrsRowLeft.gif);
  background-repeat:    no-repeat;
  font-size:            6px;
  height:               20px;
  width:                20px;
}

.tableHeadersRight {
  background-image:     url(../images/HdrsRowRight.gif);
  background-repeat:    no-repeat;
  font-size:            6px;
  height:               20px;
  width:                20px;
}

.altTableHeaders {
  background-color:     #EBF4FA;
  font-size:            9pt;
  font-weight:          bold;
  height:               20px;
  text-align:           center;
  vertical-align:       middle;
}

a.altLink
{
  color:                #FFFFFF;
  font-weight:          bold;  
  text-decoration:      none;
}

a.altLink:hover
{
  color:                #FFAB35;
  font-weight:          bold;  
  text-decoration:      underline;
}

.cell {
  background-color:     #EBF4FA;
  font-size:            9pt;
  padding-left:         5px;
  text-align:           left;
  vertical-align:       top;
}

.cellCenter {
  background-color:     #EBF4FA;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       middle;
}

.cellTopCenter {
  background-color:     #EBF4FA;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       top;
}

.cellCenterTop {
  background-color:     #EBF4FA;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       top;
}

.cellLeftMiddle {
  background-color:     #EBF4FA;
  font-size:            9pt;
  text-align:           left;
  vertical-align:       middle;
}

.cellNumberMiddle {
  background-color:     #EBF4FA;
  font-size:            9pt;
  padding-right:        4px;
  text-align:           right;
  vertical-align:       middle;
}

.cellRight {
  background-color:     #EBF4FA;
  font-size:            9pt;
  padding-right:        5px;
  text-align:           right;
}

.cellTitle {
  background-color:     #EBF4FA;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        5px;
  text-align:           right;
  vertical-align:       top;
}

.cellTitleMiddle {
  background-color:     #EBF4FA;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        5px;
  text-align:           right;
  vertical-align:       middle;
  width:                220px;
}

.cellTitleDisabled {
  background-color:     #EBF4FA;
  color:                gray;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        5px;
  text-align:           right;
  vertical-align:       top;
  width:                220px;
}

.cellLeftLimit {
  background-color:     #EBF4FA;
  border-left:          1px solid #EBF4FA;
  font-size:            9pt;
  text-align:           right;
  vertical-align:       middle;
  width:                19px;  
}

.cellRightLimit {
  background-color:     #EBF4FA;
  border-right:         1px solid #EBF4FA;
  font-size:            9pt;
  text-align:           left;
  vertical-align:       middle;
  width:                19px;
}

.cellDivider {
  background-color:     #EBF4FA;
  background-image:     url(../images/tableDiv.gif);
  font-size:            6px;
  height:               20px;
}

.cellSpacer {
  background-color:     #EBF4FA;
  font-size:            6px;
}

.altCell {
  background-color:     #FFFFFF;
  font-size:            9pt;
  padding-left:         5px;
  text-align:           left;
  vertical-align:       top;
}

.altCellCenter {
  background-color:     #FFFFFF;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       middle;
}

.altCellLeftMiddle {
  background-color:     #FFFFFF;
  font-size:            9pt;
  text-align:           left;
  vertical-align:       middle;
}

.altCellNumberMiddle {
  background-color:     #FFFFFF;
  font-size:            9pt;
  padding-right:        4px;
  text-align:           right;
  vertical-align:       middle;
}

.altCellLeftLimit {
  background-color:     #FFFFFF;
  border-left:          1px solid #EBF4FA;
  font-size:            9pt;
  text-align:           right;
  vertical-align:       middle;
  width:                19px;
}

.altCellRightLimit {
  background-color:     #FFFFFF;
  border-right:         1px solid #EBF4FA;
  font-size:            9pt;
  text-align:           left;
  vertical-align:       middle;
  width:                19px;
}

.tableBottom {
  background-color:     #EBF4FA;
  font-size:            6px;
  height:               12px;
}

.tableBottomLeft {
  background-image:     url(../images/tblBtmLeft.gif);
  background-repeat:    no-repeat;
  font-size:            6px;
  height:               12px;
  width:                20px;
}

.tableBottomRight {
  background-image:     url(../images/tblBtmRight.gif);
  background-repeat:    no-repeat;
  font-size:            6px;
  height:               12px;
  width:                20px;
}

.blankSpacer {
  font-size:            6px;
}

.rowSpacer {  
  font-size:            6px;
  height:               6px;
}

.tableSpacer {
  background-color:     #EBF4FA;
  font-size:            6px;
  height:               12px;
}

.tableTopRight {
  background-image:     url(../images/tblTopRight.gif);
  background-repeat:    no-repeat;
  font-size:            6px;
  height:               12px;
  width:                20px;
}

.blankCellCentered {
  background-color:     #FFFFFF;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       middle;
}

.topCellCentered {
  font-size:            9pt;
  height:               64px;
  padding-right:        5px;
  text-align:           right;
  vertical-align:       middle;
  width:                80px;
}

.topTitleCell {
  color:                #206BA4;
  font-size:            12pt;
  font-weight:          bold;
  padding-left:         5px;
  text-align:           left;
  vertical-align:       middle;
}

.title {
  color:                #206BA4;
  font-size:            12pt;
  font-weight:          bold;
}

.subtitle {
  color:                #206BA4;
  font-size:            10pt;
  font-weight:          bold;  
}

a.linkIndex
{
  color:                #FFFFFF;
  font-size:            8pt;
  font-weight:          bold;  
  text-decoration:      none;
}

a.linkIndex:hover
{
  color:                #FFAB35;
  font-size:            8pt;
  font-weight:          bold;  
  text-decoration:      underline;
}


.disabledInput {
  background-color:     #FAFAFA;
  border:               1px solid #CCCCCC;
  color:                Gray;
  font-size:            9pt;
  padding-left:         5px;
  padding-right:        5px;
}

.hiddenCellData {
  color:                #EBF4FA;
  background-color:     #EBF4FA;
  font-size:            9pt;
  padding-left:         5px;
  text-align:           left;
  vertical-align:       top;
}

.topCornerLeft {
  background-color:     #FFFFFF;
  background-image:     url(../images/topCornerLeft.gif);
  background-repeat:    no-repeat;
  font-size:            6px; 
  height:               6px;
  width:                6px;  
}

.topCornerRight {
  background-color:     #FFFFFF;
  background-image:     url(../images/topCornerRight.gif);
  background-repeat:    no-repeat;
  font-size:            6px; 
  height:               6px;
  width:                6px;  
}

a.buttonLink {
  color:                #000000;
  font-weight:          normal;
  text-decoration:      none;
} 

a.buttonLink:link {
  color:                #000000;
  font-weight:          normal;
  text-decoration:      none;
} 

a.buttonLink:hover {
  color:                #000000;
  font-weight:          normal;
  text-decoration:      underline;
} 

.greyRow {
  background-color:     #F4F4F4;
  height:               22px;
}

.greyRowTop {
  background-color:     #F4F4F4;
  height:               12px;
}

.greyRowBottom {
  background-color:     #F4F4F4;
  height:               12px;
}

.greyCell {
  background-color:     #F4F4F4;
  font-size:            9pt;
  padding-left:         8px;
  text-align:           left;
  vertical-align:       top;
}

.greyCellRight {
  background-color:     #F4F4F4;
  font-size:            9pt;
  padding-right:        8px;
  text-align:           right;
  vertical-align:       top;
}

.greyCellCenter {
  background-color:     #F4F4F4;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       top;
}

.greyCellMiddle {
  background-color:     #F4F4F4;
  font-size:            9pt;
  text-align:           center;
  vertical-align:       top;
}

.greyCellTitle {
  background-color:     #F4F4F4;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        8px;
  text-align:           right;
  vertical-align:       top;
}

.greyCellTitleDisabled {
  background-color:     #F4F4F4;
  color:                gray;
  font-size:            9pt;
  font-weight:          bold;
  padding-right:        8px;
  text-align:           right;
  vertical-align:       top;
}

.greyCellSpacer {
  background-color:     #F4F4F4;
  width:                22px;
}

.cleanBody {
  background-image:     url(../images/Blank.gif);
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            10pt;
  background-color:     #FFFFFF;
}

.subtitle {
  color:                #5B7444;
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            10pt;
  font-weight:          bold;
  letter-spacing:       2px;
  text-align:           left;
}

.content {
  color:                #638291;
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
  padding-left:         16px;
  padding-right:        24px;
  text-align:           justify;
}

.tableList {
  border-top:           1px solid #638291;
  color:                #638291;
  font-size:            9pt;
  font-weight:          normal;
}


.smallPhoto {
  border-bottom:        1px solid #638291;
  border-left:          1px solid #638291;
  height:               72px;
  padding-left:         8px;
  width:                80px;
}

.product {
  border-left:          1px solid #E8EFF3;
  border-bottom:        1px solid #638291;
  border-right:         1px solid #638291;
  color:                #638291;
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
  padding-left:         16px;
  padding-right:        24px;
}

.productName {
  color:                #5B7444;
  font-family:          Verdana, Arial, Hevetica, sans-serif;
  font-size:            9pt;
  font-weight:          bold;
}