/*.....................................................................................

Madecom Compensados

[Propriedades Gerais]

Desenvolvido por: João Luiz Vicente Junior
Março de 2009

.....................................................................................*/

@import url("reset.css");

body{
	background:#fff;
	color:#333;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
}

a{
	background:transparent;
	color:#333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	background:transparent;
	color:#d00504;
	font-family:Arial Narrow, Arial, Tahoma;
	font-size:50px;
	font-weight:bold;
	padding:10px 0 20px 0;
}

h1 span{
	display: none;
}

h2{
	background:transparent;
	color:#000;
	font-family:Arial Narrow, Arial, Tahoma;
	font-size:18px;
	padding-bottom:20px;
}

.clear{
	clear:both;
}

.wrapper{
	margin:0 auto;
	padding:10px 0;
	position:relative;
	width:930px;
}

.space{
	background:#e7e6de;
	height:15px;
	border-bottom:#d2d2c9 2px solid;
	border-top:#d2d2c9 2px solid;
}

/*.........................................
Header
.........................................*/

#header{
	border-top:#e7e6de 25px solid;
	padding:8px 0;
}

#header img{
	float:left;
}
#clock-time{
	background:transparent;
	color:#999;
	float:right;
	font-size:11px;
	padding-top:60px;
	text-align:right;
}

/*.........................................
Master Menu
.........................................*/
ul#menu-master{
	float:left;
	width:256px;
}

#menu-master li{
	margin-bottom:8px;
}

#menu-master li a{
	background:url(../images/menu-off.gif) no-repeat left top transparent;
	color:#d00504;
	display:block;
	font-family:"Arial Narrow", Tahoma, Arial;
	font-size:16px;
	height:50px;
	padding-top:34px;
	text-align:center;
	text-transform:uppercase;
	width:256px;
}

#menu-master li a:hover,
#menu-master li a.selected{
	background:url(../images/menu-on.gif) no-repeat left top transparent;
	color:#fff;
	text-decoration:none;
}
/*.........................................
Center of Page
.........................................*/
#content {
	float:right;
	width:640px;
}

#content p{
	line-height:25px;
	padding:5px 0;
}


/*.........................................
Footer
.........................................*/
#footer{
	background:transparent;
	color:#000;
	font-size:11px;
	padding:25px 0 50px 0;
	text-align:right;
}

#phone{
	background:url(../images/icon-info.gif) no-repeat left top transparent;
	float:left;
	font-size:12px;
	height:50px;
	line-height:17px;
	padding:5px 0 0 50px;
	text-align:left;
}

#phone img{
	float:left;
	margin-right:10px;
}

#footer ul{
	font-size:12px;
	padding-bottom:10px;
}

#footer li{
	display:inline;
	padding-left:30px;
}

#footer a:hover{
	background:transparent;
	color:#f00;
}

/*.........................................
Produtos Page
.........................................*/
.produto-solo{
	background:#f0efe4;
	height:200px;
	margin-bottom:2px;
	padding:20px;
}

.produto-solo img{
	border:#d2d2c9 2px solid;
	float:left;
	margin-right:20px;
	padding:1px;
}

.produto-solo dl{
	float:left;
}

.produto-solo dt{
	background:url(../images/menu-on.gif) no-repeat center transparent;
	color:#fff;
	padding:10px 15px;
}

.produto-solo dd{
	background:url(../images/menu-off.gif) no-repeat center transparent;
	border-bottom:#d2d2c9 2px solid;
	padding:15px 20px;
}
/*.........................................
Reflorestamento Page
.........................................*/
#reflorestamento ul{
	margin-top:20px;
}

#reflorestamento li{
	float: left;
	margin-right: 10px;
}

#reflorestamento li img{
	border:#ccc 1px solid;
	padding: 2px;
	width: 100px;
}

/*.........................................
Contato
.........................................*/

#formmail dt{
	float:left;
	font-weight:bold;
	padding:7px 7px 0 0;
	text-align:right;
	width:80px;
}

#formmail dd{
	padding:0 0 10px 0;
}

#formmail input{
	background:#fff;
	border:#d2d2c9 1px solid;
	color:#333;
	font-size:12px;
	padding:5px;
	width:350px;
}

#formmail #mensagem{
	background:#fff;
	border:#d2d2c9 1px solid;
	color:#333;
	height:150px;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	width:358px;
}

#formmail button{
	background:#d00504;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:10px 25px;
	text-transform:uppercase;
}

/*.........................................
INDEX [Página Inicial]
.........................................*/

#s3slider {
   width: 640px; /* important to be same as image width */
   height: 450px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider img{
	width: 640px; /* important to be same as image width */
   height: 450px; /* important to be same as image height */
}

#s3sliderContent {
   width: 640px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 12px;
   padding: 20px;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}