@charset "UTF-8";
/* CSS Document */
/*----Barra de navegación-----*/

/*defn menu principal*/

/*Banda de Menú con background corrido*/
#menuppal {
	float:left;
	background-repeat: repeat-x;
	width: 752px;
	background-image: url(images/boton_back.gif);
}
/*color y tamaño del texto de los botones*/
#menuppal span{
	color: #FFFFFF;
	font-size: x-small;
}

#menuppal a{text-decoration:none}

/*Arreglo para el menú sin decoración ni estilo*/
#menuppal ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menuppal ul li{
	float: left;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

#menuppal ul li a{
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	width: 170px;
	height: 19px;
}

/*botones menu principal*/

#menuppal  ul  li.boton{}

#menuppal  ul  li.boton a:hover {
	margin: 0;
	display: block;
	background-image: url(images/boton_over.gif);
	background-repeat: repeat-x;
	vertical-align:top;
}

#menuppal  ul  li.boton_activo{
	background-image: url(images/botonsec.gif);
	background-repeat: repeat-x;
	vertical-align:top;
}

#menuppal ul li.boton_activo a:hover {
	background-image: url(images/botonsec_over.gif);
	background-repeat: repeat-x;
	vertical-align:top;
}

#menuppal  ul  li.boton_raiz{
	background-image: url(images/botonsec.gif);
	background-repeat: repeat-x;
	vertical-align:top;
}

#menuppal ul li.boton_raiz a:hover {
	margin: 0;
	display: block;
	background-image: url(images/botonsec_over.gif);
	background-repeat: repeat-x;
	vertical-align:top;
}

/*Menu secundario*/


/*Menu secundario para Acerca de Nosotros*/
#menusec_acerca {
	float:left;
	padding-left: 170px;
}

#menusec_servicios{
	float:left;
	padding-left: 340px;
	}

/*Elementos generales para el menu secundario*/

#menusec div{}
#menusec ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menusec span{
	color: #FFFFFF;
	font-size: x-small;}
	
#menusec a{text-decoration:none}

#menusec ul li{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/botonsec.gif);
	background-repeat: repeat-x;
}

#menusec ul li a{
	display: block;
	width: 130px;
	height: 18px;
}

#menusec ul li.btn_sec{ }

#menusec ul li.btn_sec a:hover {
	margin: 0;
	display: block;
	background-image: url(images/botonsec_over.gif);
	background-repeat: repeat-x;
}

#menusec ul li.btn_sec_activo{
	margin:0;
	display:block;
	background: url(images/botonsec_over.gif);
}

#menusec ul li.btn_sec_activo a:hover {
	margin: 0;
	display: block;
	background-image: url(images/botonsec.gif);
}