*{
	margin:0;
	padding:0;
	outline:none;
	}
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#636466;
	}
img{
	border:none;
	}
#mainbox{
	width:1000px;
	display:block;
	margin:0 auto;
	}
/* HEADER */
#header{
	height:160px;
	display:block;
	}
#navigation{
	list-style:none;
	margin-left:1px;
	}
#navigation li{
	display:block;
	float:left;
	width:110px;
	height:52px;
	margin-right:1px;
	background:url('../media/imgs/bg-menu.gif') no-repeat bottom right #91D9F8;
	}
#navigation li a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	display:block;
	width:110px;
	height:47px;
	background:url('../media/imgs/bg-menu.gif') no-repeat bottom right #91D9F8;
	padding:5px 0 0 0;
	text-align:center;
	}
#navigation li a.single{    
	padding:12px 0 0 0;
	height:40px;
	}
#navigation li a:hover, #navigation li a.on{
	background-color:#2AC5F4;
	}
#logo{
	display:inline;
	float:left;
	margin:35px 0 0 33px;
	background-color:#030;
	}
#slogan{
	display:inline;
	float:right;
	width:323px;
	height:25px;
	background:url('../media/imgs/bg-slogan.gif') no-repeat;
	margin:71px 41px 0 0;
	}
#slogan h4{
	color:#FFF;
	font-size:14px;
	margin:5px 0 0 10px;
	}
.main_slogan {
  color: #0099ff;
  font-size: 14px;
  font-weight: normal;
	margin: 125px 0px 0px 275px;
	position: absolute;
	}
/* CONTENT */
#content{
	width:600px;
	display:inline;
	float:left;
	margin-left:33px;
	background:url('../media/imgs/watermark.gif') no-repeat top right;
	}
#content #info{
	padding:25px 20px;
	}
#info h1{
	line-height:32px;
	letter-spacing:-.05em;
	}
#info h1{
	color:#696A6D;
	font-size:38px;
	}
#info h1 .azul{
	color:#00AEEF;
	font-size:40px;
	}
#info h1 .violet{
	color:#AC89BE;
	}
#info h1 .purple{
	color:#695E97;
	}
#info p.quote{
	display:block;
	width:500px;
	font-size:24px;
	color:#939598;
	margin:23px 0 35px 0;
	line-height:24px;
	}
#info .quote-small{
	display:block;
	width:500px;
	font-size:14px;
	margin-bottom:10px;
	}
#info #anchor{
	width:204px;
	height:17px;
	display:block;
	background:url('../media/imgs/link-frame.gif') no-repeat;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	padding:3px;
	}
#info h2{
	color:#988ec2;
	font-size:22px;
	margin:26px 0 10px 0;
	}
#info p{
	font-size:12px;
	margin-bottom:15px;
	}
#info ul{
	margin:10px 0 0 15px;
	}
#info li{
	list-style-image:url('../media/imgs/list.gif');
	line-height:25px;
	}
#info h3{
	font-size:12px;
	color:#7062A2;
	margin-top:28px;
	}
#info a{
	text-decoration:none;
	color:#2AC5F4;
	}
#info a:hover{
	color:#7062A2;
	}
/* SIDEBAR */
#sidebar{
	width:334px;
	display:block;
	float:left;
	}
#sidebar ul{
	list-style:none;
	}
#sidebar ul li{
	display:block;
	width:334px;
	}
#sidebar ul li.title{
	height:50px;
	}
#sidebar ul li.title h3{
	display:block;
	float:left;
	margin:8px 0 0 10px;
	color:#FFF;
	font-size:28px;
	}
#sidebar ul li.title a{
	display:block;
	float:right;
	margin:13px 16px 0 0;
	}
#programas{
	display:block;
	height:150px;
	background-color:#3CC3DD;
	}
#programas li.info{
	height:30px;
	background-color:#9EE1EE;
	margin-top:2px;
	}
#voluntarios{
	display:block;
	height:150px;
	background-color:#AC89BE;
	}
#voluntarios li.info{
	height:30px;
	background-color:#D6C4DF;
	padding-left: 5px;
	padding-top: 10px;
	width: 329px;
	}
#voluntarios li.info a {
  text-decoration:none;
	color:#09F;
  }

/* english version */
.chngIngles:link, .chngIngles:active, .chngIngles:visited, .chngIngles:hover {
  color: #ffffff;
  float: right;
  margin: 5px 5px 0px 0px;
  position: relative;
  text-decoration: none;
  }
  
  
  
/* Calendar / Calendario */
#info li {
  list-style-image: none;
}

#info > ul#subMenu {
  height: 40px;
  list-style: none;
  margin-bottom: 15px;
}

#info > ul#subMenu > li {
  background: url('/media/imgs/menu-arrow-blue.gif') no-repeat bottom left #39b7f1;
  border-right: 1px solid #FFF;
  color: #FFF;
  float: left;
  height: 35px;
  list-style: none;
}

#info > ul#subMenu > li.on {
  background: url('/media/imgs/menu-arrow-purpure.gif') no-repeat bottom left #54368e; 
  border-right: 1px solid #FFF; 
  color: #FFF; 
  float: left; 
  height: 35px; 
  list-style: none;
}

#info > ul#subMenu > li > a {
  color: #FFF;
  height: 35px;
  padding: 3px 10px 13px 10px;
}

#info > h1 {
  color: #54368E;
  font-size: 30px;
}

#info > ul#description, 
#info > ul#EventList {
  list-style: none;
  margin-left: 0px;
}

#info > ul#description > li,
#info > ul#EventList > li {
  color: #54368E;
  font-size: 12px;
  line-height: 19px;
  list-style: none;
}

#info > ul#EventList li.EventHeader {
  background: #54368E;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  list-style: none;
  padding: 5px 20px;
  text-transform: uppercase;
}

#info > ul#EventList li.EventDate {
  float: left;
  font-size: 12px;
  list-style: none;
  padding: 3px 10px;
}

#info > ul#EventList li.EventDescription {
  color: #545454;
  font-size: 12px;
  list-style: none;
  margin-left: 150px;
  padding: 3px 10px;
}

.liClear {
  clear: both;
  list-style: none;
}

.liLine {
  border-bottom: 1px solid #D6C4DE;
  height: 2px;
  list-style: none;
  margin-bottom: 10px;
}