/* @override http://www.full-interactive.com/css/fullinteractive-revista.css */

/*@charset "utf-8";*/


html, body { height: 100%; }

body { color: #000; background: #eeeeee; font: 78%/140% Arial, Helvetica, sans-serif; }

#wrapper{ width: 100%; height: auto; position: relative; }




/* Capçalera
-------------------------------------------------------------------------------------------*/
#branding{ height: 120px; overflow: visible; border-bottom: solid 1px #666; margin-bottom: 1000px; }

#branding h1
{
	display: block;
	width: auto;
	padding: 10px;
}

#branding h1 a
{
	display: block;
	width: 153px;
	height: 63px;
	float: left;
	color: inherit;
	/*background: #000 url(../img/ui/logo.png) no-repeat;*/
	text-indent: -500px;
}

#branding h1 strong
{
	float:  left;
	font-size: 2em;
	font-weight: bold;
	padding: 1em;
}

#accessibility
{
	clear: both;
	padding: 10px 10px;
}

#accessibility li
{
	float: left;
	padding-right: 1em;
}

#accessibility li a
{
	color: #000;
	background-color: inherit;
	text-decoration: none;
	border-bottom: dotted 1px #000;
}




/* Continguts
-------------------------------------------------------------------------------------------*/
#main{ clear: both; padding: 2em 2em 6em; }

#description
{
	margin-bottom: 5em;
	padding-bottom: 1em;
	border-bottom: dashed 1px #ccc;
}

#warn, #warn a{ color: #333; background-color: inherit; }

#tableOfContents
{
	margin-bottom: 5em;
	padding-bottom: 1em;
	border-bottom: dashed 1px #ccc;
}

#tableOfContents h2
{
	font-size: 1.6em;
	color: #666;
	background-color: inherit;
	margin-bottom: .4em;
}

#tableOfContents li
{
	padding: .2em 2em;
	counter-increment: index;
}

#tableOfContents a
{
	color: #666;
	background-color: inherit;
	text-decoration: none;
	border-bottom: dashed 1px #ccc;
}

#tableOfContents a:before
{
	content: counter(index) "- ";
}

#tableOfContents h3 a
{
	color: #000;
	background-color: inherit;
}



#contents li
{
	padding: 3em 1em;
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc;
	counter-increment: page;
	position: relative;
}

#contents h2{
	font-size: 1.8em;
	color: #ffa800;
	background-color: inherit;
	position: absolute;
	top:  1.4em;
	left: 1.8em;
	
}

.pageContents{ white-space: pre; padding-left: 2.6em; }

.pageContents:before
{
	content: "" counter(page);
	font-size: 1.2em;
	color: #ccc;
	background-color: inherit;
	position: relative;
	top: -2.8em;
	left: -2.8em;
}




#footer
{
	height: 1.2em;
	width: 100%;
	padding: 1em 2em;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	background-color: #666;
}

	#footer p{ float: left; margin-right: .5em; }
	#footer p:before{ content: "| "; }
	#footer p:first-child:before{ content: ""; }
	#footer a{ color: #fff; background-color: inherit; }


body.jsfied { overflow: hidden; }
body.jsfied #wrapper{ height: 100%; }
body.jsfied #branding{ position: absolute; top: -160px; }
body.jsfied #footer{ bottom: -5em; }