/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body,th {
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   	line-height: 0px;
	color: #fff;
	background-color:  #E8E8E9;
	*/
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   	line-height: 18px;
	color: #fff;
	background-color: #E8E8E9;
	
}

body {
	margin:0px;
}

* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}

a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #add1ff;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #77aaf0;
	margin: 0px 0px 10px 0px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	color: #ff9000;
}

p {
	color: #000000;
	font-size: 14px;

}


/*** Reseters ***/

h3, h4, p, ul, form, a, li, dl, dd, dt, table, tr, th, td {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------*/

#contenedor {
	background-color: #E8E8E8;
}

/*** TOP ***/

#top {
	width: 1000px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

div.logo {
	width: 1000px;
	height: 45px;
	
}


/*** MENU ***/

#menu {
	width: 1000px;
	height: 45px;
	margin-top: 5px;
	}

/*** BOTON 1 ***/

div.boton_01 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_01 a {
	width: 143px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_01.gif);
	background-repeat: no-repeat;
}

body#boton_01 div.boton_01 a,
	div.boton_01 a:hover {
	background-image: url(../gfx/botones/b_01_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 2 ***/

div.boton_02 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_02 a {
	width: 143px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_02.gif);
	background-repeat: no-repeat;
}

body#boton_02 div.boton_02 a,
	div.boton_02 a:hover {
	background-image: url(../gfx/botones/b_02_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 3 ***/

div.boton_03 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_03 a {
	width: 143px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_03.gif);
	background-repeat: no-repeat;
}

body#boton_03 div.boton_03 a,
	div.boton_03 a:hover {
	background-image: url(../gfx/botones/b_03_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 4 ***/

div.boton_04 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_04 a {
	width: 143px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_04.gif);
	background-repeat: no-repeat;
}

body#boton_04 div.boton_04 a,
	div.boton_04 a:hover {
	background-image: url(../gfx/botones/b_04_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 5 ***/

div.boton_05 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_05 a {
	width: 143px;
	height: 45px;;
	float: left;
	background-image: url(../gfx/botones/b_05.gif);
	background-repeat: no-repeat;
}

body#boton_05 div.boton_05 a,
	div.boton_05 a:hover {
	background-image: url(../gfx/botones/b_05_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 6 ***/

div.boton_06 {
	width: 143px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_06 a {
	width: 143px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_06.gif);
	background-repeat: no-repeat;
}

body#boton_06 div.boton_06 a,
	div.boton_06 a:hover {
	background-image: url(../gfx/botones/b_06_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 7 ***/

div.boton_07 {
	width: 130px;
	height: 45px;
	float: left;
	margin-right: 1px;
}

div.boton_07 a {
	width: 135px;
	height: 45px;
	float: left;
	background-image: url(../gfx/botones/b_07.gif);
	background-repeat: no-repeat;
}

body#boton_07 div.boton_07 a,
	div.boton_07 a:hover {
	background-image: url(../gfx/botones/b_07_over.gif);
	background-repeat: no-repeat;
}


/*** FLASH ***/

#flash {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;

	
}

/*** CONTENIDO ***/

#contenido {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;

		
}

#columna_01 {
	width: 130px; 
	float: left;
	margin-right: 0px;
	background-color:  #E8E8E8;
}

#columna_02 {
	width: 870px; 
	float: left;
	margin-right: 0px;
	background-color:  #E8E8E8;
	

	 }
	 
	 
 #columnaproductos_01 {
	width: 280px; 
	float: left;
	margin-right: 0px;
	background-color:  #E8E8E8;
	align:left
}

#columnaproductos_02 {
	width: 720px; 
	float: left;
	margin-right: 0px;
	background-color:  #E8E8E8;

	 }

/*** SECCIONES ***/

#secciones {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	clear: both;
	background-color: #333;
}

div.seccion {
	width: 220px;
	height: 100px;
	float: left
}

div.listado {
	width: 340px;
	float: left;
	padding: 5px;
}

div.foto {
	width: 220px;
	float: left;
	margin: 0px 20px 20px 0px;
	
}


/*** FOOTER ***/

#bottom {
	width: 1000px; 
	width: 100%; 
	font-size: 11px;
	font-weight: normal;
	background-color: #000000;
}

	
}

#footer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #000000;
}

#footer p {
color: #add1ff;
	font-size: 12px;
}

#footer h1 {
	font-size: 14px;
}



div.cuadro {
	width: 1000px;
	float: left;
}

/*** FIRMA ***/

#firma {
width: 1000px; 
font-size: 11px;
font-weight: normal;



}

#firma p {
width: 1000px; 
width: 100%; 
height: 10px;
height: 10%;
padding: 10px;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}



C O N T E N I D O    D E M O
*/
	div.listado			{	width: 340px; float: left: 50px auto 0;}
	ul						{	text-align: left;}
	ul li 					{	font-size: 18px; padding: 5px 0; }
	ul li a 				{	width: 120px; center; }
	ul li a.desplegable		{	 }	
	ul li li				{	font-size: 14px;}
	ul li a.desplegable li a{	 }
	



/*** MENU ***/

#sistemas {
	 width: 129px;
	height: 28px;
	margin-top: 0px;
	}

/*** BOTON 1 ***/

div.boton_01 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_01 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_01.gif);
	background-repeat: no-repeat;
}



/*** BOTON 2 ***/

div.m_02 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_02 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_02.gif);
	background-repeat: no-repeat;
}




/*** BOTON 3 ***/

div.m_03 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_03 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_03.gif);
	background-repeat: no-repeat;
}

/*** BOTON 4 ***/

div.m_04 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_04 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_04.gif);
	background-repeat: no-repeat;
}




/*** BOTON 5 ***/

div.m_05 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_05 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_05.gif);
	background-repeat: no-repeat;
}




/*** BOTON 6 ***/

div.m_06 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_06 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_06.gif);
	background-repeat: no-repeat;
}

/*** BOTON 7 ***/

div.m_07 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_07 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_07.gif);
	background-repeat: no-repeat;
}

/*** BOTON 8 ***/

div.m_08 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_08 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_08.gif);
	background-repeat: no-repeat;
}

/*** BOTON 9 ***/

div.m_09 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_09 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_09.gif);
	background-repeat: no-repeat;
}

/*** BOTON 10 ***/

div.m_10 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_10 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_10.gif);
	background-repeat: no-repeat;
}
/*** BOTON 10 ***/

div.m_11 {
	width: 129px;
	height: 28px;
	float: left;
	margin-right: 0px;
}

div.m_11 a {
	width: 129px;
	height: 28px;
	float: left;
	background-image: url(../gfx/botones/m_11.gif);
	background-repeat: no-repeat;
}