.backgroundheader {
background: url(graficos_del_sitio/header.jpg) no-repeat;
background-attachment: fixed;
background-position:top center;
width:100%;	
}

.backgroundmain {
background-image: url(graficos_del_sitio/background.gif);
background-attachment: fixed;
background-position:top center;
width:100%;
}

.main {
background-color:#FFFFFF;
width:800px;
text-align: center;
border: 1px solid #000000;
}

.topbanner {
text-align: center;
width:100%;
}

.menu {
border: 1px #000000 solid;
}

.gentitle {
color:#FF9900;
text-align:center;
text-decoration:none;
font-size:16pt;
font-weight:bold;
}
.gendesc {
color:#000000;
text-align:center;
text-decoration:none;
font-size:12pt;
font-weight:none;
}

.imagetitle {
color:#FF9900;
text-align:center;
text-decoration:none;
font-size:16pt;
font-weight:bold;
}

.imagetitle2 {
color:#CCCCCC;
text-align:center;
text-decoration:none;
font-size:16pt;
font-weight:bold;
}

.htmlcode {
background:#fddabf;
}

/* CSS Document */
.rhm1{
	width:780px;
	height:64px;
	margin:0 auto;
	background:url(graficos_del_sitio/rhm1_bg.gif) repeat-x;		
}
.rhm1-left{
	background:url(graficos_del_sitio/rhm1_l.gif) no-repeat;
	width:5px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(graficos_del_sitio/rhm1_r.gif) no-repeat;
	width:5px;
	height:64px;
	float:right;
}
.rhm1-bg{
	background:url(graficos_del_sitio/rhm1_bg.gif) repeat-x;
	height:64px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#ffe8cc;
	text-decoration:none;
	font:12px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:0 0 0 18px;
	height:64px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
	color:#FFF;
	background:url(graficos_del_sitio/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
	color:#FFF;
	background:url(graficos_del_sitio/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
	color:#FFF;
	background:url(graficos_del_sitio/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
	color:#FFF;
	background:url(graficos_del_sitio/rhm1_hover_r.gif) no-repeat right 5px;
}

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #FF9900;
background: black url(graficos_del_sitio/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FF9900;
background: url(graficos_del_sitio/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #FF9900;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF9900;
background-color: #F3F3F3;
}
