/*###################RESERT###########################*/
/* Isso aqui � pra arrumar um bug do com containers com float.
fonte: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, #content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #content {display:block;}
.clear {clear:both;}

.clearfix:after, #mainDiv:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #mainDiv {display:block;}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
body {
	height:100%;
	line-height: 1;
}
html{
	height:100%;
	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 300px;
}

/* Isso aqui é pra arrumar um bug do com containers com float. fonte: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, #content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #content {display:block;}
.clear {clear:both;}

.clearfix:after, #mainDiv:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #mainDiv {display:block;}

hr{
	margin: -10px 0px 5px 0px;
	}
	
	head/*/+body/**/ 
	{}html>/**/body {} 
	html>body 
	*:first-child+html {} 
	
	* {
padding: 0;
margin: 0;
border: 0;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
a img, iframe {
    border: none;
}
ol, ul {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    font-family: inherit;
}
select {
    margin: inherit;
}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* ##################################################################################*/

p{
	font-family:"verdana";
	font-size:11px;
	color:#333;
	line-height:16px;
	text-align:left;
}


.saibamais{
	width:150px;
}

.saibamais{
	font-family:"verdana";
	font-size:11px;
	color:#333;
	text-align:center;	
	cursor:pointer;
}

.font1{
	font-family:Arial;
	font-size:17px;
	color: #F60;
	font-weight:bold;
}

.font2{ font-family:Arial; font-size:10px; color: #F60; text-align:left;}

.3{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#333;
	line-height:normal;
	text-align:left;
}

p4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:inherit;
	text-align:center;
}

p5{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:inherit;
	text-align:left;
}



H1{ font-family:Arial; font-size:17px; color: #F60; text-align:left;}
H2{ font-family:Arial; font-size:12px; color: #F60;}
H3{ font-family:Arial; font-size:12px; color:#036; font-weight:bold; }
H4{ font-family:Arial; font-size:16px; color:#036; font-weight:bold; text-align:left; }



a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:inherit;
	text-align:center;
	text-decoration: none;
}

a:hover { font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F60;
	line-height:inherit;
	text-align:center; 
	text-decoration: none;
}




/* Estrutura Base ######################################################################*/

/* Estrutura Base ######################################################################*/

.enviar{
	width:50px;
	height:20px;
	border:1px solid #CCC;
	background-image:url(../images/bg_val.jpg);
	margin-bottom:10px;
	border-radius: 0px 10px 0px 10px;
}

input{
	width:290px;
	height:20px;
	border:1px solid #CCC;
	background-color: #FFF;
	margin-bottom:10px;
	border-radius: 0px 10px 0px 10px;
}

.login{
	width:150px;
	height:20px;
	border:1px solid #CCC;
	background-color: #FFF;
	margin-bottom:10px;
	border-radius: 0px 10px 0px 10px;
}

textarea{
	width:290px;
	height:110px;
	border:1px solid #CCC;
	background-color: #FFF;
	margin-left:20px;
	border-radius: 0px 10px 0px 10px;
}

.mapBord{
	border: #CCC 10px solid;
		border-radius: 10px 10px 10px 10px;
}


#geral{
	width:100%;
	height:auto;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-x;
	margin: 0 auto;
	text-align:center;
}

#container{
	width: 900px;
	margin: 0 auto;
}

#logo{
	width:900px;
	height:80px;
	text-align:left;
	margin-top:;
}


#menu{
	width:900px;
	height:20px;
	text-align:center;


}

#banner{
	width:900px;
	height:93px;
	margin-top:12px;
	
}

#topH{
	width:900px;
	height:auto;
	background-image:url(../images/topH.jpg);
	margin-top:98px;
}

#main{
	width:900px;
	height:auto;
	background-image:url(../images/backH.jpg);
	background-repeat:repeat-y;
	padding:30px 30px 30px 30px;
	text-align:left;
	}

#baseH{
	width:900px;
	height:24px;
	background-image:url(../images/baseH.jpg);

}

#rodape{
	width:auto;
	height:95px;

	margin-top:10px;
}

#roda{
	width:100%;
	height:95px;
	text-align:center;
	background-image:url(../images/rodaB.jpg);
	margin-top:10px;
}

/* Estrutura Home ######################################################################*/

#newsH{
	width:190px;
	height:auto;
	float:left;
	margin-top:-30px;
}

#titleNH{
	width:190px;
	float:left;
	text-align:left;
	margin-top:10px;
}

#mainH{
	width:600px;
	height:auto;
	float:left;
	margin-top:-30px;
	margin-left:45px;
}


#resumoNH{
	width:190px;
	float:left;
	text-align:left;
	margin-top:10px;
}

.img2{
	margin-left: 10px;
}

#box{
	width:395px;
	height:127px;
	padding: 18px 10px 10px 10px;
	background-image:url(../images/boxH.jpg);
	margin-top:15px;
	float:left;
	margin-bottom:0px;

}

#imgH{
	width:140px;
	height:100px;
	float:left;
	margin: 5px 5px 5px 5px;
}


.imgCat{
	border:5px #999 solid;
	margin: 0px 20px 20px 20px;
}

#galeryMain{
	width:560px;
	height:490px;
	margin:0 auto;
	background-color:#FFF;
	border: #CCC 10px solid;
		border-radius: 10px 10px 10px 10px;

}
	
#galery{
	width:520px;
	height:450px;
	margin:0 auto;
	float:left;
	margin-left:20px;
	margin-top:20px;
	
}

/* Equipe ######################################################################*/

#imgE{
	width:150px;
	height:;
	float:left;
	margin: 5px 5px 5px 5px;
}

#mainE{
	width:580px;
	height: auto;
	background-color:#FFF;
	border: dotted #999 2px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

#textoE{
	width:560px;
	height: auto;
}

#textoE2{
	width:400px;
	float:right;
}

/*Pergunta ###################################################################### */
#pergunta{
	width:600px;
	text-align:justify;
}


/*news ###################################################################### */

#news{
	width:580px;
	text-align:justify;
	background-color:#FFF;
	border: #999 dotted 1px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	margin-top:20px;
}

#titleN{
	width:580px;
	text-align:left;

}

#resumo{
	width:580px;
	text-align:left;
	margin-top:10px;
	text-align:justify;
}
#saiba{
	text-align:right;
	margin-top:10px;
	float:right;
}

#saibaO{
	width:580px;
	text-align:right;
}

/* CLasses ####################################### */

.negrito{
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	margin-left:10px;
	line-height:22px;
	color: #666;
}



.negritoN{
	font-size:13px;
	color:#F60;
}

.negritoO{
	font-weight:bold;
	font-size:13px;
	color:#666;
}

.italicO{
	font-style:italic;
	font-size:12px;
	color:#666;
	margin-left:10px;
}

.galery{
	margin:0 auto;
	width:520px;
}

.saiba{
	font-weight:;
	font-style:italic;
	font-size:11px;
	text-align:right;
	color: #666;
}


.imgN{
	border-bottom:#FFF 10px solid;
	border-right:#FFF 10px solid;
	text-align:right;
}


.saibaH {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:inherit;
	text-align:right;
	text-decoration: none;
}

.saibaH:hover { font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F60;
	line-height:inherit;
	text-align:right; 
	text-decoration: none;
}