html {height:100%;}
body, html {
	margin: 0; padding: 0; 
	height:100%;
	background: #efefef;
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizelegibility;
}
.bodybox {
	max-width: 1120px;
	padding:auto;
    margin: auto;
}
.container {
	background: url(images/corpo.png) center top repeat-y;
	max-width: 1120px;
	padding:auto;	
	margin: auto;
	background-color:#ffffff;
}
.top {
	max-width: 1080px;
	background:#000080;
	height:40px;
	padding:auto;	
	margin: auto;
}
.toptxt {
	max-width: 1060px;
	padding-top:10px;
	text-align:right;
	color:#ffffff;
}
.toptxt h1 {
	font-size:16px;
	font-weight:normal;
	line-height:12px;
	margin-top:5px;
}
.header { 
	max-width: 1080px;
	height: 100px;
	background: #ffee00;
	text-align:center;
	margin: auto;
}
.header img {
	max-width:100%;
	margin:0; 
	padding:0; 
}
div.splash {
	text-align:center;
	max-width:680px;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #ffeedd;
	font-size:1.2em;
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);

}
div.splash h1 {
	color:#800000;
	font-size:1.5em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-shadow: 1px 2px 2px #ffffff;
}
div.type {
	max-width:500px;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#800000;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.type h2, a {
	color:#ffffff;
	font-size:1em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:500px;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #ffeedd;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.item h2, a {
	color:#800000;
	font-size:1em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.text {
	max-width:660px;
	text-align:justify;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.8em;
	background: #ffeedd;
	color:#800000;
	font-size:0.9em;
	font-weight: 400;
}
.square img {
	max-width:100%;
	padding:0.2em;
}
.square img {
	max-width:100%
}
div.contact {
	max-width: 680px;
	margin:0.9em 0 0.4em 0;
	padding:0.4em 0 0.4em 0;
	background:#800000;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.6em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
.write {
	font-size: 0.8em;
}
div.call {
	text-align:center;
	max-width: 1080px;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #ffeedd;
	color:#800000;
	font-size:1.5em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:100%;
	margin:0;
	padding:0;
}
div.call a {
	font-size:1em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.brands {
	text-align:center;
	max-width:99%;
}
div.brands img {
	text-align:center;
	max-width:100%;
}
div.spacer {
	max-width: 1080px;
	background:#000080;
	color:#ffffff;
	height:20px;
}
.square {
	width: 100%;
}
.footer {
   	max-width: 1000px;
    width: 98%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
}
.footer .inner {
	font-size:0.8em;
}
.footer .inner a {
	color: #000080;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #cc9900;
}
.footer span.webring a {
	color:#000000;
	text-decoration:none;	
}
.footer span.webring a:hover {
	color: #000000;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 800px) {

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	background: url(images/corpo.png) center top repeat-y;
	max-width: 100%;
	padding:auto;	
	margin: auto;
	background-color:#ffffff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.7);
}
.header { 
	width: 100%;
	height:100%;
}
.header img {
	max-width:100%;
	margin:0; 
	padding:0; 
}
.top {
	max-width: 100%;
	background:#000080;
	height:30px;
	padding:auto;	
	margin: auto;
}
.toptxt {
	max-width: 99%;
	padding-top:5px;
	margin-right:5px;
	text-align:right;
	color:#ffffff;
}
.toptxt h1 {
	font-size:0.8em;
	font-weight:normal;
	line-height:1em;
	margin:5px 5px 0 0;
}
div.splash {
	text-align:center;
	max-width:80%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #d2e6f9;
	font-size:0.9em;
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);

}
div.splash h1 {
	color:#002276;
	font-size:1.5em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-shadow: 1px 2px 2px #ffffff;
}
div.type {
	max-width:85%;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.type h2, a {
	color:#ffffff;
	font-size:1em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:80%;
	margin:0.5em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #d2e6f9;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.item h2, a {
	color:#002276;
	font-size:0.9em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.text {
	max-width:80%;
	text-align:justify;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.8em;
	background: #eeeeff;
	color:#951419;
	font-size:0.6em;
	font-weight: 400;
}
.square {
	width: 100%;
}
.square img {
	max-width:400px;
	padding:0.9em;
}
div.contact {
	max-width: 80%;
	margin:0.9em 0 0.4em 0;
	padding:0.4em 0 0.4em 0;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.4em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
div.call {
	text-align:center;
	max-width: 100%;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #eeeeff;
	color:#000080;
	font-size:1.4em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:40px;
	margin:0;
	padding:2px;
}
div.brands {
	text-align:center;
	max-width:99%;
}
div.brands img {
	text-align:center;
	max-width:95%;
}
.footer {
    width: 90%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
}
.footer .inner {
	font-size:0.5em;
}
.footer .inner a {
	color: #000080;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #cc9900;
}

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media screen and (max-width: 400px) {

.bodybox {
	max-width: 90%;
	padding:auto;
    margin: auto;
}	
.container {
	background: url(images/corpo.png) center top repeat-y;
	max-width: 100%;
	padding:auto;	
	margin: auto;
	background-color:#ffffff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 14px rgba(0, 0, 0, 0.6);
}
.header { 
	width: 100%;
	height:100%;
}
.header img {
	max-width:100%;
	margin:0; 
	padding:0; 
}
.top {
	max-width: 100%;
	background:#000080;
	height:30px;
	padding:auto;	
	margin: auto;
}
.toptxt {
	max-width: 99%;
	padding-top:5px;
	margin-right:5px;
	text-align:right;
	color:#ffffff;
}
.toptxt h1 {
	font-size:0.8em;
	font-weight:normal;
	line-height:1em;
	margin:5px 5px 0 0;
}
div.splash {
	text-align:center;
	max-width:90%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #d2e6f9;
	font-size:0.6em;
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);

}
div.splash h1 {
	color:#002276;
	font-size:1.4em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-shadow: 1px 2px 2px #ffffff;
}
div.type {
	max-width:85%;
	margin:0.1em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.type h2, a {
	color:#ffffff;
	font-size:0.8em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #eeeeff;
}
div.item {
	max-width:85%;
	margin:0.1em 0.15em 0.6em 0.15em;
	padding:0.4em 0.3em 0.4em 0.3em;
	background: #d2e6f9;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.item h2, a {
	color:#002276;
	font-size:0.8em;
	font-weight: 700;
	margin:0;
	padding:0;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.text {
	max-width:90%;
	text-align:justify;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.8em;
	background: #eeeeff;
	color:#951419;
	font-size:0.68em;
	font-weight: 400;
}
.square {
	width: 100%;
}
.square img {
	max-width:260px;
	padding:0.5em;
}
div.contact {
	max-width: 95%;
	margin:0.9em 0 0.4em 0;
	padding:0.3em 0 0.3em 0;
	background:#000080;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 2px 2px 4px rgba(0, 0, 0, 1);
}
div.contact a {
	color:#ffffff;
	font-size:1.1em;
	font-weight: 700;
	text-decoration:none;
	text-shadow: 1px 2px 2px #ffffff;
}
div.contact a:hover {
	color:#ffff00;
	font-weight: 700;
	text-decoration:underline;
	text-shadow: 1px 2px 2px #ffffff;
}
div.call {
	text-align:center;
	max-width: 100%;
	margin:0.5em 0 0.4em 0;
	padding:0.1em 0 0.1em 0;
	background: #eeeeff;
	color:#000080;
	font-size:1.1em;
	font-weight: 700;
	text-shadow: 1px 1px 2px #dddddd;
}
div.call img {
	max-width:30px;
	margin:0;
	padding:2px;
}
div.discover {
	text-align:center;
	max-width:93%;
	margin:0.5em 0.15em 0.4em 0.15em;
	padding:0.4em 0.35em 0.4em 0.35em;
	background: #951419;
	color:#ffffff;
	font-size:1em;
}
div.discover a {
	color:#ffffff;
	text-decoration:none;
}
div.discover a:hover {
	color:#ffaa00;
	text-decoration:underline;
}
div.brands {
	text-align:center;
	max-width:99%;
}
div.brands img {
	text-align:center;
	max-width:95%;
}
.footer {
   	max-width: 95%;
	height:auto;
	padding-bottom:1em;
    margin: auto 0 auto;
}
.footer .inner {
	font-size:0.6em;
}
.footer .inner a {
	color: #000080;
	font-size:1em;
	font-weight:400;
	text-decoration:underline;
}
.footer .inner a:hover {
	color: #cc9900;
}

}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/