/*Estilos Trabajo-1 UNED
------------------------------------------------*/

/*Basicos
------------------------------------------------*/

body {background:#ccc; FONT: 12px Verdana, Helvetica, sans-serif;}

h1 {font-size:16px; border-bottom: 1px solid; padding-bottom: 60px;  0px 50% no-repeat; padding: 2px 2px 2px 30px; color:#666;}

h2 {color:#666;}
h3 {
	color:#666;
	font-size:36px;
	margin-left: 266px;
	
}
h4 {color: #C36;}
.bold {font-weight:bold;}
.cursiva {font-style:oblique;}

a {color: #ccC; text-decoration:none;}
a:link { color: #c36;text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
a:active { color:#C00; text-decoration:none;}
a:visited { color: #666; text-decoration:none;}
a:inactive {text-decoration:none;}



.clear {clear: both;}

table { font-size:9px; border-bottom:0px dotted silver; border-collapse:collapse; padding: 0px 0px; margin-bottom: 10px;}
td, th { font-size:9px; padding: 0px 0px;}

ul li a {
	margin:0;
  	padding: 10px;
  	display: block;
  	text-decoration: none;
  	color: #666;
  	background: #fff;
  
  }

/*Layout
------------------------------------------------*/

#contenedor {
background-color: #FFF;
width:960px;
margin:0 auto;
overflow: hidden;
//border:1px solid red;
} 

/*-- Cabecera
-----------------------------------------------*/

#cabecera {
	position:relative;
	width:960px;
	height:100px;
	background-color: #FFF;
	
	}
	
/*-- Cabecera Menu Horizontal
-----------------------------------------------*/

#menu-horizontal ul {
	clear:both;
	float:right;
	width:400px;
	list-style:none;
	padding:0;
	margin:0;
	border-left: 1px dotted #666;
	position:absolute;
	left:285px;
	top: 60px;
	}
	
#menu-horizontal ul li {
	float:left;
	margin:0; 
	}
	
#menu-horizontal ul li a {
	margin:0;
  	padding: 10px;
  	display: block;
  	text-decoration: none;
  	color: #666;
  	background: #fff;
  	border-right: 1px dotted #666;
  }
  
#menu-horizontal ul li a:hover {
	margin:0;
  	padding: 10px;
  	display: block;
  	text-decoration: none;
  	color:#666;
  	background: #fff;
  	border-right: 1px solid #666;
  }
  #menu-horizontal ul li a:active {
	margin:0;
  	padding: 10px;
  	display: block;
  	text-decoration: none;
  	color: #666;
  	background: #fff;
  	border-right: 1px solid #666;
  }
  #menu-horizontal ul li a:visited {
	margin:0;
  	padding: 10px;
  	display: block;
  	text-decoration: none;
  	color:#000;
  	background: #fff;
  	border-right: 1px solid #666;
  }

/*-- Menu Lateral
-----------------------------------------------*/

#menulateral {
  float: left;
  width: 150px;
  background:#fff;
}

#menulateral ul {
	width:150px; 
	list-style:none; 
	margin:0; 
	padding:0; 
	border-bottom: 0px #666 dotted;
	}
	
#menulateral ul li {
	border-bottom: 2px #666 dotted; 
	background: #fff;
	}
	
#menulateral ul li a {
	display:block;
	color:#CCC; 
	background: #fff url(assets/flecha_inactiva.jpg) 5px 50% no-repeat; 
	padding: 10px 10px 10px 30px; 
	
	}
#menulateral ul li a:hover {
	display:block; 
	color:#666;
	background: #fff url(assets/flecha_activa.jpg) 5px 50% no-repeat; 
	padding: 10px 10px 10px 30px; 
	
	}
	#menulateral ul li a:active {
	display:block; 
	color:#000;
	background: #fff url(assets/flecha_activa.jpg) 5px 50% no-repeat; 
	padding: 10px 10px 10px 30px; 
	
	}
	#menulateral ul li a:visited {
		
	display:block; 
	color: #000;
	background: #fff url(assets/flecha_activa.jpg) 5px 50% no-repeat; 
	padding: 10px 10px 10px 30px; 
	
	}

/*-- Contenido
-----------------------------------------------*/

#contenido {
  float: left;
  width: 810px;
 
background-color:#FFF;
}


/*-- Contenido Principal
-----------------------------------------------*/

#contenido #principal { 
	float: left; 
	
	width:75%;
	background-color: #FFF;
	
	}

#contenido #principal .noticia {
	border-top: 0px #CCC dotted;
	border-right: 2px #CCC dotted;
	border-left: 2px #CCC dotted;
	padding: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#contenido #principal .noticia img { 
  margin: 15px;
  padding:5px;
 
}

#contenido #principal .noticia img { 
	float: left; 
	}

/*-- Contenido Secundario
-----------------------------------------------*/

#contenido #secundario {
	float: left;
	position:absolute;
	top: 120px;
	left: 850px;
	background-color: #FFF;
	width:150px;
	}
#container {
	height:300px;
	width:550px;
border: 1px solid #00;
font-family: Verdana, Geneva, sans-serif;
font-size:12px; 
overflow:auto;
margin-left:auto;}

/*-- Estilos
-----------------------------------------------*/

.evento {margin-top:5px;)