body, html {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #484848;
	background: #fff;
}

html, body {
    min-height: 100%;
    width: 100%;
    height: 100%;
/*    background: #ddd; */
}

*.fundo {
    background:url(largeapples.jpg) no-repeat;
    height:100%;
    width:100%;
}

div.container {
    display:block;
}

div.container p {
    color:black;
    font-size: 10pt;
}

div.base {
    background-color:#fff;
    width: 690px;
    margin: 10px auto 10px;
    padding:3px;
/*    border-radius:12px;
	border:ridge 3px silver;
	box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.75); */
}

div.header {
	background: #af0000;
	color: #fff;
	font-family: Newtown, Arial, Helvetica, sans-serif;	
/*	border-top-left-radius:8px;
	border-top-right-radius:8px; */
}

div.header .grande {
	font-size: 250%;
	padding-left: 30px;
}

div.header .medio {
	font-size: 150%;
	padding-left: 30px;
	padding-bottom:8px;
}

/* The settings for the black colors */

.black {
	color: #000;
	background: inherit;
}

/* The navigation settings */

div.navigation {
	background: #af0000;
	color: inherit;
	padding-left: 30px;
	font-size:12pt;
/*	border-top:groove 2px #7f0000;*/
}

div.navigation a {
	display: inline-block;
	background-color: #af0000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:2px;
}

div.navigation a.este {
    background-color:#7f0000;
}

div.navigation a:link, div.navigation a:visited {
	color:#fff;
	text-decoration: none;
	border-bottom: 10px solid #af0000;
}

div.navigation a:hover {
	color: #fff;
	border-bottom: 10px solid #fff;
}

/* The settings for the content */

div.content {
	border-top: 5px solid #fff;
}

/* The links for the content */

div.content a:link, div.content a:visited {
	color: #0059AE;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

div.content a:hover, div.content a:focus, div.content a:active {
	color: #0059AE;
	background: inherit;
	text-decoration: underline;
	font-weight: bolder;
}

/* The heading for the content */

div.head1 {
    background: #af0000;
    color:#fff;
    font-size: 130%;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    font-weight: 200;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 2px;
}

/*This lets the big image be place on the left */

div.leftpanel {
    display:table-cell;
    width:50%;
    margin-right:1px;
}

div.rightpanel {
    display:table-cell;
    margin-left:1px;
    width:50%;
}

/* Bottom to colums*/

#bottomcontent {
	clear: both; 
}

#bottomcontent  img {
	float: right;
	border: 10px solid #fff;
	margin-top: 5px;
}

#bottomleft{
	float: right;
	border-top:  3px solid #fff;
	border-bottom:  3px solid #fff;
	border-right:  3px solid #fff;
	border-left: 20px solid #fff;
	width: 320px;
}

#bottomright {
	border-top:  3px solid #fff;
	border-left:  3px solid #fff;
	border-bottom:  3px solid #fff;
	border-right: 20px solid  #fff;
	width: 320px;
	float: right;
}

/* The footer settings*/

div.footer {
	background: #af0000;
	color: #fff;
	font-family: Newtown, Arial, Helvetica, sans-serif;
/*	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px; */
	padding:2px;
}

div.footer a:link, div.footer a:visited {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

div.footer a:hover, div.footer a:focus, div.footer a:active {
	color: #fff;
	background: inherit;
	text-decoration: underline;		
}