/**
*
* Css padrão do site Mudas de Eucalipto
*
*@author        Diego Eyer <diego@friwebdesign.com>
*@empresa       Friweb <www.friweb.com.br>
*@package       Estilos
*subpackage     Principal
*/


/* CSS PADRÃO */

* {
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}


body {
	text-align:center;
	background:#608421 url(../imagens/layout/bg-geral.jpg) repeat-x top left;
	
}

div, table, input, textarea {
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4a4a4a;
} 
	
p {
	line-height:150%;
	padding:0px 0px 10px 0px;
	text-align:left;
}

p.forma1 {
	margin-top:6px;
}

p.centralizar {
	text-align:center;
	line-height:150%;
	padding:0px 0px 5px 0px;
}

p.centralfotos {
	text-align:center;
	line-height:150%;
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
	font-size:11px;
}

p.inicio-veja {
	text-align:center;
	line-height:150%;
	padding:0px 0px 5px 0px;
	margin-top:10px;
	margin-left:300px;
	font-size:11px;
	display:inline-table;
}

p.right {
	text-align:right;
}

a {
	margin:0px auto;
	color:#985411;
	font-weight:bold;	
	
	
}

a:hover {
	color:#dc9b62;
	
}

a.um {
	margin:0px auto;
	color:#c2712c;
	font-weight:bold;	
	background:url(../imagens/layout/seta3.gif) no-repeat 0px 3px;
	padding:0px 0px 0px 12px;
	font-size:10px;
}

a.um:hover {
	color:#cc9c72;	
}

a.dois {
	margin:0px auto;
	font-weight:normal;
	color:#ffffff;
	background:url(../imagens/layout/seta2.gif) no-repeat 3px 6px;
	padding:3px 5px 3px 17px;
	background-color:#0e0e0e;
	font-size:10px;
}

a.dois:hover {
	color:#c2712b;	
}

a.tres {
	margin:0px auto;
	color:#c2712c;
	font-weight:bold;	
	background:url(../imagens/layout/seta.gif) no-repeat 0px 4px;
	padding:0px 0px 0px 12px;
	font-size:10px;
}

a.tres:hover {
	color:#cc9c72;	
}

img.space {
	margin-right:5px;
	vertical-align:1px;
}

#geral {
	margin:0px auto;
	width:900px;
	text-align:left;
	margin-top:10px;
	background-color:#ffffff;
}

#geral #topo {
	background:url(../imagens/layout/bg-cont-topo.jpg) no-repeat bottom right;
	height:213px;
	width:900px;
	
}

#geral #topo .logo {
	float:left;
	width:236px;
}
#geral #topo .topo-cont {
	float:right;
	width:664px;
}

#geral #topo .topo-cont p {
	font-size:9px;
	color:#64700b;
	text-align:center;
	margin-:0px auto;
	padding:5px 0px 0px 0px;
}

#geral #conteudo {
	width:890px;
	margin-left:5px;
	margin-right:5px;
	padding:0px 0px 0px 0px;
	display:table;
	background:#ffffff url(../imagens/layout/bg-cont.gif) repeat-x top left;
}

#geral #conteudo #fix {
	display:block;
}

#geral #conteudo #left {
	width:220px;
	margin:0px auto;
	float:left;
}

#geral #conteudo #right {
	width:643px;
	padding:15px 12px 13px 15px;
	float:right;
}

#geral #conteudo #left #menu {
	width:200px;
	background:#f3f5e5 url(../imagens/layout/bg-menu.gif) no-repeat bottom left;
	padding:10px 10px 13px 10px;
	margin-bottom:10px;
}

#geral #conteudo #left #menu ul {
	width:inherit;
}

#geral #conteudo #left #menu ul li {

}

#geral #conteudo #left #menu ul li a {
	color:#39453a;
	font-weight:bold;
	font-size:13px;
	padding:6px 3px 6px 20px;
	background:url(../imagens/layout/seta1.gif) no-repeat 5px 9px;
	display:block;
	border-bottom:1px solid #b3c05c;
}

#geral #conteudo #left #menu ul li a:hover {
	background:#f2f4e1 url(../imagens/layout/seta1.gif) no-repeat 5px 9px;
	color:#7d8e02;
}

#geral #conteudo #right #centro {
	width:453px;
	float:left;
}

#geral #conteudo #right #col-dir {
	width:176px;
	float:right;
}

#geral #conteudo #left div.title {
	background:url(../imagens/layout/seta2.gif) no-repeat 10px 5px;
	width:180px;
	font-size:13px;
	color:#51652d;
	font-weight:bold;
	padding:6px 0px 5px 35px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:2px;
	border-bottom:3px solid #51652d;
}

#geral #conteudo #left p.cont-txt {
	margin-top:10px;
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
}

/* Principal */
#geral #conteudo #right #centro h1.banner {
	background:url(../imagens/principal/bg-banner.gif) no-repeat top left;
	height:25px;
	width:100%;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	padding:8px 0px 0px 35px;
	margin:0px auto;
}

#geral #conteudo #right #centro div.title,
h1.inter {
	background:url(../imagens/layout/seta2.gif) no-repeat 10px 5px;
	width:418px;
	font-size:13px;
	color:#51652d;
	font-weight:bold;
	padding:6px 0px 5px 35px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:2px;
	border-bottom:3px solid #51652d;
}

h1.inter {
	width:94% !important;
	margin-bottom:15px;
}

h3 {
	background:url(../imagens/layout/seta2.gif) no-repeat 10px 5px;
	width:418px;
	font-size:13px;
	color:#51652d;
	font-weight:bold;
	padding:6px 0px 5px 35px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:2px;
	width:94%;
	border-bottom:3px solid #51652d;
}

#geral #conteudo #right #col-dir div.title {
	background:url(../imagens/layout/bg-col-dir.gif) no-repeat top left;
	width:140px;
	height:25px;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	padding:8px 0px 0px 36px;
	margin:0px auto;
	margin-bottom:8px;
}

#geral #conteudo #right #col-dir p.txt {
	background:url(../imagens/layout/seta3.gif) no-repeat 5px 6px;
	padding:0px 10px 0px 15px;
	color:#7d440c;
	margin-bottom:15px;
	
}

#geral #conteudo #right #col-dir p.txt2 {
	padding:0px 10px 0px 15px;
	color:#7d440c;
	margin-bottom:15px;
	
}

#geral #conteudo #right #col-dir p a {
	color:#7d440c;
	font-weight:normal;
}

#geral #conteudo #right #col-dir p a:hover {
	color:#7d440c;
	text-decoration:underline;
}

/* Internas */
#geral #conteudo .mudas-fotos {
	width:640px;
	margin-top:15px;
	margin-bottom:0px;
	display:table;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #eeeeee;
}

#geral #conteudo .mudas-fotos img {
	float:left;
	border:5px solid #5e7437;
}

#geral #conteudo .mudas-fotos p {
	float:right;
	width:375px;
}


ul.geral {
	width:100%;
	margin-bottom:20px;
	margin-top:5px;
}

ul.geral li {
	padding:3px 5px 3px 20px;
	margin-left:20px;
	
	background:url(../imagens/layout/seta2.gif) no-repeat 5px 7px;
	color:#9e6b3f;
}

ul.geral2 {
	width:100%;
	margin-bottom:20px;
	margin-top:5px;
	border-top:2px solid #414141;
	padding-top:5px;
}

ul.geral2 li {
	padding:3px 5px 3px 20px;
	margin-left:0px;
	
	background:url(../imagens/layout/seta2.gif) no-repeat 5px 7px;
	color:#9e6b3f;
}

h1 {
	margin-left:0px;
	margin-bottom:15px;
	margin-top:5px;
}


.voltar {
	text-align:right;
	margin:10px 0px 0px 0px;
	padding:5px 15px 0px 0px;
	text-transform:uppercase;
}

.voltar a {
	color:#ffffff;
	background-color:#15251e;
	padding:2px 8px 2px 8px;
	margin-left:2px;
	margin-right:2px;
	font-size:8px;
	font-weight:bold;
}

.voltar a:hover {
	color:#ffffff;
	background-color:#5e6d67;
}

.nomes {
	font-weight:bold;
	font-size:13px;
}

#geral #conteudo p.not-dest {
	padding:10px 10px 10px 10px;
	background-color:#e6eade;
	margin-bottom:2px;
}

#geral #conteudo p.art-dest {
	padding:10px 10px 10px 10px;
	background-color:#f2f4ee;
	margin-bottom:2px;
}

span.tit-not {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	text-transform:uppercase;
	padding:5px 5px 2px 10px;
	margin-bottom:5px;
	background:url(../imagens/layout/seta3.gif) no-repeat 0px 8px;
}

h2 {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	text-transform:uppercase;
	padding:5px 5px 2px 15px;
	margin-bottom:5px;
	background:url(../imagens/layout/seta3.gif) no-repeat 5px 8px;
}

.icone-mus {
	vertical-align:-4px;
}

table.info {
	width:100%;
	margin:0px 0px 20px 0px;
	font-size:11px;
	color:#000000;
	font-weight: normal;
	text-align:left;
	border-collapse:separate;
	border-spacing:2px;
}

table.info th {
	color:#ffffff;
	font-weight:bold;
	background-color:#215072;
	border:1px solid #293551;
	text-transform:uppercase;
	padding:3px 0px 3px 0px;	
	text-align:center;
}

table.info td {
	border:1px solid #eeeeee;
	padding:3px 0px 3px 3px;
}

#rodape {
	height:22px;
	color:#474e0c;
	margin-top:20px;
	padding:40px 0px 10px 0px;
	text-align:center;
	font-size:12px;
	width:100%;
	font-weight:bold;
	background:url(../imagens/layout/bg-info-rodape.jpg) no-repeat top left;
}	

#rodape a {
	color:#cf9d84;
	font-weight:normal;
}

#rodape a:hover {
	color:#e8d1c5;
}

#design {
	height:22px;
	color:#e3f8be;
	margin-top:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:11px;
	width:100%;
	font-weight:bold;
}	

#design a {
	color:#e3f8be;
	font-weight:normal;
}

#design a:hover {
	color:#e8d1c5;
}

/* Produção */
p.foto-1 {
	margin-left:40px;
}
p.foto-2 {
	margin-right:40px;
	text-align:right;
}

p.foto-1 img,
p.foto-2 img {
	border:5px solid #5e7437;
}

hr {
	border:1px solid #999999;
}

/* Image Thumbnails
------------------------------ */
#geral #conteudo #fotos {
	width:689px;
	display:table;
}

#geral #conteudo #fotos .image {
	margin-left:35px;
	margin-top:30px;
}

.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 8px;
	margin: 0px 18px 25px 0px;
	line-height: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #ecf1e9;
}
.imagethumb a:visited {
	background: #ecf1e9;
}
.imagethumb a:hover {
	background: #608422;
}
.imagethumb {
	float: left;
}
.imagethumb img{
	border: 1px solid #FFFFFF;
}
.albumdesc2 {
	line-height: 18px;
}

/* CSS DOS FORMULÁRIOS */
form.interno {
	width:90%;
	margin:5px 0px 20px 10px;
	padding:10px 10px 10px 10px;
	
}

form.news {
	width:90%;
	margin-left:10px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
}

form.interno fieldset {
	padding:15px 15px 15px 15px;
	
}

form.interno legend {
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	padding:3px;
	margin-bottom:5px;
	background-color:#f6f6f6;
	width:100%;
}

form.interno label {
	text-align:right;
	width:80px;
	/*display:block;
	float:left;*/
	margin-top:1px;
	margin-bottom:5px;
	margin-right:5px;
	
	margin-left:0px;
}

form.news label {
	text-align:right;
	width:80px;
	/*display:block;
	float:left;*/

	
	margin:0px auto;
}

form.interno input, textarea, select,
form.news input, textarea, select {
	color:#535d3f;
	font-size:11px;
	border:1px solid #c0c9ae;
	background-color:#f1f3ed;

	margin-bottom:10px;
	margin-top:2px;
	padding:2px 2px 2px 2px;
}



form.interno input.noborder {
	border:0px;
	background-color:#fafafa;
}

form.interno select {
	margin-top:6px;
}

form.interno span {
	font-size:9px;
}

form.interno .botaocontato {
	border:1px solid #591111;
	background-color:#790f0c;
	color:#ffffff;
	margin-left:55px;
	width:120px;
}

.error_form {
	border:1px solid #166137;
	background-color:#f8eeee;
}

.contato {
	text-align:center;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:10px 10px 10px 10px;
}

form.news .botao {
	background-color:#7b8962;
	border:1px solid #7b8962;
	color:#ffffff;
	cursor:pointer;
	padding:2px 5px 2px 5px;
	margin-left:3px;
	margin-right:3px;
}