/*
Theme Name: Ana Lee
Description: Tema desenvolvido para Ana Lee - www.analee.com.br
Version: 1.0
Author: Inventive House
Author URI: http://www.inventivehouse.com.br
*/


/* Begin Typography & Colors */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img { margin: 0px; padding: 0px; border: 0px;}

* { margin:0; padding:0; }

/* Removes dotted line when focus */
:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }




/******************** COMEÇO FOLHA SITE ******************/

body {
scrollbar-arrow-color:#666;
scrollbar-3dlight-color:#fff;
scrollbar-highlight-color:#666;
scrollbar-face-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-track-color:#fff;
background: url(images/bg-fundo.jpg) no-repeat fixed;
}


#container {
   width: 1000px;
}

p {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   line-height: 17px;
   color: #666;
}


/******** LOGO **********/

.logo {
   margin-top: 80px;
}   


/********** LEFT *************/

#left {
   width: 170px;
   height: 690px;
   float: left;
   background-color: #000;
}

.nav {
   font: bold 11px Arial, Helvetica, sans-serif;
   width: 160px;
   margin: 10px 0 0 5px;
}

.nav li {
	border-bottom: 1px solid #FFF;
	float: left;
	width: 160px;
	padding: 5px 0 5px 0;
}

.nav li a {
	text-decoration: none;
	background: url(images/seta.jpg) no-repeat;
	padding: 0 0 0 12px;
	color: #fff;
	float: left;
}

.nav li a:hover {
   color: #FFCC00;
}

.link-cor {
   font: bold 11px Arial, Helvetica, sans-serif !important;
   color: #FFCC00;
}

.nav li a:hover span {
   color: #fff;
}

.nav span {
   font: 10px Arial, Helvetica, sans-serif;
}	


/*** ANO DA FLARESTA ***/
.ano-da-floresta {
	width: 779px;
	height: 382px;
	margin: 8px 0 0 10px;
}



/*********** RIGHT *********/

#right {
   float: right;
   width: 830px;
}

#right h1 {
   font: 18px Arial, Helvetica, sans-serif;
   color: #f00;
   margin: 10px 0 5px 10px;
}

#right h2 {
   font: 18px Arial, Helvetica, sans-serif;
   color: #666;
   margin: 5px 0 5px 10px;
}

#right h4 {
   font: bold 15px Arial, Helvetica, sans-serif;
   color: #f00;
   margin: 10px 0 5px 10px;
}

#right p {
   padding: 10px 15px 0 10px;
   text-align: justify;
}


.linhas {
   padding: 10px 0 10px 0;
}



/************ CONT RIGHT **************/

#cont-right {
   background-color: #FFF;
   width: 800px;
   height: 400px;
   margin-top: 190px;
}

#cont-right object {
   margin-top: 15px;
}


/*** IMAGENS CHAMADAS ***/
.img-cont {
   float: left;
   margin: 5px 10px 5px 15px;
   border: 1px solid #999;
}

.img-cont-right {
   float: right;
   margin: 5px 10px 5px 15px;
   border: 1px solid #999;
}

.img-cont-1 {
   float: left;
   margin: 0 10px 5px 5px;
}

/*** ESPAÇO ENTRE PARAGRAFOS PAGINA ANO DA FLORESTA ***/
.EspacoParagrafos {
	height: 180px;
}

.webmail {
   float: left;
   margin: 10px 0 0 5px;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.politica {
   float: left;
   margin: 10px 0 0 540px;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.webmail, politica, a {
   text-decoration: none;
   color: #fff;
}

.webmail, politica, a:hover {
   color: #FFCC00;
}




/****************** PAGIANAS DENTRO ********************/

.nav-right {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   padding: 20px 0 0 5px;
}

.nav-right li {
	list-style: none;
	display: inline;
}

.nav-right li a {
	text-decoration: none;
	background: url(images/seta-right.jpg) no-repeat;
	margin-left: 10px;
	padding-left: 10px;
	color: #f00;
}

.nav-right li a:hover {
   color: #black;
}



/********* OVERFLOW **************/

.overflow {
   width: 800px;
   height: 340px;
   overflow-y: auto;
   overflow-x: hidden;
   margin-top: 20px;
   float: left;
}

.overflow h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #777;
	margin: 0 0 10px 27px;
}

.lista {
   font: 12px Arial, Helvetica, sans-serif;
   margin-top: 10px;
}

.lista li {
   list-style: disc;
   line-height: 18px;
   margin: 5px 5px 0 22px;
   color: #666;
}

.texto-menor {
   font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.email {
   color: #333;
}

/************ LISTA LINKS ***********/

.lista-links {
   font: 12px Arial, Helvetica, sans-serif;
   color: #f00;
   margin-top: 15px;
}

.lista-links li {
   list-style: disc;
   margin: 5px 0 0 40px;
}

.lista-links li a {
   color: #f00;
}

.lista-links li a:hover {
   color: #000;
}




/************** FOTOS **************/

.fotos {
   margin: 15px 0 0 0;
}

.fotos img {
   border: 1px solid #999;
   margin: 10px 0 10px 10px;
}

.foto-legenda {
   width: 161px;
   float: left;
   margin: 10px;
}

.foto-legenda img {
   border: 1px solid #999;
}

.foto-legenda p {
   font: 9px Verdana, Arial, Helvetica, sans-serif !important; 
   padding: 5px 0px !important;
}



/*********** FOTOS GALERIA ***********/

.foto-galeria {
   margin: 10px 0 0 10px;
}

.foto-galeria p {
   margin: 0 0 5px 0px !important;
   padding: 0px !important;
}


.foto-galeria img {
   width: 90px;
   border: 1px solid #CCC;
   margin: 0 5px 5px 0;
}



/************************ FORMULARIO *************************/

.formulario {
	width: 480px;
	font: 12px arial;
	margin: 20px 0 0 0;
}

.formulario p {
   text-align: left !important;
   width: 50px;
   height: 30px;
}

.formulario h2 {
	margin: 0px 0 10px 0 !important;
}
	
.formulario fieldset {
	padding: 12px;
	margin-bottom: 25px;
	border: 0px;
	color: #666;
}
		
.formulario input {
	width: 450px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	padding: 3px;
	margin-bottom: 3px;
}
		
.formulario textarea {
	width: 450px;
	height: 120px;
	border: 1px solid #7F9DB9;
	margin-bottom: 3px;
	padding: 3px;
	font: 12px arial;
}
		
input:hover, select:hover, textarea:hover {
	background-color: #F2F3F4;
	border: 1px solid #000;
	}
		
input:focus, select:focus, textarea:focus {
	background-color: #FFFFCC;
	border: 1px solid #000;
}

.formulario .botao-form {
	background: #000;
	padding: 5px 3px 5px 3px;
	color: #fff;
	border: 0px;
	cursor: pointer;
	float: left;
	margin: 5px 0 0 6px;
}

.formulario .botao-form:hover {
	background: #f00;
}


.form-curc input {
   width: 50px !important;
   border: 0px !important;
   height: 15px;
   float: left;
}

.img-unidades {
	float: right;
	margin: 0 20px 0 0;
}


.overflow iframe {
   margin: 10px 0 0 10px;
   border: 1px solid #999;
}


#inventive {
   font: 7pt Verdana, Arial, Helvetica, sans-serif;
}