@charset "UTF-8";
/* CSS Document */

body {
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #330000;
	background-image: url(images/back01.jpg);
	background-position: center;
	background-position: top;
	background-repeat:no-repeat;
}

a:link {
	color: #FF6600;
	text-decoration: none;
	padding-top: 10px;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
	padding-top: 10px;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	color: #FF6600;
	text-decoration: none;
	padding-top: 10px;
}


h1 {
	font-size: 200%;
	color:#FF6600;
	padding:0;
}

h2 {
	font-size: 175%;
	color:#FF6600;
	padding:0;
}

h3 {
	font-size: 150%;
	color:#FF6600;
	padding:0;
}

.titulos01 {
	font-size: 150%;
	color:#FF6600;
}

h4 {
	font-size: 120%;
	color:#FF6600;
	padding:0;
}

.menu01 {
	padding: 10px 30px 10px 0px;
}

.menu01 a:link {
	color: #999999;
	text-decoration: none;
	padding-top: 10px;
}
.menu01 a:visited {
	color: #999999;
	text-decoration: none;
	padding-top: 10px;
}
.menu01 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	padding-bottom: 5px;
	border-bottom: #FFFFFF 1px dotted;
	padding-top: 10px;
}
.menu01 a:active {
	color: #999999;
	text-decoration: none;
	padding-top: 10px;
}

#header01 {
	background-image: url(images/menu_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#modizq01 {
	width: 250px;
	height: auto;
}
	
#colizq01 {
	width: 250px;
	margin: 0px;
	padding: 0px;
}

.modizqtop {
	height: 16px;
	background-image:url(images/col-bgtop.png);
	background-position:top;
	background-repeat:repeat-x;
	border-left: #666633 1px solid;
	border-right: #666633 1px solid;
}

.modizqbot {
	height: 10px;
	background-image:url(images/col-bgbot.png);
	background-position:top;
	background-repeat:no-repeat;
}

.modizqcont {
	margin: 0px;
	background-color: #530004;
	padding: 0px 10px;
	border-left: #666633 1px solid;
	border-right: #666633 1px solid;
}

.modizqcont h3 {
	margin: 0px;
	}

.contderbot {
	height: 10px;
	background-image:url(images/cont-bgbot.png);
	background-position:top;
	background-repeat:no-repeat;
}

/* Aqui comienza el estilo del menu de la izquierda */

.nav_izq01 ul {
	color:#FFFFFF;
	margin:0;
}
.nav_izq01 li {
	list-style:none;
	border-bottom: 1px dotted #996600;
	padding: 5px 0px 5px 0px;
}
.nav_izq02 li {
	list-style:none;
	border-bottom: 1px dotted #996600;
	padding: 5px 0px 0px 0px;
}

.nav_izq01 a:link {
	color: #999999;
	text-decoration: none;
}
.nav_izq01 a:visited {
	color: #999999;
	text-decoration: none;
}
.nav_izq01 a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.nav_izq01 a:active {
	color: #999999;
	text-decoration: none;
}

/* Aqui comienza el estilo de los IMPORTANTS!! */

.important, .important-orange {
	padding: 15px;
	margin: 15px 0;
}

span.important-title, span.important-title-orange {
	position: absolute;
	display: block;
	margin-top: -24px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
	background-color:#530004;
}

.important-orange {border: 1px solid #FF6522;}

span.important-title-orange {color: #FF6522;}


span.number, span.number-orange {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}

span.number-orange {
	color: #FF6522;
}

span.highlight {
	background: #FFFBD5
	;padding: 1px 2px;
}
span.highlight-orange {
	color: #FF6522;
}


span.dropcap, span.dropcap-orange {
	display: block;
	font-size: 260%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
}
	
span.dropcap-orange {
	color: #FF6522;
}

.idioms {
	font-size: 75%;
}

#creditos {
	font-size: 10pt;
	padding: 10px;
	background-image:url(images/bg_bot01.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.required {
	color:#FFFF00;
}

#content01 {
	margin: 0px;
	padding: 0px;
	}