/**************** ESTRUTURA BÁSICA ***************************/

* {	margin: 0;
  	padding: 0;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

body,figure,footer,copy,section,z	{ 	display: block;	}

body {	font: 95%/156% Arial, Helvetica, sans-serif;
	color: black;
        background: rgb(240,240,240);
	width: 960px;
	max-width: 94%;
	margin: 0 auto;
}

a { 	color: #69C;
	text-decoration: none;
}

a:hover { color: rgb(180,0,0) /* #F60 */ ;
}

cartao { display: inline-block;
         padding: 15px;
         width: 45%; 	border: 1px dotted;
}

cartao h2 { margin: 0 0 15px 0; padding: 0; border: none; }

footer	{	font-size: 0.75em;             clear: both;
 		line-height: 1.40;
                margin: 15px 0 0 0;
                padding: 10px 0 0 0;
                border-top: 1px solid black;
}

footer #d { float: right; padding-right: 5px; width: 48%; text-align: right; }

footer #e { float: left; padding-left: 5px; width: 48%; }

/************************ TEXTO *****************************/

h1, h2, h3 {
	color: #000;
	line-height: 130%; }

h1 {
	font-size: 1.7em;
	color: #000;
	margin: 20px 0 10px;
}

h2 {
	font-size: 1.4em;
        line-height: 1;
	border-top: solid 1px #eee;
	padding-top: 0;
        margin-top: 0;
        margin-bottom: 20px;
}

h3 {	font-size: 1.3em;
        line-height: 1;
	text-transform: lowercase;
        margin-top: 10px;
        padding-top: 10px;
        margin-bottom: 20px;
	font-variant: small-caps; }

p {	margin: 0 0 15px 0; line-height: 1.45; }

p#peq,p#fig,p#menor	{ font-size: 0.85em; line-height: 1.45; }

p#fig,p#menor		{ margin-left: 2.0em; }

p#topo { font-size: 1px;
	 line-height: 1 px;
	 display: none;
         clear: both;
}

n {	white-space: nowrap;
}

#versa { font-variant: small-caps;
}

vm {	color: rgb(150,0,0);
}

vm1 {	color: rgb(150,0,0);
	font-weight: 800;
}

copy {	width: 100%;
	min-width: 100%;
	color: rgb(150,150,150);
	font-size: 0.75em;
	line-height: 1.0;
	font-variant: small-caps;
	margin: 2px 5px 5px 0;
	text-align: right;
}

v		{	display: block;
			text-indent: -2em;
			padding: 0 0 0 2em;		}

vv		{	display: block;
			float: right;
			width: 2.5em;
			font-size: 0.90em;
			text-align: right;	}

l,l1,l2		{	display: inline-block;
			vertical-align: top;	}

l		{	width: 3em;
			margin-left: 0.75em;	}

l1		{	width: 55%;
			text-indent: -1em;
			padding: 0 0 0 1em;	}

l2		{	width: 2em;
			text-align: right;
			margin-left: 1em; 	}

#voltar	{ 	font-size: 110%;
		text-align: center;
		font-weight: bold;
		margin: 1.0em 0; }

/***************** BOTÕES E LISTAS ****************************/

#botao	{	margin: 15px 0 15px 1.0em;
		padding: 7px 15px;
		color: rgb(240,240,240);
		font-size: 1.0em;
		line-height: 1.3;
		background: darkgreen;
		border: none;
		text-align: center;
   		text-decoration: none;
    		display: block;
    		cursor: pointer; }

ul#publi	{ 	list-style: square;
			margin: 0.75em 0 1.0em 1.5em;
			width: 65%; }

ul#publi li	{	padding-top: 5px;
			clear: both; }


/************************** IMAGENS ***************************/

img {	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: middle;
}

#outras		{	width: 21%;
			margin-left: 5.3333%;
			float: left;	}

#textinho	{	font-size: 0.80em;
			line-height: 1.40em;
			margin: 10px 0 0 0;	}


#total		{	width: 100%;
			max-width: 100%;
			height: auto;	}

#direita	{	float: right;
			width: 25%;
			margin: 0.45em 0.75em 1.0em 2.5em;	}

#metade		{	float: right;
			width: 45%;
			margin: 0.45em 0 1.0em 2.5em; }

figure		{	margin-top: 1.5em;	}

figcaption	{	padding-top: 0.5em;
			font-size: 0.75em;
			line-height: 1.4em;	}

#pdf		{	float: right;
			width: 3.2em;
			padding: 0.35em 0 0.75em 1.0em; }

#icone		{	display: inline-block;
			width: 2.0em;
			margin: 0 0.5em 0 0;
			vertical-align: middle; }

/****************************** NAVEGAÇÃO **************************/

.nav {
	margin: 20px 0;
}
.nav ul {
	margin: 0;*
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #999;
	color: #fff;
	border-radius: 5px;
}

/* right nav */
.nav.right ul {
	text-align: right;
}

/* center nav */
.nav.center ul {
	text-align: center;
}

/************************** TABBED AREAS *************************************/

.main {margin: 0 auto; min-width: 200px; max-width: 960px;}

.content {background: rgb(240,240,240); color: black;}

.content > div {display: none; padding: 0;}

input {display: none;}

label {display: inline-block; padding: 6px 12px; font-weight: 600; text-align: center;}

label:hover {color: rgb(180,0,0); cursor: pointer;}
input:checked + label {background: rgb(180,0,0); color: rgb(240,240,240);}

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2 	{ display: block; }


/************************ HIDE / SHOW ***** Javascript em wilson.asp ****/

.hidden { display: none; }
.unhidden { display: block; }



/******************************** TAMANHO DAS TELAS ********************/

@media screen and (max-width: 716px) {
	.nav {
		position: relative;
		min-height: 40px;
	}
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url("/hades/img/icon-menu.png") no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url("/hades/img/icon-check.png") no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}

        footer #d, footer #e { float: none; width: 100%; min-width: 100%;
                               padding: 8px 5px 0 5px; text-align: left; }

	#direita,#metade	{	float: none;
				width: auto;
				margin: 0 0 1.0em 0;	}

	#outras		{	float: none;
				margin: 0 0 2em 0;
				width: auto;	}

	h4		{ 	margin-top: 15px; font-size: 130%; }

	p#topo { font-size: 110%;
		 font-weight: 800;
		 line-height: 1.5;
	 	 color: blue;
	 	 text-align: center;
		 display: block; }

	ul li  { margin-bottom: 7px; }

	ul#publi  { width: auto; }

}