@charset "utf-8";
* { /* Esto es el reseteo global, para tenet un mayor control sobre los elementos de la Web */
	border:0;
	margin:0;
	padding:0;
}
body {
	text-align:center;
	min-width:900px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F60;
	background-color: #006;
	margin-top:20px;
}
a:link {
	color: #FF0;
}
a:visited {
	color: #F00;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
#madre {
	margin-top:20px;
	border:solid 0px #FFF;
	text-align:left;
	width:900px;
	margin:0 auto;
}
#cabecera {
	width:900px;
	height:200px;
	background:url(../img/aavpccv_peque.png) no-repeat;
}
/* Esto es una clase, a cualquier elemento le podemos poner una clase */
#titulo {
	text-align:center;
	width:750px;
	margin:50px 0 0 150px;
	font:bold 24px Verdana, Geneva, sans-serif;
}
#menu {
	height:auto;
	width:200px;
	float:left; /* Esto lo que hace es mandar a un contenedor a esa dirección */
}
a.enlace_boton {
	display:block;
	width:170px;
	height:20px;
	background:url(../img/off.gif) no-repeat;
	text-decoration:none;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif, Tahoma;
	padding-left:25px;
	line-height:18px;
	color:#F90;
}
a.enlace_boton:hover, a.enlace_boton:active {
	background:url(../img/on.gif) no-repeat;
	color:#00F;
	cursor:pointer;
}
img.oculto {
	display:none;
}
#trabajo {
	height:auto; /* Esto es solo para ver el resultado de como quedaría con contenido */
	/* font: bold 24px Verdana, Arial, Helvetica, sans-serif, Tahoma; */
	color:#FFF;
	/* background-color:#09F; */
	text-align: center;
	margin-left:200px;
	padding-left:10px;
	padding-right:10px;
}
#pie {
	/* border:solid 2px #FFF; */
	clear:both; /* Evita que los contenedores se monten unos con otros al insertar otro por debajo */
	background-color:#F60;
	color:#006;	
}
h1 {
	font-size: 24px;
}
body,td,th {
	font-size: 14px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}