html {
  background-color: #040000;  
}
body {
  margin: 0em;
  padding: 0em;
  font-family: Bookman, Arial, "MS Trebuchet", sans-serif;
  background: url("/images/fondo.jpg") no-repeat ;
  background-position: center top;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.right {
  text-align: right;
}
.left {
  float: left;
  text-align: left;
}
#container {
  padding-bottom: 3em;
}
#logo {
  background: url("/images/logo.gif") no-repeat ;
  height: 237px;
  width: 332px;
}
#main {
	margin-top: 34px;
  	float: left;
}
#footer {
  border: solid 2px black;
  background-color: #CEC4B7;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	padding: 5px 10px;
	margin-top: 10px;
	width: 100%;
	opacity: 0.7;
	text-align: center;
	font-size: 0.9em;
	letter-spacing: 2px;
}
#fechas {
  background: url("/images/fechas.gif") 48px 0px no-repeat;
  height: 542px;
  padding-top: 120px;
  text-align: center;
  float: left;
  width:300;
}

#fechas ul {
  list-style: none;
  margin-left: 0em;
}
li.fecha {
	font-size: 1.5em;
  	background-color:#CEC4B7;
	border: black solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 39px 10px 65px;
	padding: 5px;
}

li.fecha strong {
  margin: 0em auto;
}
li.fecha a {
  color: black;
  text-decoration: none;
}
.small {
	font-size: 0.8em;
}

.normal {
	font-size: 1em;
}

.big {
	font-size: 1.3em;
}


li.button {
	background-color:#CEC4B7;
	border: black solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0.5em 0.8em;
	margin-bottom: 0.5em;
	text-align: center;
	list-style: none;
}

li.button a {
	letter-spacing: 2px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
li.button a:hover {
	text-decoration: underline;
}

li.fecha a:hover {
  text-decoration: underline;
}
.fecha.destacada {
	background-color: #DFCDAD;
}
.fecha.destacada h3 {
	letter-spacing: 1px;
	text-transform:capitalize;
}
.fecha.destacada a {
	letter-spacing: 2px;
}
.clear {
  clear: both
}
#menu {
	float: right;
  	margin-top: 34px;
}
#menu li {
	margin-right: 30px;
}
 
#proximo-sitio {
  	margin-top: 34px;
	letter-spacing: 2px;	
}

#contacto {

}
#contacto form {
  width: 460px;
}
#contactanos p {
	margin: 0.5em 0;
	float: left;
}

#contactanos  label{
	width: 200px;
	float: left;
	letter-spacing: 1px;
}
#contactanos  .error {
	color: red;
	font-style:normal;
}
#contacto form  input {
	width: 250px;
	float: right;
}
#contacto form input[type="submit"] {
  margin-left:350px;
	width: 100px;
}
#contacto form  select {
	width: 255px;
	float: right;
}

#contacto form  textarea {
	width: 245px;
	padding: 5px;
}

ul#integrantes {
	float: left;
}
li.integrante {
	margin-bottom: 10px;
	padding-left: 250px;
}

li.integrante h2 {
	font-size: 1.4em;
	margin: 0em 0em 0em 0em ;
}
li.integrante p {
	line-height: 1.8em;
	margin: 0em 0em 0em 0em ;
	line-spacing: 5px;
}
li.integrante#daniel {
  background: url(/images/daniel.jpg) no-repeat;
}
li.integrante#diegof {
  background: url(/images/diegof.jpg) no-repeat;
}
li.integrante#diegob {
  background: url(/images/diegob.jpg) no-repeat;
}

.box {
  border: solid 1px black;
	background-color: white;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 40px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 40px;
	-webkit-border-bottom-left-radius: 20px;
	padding: 10px;
	width: 100%;
}


.paragraph h1 {
  margin: 0em;
}
.paragraph p {
  letter-spacing: 1px;
}
.paragraph {
  border: solid 2px black;
	background-color: #CEC4B7;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	padding: 10px;
	width: 100%;
	opacity: 0.7;
}

#player {
  background-color: white;
  clear: none;
	width:450px;
	height:319px;	
	float:left;
	margin-bottom: 1em;
} 
.audio {
  margin-bottom: 1em;
}
.audio h2 {
  font-size: 1.2em;
  margin: 0em;
  letter-spacing: 2px;
}
.audio p {
  font-size: 1em;
  letter-spacing: 1px;
  margin: 0em;
}

.audio p a {
  font-weight: bold;
}