﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    /*background: #b6b7bc;*/
    background-image:url('../Images/PageBackground_green.png');
    background-repeat:repeat;
    font-size: .80em;
    font-family: Verdana, Arial, sans-serif;
    margin: 1px 1px 1px 1px;
    padding: 0px;
    color: #696969;
}
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
table{border-collapse: collapse}
img
{
    border:0px;
    }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: auto;
    min-width:1000px;
    background-color: #fff;
    margin: 10px 25px 10px 25px;
    border: 1px solid #496077;
    height:90%
}
.header
{
    position: relative;    
    background: #ffffff;
    /*background-image:url('../Images/header_bg.jpg');    */
    width: 100%;
    height: 110px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color:  #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    width:100%;
    min-width:500px;
    height:520px;       
    overflow:scroll;    
    overflow-x:hidden;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    width:100%;
    height:75px;
}
.clientdata
{
    font-size:11px;
    color:#005517;
    margin: 0 5px 0 5px;
    }
.TableMain
{
    width:100%;
    height:90%;   
    
    }
.tdmenu
{       
    background-color: #005517;
    vertical-align:top;
    width:140px;
    height:auto;
    min-height: 450px;    
    }
.tdmain
{
    width:100%;
    height:auto;
    min-height:450px;    
    min-width:500px;
    vertical-align:top;
    }
/* - - - - - Site Menu - - - - - - */
.sitemenu
{
    font-family:Verdana;
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    width:auto;    
    height:20px;
    text-align:right;    
    margin:0 auto;
}
.smitem
{
  width:auto;
  height:20px;
  min-width:80px;
  vertical-align:bottom;
  border-right-color:#ffffff;
  border-right-style:solid;
  border-right-width:2px;
  float:left;
  text-align:center;
}
.smitemf
{
  width:auto;
  min-width:80px;
  margin-right:10px;
  height:20px;  
  float:left;
  text-align:center;
}

/* TAB MENU   
----------------------------------------------------------*/
div.Vacio
{
    height:80px;
    width:auto;
    }
div.hideSkiplink
{
    background-color: #005517;
    width: 100%;
    height:32px;
}
div.hideSkiplink table tr td
{   
    width:100%;
    height:32px;
}
div.MenuV
{   
    width:200px;
    height:auto;
    margin: 2px 8px 0px 10px;
    top:auto;
}
.titlemenu
{
    font-size:14px;
    font-family:Verdana;
    font-weight:bold;
    color:#ffffff;    
    }
/*div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    min-width:180px;
}

div.menu ul li a , div.menu ul li a:visited
{
    background-color: #005517;    
    min-width:180px;
    width:auto;
    height:25px;    
    color: #ffffff;
    text-align:left;    
    vertical-align:bottom;
    display: block;    
    white-space: nowrap;    
}
div.menu ul li a:hover
{
    background-color: #c7b299;
    color: #ffffff;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}*/

/* MISC  
----------------------------------------------------------*/
.labelerror
{
    color:#FF2222;
    font-size:10px;    
    }
.clear
{
    clear: both;
    background-color:#005517;    
    width:100%;
    height:20px;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
.LogoCli
{   
    vertical-align:middle;    
    width: 100%;
    height:auto;
}
.imgLogo
{
    /*height:90%;*/
    margin: 0 15px 0 15px;
    max-height:109px;    
    height:90%;
    }

.loginDisplay
{
    font-size: 1.1em;    
    text-align: right;    
    color: White;
    width:100% inherit;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.datapage
{
    width:100%;
    min-width:500px;
    height:auto;
    min-height:400px;    
    }
.TableGrid
{
    width:100%;
    border:3px;    
    }
.HeadTitle
{
    width:100%;
    background-color: #fad461;
    color:#005517; 
    height:30px;
    text-align:center;
    font-weight:bold;
    font-family:Verdana;
    font-size:10px;
    }
.Row0
{
    width:100%;
    background-color:#ffffff;
    color:Black;
    font-family:Verdana;
    font-size:9px;    
    }
.Row1
{    
    width:100%;
    background-color:#e0f8cd;
    color:Black;
    font-family:Verdana;
    font-size:9px;    
    }
div.group1
{
    height:25px;
    width:inherit;
    background-color:#66a841;
    vertical-align:middle;
    font-size:16px;
    font-weight:bold;
    color:White;
    /*text-indent:5%;*/
    text-align:left;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }
div.group2
{
    height:20px;
    width:inherit;
    background-color:#a6dc7d;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:White;
    /*text-indent:20%;*/
    text-align:center;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }
div.group3
{
    height:20px;
    width:inherit;
    background-color:#a6dc7d;
    vertical-align:middle;
    font-size:12px;        
    color:White;
    /*text-indent:35%;*/
    text-align:right;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }
div.group4
{
    height:25px;
    width:inherit;
    background-color:#34b6e4;
    vertical-align:middle;
    font-size:11px;
    font-weight:bold;
    color:White;
    /*text-indent:45%;*/
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:transparent;
    }
div.group5
{
    height:25px;
    width:inherit;
    background-color:#6dc6e7;
    vertical-align:middle;
    font-size:11px;    
    color:White;   
    /*text-indent:65%; */
    }
    
div.total1
{
    height:25px;
    width:inherit;
    background-color:#005195;
    vertical-align:middle;
    font-size:16px;
    font-weight:bold;
    color:White;
    /*text-indent:5%;*/
    text-align:right;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }
div.total2
{
    height:20px;
    width:inherit;
    background-color:#0063be;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:White;
    /*text-indent:20%;*/
    text-align:right;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }
div.total3
{
    height:20px;
    width:inherit;
    background-color:#0063be;
    vertical-align:middle;
    font-size:12px;        
    color:White;
    /*text-indent:35%;*/
    text-align:right;
    border-bottom-style:solid;
    border-bottom-width:3px;
    border-bottom-color:White;
    }    
    
div.PageLogin
{
    width:100%;
    height:100%;
    vertical-align:middle;    
    }
.LoginSpace
{   
    width:100%;
    height:400px;
    vertical-align:middle;
    text-align:center;
    }
.divLogin
{
     width:550PX;
    height:270PX;
    vertical-align:middle;
    background-image:url("../Images/BackgroundLogin2.png");
}
.TableLogin
{    
    font-family: Verdana;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    margin:0 auto;    
    height:100%    
    }
    
.BtnLogin
{    
    width:152px;
    height:35px;
    cursor:pointer;
    background-image:url("../Images/btnLogin.png");
    background-repeat:no-repeat;
    background-position:center;
    }
.txtLogin
{
    width:200px;
    height:30px;
    background-color:White;
    border:1px solid #005517;
    }
.imglogin
{
    width:auto;
    height:150px;
    vertical-align:middle;
}
.divaviso
{
    width:80%;
    margin:0 auto;
    text-align:center;
    color:#005517;
    font-size:10px;
    }
/*Paginador*/
.pagination
{
    text-align:center;
    }
.pagination a {
font: normal 10px Tahoma,Calibri,Verdana,Geneva,sans-serif;
border: 1px solid lightGrey;
height: 12px;
padding: 2px 4px;
margin-left: 1px;
background-color: #F3F3F3;
text-decoration: none;
font-weight:bold;
color: #8d8e8e;
}
.pagination a:hover {
border: 1px solid #ababab;
background-color: #c7b299;
}
.pagination a.selected 
{
background-color: #005517;
color: #ffffff;
border: 1px solid #ffffff;
height: 15.99px;
font-weight: bold;
padding: 2px 4px;
margin-left: 1px;
}
.pagination a.points
{
background-color: #005517;
color: #ffffff;
border: 1px solid #005517;
height: 15.99px;
font-weight: bold;
padding: 2px 4px;
margin-left: 1px;
}

div.titleresume
{
    height:20px;
    width:inherit;
    background-color:#005517;
    vertical-align:middle;
    font-size:12px;
    font-weight:bold;
    color:White;
    /*text-indent:20%;*/
    text-align:center;    
    }
.tableresume
{
    width:65%;
    font-size:10px;
    color:Navy;
    min-width:450px;
    }
.resumefinal
{
    width:100%;   
    border:2px solid #005517;    
    }
.resumefloat td, .resumefinal td
{
    width:100%;    
    border:2px solid #005517;    
    }
.resumefloat
{
    width:650px;
    background-color:#fefde5;
    height:auto;
    font-size:10px;
    display:none;
    position:absolute;    
    box-shadow: 8px 8px 5px #3e3e3e;
    }
.floatresume
{
    width:100%;
    font-size:10px;
    color:Navy;    
    }

.datalogin
{
    text-align:left;    
    font-size:16px;
    float:left;
    color:#ffffff;
    width:180px;
    overflow:hidden;
    white-space:nowrap;
    }
.close
{
    text-align:right;
    font-size:14px;
    color:#005517;
    background-color:transparent;
    }
.btnclose
{    
    font-size:14px;
    color:#ffffff;
    background-color:transparent;
    }
.Filtersfloat
{
    width:250px;
    /*min-height:220px;*/
    height:auto;    
    font-size:10px;
    display:none;
    position:absolute;
    color:#000000;
    }
.filterHead
{
    width:100%;
    height:20px;
    position:relative;
    float:left;
    background-image:url("../Images/FloatHead.png");
    background-repeat:no-repeat;
}
.filterBody
{
    width:100%;
    min-height:150px;
    height:auto;
    text-align:center;
    position:relative;
    float:left;
    background-image:url("../Images/FloatBody.png");
    background-repeat:repeat-y;
    }
.filterFoot
{
    width:100%;
    height:50px;
    background-image:url("../Images/FloatFoot.png");
    background-repeat: no-repeat;
    vertical-align:bottom;
    text-align:right;
    position:relative;
    float:left;
    }
.floatbutton
{    
    width:auto;
    height:100%;    
    text-align:right;
    margin:auto;
    }
.Sortfloat
{
    width:250px;    
    min-height:150px;
    height:auto;    
    font-size:10px;
    display:none;
    position:absolute;       
     
    }
/* * * * * Centro Digital * * * * */
.cdigital
{
    width:100%;
    min-width:500px;
    height:auto;
    min-height:400px;
    text-align:center;
    /*margin:10px;*/
    padding:10px;
    }
.cdtitle
{
    background-color: #005517;
    width:350px;
    height:25px;    
    font-family:Verdana;
    font-size:12px;    
    font-weight:bold;
    color: #ffffff;
    text-align:center;
    white-space: nowrap;
}
.cdspace
{
    height:auto;
    width:350px;
    border:2px solid #005517;
    margin:0 auto;
    }
.cdv
{
    width:25px;
    height:25px;
    background-image:url("../Images/CD_V.png");
    background-repeat:repeat-y;
}
.cdx
{
    width:25px;
    height:25px;
    background-image:url("../Images/CD_Cross.png");
}
.cdE
{
    width:25px;
    height:25px;
    background-image:url("../Images/CD_End.png");
    background-repeat:repeat-y;
}
.cdnone
{
    width:21px;
    height:21px;
    overflow:visible;
    }
.cdfolder
{
    width:25px;
    height:25px;
    background-image:url("../Images/folder.png");
    background-repeat:no-repeat;
}
.cdpdf
{
    width:25px;
    height:25px;
    background-image:url("../Images/file_pdf.png");
    background-repeat:no-repeat;
}
.cdxls
{
    width:25px;
    height:25px;
    background-image:url("../Images/file_xls.png");
    background-repeat:no-repeat;
}
.cddoc
{
    width:25px;
    height:25px;
    background-image:url("../Images/file_doc.png");
    background-repeat:no-repeat;
}
.cdfile
{
    width:25px;
    height:25px;
    background-image:url("../Images/file_x.png");
    background-repeat:no-repeat;
}
.cdlabel
{ 
    font-family:Verdana;
    font-size:10px;
    color:#556685;
}
/* * * * * * * * Detail * * * * * * * * * * */
.detaildata
{
    width:auto;
    font-family:Verdana;
    margin: 0 5px auto 5px;    
}
.detaillist
{
    width: 100%;
    font-family:Verdana;
    /*margin: 1px 5px 2px 5px;*/
    padding:1px 5px 2px 5px;
}

.dettitle
{
    background-color: #005517;
    width:100%;
    height:25px;    
    font-family:Verdana;
    font-size:13px;    
    font-weight:bold;
    color: #ffffff;
    vertical-align:middle;   
    text-indent: 10px;
    /*margin: 0 auto auto 12px;*/
    }
.detlabel
{
    width:200px;
    height:25px;
    font-size:11px;
    color:#005517;
    text-align:right;
   /* box-shadow: -2px 2px 2px #3e3e3e;*/
}
.detvalue
{
    width:300px;
    height:25px;
    font-size:12px;
    font-weight:bold;
    color:#354766;
    background:#daf2fe;
   /* box-shadow: 0px 2px 2px #3e3e3e;*/
    }
.detailspace
{
    width:450px;
    /*float:left;*/
    border:1px solid #005517;
    /*margin:5px;*/
    margin:0 auto;
}
.detailcontent
{
    width:99%;
    min-height:450px;
    height:auto;
    border:1px solid #005517;
    border-top:4px solid #005517;    
    text-align:center;
}   
.detailfolder
{
    width:99%;
    height:auto;
    display:block;
}
.detailfolder.hide
{    
  display:none;
}
.foldercont
{
    border-bottom:2px solid #005517;
    width:99%;
    height:30px;
}
.folderitem
{
   background-image:url("../Images/Foldertrue.png");
    background-repeat:no-repeat;
    background-position:center;    
    float:left;        
    vertical-align:bottom;
    text-align:center;
    color:White;
    height:30px;
    width:150px;   
    /*background-color: #005517;   */ 
}
.folderitem.nosel
{    
    background-image:url("../Images/Folderfalse.png");
    background-repeat:no-repeat;
    background-position:center;    
    /*background-color: #536178; */
}


/* * * * * * * * * * * * * * * * * * * * * * Estilos Mernu Vertical * * * * * * * * * */
div.menu1
{
    background-color: #005517;
    width:auto;
    font-size:12px;
    font-family:Verdana;    
    }
div.menu1 ul{list-style: none; text-align:left; padding-left:15px;min-width:150px;width:auto;}
div.menu1 li{ height:25px; vertical-align:middle;}
.highlighted div, .highlighted a
{
   background-color:#ffffff;
   color:#005517;
    }
.level1, .level2, .level3, .level4
{
    color: White;
    background-color: #005517;    
    text-decoration:none;
    vertical-align: middle;
    cursor:pointer;
}
.level1 ul, .level2 ul, .level3 ul
{    
    border-bottom:2px solid #005517;
    border-top: 2px solid #005517;
    border-left:2px solid #ffffff;    
    }
.level1 li, .level2 li, .level3 li
{
    width:auto;    
    }
a.level1:hover, a.level2:hover,a.level3:hover,a.level4:hover, .level1 div:hover, .level2 div:hover, .level3 div:hover, .level4 div:hover
{   
    background-color: #ffffff;
    color:#005517;
}    
.ItemMenu
{    
    width:auto;    
    text-decoration:none;
    font-family:Verdana;
    font-size:12px;    
    }
.SubItemMenu
{
    width:auto;
    min-width:350px;
    overflow:hidden;
    white-space:nowrap;
    text-decoration:none;
    font-family:Verdana;
    font-size:12px;
    }    
.ResumenPend
{
    width:100%;
    height:350px;
    text-align:center;
    font-size:14px;
    font-family:Verdana;
    color:Black;
    font-weight:bold;    
}
.TitlePend
{
    width:90%;
    text-align:center;
    position:relative;
    
    }
.Pendrow0
{
    width:100%;
    height:35px;
    background-color:#ffffff;    
    }
.Pendrow1
{    
    width:100%;
    height:45px;
    background-color:#e0f8cd;    
    }
.Pending
{
    border:1px solid #000000;
    width:90%;
    height:200px;
    margin:0 auto;
    font-size:12px;
    }