@charset "utf-8";



/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-position: center center;
}

.txt-footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-position: center center;
}
.txt-content  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	width: 340px;
	text-align: justify;
}

#menuhdos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : right ;
}


#menuhdos ul, li {
	list-style-type: none
}

#menuhdos ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#menuhdos li {
	float: left;
}

#menuhdos a {
	text-decoration: none;
	color: #000;
	display: block;
	text-align: center;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}

#menuhdos a:hover {
	color: #9B0000;
}


.txt-bullets{
	
	list-style-image : url(../img/red-bullet.jpg);
	
	
}


.txt-panel  {
	 border: 1px  solid #2B5195;
     background-color: Navy;
     color: White;
     font-family: Verdana;
     font-weight: bold;
     font-size: 12px;
     padding: 1px;
     width : 440px;
     cursor:  pointer;
     
}
.txt-titulo  {
	 border: 0px  solid #D05433;
	 background-image : url(../img/bkg-titulos-interior.gif);
     color: White;
     font-family: Verdana;
     font-weight: bold;
     font-size: 18px;
     padding: 1px;
     width : 501px;
     height : 29px;
     padding-top : 4px;
     background-repeat :  no-repeat ;
    
}

.txt-titulo-graf  {
	 border: 0px  solid #D05433;
	 background-image : url(../img/bkg-titulos-interior.gif);
     color: White;
     font-family: Verdana;
     font-weight: bold;
     font-size: 14px;
     padding-left: 25px;
     width : 501px;
     height : 28px;
     padding-top : 4px;
     background-repeat :  no-repeat ;
    
}

.txt-title 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}


.content {
	height: 529px;
	width: 778px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bkg-interior.jpg);
	background-repeat: no-repeat;
}

.home {
	height: 529px;
	width: 778px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bkg-home.jpg);
	background-repeat: no-repeat;
}
.encabezado
{

     border: 1px solid #2F4F4F;
     background-color: Navy;
     color: White;
     font-family: Verdana;
     font-weight: bold;
     font-size: 12px;
     padding: 5px;
     margin-top: 5px;
     cursor: pointer;

}
.bkg-menu {
	background-image: url(../img/bkg-menu-v.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #253C68;
}

#tittles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #263D78;
	text-align: center;
	width: 124px;
	padding-bottom: 10px;
	cursor: hand;
	 text-decoration : none;
}

.buscar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #2B5195;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
	width: 65px;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.boton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #2B5195;
		padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
	width: auto;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.img logo {
	margin-top: 100px;
	margin-right: 50px;
}
.img-transporte {
	background-image: url(../img/img-transporte.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.img-inventario {
	background-image: url(../img/img-inventario.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.img-gestion {
	background-image: url(../img/img-gestion.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.img-mercadeo {
	background-image: url(../img/img-mercaderia.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.img-custodio {
	background-image: url(../img/img-custodio.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.img-empake {
	background-image: url(../img/img-empaketado.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	font-weight: bold;
}
.titles-blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0D3485;
	text-align: center;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06235E;
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;
}

.level1
{
    color: White;
    background-color: Black;
    font-variant: small-caps;
    font-size: large;
    font-weight: bold;
}

.level2
{
    color: Blue;
    font-family: Gill Sans MT !important;
    font-size: medium;
    background-color: Gray;
}

.level3
{
    color: black;
    background-color: Silver;
    font-family: Gill Sans MT !important;
    font-size: small;
}

.hoverstyle
{
    font-weight: bold;
}
       
.sublevel1
{
    background-color: Gray !important;
    color: White !important;
    font-variant: small-caps;
}  

.footer {
	background-image: url(../img/bkg-footer.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	height: 45px;
	width: 778px;
	padding-top: 0px;
}
.footerhome {
	background-image: url(../img/bkg-footerhome.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 45px;
	width: 778px;
	padding-top: 0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #9B0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9B0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #374E6C;
	text-decoration: none;
	font-weight: normal;
}
h2  a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6283AE;
	text-decoration: underline;
	font-weight: normal;
}
h2   a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6283AE;
	text-decoration: underline;
	font-weight: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}
h1 a:link {
	color: #9B0000;
	text-decoration: none;
}
h1  a:hover {
	color: #FF0000;
	text-decoration: none;
}
h1   a:visited {
	color: #FF0000;
	text-decoration: none;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #283951;
}
h5 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #283951;
}
h5  a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #283951;
}
h5   a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	color: #405B82;
}

.contenedor a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #314460;
	font-size: 11px;
	text-decoration: none;
}
.contenedor  a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49658F;
	font-size: 11px;
	text-decoration: none;
}

.contenedor  a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CA1E1E;
	font-size: 11px;
	text-decoration: none;
}


.graphica 
{
	 border-style : solid ;
	 border-width :1px;
	 border-color :Gray;
	 width :400px;
	 height :300px;
}

#vertgraph {                    
        width: 378px; 
        height: 180px; 
        position: relative; 
        
      
    }
    #vertgraph ul { 
        width: 378px; 
        height: 207px; 
        margin: 0; 
        padding: 0; 
        
    }
    #vertgraph ul li {  
        
		text-align: center; 
        
    }
    
    #vertgraph ul li graf{  
        
		width: 28px; 
        height: 160px; 
        bottom: 10px; 
        padding: 0 ; 
        margin: 0 ; 
        position: absolute;
        display: block;
        background: url("../img/g_colorbar3.jpg") no-repeat !important;
        text-align: center; 
        font-weight: bold; 
        color: white; 
        
        
    }
    #vertgraph ul li textencuesta
    {	width: 28px; 
        height: 10px;
		font-weight: bold; 
        color: black ; 
        text-align :center ;
        position:  relative ;
        bottom: 0px; 
        display: block;
        
         
	}
