/* CPanama Sunset */

BODY {
   margin: 0px 0px 10px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   background-color: #1F5476;
   
}

p{
   display: block;
}

ul{
   display: block;
   list-style-image: url(../imagenes/flecha.jpg);
}
ul a:hover{
   list-style-image: url(../imagenes/flecha_over.jpg);
}

ol{
  display: block;
  list-style-image: url(../imagenes/flechita.jpg);
  color: #FFFFFF;
}
ol a:hover{
  list-style-image: url(../imagenes/flechita_over.jpg);
}

#header{
    margin: 0px 0px 0px 0px;
}

#contenedor{
  width:970px;
  margin: auto;
  text-align: left;
}

#cuerpo{
   margin: 10px 0px 0px 0px;
}
#cuerpo a{
   color: #FFFFFF;
   font-size: 11px;
   text-decoration: none;
}
#cuerpo a:hover{
   text-decoration: underline;
   color: #FFFF00;
}

#derecha{
	margin: 0 0 0 330px;
} 

#izquierda{
   width: 313px;
   float:left;
}
#izquierda h1 {
   color: #CCCCCC;
   font-size: 16px;
   font-weight: bold;
   border-bottom: inset thin #CCCCCC;
}
#izquierda h2 {
   color: #FFFFFF;
   font-size: 14px;
   font-weight: normal;
   text-align: justify;
}

#izquierda p {
   color: #FFFFFF;
   font-size: 13px;
   font-weight: normal;
   text-align: justify;
}

#principal{
   padding: 0px 0px 0px 0px;
   width: 313px;  
   float: left;
}
#principal h1 {
   color: #CCCCCC;
   font-size: 16px;
   font-weight: bold;
   border-bottom: inset thin #CCCCCC;
}
#principal h2 {
   color: #FFFFFF;
   font-size: 14px;
   font-weight: normal;
   text-align: justify;
}

#principal p {
   color: #FFFFFF;
   font-size: 13px;
   font-weight: normal;
   text-align: justify;
}

#menu{
	width: 313px;
	float: right;
}
#menu h1{
    color: #0099FF;
    font-size: 12px;
    font-weight: bold;
	text-align: center;
}
#menu h2 {
  color: #CCCCCC;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  border-bottom: inset thin #CCCCCC;
}
#menu a{
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    color: #FFFFFF;
}
#menu a:hover{
    text-decoration: underline;
    color: #FF9900;
}

#pie {
	clear: both;
	text-align: center;
	font-size: 10px;
	height: 40px;
	border-top: inset thin #CCCCCC;
	width: 970px;
	padding: 0px;
	margin-top: 40px;
	font-weight: normal;
	color: #FFFFCC;
}
#pie a{
	padding:10px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #0099FF;
}
#pie a:hover{
    text-decoration:underline;
    color:#FF9900;
}

#enlaces {
	clear: both;
	text-align: left;
	font-size: 11px;
	height: 40px;
	width: 970px;
	padding: 0px;
}

#enlaces a{
	padding: 10px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #CCCCCC;
}
#enlaces a:hover{
    text-decoration: underline;
    color: #FF9900;
}