@charset "utf-8";
/* Bamborim */


/* reset css */
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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
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;}
/* -- --  */

/* Geral */
* { margin:0; padding:0 }
body, html { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(http://www.silton.com.br/static/img/acucareetanol/bg_geral.jpg) repeat-x #fff; margin:0; padding:0; !height:100%; }
 
html>body #container {!height: auto;} 
 
a:link{ color:#1986cb;}
a:hover { color:#8bc918}
a:visited, a:active { color:#a73bbb}
 
p { }
 
hr { background: url(http://www.silton.com.br/static/img/acucareetanol/hr.png) repeat-x; width:100%; border:none; height:4px}

h1 { margin-left:35px; padding-top:10px; margin-right:40px; border:none; float:left}
h4 {color:#464646; font-weight:bold; text-transform:uppercase; margin-bottom:10px; margin-left:30px;}

div.clear { clear:both;}

blockquote {margin: 1em 3em; color: #84b131; border-left: 2px solid #999; padding-left: 1em; text-transform:uppercase; font-size:16px; text-indent:-7px; font-weight:bold; }
/* -- -- */

/* Core */
div#wrapper{ width:100%; !min-height: 100%; !position: relative;}
* html #wrapper {!height: 100%; /* hack para IE6 que trata height como min-height */}

div#header { overflow:hidden; width:925px; }
div#container { width:960px; margin: 0 auto; padding:0 10px 5px 10px; !height:100%; }
/* -- -- */

/* Header */
div#header p { width:88%;  margin:0 auto; margin-bottom:35px; text-align:center; color:#757575; font-size:21px; text-shadow: 2px 2px 2px #fff; line-height:1.2 }
div#header p span { color:#7fb716}

/* language */
div#language { color:#fff;  font-size:13px; text-transform:uppercase; border-bottom:1px solid #fff;height:27px; text-align:right; margin-bottom:20px; padding-top:1.15%; }
div#language ul { display:block; float:right; margin-right:10px; margin-top:-2px; }
div#language ul li { display: inline; margin-right:2px; }
div#language ul li a{ display:inline; text-decoration:none; font-weight:bold; color:#fff;}
div#language ul li a:hover { color:#8bc918}
div#language ul li img{}

div#language #search { float:right;border:1px solid #F00; width:170px; overflow:hidden}
div#language .search_input{ }

/* search */
.search { float: right; margin-top: -8px; margin-right: 5px;}
.search  input[type="text"] { background: #828282; width: 196px; padding: 6px 27px 6px 3px; border: 1px solid #a3a3a3; font-size: 12px; color: #ccc;  }

/* Aras de Atuacao */
.aplicacao { overflow:hidden; float:right; font-size:16px; color:#484848; font-weight:bold; text-transform:uppercase; display:block; padding:15px 0; margin-bottom:35px; overflow:hidden; }

.imagem { height:329px; width:924px; margin: 0 auto; background:url(http://www.silton.com.br/static/img/acucareetanol/bg_galeria.png) no-repeat; padding:10px; margin-top:20px;  }

/* -- -- */

/* Menu */
div#menu {    }

ul#menu { background:#383838; height:28px; margin-bottom:20px; padding-top:1.15%; padding-left:20px; }

ul#menu li { display:inline; }
ul#menu li a {padding:9px 15px;  color:#f4f4f4;  font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-shadow: 1px 1px 1px #000;}
ul#menu li a:hover { background:#232323;} 
ul#menu li a:active {background:#232323; }
ul#menu .active, .current_page_item { padding:9px 0; background:#232323}
/*-- --*/

/* Clientes */
div#conteudo .clientes { width: 280px;float: left;margin-right: 10px; text-indent:0; margin-bottom:30px; padding:4px}
 div#conteudo .clientes:hover { background:#ecf2e1; cursor:default;}

div#conteudo .clientes h2{ color: #719d1e; font-size: 13px; line-height: 16px;margin: 0; font-family:Tahoma, Geneva, sans-serif; margin-left:5px; text-shadow: 2px 2px 2px #fff; }
div#conteudo .clientes  p { text-indent:0; margin-left:5px; text-shadow: 2px 2px 2px #fff;  }
div#conteudo .clientes img { border:1px solid #e7e7e7; padding:2px; margin: 4px 0;}
/*-- --*/


/* Content */
div#conteudo { width:925px; padding-bottom:30px; overflow:hidden; font-size:14px;  }

img.displayed { display: block; margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:15px; }

.center { width:420px; margin: 0 auto;  margin-bottom:5px; text-align:center;} 

.centerimg{ margin-left:75px} 

div#conteudo p {color:#616161;  margin-bottom:15px; }
div#conteudo h3 { color:#616161; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }

.left { width:430px; float:left; padding-left:15px;   }
.right { width:430px; float:right; /* altura precisa ser alterada caso o conteúdo da pag. Gasil tenha mais imagens */   }

.left img { margin: 5px 0 20px 0; padding:2px; border:1px solid #ccc }
.right img { margin: 5px 0 20px 0; padding:2px; border:1px solid #ccc }

div#conteudo ul {color:#616161;  margin-bottom:15px; padding-bottom:10px;} 
div#conteudo ul li {list-style-type:circle; list-style-position:inside; list-style-image:url(http://www.silton.com.br/static/img/acucareetanol/liststyle.png); margin-bottom:7px; padding-left:20px; }

div#conteudo ul span { font-weight:bold; color:#719b21; margin-left:15px; margin-right:5px; padding-bottom:7px; font-size:12px; text-transform:uppercase}

.half-page { width: 440px; float: left; margin-right: 40px; }

.half-pager {width: 440px; float: right; }

#hor-zebra { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin-left:30%; width: 380px; text-align: left; border-collapse: collapse; }
#hor-zebra th { font-size: 14px; font-weight: normal; padding: 10px 10px 10px 5px; color: #618224; font-weight:bold;  }
#hor-zebra td { padding: 8px; color:#616161; }
#hor-zebra .odd { background: #f0fade; }

/*-- --*/

/* Sample 7*/

.sample { margin-bottom:40px;}

.mask6{ position:relative; width:900px; height:281px; overflow:hidden;  }

#box7{ position:relative; }
#box7 img{ border:none; padding:0;  }

#box7 span{ display:block; float:left; }

#thumbs7{ position:relative; clear:both; height:41px; overflow:hidden; margin-top:10px; }
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{ position:absolute; top:0; width:100%; height:41px; }
#thumbs7 .thumbs div, #thumbs_handles7 span{ display:block; width:60px; height:41px; margin:0; float:left; cursor:pointer; }
#thumbs7 .thumbs div img{ width:54px; float:right; }
#thumbs_handles7 span{ background:url(http://www.silton.com.br/static/img/acucareetanol/thumb_invisible.gif) no-repeat; }
#thumbs_mask7{ width:1200px; background:url(http://www.silton.com.br/static/img/acucareetanol/thumbs_mask.gif) no-repeat center top; }

.thumbs{ width:54px; }
.thumbs div{ display:block; width:54px; height:41px; margin:3px 0; cursor:pointer; }

.thumbs div img{ display:block; width:100%; height:100%; border:none; }

.info{ width:240px; height:50px; background:#000; position:absolute; }
.info p, .info h4{ color:#fff; padding:3px 8px; font-family:Arial; }
.info h4{ font-size:14px;}
.info h4 a{ float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none }

span img{ display:block; border:none; }

/* Contato */
.two-third {width: 590px; float: left; margin-left: 30px;}
.one-third {width: 280px;float: left;margin-left: 30px;}

div#contato p { color:#757575; font-size:21px; text-shadow: 2px 2px 2px #fff; line-height:1.2; text-align:justify; padding-top:5px}
div#contato p span { color:#7fb716}

div.box { position:relative; width:500px; float:left; margin-right:30px;  }

div.box label { width:100%; display: block; padding:10px 0 10px 0; }

div.box label span { display: block; color:#535353; text-transform:uppercase; font-size:12px; float:left; width:100px;text-align:right; padding:5px 20px 0 0; }

div.box .input_text { padding:10px 10px; width:200px; background:#f1f1f1; border: 1px double #e3e3e3; color:#3d3d3d; width:344px   }

div.box .message{ padding:7px 7px; width:350px; background:#f1f1f1; border: 1px double #e3e3e3; overflow:hidden; height:150px; }

div.box .button { margin:0 0 10px 0; padding:4px 7px; background:#98cd37; border:0px; position: relative; top:10px; left:382px; width:100px; border-bottom:0; border-top: 0; border-left:0; border-right:0; color:#fff; text-transform:uppercase; font-weight:bold;  }

/* -- -- */


/* Sanfona */
#accordion h4 {background:#aeaeae; margin:0; padding:0; border:1px solid #FFF; cursor:pointer; height:25px; padding:5px 0 0 10px; }
#accordion h4:hover {background:#93ce24;}
#accordion h4 a {padding:5px;  color:#FFFFFF; text-decoration:none; cursor:pointer; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}

.sanfonap { margin-top:10px;}

/* -- -- #accordion h3 { margin-top:15px;}*/

/* Downloads*/

div.baixar { background:#bebebe; padding:5px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:5px; }
div.baixar:hover { background:#93ce24; cursor:pointer; text-decoration:none; color:#fff;} 
div.baixar img { margin:0 7px; padding:5px 0 0 0} 

div.baixar a:link {text-decoration:none; color:#fff}
div.baixar a:visited { color:#fff}



/* Sample 7*/

.sample { margin-bottom:40px;}

.mask6{ position:relative; width:602px; height:340px; overflow:hidden;  }

#box7{ position:relative; }
#box7 img{ border:none; padding:0;  }

#box7 span{ display:block; float:left; }

#thumbs7{ position:relative; clear:both; height:41px; overflow:hidden; margin-top:10px; }
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{ position:absolute; top:0; width:100%; height:41px; }
#thumbs7 .thumbs div, #thumbs_handles7 span{ display:block; width:60px; height:41px; margin:0; float:left; cursor:pointer; }
#thumbs7 .thumbs div img{ width:54px; float:right; }
#thumbs_handles7 span{ background:url(images/thumb_invisible.gif) no-repeat; }
#thumbs_mask7{ width:1200px; background:url(images/thumbs_mask.gif) no-repeat center top; }

.thumbs{ width:54px; }
.thumbs div{ display:block; width:54px; height:41px; margin:3px 0; cursor:pointer; }

.thumbs div img{ display:block; width:100%; height:100%; border:none; }

.info{ width:240px; height:50px; background:#000; position:absolute; }
.info p, .info h4{ color:#fff; padding:3px 8px; font-family:Arial; }
.info h4{ font-size:14px;}
.info h4 a{ float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none }

span img{ display:block; border:none; }

/* Contato */
.two-third {width: 590px; float: left; margin-left: 30px;}
.one-third {width: 280px;float: left;margin-left: 30px;}

div#contato p { color:#757575; font-size:21px; text-shadow: 2px 2px 2px #fff; line-height:1.2; text-align:justify; padding-top:5px}
div#contato p span { color:#7fb716}

div.box { position:relative; width:500px; float:left; margin-right:30px;  }

div.box label { width:100%; display: block; padding:10px 0 10px 0; }

div.box label span { display: block; color:#535353; text-transform:uppercase; font-size:12px; float:left; width:100px;text-align:right; padding:5px 20px 0 0; }

div.box .input_text { padding:10px 10px; width:200px; background:#f1f1f1; border: 1px double #e3e3e3; color:#3d3d3d; width:344px   }

div.box .message{ padding:7px 7px; width:350px; background:#f1f1f1; border: 1px double #e3e3e3; overflow:hidden; height:150px; }

div.box .button { margin:0 0 10px 0; padding:4px 7px; background:#98cd37; border:0px; position: relative; top:10px; left:382px; width:100px; border-bottom:0; border-top: 0; border-left:0; border-right:0; color:#fff; text-transform:uppercase; font-weight:bold;  }

/* -- -- */



/* footer */
div#footer {width:915px; !margin: 0 auto;    }
div#footer .contentf { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;  color:#a7a7a7; text-transform:uppercase;  padding:15px 0; overflow:hidden; font-family:Verdana, Geneva, sans-serif;   }

div#footer p.tel {float:left; margin-right:70px;}

div#footer img { float:left; margin-right:20px; }
/* -- -- */

.leftG { width:460px; float:left;  }
.rightG { width:400px; float:right; /* altura precisa ser alterada caso o conteúdo da pag. Gasil tenha mais imagens */   }