body {
	background-image: url(../images/fondo.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	vertical-align: top;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	vertical-align: top;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	vertical-align: top;
	text-align: left;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	vertical-align: top;
	text-align: left;
}

a, a:visited {
	text-decoration: none;
	color:#0033FF;
}

a:hover {
	text-decoration: none;
	color:#FF0000;
}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../images/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*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/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: #A70303;
background: url(../images/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: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #D3D3D3;
}


#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}



table.alerts
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
height: 375px;
background-color: #FFEFD5;
border: 1px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}


.alertHd
{ border-bottom: 2px solid #d79900;
background-color: #fff2ba;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


.alertBod p
{ text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #404040;
background-color: #FFEFD5;
text-indent: -8px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;} 

.alertBod p a,
.alertBod p a href,
.alertBod p a:visited {
	color:#555555;
	
}
.alertBod p a:hover {
	color:#000000;
}




.menu_nav {
	font-size:14px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.cuadro_news {
	border: thin dotted #cdcdcd;
	padding: 4px 4px 4px 4px;
	vertical-align:top;
}

.cuadro_news a,
.cuadro_news a:visited {
	color:#555555;
	
}
.cuadro_news a:hover {
	color:#000000;
	
}

/* Table's format */
.tabla_elementos		{border:1px gray solid; width:100%; border-collapse:collapse; font-size:12px}
.tabla_elementos th		{text-align: center; background-image:url(../images/fondo2.png); color: black;
		border:1px gray solid;}
.tabla_elementos td		{text-align: center; background-color: white; color: black;
		border:1px gray solid;}
.tabla_elementos td.izquierda	{text-align: left;}
.tabla_elementos td.vjournal		{font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

.tabla_menu		{width:100%}
.tabla_menu th		{text-shadow:Gray;font-weight:bold;background-image:url(../images/fondo2.png)}

/* formularios */
a.boton {
	background-image:url(../images/fondo.png);
	border:1px outset #FFFFFF;
	font-weight:bold;
	color:#000000;
}

a.boton:visited {
	background-image:url(../images/fondo.png);
	border:1px outset #FFFFFF;
	font-weight:bold;
	color:#000000;
}

a.boton:hover{
	background-image:url(../images/fondo.png);
	border:1px outset #0000FF;
	font-weight:bold;
	color:#000000;
}

/*Minor adjust*/
.noborder	{border:none;}
.izquierda{ text-align:left}
