body {
	background-image: url(fondo.jpg);
	background-color:#FFFFFF;
	margin:0px;
	 font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:12px;
  
}
h3 {

 margin:0;

}


#cont {
	text-align: center;
	margin: auto;
	padding: 0px;
	border:0;
	width: 692px;
}

#cab {
	margin: 0 0 0 0;
	background: white;
	height:12px;
}

#izq {
	float: left;
	width: 450px;
	height:386px;
		background: white;
}
#izq2 {
	float: left;
	width: 340px;
	height:386px;
		background: white;
}
#dcha {
	float: right;
	width: 232px;
	height:386px;
		background: white;
}
#dcha2 {
	float: right;
	width: 340px;
	height:386px;
		background: white;
}

#centro { 
	float: left;
	width: 10px;
	height:386px;
	background-image:url(fondolinea.gif)
}
p {
  line-height: 1.5em;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

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

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Helvetica;
color: white;
background: black url(bmlat.png);
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 13px; /*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(bmlat2.png);
}

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

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

.arrowlistmenu ul li a{
color: #A70303;
background: #FEC361; /*custom bullet list image*/
display: block;
padding: 0 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 4px solid #ed6d00;
font-size: 90%;
list-style-type: disc;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: #ffcc00;
  border-left: 5px #ed6d00 solid;
  padding-left:14px;
}
.arrowlistmenu li#activo a{
color: #A70303;
background: #FFcc00; /*custom bullet list image*/
display: block;
padding: 0 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 4px solid #ed6d00;
font-size: 90%;
list-style-type: disc;
}
.arrowlistmenu li#activo a:hover{ /*hover state CSS*/
background: #ffcc00;
  border-left: 5px #ed6d00 solid;
  padding-left:14px;
}