body {
 text-align: center;
 background-image: url(/common/img/fondosqm.jpg);
 font-family: Arial, Helvetica, sans-serif;
 padding: 0;
 font-size: 12px;
 font-weight: bolder;; margin-left:em; margin-right:0; margin-top:18px; margin-bottom:6
}
/*contenedor de pagina*/
#container {
	text-align:center;
	margin: 0px auto;
	background-color:#fff;
      color: #666;
      border: 10px solid #ccc;
	width:900px;
   }
/*contenedor de titulo*/
#header {
      text-align:center;
      color: #fff;
      background-color:#ccc;
	padding: 2px 15px 2px 15px;
	font-family: "Trebuchet MS", Times, serif;
   }
/*centrado de contenido */
.centrado { 
text-align: center; 
}
/*carga ala izquierda */
.izquierda{ 
text-align: left; 
}
#menunav { 
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-image:  url('img/debajo_btn.jpg');
 /* background-repeat: repeat-x; */
 border-bottom: 1px solid #A18D50;
 background-color: #0074E3
}
#menunav ul {
 border-top: 1px solid #eeeeee;
 margin: 0;
 padding: 0;
 z-index: 10000;
}
#menunav ul li {
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #333333;
}
#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 color: #ffffff;
 border-top: 1px solid #1A22A4;
 border-right: 1px solid #1A22A4;
 border-bottom: 0px none;
 border-left: 4px solid #1A22A4;
 line-height:1; padding-left:10px; padding-right:12px; padding-top:4px; padding-bottom:4px
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
 color: #333333;
 background-color: #1A22A4;
 letter-spacing: 0.01px;
 border-top: 1px solid #1A22A4;
 border-right: 1px solid #1A22A4;
 border-left: 4px solid #1A22A4;
 background-image:  url('img/encima_btn.jpg');
 background-repeat: repeat-x
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url('img/flecha.gif');
 background-repeat: no-repeat;
 background-position: right center
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url('img/encima_btn.jpg');
 background-repeat: repeat-x
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0px none;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
/* position: variable;*/
 width: 130px;
 font-size: 0.85em; 
 padding: 10px;
 float: left;
 background-color: #eee;
 border-right: 1px solid #FFF;
 border-bottom: 1px solid #9D904B;
}
#direfondo {
font-style: Arial;
color:#000000;
font-size: 0.7em; 
}


/*modifica la columna */
#main{
	padding: 10px;
	margin-left: 140px;
    background-color: #fff;
}
#columtotal {
            text-align: center; 
		width: 630px;
		padding: 10px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #FFF;
		text-align: left;
		font-size: 7pt;
}

#colum {
		width: 155px;
		padding: 10px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #9D904B;
		text-align: left;
		font-size: 9pt;
	}
#colum1 {
           width: 155px;
		padding: 10px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #9D904B;
		text-align: left;
		font-size: 8pt;
	}

	#colum2 {
            width: 155px;
		padding: 10px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #9D904B;
		text-align: left;
		font-size: 8pt;
	}
#colum3 {
            width: 155px;
		padding: 10px;
		float: left;
		background-color: #fff;
		border-left: 1px solid #9D904B;
		text-align: left;
		font-size: 8pt;
	}

#footer {
	clear: both;
	background-color: #9D904B;
	color: #1A21AD;
	padding: 1px;
	text-align: center;
      font-size: 7pt; 
}