/* Global */
body{
   margin: 0;
   padding: 0;
   font-size:12px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background:url(images/fondo.jpg) repeat-x #FFFFFF;
  }

a { 
   text-decoration:none;
   border:none;
  }

.clear {clear:both; overflow:hidden; margin:0; padding:0; height:0;} 
a:hover {text-decoration:none;}

/*h1{font:30px "Arial Black",Arial, Helvetica, sans-serif;margin:0; text-transform:uppercase;}
h2 { color:#FFFFFF;font: 20px bold Arial, Helvetica, sans-serif; margin: 0; background:#1D6881}
h3 { color:#ffffff;font: 17px bold Arial, Helvetica, sans-serif; margin: 0;background:#1D6881}
h4 { color:#ffffff;font: 15px bold Arial, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0;background:#2B97BB; text-transform:capitalize;}
h5 {font: 14px "Arial Black", Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0;}
h6 {font: 13px bold Arial Black, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0;}

/*p {  color:#000000;	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
 padding-top:10px;}
/******* Layout **********/
#wrapper{
   width:937px;
   margin: 0 auto;
   background:#FFFFFF;
  }

#top{
   height: 0px;
   margin:0;
   padding:0
   }
   
#header{
	width:933px;
	height:240px;
	margin:0 auto;
	padding:0;
	text-align:center;
	padding:0px;
	}


/******* Content *********/
#bottomheader{width:933px; float:left;}


#menu {float:left; width:937px;  background:url(images/menubg.jpg) repeat-y #9AD52F; height:20px}

#menu ul {margin: 0;list-style:url(images/africa.jpg) ;padding:0px 20px 0px 45px;}
#menu li {display: block;float: left;}

/*
#menu li a {font: 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;text-align:center; display: block; width:166px; height:20px; background:url(images/menubg.jpg); padding:6px 0 0 3px; color:#000000;}
*/

#menu li a {font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; text-align:center; width:150px;   color:#FFFFFF; display: block; padding-top:3px}


#menu li a:hover {background:url(images/menubg-hover.jpg); color: #FF0;}
#menu li a.current {background:url(images/menubg-hover.jpg);}






#top_main{height:25px; width:840px; background:url(images/top_main.jpg) repeat-y ; float:left;}

#main{ margin:0; padding:0; width:933px; float:left;}

#sidebar{
	width:240px;
	float:left;
	margin:0;
	padding:0px;
	text-align:center;
}

#contenedor{width:690px; margin:0; float:left;}
#conttop{width:690px; height:5px; background:url(images/contenidotopbg.jpg) no-repeat;}


#content{
    width:675px; 
	padding:0 8px 0 8px;; 
	margin:0; 
	background:url(images/contenidobg.jpg) repeat-y; 
	font-family:Arial,Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	float:left;
}
#content p, h1, h2, h3, h4, h5, h6 {padding-left:35px; padding-right:35px}
#content p a {font-size:11px;}
#content ul{padding:0 35px 10px 35px;margin:15px 0 0 25px;list-style: square url(images/bullet.gif);}

#contbottom{width:690px; height:8px; background:url(images/contenidobottombg.jpg) no-repeat;float:left;}


#content li {margin:0; padding:0 0 4px 0;}
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}
.h1 { font-size:12px } 

.box1{width: 270px; float:left; padding:0; margin:0; background:url(images/boxbg.jpg) repeat-y;}
.box2{width: 270px; float:left; padding:0; margin:0; /*margin-left:5px;*/background:url(images/boxbg.jpg) repeat-y;}
.box1 h1{width: 150px;padding:35px 20px 0 100px;height:89px; margin:0 auto; background:url(images/topbox1.jpg) no-repeat;font-size:20px; color:#005300 }
.box2 h1{width: 150px;padding:35px 20px 0 100px;height:89px; margin:0 auto; background:url(images/topbox2.jpg) no-repeat; font-size:20px; color:#005300 }

.cont{width:270px; padding:0px 0px 20px 0px; background:url(images/bottombox.jpg) no-repeat bottom;margin:0;float:left; vertical-align:top;}

.cont p, ul{padding:0;}
.cont ol{padding-right:30px; text-align:left; padding-left:50px;}

/*.cont { display:block;padding:8px 8px 8px 15px;}*/

#contimg{}

.continfo p { margin: 0 0 10px 0; color:#FFFFFF; font: 10px Arial, Helvetica, sans-serif; text-align:justify;}
/*.cont:hover{ background-color:#fff;}*/
/***** Side Bar **********/


#othersidebar{
	width:200px;
	float:left;
	padding:0;
	text-align:center;
}
/******** Footer *******/

#footer-line{clear:both;height:0px; width:933px;background-color:#87BC26;}

#menufoot { clear:both;width:894px;background: url(images/menu_pie.jpg) #87BC26; padding:0; margin:0 auto;float:left; text-align:center; padding-left:42px; height:95px}

#menufoot ul {margin: 0;list-style: none;padding:0px 20px 0px 25px;}
#menufoot li {display: block;float: left; padding:65px 0px 0px 0px;}

/*
#menufoot li a {font: 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;text-align:center; display: block; width:166px; height:20px; background:url(images/menufootbg.jpg); padding:6px 0 0 3px; color:#000000;}

#menufoot li a:hover {background:url(images/menufootbg-hover.jpg); color:#000000;}
#menufoot li a.current {background:url(images/menubg-hover.jpg);}

*/

#menufoot li a {font: 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;text-align:center; display: block; width:166px; height:20px; padding:6px 0 0 3px; color:#FFF;}

#menufoot li a:hover { color: #FF0;}
#menufoot li a.current {}


#footer { clear:both;width:933px; padding:0; margin:0 auto;float:left; text-align:center;}
#bottom{height:10px; width:933px; background:url(images/bottombg.jpg) no-repeat;float:left; margin:0 auto;}




pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}