h3 {
 margin:0;
}
h2 {
 margin:0;
 font-size: 2em;
 color:#FF6600;
}
h5{
 margin:0;
 font-size: 1em;
 color:#223344;
 }
.arrowlistmenu{
width: 300px; /*width of accordion menu*/
vertical-align:top;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background-image: url(titbar.png);
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
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(titbar-active.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: #006475;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color: #FFFFFF;
display: block;
padding: 0 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
font: bold 11px Arial;
}

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

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

.footer{ /*CSS class for menu headers in general (expanding or not!)*/
font: 11px Arial;
color: #999999;
background: url(../img/bg_footer.jpg) repeat-x center left;
}

.footer a{
font: 11px Arial;
color: #999999;
text-decoration:none;
}
.footer a:hover{
font: 11px Arial;
color: #999999;
text-decoration:underline;
}

div.centrado{
text-align: center;
}
div.centrado table {
margin: 0 auto;
text-align: left;
}
hr { 
background-color: #008CA7; 
color: #008CA7; 
height: 3px;
border:0;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
border: 1px solid #0299AE;
}

#wrapper {
  width:560px;
  text-align:left; 
  margin-left:auto; 
  margin-right:auto;
  }
#header {
  background-color:#FFFFFF; 
  width:560px;
  height:20px;
  text-align:right;
  }
#content {
  float:right; 
  width:410px;
  background-color:transparent;
  padding-top:10px;
  font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
  }
#navigation {
  float: left;
  width:150px;
  background-color:#FFFFFF;
    padding-top:10px;
	vertical-align:top;
	/*//background: url(img/fondo.jpg)*/
  }
#footer {
  clear:both;
  width:550px; 
  text-align:center;
  background-color:#FFFFCC;
  }
  
  .peque {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
    padding-left:10px;
  }
  
  a.sup:link, a.sup:visited { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  text-decoration: none }
a.sup:hover { 
font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
text-decoration: underline }

a.mapaw:link, a.mapaw:visited { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  text-decoration: none }
a.mapaw:hover { 
font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  font-weight:bold;
text-decoration: underline }
  
    .texto {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#666666;
  text-align:justify;}
   .textoh {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#666666;}
  
  #options2 {
display:none;
}
* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

.ptitulo {
font-weight:bold;
}
.pstitulo {
font-weight:bold;
color:#008CA7;
}
.pstitulo2 {
font-weight:bold;
color:#008CA7;
}
.pizqda {
padding-left:20px;
}
.pizqda2 {
padding-left:30px;
}
#menuhoriz ul li {
        display: inline;
        padding: 2px 3px; /*Separar el texto*/
        margin:2px; /* Separar los botones */
        background-color:#223344; /* Color de fondo */
		font-weight:bold;
}
#menuhoriz ul li:hover {
        background-color:#047D92; /* Color de fondo sobre el boton */
        cursor: pointer; /* cambiar el aspecto del puntero */
		font-weight:bold;
}
#menuhoriz ul {
        /* Linea para delimitar la botonera */
        border-bottom-width: 0px;
	border-bottom-style: solid;
        border-bottom-color: #E4E4E4;
}
#menuhoriz ul li a{
		text-decoration:none;
		font-weight:bold;
		color: white;
}
#menuhoriz ul li a:hover{
		color: #ffffff;
}

.ttemp {color: #FFFFFF; font-weight: bold; }
