/* #################### */
/* ___ ESTILOS GENERALES */
/* #################### */

html,
body,
h1,
#menu ul,
#menu ul li,
#submenu ul,
#submenu ul li,
#header .content .haccordion_header .content ul {
  margin: 0;
  padding: 0;
}

html,
body {
  background: url(../_img/bg.gif) repeat-y top center #f3f3f3;
  font: 11px Arial;
  color: #123072;
}

body,
#cargando {
	width: 792px;
}

body {
	margin: 0 auto;
}

p {
	margin: 0 0 10px 0;
}

a,
#menu ul li a:hover,
#submenu ul li a:hover {
	text-decoration: none;
}

a {
	color: #a2c904;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

img {
  border: 0;
}

/* _________________________ */
/* ___ TITULOS */
/* _________________________ */

h1 {
  display: inline;
}

h2 {
	font-size: 14px;
	margin-top: 0;
}

/* #################### */
/* ___ CONTENIDO */
/* #################### */

#cargando {
	display: none;
	position: absolute;
	bottom: 50%;
	text-align: center;
}

#web,
#header,
#menu,
#submenu {
	width: 780px;
}

#web {
	padding: 6px;
}

/* _________________________ */
/* ___ HEADER */
/* _________________________ */

#header,
#header h1 a,
#menu,
#submenu,
#menu ul li a,
#submenu ul li a,
#menu ul li a .img_aux,
#submenu ul li a .img_aux,
#menu ul li a .img_aux:hover,
#submenu ul li a .img_aux:hover,
#menu ul .activo a .img_aux,
#submenu ul .activo a .img_aux,
#content,
#header .content .haccordion_header,
#header .content .haccordion_header .header,
#header .content .haccordion_header .content,
#header .content .haccordion_header .header a,
#footer {
	float: left;
}

#header {
	background-image: url(../_img/header/bg.gif);
	height: 138px;
}

#header h1 a img {
	margin: 32px 0 0 40px;
}

#header .content .texto_header,
#header .content .haccordion_header {
	padding-left: 170px;
}

#header .content .texto_header {
	margin: 14px 20px 0 0;
}

/* ___ ACORDEON */

#header .content .haccordion_header {
	padding-top: 7px;
}

#header .content .haccordion_header .header,
#header .content .haccordion_header .header a {
	width: 20px;
	height: 91px;
}

#header .content .haccordion_header .header {
	background: url(../_img/header/off.gif);
	cursor: pointer;
	margin-left: 1px;
}

#header .content .haccordion_header .header:hover,
#header .content .haccordion_header .active {
	background: url(../_img/header/on.gif);
}

#header .content .haccordion_header .header a,
#header .content .haccordion_header .content.visible {
	display: block;
}

#header .content .haccordion_header .header a img {
	margin: 4px 0 0 5px;
}

#header .content .haccordion_header .content {
	display: none;
	width: 0px;
	overflow: hidden;
	height: 80px;
	margin-top: 6px;
	background: url(../_img/header/right.gif) no-repeat top right #e6e9f0;
}

#header .content .haccordion_header .content.visible {
	width: 300px;
}

#header .content .haccordion_header .content ul,
#menu ul,
#submenu ul {
	list-style-type: none;
}

#header .content .haccordion_header .content li {
	margin: 5px;
	height: 50px;
}

/* _________________________ */
/* ___ MENU */
/* _________________________ */

#menu {
	height: 23px;
	margin-top: -40px;
	padding-top: 15px;
}

#menu ul,
#submenu ul {
	padding: 2px 0 0 10px;
}

#menu ul li a,
#submenu ul li a {
	margin-right: 5px;
}

#menu ul li a,
#menu ul li a .img_aux,
#menu ul li a .img_aux:hover,
#menu ul .activo a .img_aux {
	padding: 5px 7px 9px 7px;
	height: 28px;
}

#menu ul li a {
	color: #a2c904;
}

#menu ul .activo a,
#submenu ul li a,
#footer {
	color: #716f6e;
}

#menu ul .activo a,
#menu ul .activo a:hover {
	background: url(../_img/menu/activo_right.gif) no-repeat top right #f3f3f3;
}

#menu ul li a:hover {
	background: url(../_img/menu/hover_right.gif) no-repeat top right #3d568b;
}

#menu ul li a .img_aux,
#menu ul li a .img_aux:hover,
#menu ul .activo a .img_aux,
#submenu ul li a .img_aux,
#submenu ul li a .img_aux:hover,
#submenu ul .activo a .img_aux {
	width: 100%;
}

#menu ul li a .img_aux,
#menu ul li a .img_aux:hover,
#menu ul .activo a .img_aux {
	margin: -5px -7px -9px -7px;
}

#menu ul li a .img_aux:hover {
	background: url(../_img/menu/hover_left.gif) no-repeat;
}

#menu ul .activo a .img_aux,
#menu ul .activo a .img_aux:hover {
	background: url(../_img/menu/activo_left.gif) no-repeat;
}

#lang {
	float: right;
	padding: 5px 5px 0 0;
}

/* ___ SUBMENU */

#submenu {
	background-image: url(../_img/bg_submenu.gif);
	height: 26px;
	padding-top: 4px;
}

#submenu ul li a,
#submenu ul li a .img_aux,
#submenu ul li a .img_aux:hover,
#submenu ul .activo a .img_aux {
	padding: 2px 7px 2px 7px;
	height: 15px;
}

#submenu ul .activo a,
#submenu ul .activo a:hover {
	color: #ffffff;
	background: url(../_img/submenu/activo_right.gif) no-repeat top right #a2c904;
}

#submenu ul li a:hover {
	background: url(../_img/submenu/hover_right.gif) no-repeat top right #e3e3e3;
}

#submenu ul li a .img_aux,
#submenu ul li a .img_aux:hover,
#submenu ul .activo a .img_aux {
	margin: -2px -7px -2px -7px;
}

#submenu ul li a .img_aux:hover {
	background: url(../_img/submenu/hover_left.gif) no-repeat;
}

#submenu ul .activo a .img_aux,
#submenu ul .activo a .img_aux:hover {
	background: url(../_img/submenu/activo_left.gif) no-repeat;
}

/* _________________________ */
/* ___ CONTENT */
/* _________________________ */

#content {
	padding: 10px 0 33px 0;
	width: 100%;
}

/* _________________________ */
/* ___ FOOTER */
/* _________________________ */

#footer {
	background-color: #f3f3f3;
	width: 770px;
	border-top: 1px solid #e3e3e3;
	text-align: center;
	font-size: 10px;
	padding: 5px;
	position: fixed;
	bottom: 0;
}