@charset "UTF-8";

body {
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: #ccc;
	text-align: center;
}

#mainContainer {
	text-align:left;
	width: 720px;
	margin: 20px auto 0 auto ;
	background-color: #FFF;
	font-size: 11px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}


.blocoLargura {
	width: 720px;
	overflow: auto;
	background-color: #0BB12B;
	background-image: url(../img/fundo_1colVerde.gif);
	background-repeat: repeat-y;
}
.blocoLarguraBranco {
background:#fff;
width: 720px;
overflow: auto;
background-image: url(../img/fundo_1colVerde.gif);
	background-repeat: repeat-y;
}

.coluna {
	float: left;
	width: 240px;
	}
	
	
.doisColunasDireita {
	float: right;
	width: 480px;
	}
	
.slogan {
color: #FFF;
	float: right;
	width: 460px;
	text-align: center;
	}

.novidades {
background-color: #ccc;
margin: 0;
padding: 0;
width: 240px;
	}
p {
margin: 0;
padding: 10px;
font-size: 11px;
line-height: 16px;
word-spacing: 2px;
overflow: auto;
}

.chapeau {	
	background-color: #0BB12B;
	padding: 10px;
	margin: 0;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 14px;
	color: #fff;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

.subParte{
margin: 10px 0 0 0;
}

.doisColunasDireita p {
margin: 0;
padding:  0 10px 10px 10px;
font-size: 11px;
line-height: 16px;
word-spacing: 2px;
overflow: auto;
}

h1 {
	width: 220px;
	color: #FFF;
	padding: 8px 10px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	background-color: #F60;
}
h2 {
color: #FFF;
padding: 3px 10px;
margin: 0;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
line-height: 16px;
background:#0BB12B;
}

h3 {
	color: #333;
	padding: 3px 10px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	background-color: #E7E7E7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}

a, a:visited {
color: #1E6132;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #1E6132;
font-weight: bold;
text-decoration: underline;
}

a.pdf, a:visited.pdf {
	color: #000;
	line-height: 14px;
	font-weight: normal;
	padding: 2px 0 0 20px;
	background-image: url(../img/picto_pdf.gif);
	background-repeat: no-repeat;
	background-position: left top !important;
	background-position: left 10px;
}

a:hover.pdf {
	color: #1E6132;
	font-weight: normal;
	text-decoration: none;
}

img {
border: 0;
margin: 0;
padding: 0;
overflow: auto;
}

.ours {
margin: 0;
padding: 10px 10px 10px 5px;
font-size: 11px;
font-weight: bold;
text-align:justify;
line-height: 16px;
background-color: #fff;
}

.destaque {
margin: 0;
padding: 10px;
font-size: 11px;
font-weight: bold;
line-height: 16px;
}

.atencao {
margin: 0;
padding: 10px;
font-size: 11px;
font-weight: bold;
color: #F00;
}

.spacer {
  clear: both;
  margin: 0;
  padding: 0;
}
#rodape {
 	clear: both;
	margin: 0;
	padding: 0;
}

#assinatura {
	text-align: right;
	width: 720px;
	margin: 0 auto 10px auto;
	padding: 0;
}

#didhoc a, #didhoc a:visited {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B5B5B5;
	border-bottom-color: #B5B5B5;
	border-left-color: #B5B5B5;
	color: #B5B5B5;
	text-decoration: none;
}

#didhoc a:hover {
	color: #fff;
	background-color:#000;
}


.doisColunasDireita ul {
	color: #666;
	background-color: #E7E7E7;
	margin: 0 0 20px 20px;
	padding: 10px;
	border: 1px solid #999;
}

.doisColunasDireita li {
	margin: 0 0 2px 10px;
	padding: 0;
}



.doisColunasDireita li em {
	color: #1E6132;
	font-style: normal;
	font-weight: bold;
	}

/* menu deroulant------------------------------ */
div#menu ul {padding: 0; margin:0px; text-align:center; height: 20px;}
div#menu li {background:#1E6132; height:20px; width:240px; line-height:20px;}
	
div#menu li.parent { background:url(../img/seta_baixo.gif) 220px 50% no-repeat #000; color:#fff; font-size: 11px; letter-spacing: 1px; font-weight: bold;}

div#menu li.solteiro a {background:#1E6132; color:#fff; font-size: 11px; letter-spacing: 1px; font-weight: bold;}
div#menu li.solteiro a:hover {
	color:#000;
	background-color: #E7E7E7;
}

div#menu ul li {position:relative; list-style: none; float:left}

div#menu ul ul {position:absolute; display:none; top:20px; left:0;}
div#menu li a {text-decoration: none; display:block;}

div#menu ul.niveau1 li.parent:hover ul.niveau2, div#menu ul.niveau2 li.parent:hover ul.niveau3 {display:block;}

div#menu ul.niveau2 li {height:23px;  padding: 1px 0; line-height: 22px;}
div#menu ul.niveau2 li a {border-bottom:1px solid #fff; color:#FFF; font-size: 10px; height:23px;}
div#menu ul.niveau2 li a:hover {background-color:#E7E7E7; color:#000}

div#menu ul.niveau3 {top:-1px; left: 100px;}
/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}
/* FORMS------------------------------ */

/*** Mise en forme du formulaire ***/

form {
	border: none;
	margin: 0;
	padding: 0;
}

#piedForm {
	text-align: right;
	color: #fff;
	margin: 0;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bold;
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin: 0 20px;
}
fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	border: 0;
font-size: 11px;
font-weight: bold;
line-height: 16px;
}
legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #000;
}
form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 20px 0;
	margin: 0;
}
label {	/*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	font-size: 11px;
	line-height: 16px;
}
label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
	font-weight: normal;

}
form .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #cccccc;
}
form .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #fff;
	color: #000;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}

/* TABLEAUX------------------------------ */
table {
	border-collapse:collapse;
	margin: 0 0 0 10px;
}
thead, tfoot {
color: #1E6132;
	background-color:#E7E7E7;
	border:1px solid #999;
	font-size: 10px;
	font-weight: bold;
}
tbody {
	background-color:#FFFFFF;
	border:1px solid #999;
}

tfoot th {
	background-color:#1E6132;
}

th {
text-align: center;
	background-color:#fff;
}
td {
	font-size: 10px;
	border:1px solid #999;
	padding: 3px;
	text-align:center;
}
caption {
	font-family:sans-serif;
}