/* Comienza el estilo general, el background, el comportamiento de los links, las imágenes, etc. */
body {
	text-align:center;
	background-color:#1C1C1C;
	font-family: Arial, sans-serif;
	font-weight:normal;
	background-image: url(backgrounds/body_back.png);
	background-repeat: repeat-x;
}

/* Esto elimina la mayoría de los preformatos html para que todos puedan ser definidos en la hoja de estilo */
dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* Para justificar todo el texto y definir el tamaño como 1em */
p {
	text-align:justify;
	font-size:0.9em;
	color:#fff;
}
p.centrado {
	text-align:center;
}

p.peque {
	font-size:0.7em;
}

/* Padding general de imágenes */
img {
	padding:5px 2px;
}

/* Estilo de títulos */
h1 {
  	font-size: 2.3em;
  	font-weight:bold;
	padding: 5px 0px;
	color:#fff;
}
h2 {
  	font-size: 1.2em;
  	font-weight:normal;
	background-image: url(backgrounds/h2_back.png);
	padding: 3px 5px;
	margin-bottom: 10px;
	color:#fff;
}
h3 {
	font-weight:bold;
  	font-size: 1em;
	color:#8181F7;
}
h4 {
  	font-size: 0.8em;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:underline;
  	letter-spacing: 0.06em;
	word-spacing: 0.2em;
	color:#F5D0A9;
}
h5 {
  	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	color:#F5D0A9;
}
h6 {
  	font-size: 0.9em;
	font-weight:normal;
	text-decoration:underline;
	color:#fff;
}

/* links */
a:link{
	text-decoration:none;
	color:#A9A9F5;
}
a:visited{
	text-decoration:none;
	color:#A9A9F5;	
}
a:hover{
	text-decoration:underline;
	color:#A9F5F2;
}
a:active{
	text-decoration:none;
    	font-weight:bold;
}

/* Viñetas */
ul {
	padding-left:8px;
	margin-left:5px;
	list-style-type:none;
}

ul li {
	padding-left: 15px;
	background:url(icons/box.png) 0em 0.3em no-repeat;
	margin-bottom:0.5em;
}
ul li.head1 {
	font-weight:bold;
}
ul li.head2 {
	text-decoration:underline;
} 

/* CONTAINER */
#container {
   	width:800px;
   	margin:0px auto;
	border:none;
   	text-align:left;
}

/* HEADER */ 
#header {
	width:800px;
	margin-bottom:5px;
	border:none;
	background-color:#000;
	background-image: url(backgrounds/header_back.png);
	background-repeat: repeat-x;
}
#header h1,#header h2,#header h3,#header h4,#header h5,#header h6 {	
	padding-left:10px;
}
#header h1 {
	padding-top:20px;
	padding-bottom:15px;
}
#header h3 {
	background-image: url(backgrounds/sub_back.png);
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
	color:#fff;
}

/* Links en el header */
#header a:link{
	text-decoration:none;
	color:#fff;
}
#header a:visited{
	text-decoration:none;
	color:#fff;	
}
#header a:hover{
	text-decoration:underline;
	color:#fff;
}
#header a:active{
	text-decoration:none;
}

/* BARRA LATERAL */ 
#sidebar {
	width:240px;
	margin:0px;
	padding:10px;
	border:none;
	background-image:url(backgrounds/sidebar_back.png);
	background-repeat: repeat-x;
   	float:left;
}

/*Links barra lateral*/

#sidebar a:link{
	text-decoration:none;
	color:#fff;
}
#sidebar a:visited{
	text-decoration:none;
	color:#fff;	
}
#sidebar a:hover{
	text-decoration:underline;
	color:#F78181;
}
#sidebar a:active{
	text-decoration:none;
    	font-weight:bold;
}
#sidebar ul li.current {
	text-decoration:none;
	color:#81F7F3;
} 

/* PÁGINA PRINCIPAL */ 
#main {
	margin-top:0px;
	margin-bottom:0px;
   	margin-left:265px;
	margin-right:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:none;
}
/*Links de headers */
#main a.titulo:link{
	text-decoration:none;
	color:#8181F7;
}
#main a.titulo:visited{
	text-decoration:none;
	color:#8181F7;
}
#main a.titulo:hover{
	text-decoration:underline;
	color:#A9F5F2;
}
#main a.titulo:active{
	text-decoration:none;
    	font-weight:bold;
}

/* Estilo de la letra en listas */
#main ul li {
	text-align:justify;
	font-size:0.9em;
	color:#fff;
}

/* PARTE INFERIOR */ 
#footer {
	width:800px;
   	clear:both;
	margin:0px;
	/*padding: 1px;*/
	border:none;
	/*background-color:#141a52;*/
	background-image: url(backgrounds/footer_back.png);
	background-repeat: repeat-x;
}
#footer img {
	padding:0px;
}
#footer p {
	padding: 10px 0px;
	text-align:center;
}