/* --------------------------------------------------------------
   Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------------------------------
   Elementos Base
-------------------------------------------------------------- */

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#73706f;	
	background:#151210;	
}

.container { width:870px; margin:0 auto; position:relative;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; color:#555; }

h1{font-size: 28px; color: #181412; font-weight: 400; font-family: 'Lora',serif;}

h2, h3, h4{ color:#555; font-size:22px; text-align:left; padding:0 60px 0 0; text-shadow:1px 1px #eee;  padding:5px 0 25px 0; }


p{ font-size:14px; margin-bottom:20px; color:#797979; text-align:justify; line-height:22px;}
a{ color:#333; text-decoration:underline; }
a:hover {color:#555; text-decoration:none;}

p strong{ font-size:12px; font-family:Tahoma, Geneva, sans-serif}

a.more{ color:#ccc; text-decoration:none; font-size:12px; position:absolute; margin-left:15px; text-shadow:1px 1px #000;  }

ul{ margin-bottom:25px; list-style:disc}
ul li{ color:#555;}
ul li a{ color:#555;}
ol{ margin-bottom:20px; list-style:decimal; }
strong{font-weight:bold;}
em{font-style:italic; color:#F00; font-size:10px; margin-bottom:20px;}

.left {float:left;}
.right {float:right;}
.clear{ clear:both }

img.alignleft {	display: inline;float: left;margin-right: 24px; margin-top: 4px; }
img.alignright {display: inline;float: right;margin-left: 24px;	margin-top: 4px;}
img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}



/* Header
---------------------------------------------------------*/

#header{  overflow:hidden; position:relative; height:544px; width:100%; background:url(../images/row-bot-bg.jpg) no-repeat top center;}

#logo { margin:30px 0 30px 0; float:left; }

#slide{ width:870px; height:330px; background:#fff; margin-bottom:30px; display:block; }

#nav{ float:left; margin:80px 0 0 50px;}
#nav ul { margin:0; padding:0;}
#nav ul li { list-style:none; float:left;  color: #ccc;}
#nav ul li  a{  float:left; color: #ccc; font-size:14px; text-decoration: none; padding:0 7px 0 7px; text-align:center; text-shadow:1px 1px #000}
#nav ul li  a:hover{ color:#F60 }


/* Conteudo
---------------------------------------------------------*/

#main{ width:100%; padding:60px 0 60px 0; height:100%; overflow:hidden; position:relative; background:#f2f2f2 url("../images/content-bg.png") no-repeat center top;}

#content{ float:left; width:550px; }

#box1{ width:100%; overflow:hidden; margin-bottom:35px; }

#box1 h1{ font-size: 22px; color: #181412; font-weight: 400; font-family: 'Lora',serif; }
#box1 img{  float: left; margin-right:20px; border:2px solid #fff;  box-shadow:2px 2px 2px #ccc;}
#box1 p{ font-size: 13px; color: #575757; text-align:left; line-height:20px; }
#box1 p span{ font-size: 15px; color:#575757; text-align:left;  }


#box2{ width:100%; overflow:hidden; }
#box2 h3{ font-size: 22px; color: #181412; font-weight: 400; font-family: 'Lora',serif; margin-bottom:15px; padding:0;}
#box2 img{  float: left; margin-right:20px;  }
#box2 p{font-size:13px; color: #575757; text-align:left; line-height:20px;  }
#box2 p span{ font-size: 12px; color:#575757; text-align:left; font-weight:bold  }

#box2 ul{ padding:0; margin:0; list-style:none; }
#box2 ul li { color:#181412; font-size:12px; line-height:18px;}


#sidebar{ float:right; width:270px; background:#82a856; padding:10px;}
#sidebar p{ color:#fff; text-align:left; line-height:18px;}

#sidebar h3{ font-family: 'Lora',serif; font-size: 22px; line-height: 1.227em; font-weight: 400; margin-bottom: 20px; color:#fff; text-shadow:none;
background: #5f8a42; text-align:center; display:block; padding-top:20px;}

#sidebar h4{ font-family: 'Lora',serif; font-size:18px; border-bottom:1px solid #FFF; padding-bottom:10px; color:#fff; text-shadow:1px 1px #000;  }

#sidebar ul{ padding:0; margin:0 0 0 50px;}
#sidebar ul li { color:#fff; font-size:14px; line-height:18px;}

/* --------------------------------------------------------------
  Footer
-------------------------------------------------------------- */

#footer{ width:100%; padding:30px 0 28px 0; color:#655652; background:url(../images/bg-footer.gif) repeat-x center top;}

/*===== credito =====
-----------------------------------------------------------*/

#credito{
	position:fixed;
	bottom:0;
	right:0;
	width:auto;	
}
#credito img{
	width:31px;
	height:31px;
	border:0;		
}
#credito p{
	font-size:9px;
	font-style:normal;
	text-align:center;
	margin:0;
	padding:0;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;		
}
#credito p a{
	font-size:9px;
	color: #F30;	
}	


