/********************************************************************
********************* DEFINIÇÕES BÁSICAS ****************************/

a 			{	color: rgb(0,0,0);
				text-decoration: none;	}

a:hover 		{	color: rgb(150,0,0);
				text-decoration: none;	}

/********************************************************************
********************* ESTRUTURA ************************************/

html		{	font-size: 20px; 	}

body 		{	margin: 0;
			padding: 0;
			font-size: 1.05em;
			font-family: sans-serif;
			line-height: 1.35em;
			background: rgb(245,245,245);	}

pagewrap,topo,corpo,h1,rodape	{	display: block; 	}

pagewrap 	{	position: relative;
			width: 960px;                       /* background: lightblue; */
			padding: 0;
			margin: 0 auto; }

topo		{	min-width: 98%;                      background: black;
			padding: 0.35em 0;		     color: rgb(245,245,245);
			text-align: center;
			font-size: 1.8em;
			text-transform: uppercase;
			border-bottom: 2px solid black; }

corpo		{	margin-top: 1.75em;
			min-height: 22.5em; }

rodape		{	margin-top: 1.0em;
			padding-top: 0.80em;
			border-top: 2px solid black;	}

div#esquerdo	{	float: left;
			width: 69.8%;
			padding-bottom: 1em;	}

div#direito	{	width: 26.0416%;
			float: right;
			padding-bottom: 1em; 	}

div#emprest1	{	float: left;
			width: 60%;
			padding-bottom: 1em;	}

div#emprest2	{	width: 39.8%;
			float: right;
			padding-bottom: 1em; 	}


/********************************************************************
********************** TEXTOS E IMAGENS ****************************/

h1		{	margin: 0 0 1.4em 0;
			padding: 0;
			text-transform: uppercase;
			font-weight: 400;
			font-size: 1.45em;	}

img		{	width: 100%;
			max-width: 100%;	}

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

div#esquerdo p	{	margin: 0;
			text-indent: -1em;
			padding: 0 0 0.8em 1em;		}


/********************************************************************
********************** FORMULÁRIOS *********************************/

input	{	border: solid 1px rgb(170,170,170);
		width: 100%;
		height: 2em;
		font-size: 1.1em;
		line-height: 1.5em;
		color: rgb(0,70,140);
		vertical-align: middle;
		padding: 3px 5px;	}

input[type = "submit" ]	{	display: block;
				margin: 1.5em 0;
				width: 7em;
				text-align: center;
				font-size: 1.2em;	}

input[type = "radio"] 	{ 	width: 1.5em;
				margin-left: 0.5em;	}

label	{	font-size: 1.1em;
		line-height: 1.5em;	}


/******************************************************************
************************ MENU ACCORDION ***************************/

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

#accordion2 input {	display: none;	}

#accordion2 label {	float: right;
			width: 2.5em;
			margin-top: 0;
			background: rgb(0,0,0);
			color: rgb(245,245,245);
			cursor: pointer;
			display: block;
			margin-bottom: 0;
			padding: 0.30em 0.25em 0 0.25em;
			z-index: 30;	}

#accordion2 label:hover {	color: rgb(245,245,245); background: rgb(180,70,70);	}

#accordion2 input:checked + label {	background: rgb(180,50,50);
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
					color: rgb(245,245,245);
					margin-bottom: 0;	}

#accordion2 article {	background: rgb(245,245,245);
			height: 0;
			overflow: hidden;
			z-index:10;	}

#accordion2 article p 	{	font-size: 0.90em;
				line-height: 1.30em;
				padding: 1em 0 1em 2em;	}

#accordion2 article ol	{	margin: 0 0 0 3em;	}

#accordion2 article ol li	{	font-size: 0.90em;
					line-height: 1.30em;	}

#accordion2 input:checked article 	{	}

#accordion2 input:checked ~ article {	/* border-bottom-left-radius: .25em; */
					/* border-bottom-right-radius: .25em; */
					height: auto;
					margin-bottom: .75em;	}

#pr2	{ 	margin-bottom: 0.5263em;	}


/********************************************************************
********************** MEDIA QUERIES ********************************/

/* for 980px or less */
@media screen and (max-width: 980px) {

	pagewrap 	{	width: 98%;	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {



}

/* for 480px or less */
@media screen and (max-width: 480px) {

	pagewrap	{ 	font-size: 0.8em;	}

	div#esquerdo	{	float: none;
				width: auto;	}

	div#direito	{	width: 70%;
				float: none;
				margin: 0 auto; }

	div#emprest1,div#emprest2	{	width: auto;
						float: none;	}

}

/******************************************************************/