html{
	padding:0px;
  	background-image: url('images/blue.png');
  	background-repeat: repeat-x;
  	background-color:  #2B76CA;
  	background-attachment: fixed;
	margin:0px;
}
body { 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:12pt;
	margin: 2% 10%;
	padding-top: 90px;
	color: white;	
}

#presentacion > h2, #actividades > h2 ,#clientes > h2, #equipo > h2{   
  text-shadow: 0.05em 0.05em rgba(0,0,0,0.5); 
}
#presentacion > p ,.text {   text-shadow: 0.035em 0.035em rgba(0,0,0,0.5); }

h2{
  /*text-shadow: 1px 1px #000000;*/
}

.logo{
  margin:5px;
  width:100%;
  position: fixed;  
  top:0px;
  left:10px;
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-size:100px;
  text-shadow: 2px 2px rgba(0,0,0,0.5);
}
.sombra{
   top:2px;
	left:12px;
   text-shadow: none;
	color: rgba(0,0,0,0.5);
}

#leyenda{
  position: absolute;
  top: 5px;
  right: 30px;
  text-align: right;
  line-height: 75%;
}
#leyenda em{
  font-size: x-large;
}

#presentacion{
  padding: 5px;
  width: 55%;
}

#actividades {
	width:40%;
	float: right;
	}
.header {
	/*width:439px;*/ 
	-moz-border-radius: 8px;
   -webkit-border-radius: 8px;
	font-weight:bold; 
	padding:8px; 
	margin-top:5px; 
	cursor:pointer; 
	border: 1px solid #000080;
	border-width: 0px 1px 1px 0px;
	/*background:url(images/header.gif)*/
	background: #fff;
	color: #0066dd;
}
.header:hover {
   text-shadow: 0.03em 0.08em rgba(128,128,0,1);
	background: #FFFF77;
	border-width: 1px 0px 0px 1px;
}
.content {
	overflow:hidden
	}
.text {
	/*width:425px;*/ 
	border:1px blue; 
	border-top:none; 
	padding:15px;
	color: white;
}

#clientes ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
#clientes ul ul {
	list-style-type: disc;
	text-indent: 0em;
	padding-left: 1em;
	margin-left: 1em;
}

a {
	color: #ffff00;
	text-decoration: none;
}


a:hover{
text-decoration:underline;
}