body{
	background: #000000 url(imagenes/fondo.jpg) top center no-repeat;
}

/**** CSS --- principal  ****************************************************************/


#menu{
	background: url(imagenes/menu_fondo.jpg) top center repeat-x;
	height: 44px;
}

			#menu a#inicio{
				background: url(imagenes/m_inicio.png) top left no-repeat;
				height: 44px;
				width: 63px;
				display: block;
				overflow: none;
				margin: 0 0 0 12px;
				_margin: 0 0 0 6px;
				text-decoration: none;
				float: left;
			}

			#menu a#medios{
				background: url(imagenes/m_medios.png) top left no-repeat;
				height: 44px;
				width: 97px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#acerca{
				background: url(imagenes/m_acerca.png) top left no-repeat;
				height: 44px;
				width: 118px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#accion{
				background: url(imagenes/m_accion.png) top left no-repeat;
				height: 44px;
				width: 118px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#agenda{
				background: url(imagenes/m_compromisos.png) top left no-repeat;
				height: 44px;
				width: 148px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#unete{
				background: url(imagenes/m_unete.png) top left no-repeat;
				height: 44px;
				width: 87px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#galeria{
				background: url(imagenes/m_galeria.png) top left no-repeat;
				height: 44px;
				width: 101px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#blog{
				background: url(imagenes/m_blog.png) top left no-repeat;
				height: 44px;
				width: 79px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#movil{
				background: url(imagenes/m_movil.png) top left no-repeat;
				height: 44px;
				width: 104px;
				display: block;
				overflow: none;
				text-decoration: none;
				float: left;
			}

			#menu a#inicio:hover,
			#menu a#acerca:hover,
			#menu a#accion:hover,
			#menu a#agenda:hover,
			#menu a#medios:hover,
			#menu a#unete:hover,
			#menu a#blog:hover,
			#menu a#movil:hover,
			#menu a#accion:hover,
			#menu a#galeria:hover,
			#menu a#movil:hover,
			#menu a#inicio.on,
			#menu a#acerca.on,
			#menu a#accion.on,
			#menu a#agenda.on,
			#menu a#medios.on,
			#menu a#unete.on,
			#menu a#accion.on,
			#menu a#movil.on,
			#menu a#blog.on,
			#menu a#galeria.on{
				background-position:0 -44px;
			}			
				
#headerr{
	background: url(imagenes/l_header.png) 0px 0px no-repeat;
	height: 167px;
	margin: 0;
	padding: 0;
	_behavior: url(incluye/iepngfix.htc);
}

#barra{
	background: url(imagenes/barra.jpg) 0px 0px no-repeat;
	height: 9px;
	margin: 0px;
	padding: 0px;
}

#main{
	background: url(imagenes/main.jpg) top right repeat-y;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#foot_barra{
	background: url(imagenes/foot.png) top center repeat-x;
	height: 31px;
	_behavior: url(incluye/iepngfix.htc);
	
}

		#foot_barra #left{
			float: left;
			margin: 5px 0 0 10px;
			color: #fff;
			font-size: 11px;
			font-family: tahoma;
		}

				#foot_barra #left a{
					text-decoration: none;
					color: #fff;
				}

				#foot_barra #left a:hover{
					color: #ff0;
				}

		#foot_barra #right{
			float: right;
			margin: 5px 10px 0 0;
			color: #fff;
			font-size: 11px;
			font-family: tahoma;
		}

#footer{
	height: 9px;
}