body 
{
    font-family:Segoe UI;
    font-size:12px;
    margin:0px;
    padding:0px;
    color:#333333;
}
h4
{
    color:#003366;
    letter-spacing:1px;
    font-size:12px;
    }

/* Wraps */
#header_wrap {
  height: 216px;
  padding: 0 0 0 0;
  position: relative;
  margin-bottom: 25px;
  z-index: 99;
  min-width: 980px;
  /*background: #44101F ;*/
  background: url(../images/backHeader.jpg) repeat-x;
}
#content_wrap 
{
  padding: 0 0;
  position: relative;
  min-width: 980px;
  width:100%;
}

#footer {
background: url(../images/backPie.jpg) no-repeat;
width:965px;
height:75px;
display:block;
margin:0px auto;
padding:0px;
}
/* Header */
#header {
  height: 216px;
  margin: 0 auto;
  padding:0px;
  position: relative;
 
  z-index: 99;
  color:White;
  width:960px;
}

#footerText
{
    width:100%;
    margin:0 auto;
    text-align:center;
    }

#content
{
    width:960px;

    position:relative;
    margin: 0 auto;
    padding:0px;
    vertical-align:top;

}

  /* Logo */
  .logo {
    position: absolute;
    display: block;
    left: 0;
    top: 30px;
    text-indent: -9999px;
    height: 130px;
    width:486px;
    background: transparent url(../images/SHlogo.jpg) no-repeat;
  }
  
   .logo2 {
    position: absolute;
    display: block;
    /*left: 500px;*/
    top: 60px;
    text-indent: -9999px;
    height: 37px;
    width:100%;
    float:right;
   
    background: transparent  url(../images/GobiernoText.jpg) no-repeat center right;
  }

#divDescripcion_wrapper
{
     padding-left:30px;
}
#divDescripcion
{
    border:1px solid #CBCFD8;
    width:550px;
   
    }
   
    
    #divDescripcion table td
    {
        padding:20px;
        text-align:justify;
        vertical-align:top;
        width:50%;
        
        }
        
        #tableInicial td
        {
            vertical-align:top;
            width:100%;
            
            }
#botonSC
{
    position: absolute;
    display: block;
    left: 620px;
    top: 0px;
    text-indent: -9999px;
    
      height:219px;
      width:211px;
      background:url(../images/botonSC.jpg) no-repeat;
    }


.empleadoTable{width:100%;}
.empleadoTitle{font-size:10px;font-weight:bold;text-align:left;padding-left:4px;height:24px;line-height:24px;}
.empleadoPic{text-align:left;padding-left:4px; width:60px;}
.empleadoPuesto{font-size:10px;font-weight:normal;text-align:left;float:left;padding-left:4px;}
.box{cursor:default;display:block;height:90px;width:200px;background:white;position:absolute;z-index:10;}
#viewport {
position: relative;  /* to enable further positioned divs inside content area */
border: 1px solid #777;
background: white;
width:100%;
height:600px;
overflow: auto;
cursor:move;
}

#navigationWrapper /*editar styleIE7.css*/
{ 
margin:0px auto;
text-align:center;
position:absolute;
left: 210px;
top: 180px;
}


   
#navbar {
   margin: 0 auto;
   padding: 0;
   height: 30px; }
   
#navbar li {
   list-style: none;
   float: left;}
   
#navbar li a {
   display: block;
   padding: 3px 24px;
   letter-spacing:2px;
   /*background-color: yellow;*/
   text-decoration: none; 
   /*padding-bottom:10px;*/
   padding-bottom:16px;
   text-transform:uppercase;
   font-size: 11px;
   color: #D6CEC5;
   background:  url(../images/menuMarker.gif) no-repeat -500px -500px;
   }
   
#navbar li a:hover,#navbar li .current 
{
   background-position:center 22px;
    color:White;
}   
   
 #navbar li li .current
 {
      background-position:left center;
}

   
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #63162E;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
   width:300px;
   }

#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a   {
  
   border-bottom: 1px solid #8E2041;
   color: #D6CEC5;
    padding-top:7px;
   padding-bottom:3px;
   height:20px;
   /*background:none; */
   text-align:left;
   padding-left:30px;
 
   }
   
#navbar li:hover li a, #navbar li.hover li a
{

}

#navbar li li a
{
     background:  url(../images/submenuMarker.jpg) no-repeat -500px -500px;
}

#navbar li li a:hover {
   background-color: #8E2041;
   background-position: left center
   }
   

.recuadroNota
{
  
   padding: 8px 5px 8px 5px;
     background-color: #efefef;
      border-bottom: 1px solid #cccccc;
       }nd-color: #8E2041;
   background-position: left center
   }