/* CSS Document */
/* Css de Base3 */

/*AQUÍ VAMOS A DEFINIR LAS PROPIEDADES DE LA PÁGINA EN GENERAL, MÁS ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
	@import url("menu.css");
	p  {
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color: #586885;
		line-height: 120%;
		
	}
	hr	{
		display:none;
	}
	h1  {
		font:25px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		margin:0px;
		
	}
	
	h2  {
		font:bold 20px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color:#486895;
		text-transform: capitalize;
		
	}
	h3  {
		font:18px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h4  {
		font:bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h6  {
		font:bold  12px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	td  {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #586885;
		
	}
	a	{
		font-size:12px;
		color:#325FA0;
		
	}
	a:link {
		text-decoration: none;
		
	}
	a:visited {
		text-decoration: none;
		color:#325FA0;
		
	}
	a:hover {
		text-decoration: none;
		color:#000066;
		
	}
	a:active {
		text-decoration: none;
		color:#0099CC;
		
	}
	BODY  {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-image:url(images/fondo.jpg);
		background-repeat:repeat;
		background-position:center;
		text-align : justify;
		line-height: 10px; 
	}
	/*aqui definimos el layout*/
	
	#contenedor	{
		
		margin: 0 auto; /*con este valor quedará centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
		width:902px;
		height:auto;
	}
	/*en header le damos el mismo ancho que el contenedor
	(si queremos podemos darle menos),
	 la altura que queramos, colores etc...
	 Lo que más nos interesa es que debe estar centrado con 
	 el contenedor, por eso mirad las propiedades de margin,
	 tiene cero arriba, a la derecha también, abajo tiene 10 px,
	 y a la izquierda de nuevo cero píxeles, por el mismo orden 
	 que los he mencionado.
	 Sólo he definido el borde de abajo porque los demás tocan a
	 los del contenedor y resulta feo.*/
	 .header{
		width:902px;
		height:138px;
		background-image:url(images/index_r1_c2.jpg);
		margin:0 0 0 0;
	}
	.barra{
		top:inherit;
		width:902px;
		height:38px;
		background-image:url(images/index_r2_c2.jpg);
		margin:0 0 0 0;
	}
	.carreras{
		top:inherit;
		width:902px;
		height:184px;
		background-image:url(images/index_r3_c2.jpg);
		margin:0 0 0 0;
	}
	.izquierda{
		width:200px;
		height:auto;
		border-width:1px;
		border-color:#000000;
		margin:10px 5px 10px 5px;
		float:left;
		padding:3px;
	}
	.izquierda ul	{
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#586885;
		line-height: 140%;
		text-transform:capitalize;
	}
	.derecha{
		width:200px;
		height:auto;
		border-width:1px;
		border-color:#000000;
		margin:10px 5px 10px 5px;
		float:right;
		padding:5px;
	}
	
	.contenido{
		width:401px;
		height:auto;
		border-color:#000000;
		margin:10px 5px 10px 240px;
		padding:10px;
	}
	.uno{
		width:401px;
		height:232px;
		background-image:url(images/cursos_index.jpg);
	}
	/* este es el menu*/
	.buttonscontainer {
		width: 380px;
		height: 162px;
		margin:50px 5px 5px 5px;
		position:absolute;
	}

	.buttons a {color: ;
		padding: 2px;
		padding-left: 3px;
		display: block;
		border-bottom: 1px solid ;
		border-bottom-color:#FFFFCC;
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-decoration: none;
		text-align: left;		
	}

	.buttons a:hover {background-color:#99CC33;
		color: ;
		text-decoration: none;
		border-bottom-color:;
	}
	/* fin del menu*/

	#footer{
		width:892px;
		height:60px;
		background-color:#CCCCCC;
		margin:5px;
	}
		
	.footer h6{
	text-align:center;
	text-transform:uppercase;
	margin:5px auto;
	color:#666666;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	}