/* CSS Document */

html, body {
	height:100%;
	margin:0;
	padding:0;
	font-size: 100%;
	font-family: Candara, "Trebuchet MS", Arial, sans-serif;
}
 ul, ol, li, {
font: normal 100% Candara, Calibri, sans-serif;
}

ul { list-style: none; }

/*____________________________________________________Página______________________________________*/

body {
	height: 100%;
	line-height: 1.8em;
	background-color:#000;
	text-align: center;
}

#header_back { height: 320px;
	margin-top: -1.8em;
 }

#wrapper {
	position: relative;
	min-height: 100%;
	text-align: left;
	width: 750px;
	margin: -18em auto 0 auto;
}

#header {
	height: 220px;
	margin-bottom: 5em;
}

#content {
	min-height: 400px;
	width: 96%;
	margin: 0;
	padding: 0 1em 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}

#article {
	width: 100%;
	padding-top: 5em;
}

#footer {
	width:752px;
	height:120px;
	margin-top: -1em;
	font-size: 100%;
	color: #fff;
	background-color: transparent;
	border: 0;
}

hr {
	border: none;
	background-color: #B51032;
	color: #B51032;
	height: 1px;
	width: 70%;
	margin: 1em 0 1em 7em;
}

/*_____________________________________________________Texto___________________________________________________*/

	
#header h1 {
	font: normal 1em Arial, Helvetica, sans-serif;
	text-indent: -9999px;
}

#content { margin-top: -2em; }

#content p {
	font-size: 90%;
	line-height: 1.8em;
	padding: 0 1.5em 0 2em;
	font-family: Candara, Calibri, sans-serif;
	color: #19213e;
}

#content h1 {
	font: bold 1.8em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color: #830e0d;
	text-align: center;
	background-color: transparent;
	border-bottom: 1px solid #FF9006;
	line-height: 1.5em;
	padding: 1em 0 0 0.5em;
}

#content h2 {
	font: bold 1.6em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	line-height: 1.5em;
	color: #830e0d;
	background-color: transparent;
	border-bottom: 1px dashed #FF9006;
	padding:0 0.5em;
}

#content h3 {
	font: bold 1.3em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color: #940D1E;
	background-color: transparent;
	padding-left: 0.5em;
}

#content h4 {
	font: bold 1.1em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color: #930810;
	background-color: transparent;
	padding-left: 0.5em;
}

#content h5 {
	font: bold 1em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	background-color: transparent;
	margin: 0 0 .3em 1em;
	padding-left: 0.5em;
}

#content h6 {
	font: 70% "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif;
	color: #666666;
	padding: 0 10px 0 10px;
	line-height: 1.0;
}

.tinyText {			/* #content h6 changed to this */
	font: 70% "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif;
	color: #333;
	padding: 0 10px 0 10px;
	line-height: 1.1;
	text-align: center;
}

ul li, ol li {
	font-size: 90%;
	font-family: Candara, Calibri, sans-serif;
	color: #4e5365;
	margin: 0 2.5em;
}

strong { color: #200; }

#specialText {
	font: bold 16px "Times New Roman", Times, serif;
	color: #666666;
	margin-left: 100px;
}

blockquote {
	font: italic 95% Candara, Calibri, sans-serif;
	color: #036;
}

/*______________________________________________________________Classes_____________________________________________*/
.little {
	font: 70% "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif;
	color: #666666;
	padding: 0 10px 0 10px;
	line-height: 1.2;
}

.h5 {
	font: bold 14px "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	background-color: transparent;
	margin: 0 1em 1em 0;
}
/* old.h5 name changed to fit with text rules in Html5*/
.Text14px {
	font: bold 1em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	background-color: transparent;
	margin: 0 1em 1em 0;
}

.Text16px {
	font: bold 1.1em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	background-color: transparent;
	margin: 0 1em 1em 0;
}

.Text18px {
	font: bold 1.2em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	background-color: transparent;
	margin: 0 1em 1em 0;
}

.h4 {
	font: bold 16px "Century Gothic", sans-serif;
	color: #660000;
}

.autor {
	font: bold 1em "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	color:#990000;
	}

.center { text-align: center; }

.right {
	text-align: right;
	margin-right: 1em;
	padding-right: 1em;
}

.bold { font-weight: bold; }

.italic { font-style: italic; }

.indent { padding-left: 150px; }

em { color: #666666; }

.superscript {
	font: 9px bold Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

.footnote h6 {
	float: right;
	width: 30%;
	border: 1px solid #999;
	padding: 10px;
	background-color: #999966;
	color: #FFFFFF;
}

.firstletter {
	font: bold 300% "Century Gothic", sans-serif;
	color: #996666;
}

.float_right {
	float: right;
	margin: 0 1em;
	margin-bottom: -0.5em;
}

.float_left {
	float: left;
	margin: 0 1em;
	margin-bottom: -0.5em;
}

.rightpic li {
	float: right;
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em;
	border: solid #aa6360 1px;
	background: #fff;
	text-align:center;
	color: #363;
}

.rightpic2 li {
	float: right;
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em;
	background: #fff;
	text-align:center;
	color: #363;
}

.leftpic li {
	float: left;
	display: inline-block;
	padding: 0.5em;
	margin: 0.5em;
	border: solid #aa6360 1px;
	background: #fff;
	text-align:center;
	color: #363;
}

.leftpic2 li {
	float: left;
	display: block;
	padding:0.5em;
	margin: 0.5em;
	background: #fff;
	text-align:center;
	color: #363;
}

.centerpic li {
	display: block;
	padding:1em 1em 0.5em 1em;
	margin: 0.5em 1em 0.2em 1em;
	border: solid #aa6360 1px;
	background: #fff;
	text-align:center;
	color: #363;
}

.centerpic2 li {
	display: inline-block;
	padding:1em 1em 0.5em 1em;
	margin: 0.5em 1em 0.2em 1em;
	background: #fff;
	text-align:center;
	color: #363;
}

.centerdiv {
	margin: 1em auto;
	display: block;
	width: 60%;
	background-color:#f0fddd;
	border: solid #aa6360 1px;
	padding: 0.5em;
}

.center600 {
	margin: 1em auto 0 auto;	
	width: 600px;
	background-color:#f0fddd;
	border: solid #aa6360 1px;
	padding: 0.5em;
}

.center500 {
	margin: 1em auto 0 auto;	
	width: 500px;
	background-color:#f0fddd;
	border: solid #aa6360 1px;
	padding: 0.5em;
}

.center400 {
	margin: 1em auto 0 auto;	
	width: 400px;
	background-color:#f0fddd;
	border: solid #aa6360 1px;
	padding: 0.5em;
}
.caption { text-align: center; }

/*__________________________________________________Navegación_______________________________________*/
#navigation {
	float: left;
	margin: 2em 0.5em 2em;
}

ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 740px;
}

ul#nav li {
	position: relative;
	float: left;
	width:115px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0;
	top: 1em;
	left: 0.5em;
	z-index: 100;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}

#nav li ul {
	position: absolute;
	margin-left: -999em; /* hide menu from view */
}

/* Styles for Menu Items */
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #333;
 background:; /* IE6 Bug */
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 0 -1px 2px;
	min-height:0;
	line-height: 1.6;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}

/* commented backslash mac hiding hack \*/ 
* html ul#nav li a {
	height:1%;
	position:relative;
}

/* end hack */ 

/* this sets color on all hovered lists  */
#nav li:hover a, #nav li.over a, #nav li:hover li a:hover, #nav li.over li a:hover { color: #fff;  background-color:;
}

/* set dropdown to default */
#nav li:hover li a, #nav li.over li a { color: #fff;  background-color:;
}

#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

#nav li:hover ul, #nav li.over ul {
	margin-top:-0.8em;
	margin-left:-0.5em;
} /* show menu*/

a { font: Arial, Helvetica sans-serif; }

a:link, a:visited {
	text-decoration: none;
	color:#6c381b;
}

a:hover {
	text-decoration: underline;
	color: #8fa270;
}