/*
Theme Name: Gasil	
Theme URI: http://www.gasil.com.br/
Description: Gasil Gases e Equipamentos.
Author: Diego Costa
Author URI: http://www.diegocosta.com.br/
Author: Mia
Author URI: http://www.helenamilena.com/
Version: 1.0 

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(images/bg_geral.jpg) repeat-x #fcfcfc; margin:0; padding:0; height:100%; color:#525252; }
 
html>body #container {height: auto;} 
 
a:link{ color:#1986cb;}
a:hover { color:#8bc918}
a:visited, a:active { color:#a73bbb}
 
html::selection { background:#e4efd1;} 
body::selection { background:#e4efd1;} 
ul::selection { background:#e4efd1;} 
li::selection { background:#e4efd1;} 
p::selection { background:#e4efd1;} 
span::selection { background:#e4efd1;} 
h1::selection { background:#e4efd1;}
h2::selection { background:#e4efd1;}
h3::selection { background:#e4efd1;} 
h4::selection { background:#e4efd1;}
h5::selection { background:#e4efd1;}
h6::selection { background:#e4efd1;}
a::selection { background:#e4efd1;}
strong::selection { background:#e4efd1;}
b::selection { background:#e4efd1;} 
img::selection { background:#e4efd1;} 
div::selection { background:#e4efd1;} 
padding::selection { background:#e4efd1;} 

p { }
 
hr { background: url(images/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;}

@font-face {
	font-family: 'TradeGothicBold';
	src: url('fonts/tradegob.eot');
	src: local('TRADEGOB'), local:('TradeGothicBold'), url('fonts/tradegob.woff') format('woff'), url('fonts/tradegob.ttf') format('truetype'), url('fonts/tradegob-webfont.svg#TRADEGOB') format('svg'), url('fonts/tradegob.otf') format('opentype');;
	font-weight: normal;
	font-style: normal;
}

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}
div#container { width:960px; margin: 0 auto; padding:0 10px 205px 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 { background:#525252; 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%; margin-right:22px;}
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; }

/* Menu */
ul#menu { 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; margin-right:20px;}

ul#menu li {display:inline; margin-right:15px; }
ul#menu li:last-child { }
ul#menu li a {color:#484848; text-decoration:none; padding:7px;}
ul#menu li a:hover { background:#d2e4b1; }
ul#menu li a:active {background:#d2e4b1; }
ul#menu .active { padding:7px 0; background:#d2e4b1}

/* -- -- */

/* Areas */
div#areas { margin: 30px 0 10px 0; padding-left:13px; overflow:hidden; padding-bottom:20px;  /* Height of the footer */   }

div#areas a { text-decoration:none; cursor:pointer; color:#fff;}

div.areas { width:205px; margin-right: 10px; overflow:hidden; float:left; padding:10px;}
div.areas .imag { border:1px solid #dedede; padding:2px; margin-bottom:5px }

div.areas h2 { padding-left:4px; color:#525252; margin:1px 0 15px 0;  }
div.areas p {padding-left:4px; color:#525252; line-height:1.3; font-family:"Verdana", Geneva, sans-serif; padding-bottom:25px; }

.textareas {height:70px; overflow:hidden;  }

div.saibamais { float:right; overflow:hidden; font-family:"Verdana", Geneva, sans-serif; font-weight:bold; background:#9bc54c; padding:5px}
div.saibamais a{color:#fff; text-decoration:none; }
div.sabamais a:hover { color:#354c0b; background:#6698bb;}

div.areas:hover { background:#e4efd1; cursor:default;  }
/* -- -- */


/* Content */
div#conteudo { padding-bottom:100px; overflow:hidden; font-size:14px; margin-left:28px; margin-right:28px;}
div#conteudo .imagem {text-align:center;background:url(images/separador_img.png) bottom center no-repeat; height:366px; margin-bottom:5px;  }

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

.centerimg{ margin-left:75px} 

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

.left { width:400px; float:left; padding-bottom:40px; }
.right { width:410px; float:right;  /* altura precisa ser alterada caso o conteúdo da pag. Gasil tenha mais imagens */   }
.leftcolumn { width:950px; float:left; padding-bottom:40px; -moz-column-count: 2; -moz-column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; column-count: 2; column-gap: 50px; }

.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(images/liststyle.png); margin-bottom:7px; padding-left:48px; }

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

ul.vantagens li { padding-bottom:12px;}
 ul.vantagens li:last-child { padding-bottom:0}

/* 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;}


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

div#conteudo .parceiros 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 .parceiros  p { text-indent:0; margin-left:5px; text-shadow: 2px 2px 2px #fff;  }
div#conteudo .parceiros img { border:1px solid #e7e7e7; padding:2px; margin: 4px 0;}

/* Eventos */
div#conteudo div.evento { margin-bottom:40px; border-bottom:1px dashed #d8d8d8;  }



/* Sample 7*/
.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(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.boxleft { width:450px; float:left; margin-bottom:50px; margin-right:-25px}

div.box { position:relative; width:900px; float:left;    }

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, .buscar_text{ padding:5px 5px; width:300px; background:#f1f1f1; border: 1px double #e3e3e3; color:#3d3d3d; }

div.box .message, textarea{ padding:7px 7px; width:330px; 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:368px; width:100px; border-bottom:0; border-top: 0; border-left:0; border-right:0; color:#fff; text-transform:uppercase; font-weight:bold;   }

.buscar_button { margin:0 0 10px 0; padding:11px 7px; background:#98cd37; border:0px; width:100px; border:0px; color:#fff; text-transform:uppercase; font-weight:bold;  }
/* -- -- */

.premios {}
.premios img { margin-right: 25px; margin-bottom: 25px; float: left; width: 200px; border: 1px solid #CCC; padding: 2px; }


/* footer */
#footer {background:#393939; position: absolute; bottom: 0;  width:100%; }
#footer .contentf { color:#fff; padding:7px; text-transform:uppercase; width:900px; margin: 0 auto; padding:15px 0; overflow:hidden; }

#footer ul { display:block;  padding-top:25px; margin-bottom:15px;}
#footer ul li { display:inline}
#footer ul li a { color:#fff; text-decoration:none;}
#footer ul li a:hover {color:#8bc918}

#footer .fright { width:500px; float:left; margin-right: -30px}
#footer .fright p { font-family:Verdana, Geneva, sans-serif; font-size:12; text-transform:none; color:#626262}
#footer .fright p a { color:#3a6d7d; text-decoration:none}
#footer .fright p a:hover { color:#ff7777} 

#footer .fleft {text-align:right; font-size:13px}
#footer .fleft  p { line-height:1.35}
#footer .fleft  p.email { color:#3aa0c1; text-transform: lowercase;}
#footer .fleft p span { color:#adeb38; font-size:17px}

#footer .floatLeft {float:left; }

#footer .floatRight {float:right; }

#footer .floatRight {float:right; position: relative;  }
#footer .floatRight .finep {width: 125px; height: 125px; float: right;}
#footer .floatRight a {}
#footer .floatRight .textFinep {opacity:0; filter: alpha(opacity=0); position: absolute; left:-325px; top:-10px; background:#1B5A7F; color: #EAEEF2; padding: 10px; width: 300px; font-size: 13px; border-radius: 5px; text-transform:none; text-align: justify; }

#wpstats {display: none;}
/* -- -- */