/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

/*----- GENERAL -----*/

html{
	text-align:center;
}
body {
	position:relative;
	width:960px;
	background: #363C5E url(../images/fondo_general.gif) repeat-x;
	margin:0 auto;
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;	
	text-align:left;
}

a {
	color:#FFF;	
	text-decoration:none;
}
strong {
	font-weight:bold;
}

/*BRANDING Y NAVEGACIÓN*/
h1 {
	background:url(../images/logo.gif) no-repeat;
	position:relative;
	top:11px;
	height:101px;
}

h1 a{
	display:block;
	width:342px;
	height:45px;
	text-indent:-9000px;
}

ul#navegacion {
	position:absolute;
	right:0px;
	top:0px;
}

ul#navegacion li {
	float:left;
	background: url(../images/divisor_menu.gif) no-repeat 100% 33px;
}

ul#navegacion li a{
	display:block;
	padding:29px 10px 22px 10px;
}

ul#navegacion li a:hover{
	color:#96a7ff;
}

ul#navegacion li.on {
	background: url(../images/menu_ini.gif) no-repeat;
}

ul#navegacion li.on a{
	background: url(../images/menu_end.gif) no-repeat 100% 0%;
	font-weight:bold;
}
ul#navegacion li.on a:hover{
	color:#FFF;
}

/*TITULOS*/
h2,h3{
 	font-family : Garamond, Georgia, Times, "Times New Roman";
	text-transform:uppercase;
	font-weight:bold;
}

h2{
 	font-size:1.5em;
}

h2 span{
 	font-size:1.5em;
}

h3{
 	font-size:1.3em;
}

/*CONTENEDOR*/
div#contenidos {
	padding-left:320px;
	margin-top:5px;
	background:url(../images/atril.png) no-repeat 75px 28px;
	min-height:450px;
}

a.boton {
	display:block;
	background:url(../images/enlace_ini.gif) no-repeat;
}

a.boton span{
	display:block;
	padding:3px 10px;
	background:url(../images/enlace_end.gif) no-repeat 100% 0%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*PIE*/

div#pie {
	clear:both;
	border-top:solid 1px #161c3a;
	padding:5px 0px;
	font-size:0.8em;
	text-align:right;
}

div#pie a {
	color:#8f9ff4;
}