﻿* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html {
	min-height:100%;
	height:100%;
}
body {
	min-height:100%;
	height:100%;
	background: url('../images/bg_estudiantil.jpg') center top repeat-y #217594;
	color: #ffffff;
	font-family: Verdana;
	font-size:11px;
}
h1 {
	font-weight: normal;
	font-size:32px;
}
h2 {
	font-weight: normal;
	font-size:22px;
}
h3 {
	font-weight: normal;
	font-size:18px;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
a {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
/* ---------- Header ---------- */
div.header {
	height: 400px;
	background: url('../images/bg_header.gif') center top no-repeat;
}
div.header div.top {
	width: 768px;
	height: 192px;
	margin: auto;
}
div.header div.top h1 {
	padding-left:64px;
}
div.header div.top p {
	text-align:right;
	padding-right:16px;
	padding-top:16px;
}

/* ---------- menu ---------- */
div.header div.menu {
	width: 768px;
	height: 192px;
	margin: auto;
}
div.page {
	margin: auto;
	width: 768px;
	height: 100%;
}
/* ---------- sidebar ---------- */
div.sidebar {
	float: left;
	width: 272px;
	height:288px;
	min-height:288px;
}
div.sidebar div.promos {
	text-align:right;
}
div.sidebar div.galeria {
	text-align:right;
}
div.sidebar div.galeria p {
	padding-top:4px;
}
div.sidebar div.galeria img {
	padding-left:4px;
	padding-top:4px;
}
/* ---------- contenido ---------- */

div.content {
	width: 496px;
	float: right;
}
div.content div.portada {
	width:240px;
	float:left;
}
div.content div.portada p {
	padding-left:16px;
	padding-top:8px;
}
div.content div.portada h3 {
	padding-left:16px;
}
div.content div.portada img {
	padding-left:16px;
}
/* ---------- contenido general  ---------- */

div.content div.general {
	padding-left:16px;
}
div.content div.general p.galeria {
	text-align:center;
}
div.content div.general blockquote {
	background:url('../images/ico_nota.gif') left center no-repeat #f30073;
	padding:16px 16px 16px 96px;
	height:80px;
	margin-top:16px;
}
div.content div.general ul {
	padding:16px 0px 0px 8px;
}
div.content div.general h2 {
	padding-top:16px;
}
div.content div.general ul li p {
	background:url('../images/ico_lista.gif') left center no-repeat;
	padding-left:8px;
}
div.content div.general h1 small {
	font-size:16px;
}
div.content div.general p {
	padding-top:2px;
	padding-bottom:2px;
}
div.content div.general ol {
	padding:16px 0px 8px 4px;
}
div.content div.general ol li p {
	display:block;
	padding-left:24px;
	background:url('../images/ico_mas.gif') left center no-repeat;
}
/* ---------- enlaces ---------- */
div.enlaces {
	clear:both;
}
div.enlaces p {
	padding:8px;
}
/* ---------- footer ---------- */
div.footer {
	clear: left;
	background: url('../images/bg_footer.gif') center top no-repeat;
}
div.footer a {
	background-color:transparent;
}
div.footer div.data {
	height: 224px;
}
div.footer div.data h2 {
	padding-top:32px;
}
div.footer div.data h3 {
	padding-top:16px;
}
div.footer div.data p {
	padding-top:8px;
}
div.footer div.data h2 img {
	padding-left:16px;
}
div.footer div.data img {
	float:left;
}
div.footer div.data blockquote {
	width:384px;
	float:left;
}
div.footer div.copy {
	height: 160px;
	text-align:center;
	font-family:Tahoma;
}
div.footer div.copy p {
	padding-top:8px;
}
div.footer div.copy img {
	padding:8px;
}

/*----- formulario */

legend {
	display: none;
}
fieldset {
	margin: 0;
	padding: 8px;
}
input {
	width: 128px;
	border: solid #f30073 1px;
	padding: 4px;
}
textarea {
	width: 256px;
	height: 128px;
	border: solid #f30073 1px;
	padding: 4px;
}
label {
	float: left;
	width: 128px;
	text-align: right;
	margin: 4px 8px 0px 0px;
	padding: 4px;
}
textarea:focus {
	background: #ffe4a1;
	color: black;
}
input:focus {
	background: #ffe4a1;
	color: black;
}
input.boton {
	width: 128px;
	padding: 2px 1em;
	background: #f30073;
	color: #ffffff;
}



