@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);


/*--------------------------------------------
Geral
---------------------------------------------*/
* { margin: 0; padding: 0; }
body {font-size: 13px;font-family: "Helvetica Neue", helvetica, sans-serif;background: #f1f1f1;}
body.linen, body.linen  { background: url(../images/bg.jpg) repeat-x top left; }
.container {width: 850px;margin: 0 auto;}
section#pages { }
section#pages .page {margin-bottom: 60px;}
section#pages .page.last { margin-bottom: 0; }
section#pages .page .heading {overflow: hidden;border-bottom: 1px solid #c8c8c8;padding-bottom: 10px;}
section#pages .page .heading h2 {float: left;}
section#pages .page .heading span {float: right;padding-top: 20px;color: #0097D9;font-family: 'Oswald', sans-serif;font-size: 17px;font-weight:300;}
section#pages .page .content {border-top: 1px solid #fafafa;padding-top: 25px;overflow: hidden;}
section#pages .box {background-color: #fff;border: 1px solid #d4d4d4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0px 1px 4px #ddd;-moz-box-shadow: 0px 1px 4px #ddd;box-shadow: 0px 1px 4px #ddd;}
section#pages .box .inner {padding: 15px;}
/*--------------------------------------------
Topo
---------------------------------------------*/
header {background: url(../images/top-bg.png)repeat-x left bottom;height: 100px;position: fixed;top: 0;left: 0;	width: 100%;z-index: 50;}
	
/* menu */
header .select-menu{display:none}
header nav{position:relative}
header nav ul{list-style:none;float:right;padding:30px 0 0 10px}
header nav ul li{float:left;margin-right:8px;position:relative}
header nav ul li .divider{background:url(../images/splinter.png) no-repeat;width:3px;height:10px}
header nav ul li a{color:#6b6b6b;text-decoration:none;text-transform:uppercase;margin-right:8px;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in;font:16px Oswald,sans-serif}
header nav ul li a:hover{color:#444}
header nav span.arrow{width:24px;height:13px;background:url(../images/light-nav_arrow.png) no-repeat;display:none;position:absolute;top:58px}
header nav select{float:left;margin:17px 10px 0 0;-webkit-appearance:button;-webkit-border-radius:2px;-webkit-padding-end:20px;-webkit-padding-start:2px;-webkit-user-select:none;background-image:-webkit-linear-gradient(#FAFAFA,#f4f4f4 40%,#e5e5e5);border:1px solid #ccc;color:#555;font-size:13px;padding:3px 3px 3px 5px;width:115px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
	
/*--------------------------------------------
Logo e Slide
---------------------------------------------*/
section#intro{margin:0 auto 35px;padding-top:100px}
section#intro .logo{overflow:hidden;margin-bottom:35px;}
section#intro .logo .centered{text-align:center}
section#intro .logo img{float:left;margin-right:30px}
section#intro .logo.centered img{float:none;margin:0}
section#intro .logo h1{font-size:70px}
section#intro .logo span.tagline{color:#666;font:20px Varela Round,sans-serif}
section#intro .slider{background:rgba(0,0,0,.1);width:100%;height:330px}
#logo img{float:left!important}

/* Flexslider */
.flexslider-container{margin-top:50px;position:relative;border:2px solid #f9f9f9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:3px 3px 5px #4f4f4f;-webkit-box-shadow:3px 3px 5px #4f4f4f;box-shadow:3px 3px 5px #4f4f4f;background:#f3f3f3}
.flexslider{background:#fff;border:9px solid #fff;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;zoom:1}
.flexslider .slides{zoom:1}
.flexslider .slides>li{position:relative}
.flexslider .slides li .description{position:absolute;top:85px;width:200px}
.flexslider .slides li .description.right_align{right:65px}
.flexslider .slides li .description.left_align{left:35px}
.flexslider .slides li .description h2{margin-bottom:15px;font-size:27px}
.flexslider .slides li .description.dark h2{color:#fff}
.flexslider .slides li .description p{margin-bottom:20px;line-height:22px;}
.flexslider .slides li .description.dark p{color:#f9f9f9; text-align:left}
.flex-container{zoom:1;position:relative}
.flex-direction-nav{margin:0;overflow:hidden}
.flex-direction-nav li{margin-bottom:0}
.flex-direction-nav .prev,.flex-direction-nav .next{position:absolute;color:#0097d9;text-decoration:none;background:#fff;font-size:14px;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in;width:9px;top:45%}
.flex-direction-nav .prev{left:-15px;-webkit-border-radius:20px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius:20px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;padding:5px 0 5px 5px}
.flex-direction-nav .next{right:-17px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-left:0;padding:5px 8px 5px 0;width:8px}
.flex-direction-nav .next:hover,.flex-direction-nav .prev:hover{color:#00bdec}
.flex-control-nav{-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0;bottom:20px;margin:0;opacity:0;position:absolute;text-align:center;width:100%}
.flex-control-nav li{display:inline-block;margin:0 0 0 5px}
.flex-control-nav li a{cursor:pointer;display:block;height:9px;text-indent:-9999px;width:9px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:hsla(0,0,100%,.5);-webkit-box-shadow:0 1px 2px #333;-moz-box-shadow:0 1px 2px #333;box-shadow:0 0 3px #888}
.flex-control-nav li a:hover{background:hsla(0,0,100%,.7)}
.flex-control-nav li a.active{background:#fff}
.flexslider-container:hover .flex-control-nav{opacity:1}
/*--------------------------------------------
Sobre
---------------------------------------------*/
section#pages #about.page .content{overflow:visible}
div.bio{overflow:hidden;margin-bottom:35px;text-align:justify}
div.bio img{float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 20px 5px 0;border:1px solid rgba(0,0,0,.05)}
div.bio p{margin-bottom:15px}
div.skills{float:right;width:255px}
div.skills .skill{margin-bottom:15px}
div.skills .skill h6{margin-bottom:2px}

/*--------------------------------------------
Produtos
---------------------------------------------*/
.item{display:none; margin:0 auto;}
.prod {max-width:490px; padding:15px}
.prod p{clear:both}
.prod li{list-style:none; padding-left:10px}

.prod img{border:solid 0px #000000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
ul.filter_list{list-style:none;overflow:hidden;margin-bottom:25px}
ul.filter_list li{float:left;margin-right:10px}
ul.filter_list li a{text-decoration:none;padding:3px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid transparent;display:block;font-size:12px;color:#999;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}
ul.filter_list li a:hover{color:#444}
ul.filter_list li.current a{background:#fff;border:1px solid #dadada;font-weight:700}
ul.filter_items{list-style:none;width:880px;overflow:hidden}
ul.filter_items li{float:left;margin:0 18px 18px 40px}
ul.filter_items li a{display:block;position:relative;height:260px}
ul.filter_items li a .hover{background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;display:none;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
ul.filter_items li a .hover span.icon{font-size:35px;display:block;text-align:center;margin-top:100px;cursor:pointer}
ul.filter_items li img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}
/*--------------------------------------------
Serviços
---------------------------------------------*/
div#services div.box{overflow:hidden;margin-bottom:35px}
div#services .box_heading{margin-bottom:15px}
div#services .box_heading .icon{float:left;margin-right:10px;font-size:27px;padding-bottom:8px}
div#services .box_heading h3{padding-top:10px}
div#services div.box p{margin-bottom:15px; text-align:left}
/*--------------------------------------------
Clientes
---------------------------------------------*/
ul.testimonials{color:#8c8c8c;font-size:13px;line-height:20px;float:left;list-style:none;margin:20%}
.testimonials span{margin-right:5px;color:#0097d9}
/*--------------------------------------------
Contato
---------------------------------------------*/
fieldset{border:none; float:left}
div#contact_form{width:250px}
div#contact_form input[type="text"],div#contact_form input[type="email"]{margin-bottom:13px}
div#contact_form textarea{height:115px;margin-bottom:13px}
div#contact_form input[type="submit"],#contact input[type="reset"]{float:right;margin:0 10px 0 0;width:150px;cursor:pointer}
div#contact_form .error{border-color:#e01c46}
div#contact_form .validation,div#contact_form .success{display:none;font-size:12px;margin-bottom:20px}
div#contact_form .validation p{color:#e01c46}
div#contact_form .success p{color:#65cf82}
#contact input[type="reset"]{background:#f9bc70;background:-moz-linear-gradient(top,#f9bc70 0%,#d8b541 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9bc70),color-stop(100%,#d8b541));background:-webkit-linear-gradient(top,#f9bc70 0%,#d8b541 100%);background:-o-linear-gradient(top,#f9bc70 0%,#d8b541 100%);background:-ms-linear-gradient(top,#f9bc70 0%,#d8b541 100%);background:linear-gradient(top,#f9bc70 0%,#d8b541 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9bc70",endColorstr="#d8b541",GradientType=0);border-color:#f5b74e #e5a73e #d6982f;color:#963;text-shadow:0 1px 0 #fedd9b;padding:10px;color:#963}
#contact input[type="reset"]:hover{color:#FFF}
#contact input[type="submit"]{background:#cae285;background:-moz-linear-gradient(top,#cae285 0%,#9fcb57 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cae285),color-stop(100%,#9fcb57));background:-webkit-linear-gradient(top,#cae285 0%,#9fcb57 100%);background:-o-linear-gradient(top,#cae285 0%,#9fcb57 100%);background:-ms-linear-gradient(top,#cae285 0%,#9fcb57 100%);background:linear-gradient(top,#cae285 0%,#9fcb57 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cae285",endColorstr="#9fcb57",GradientType=0);border-color:#adc671 #98b65b #87aa4a;color:#5d7731;text-shadow:0 1px 0 #cfe5a4;padding:10px;color:#5d7731}
#contact input[type="submit"]:hover{color:#FFF}
.contact-list{width:350px;}
div#map{width:430px;float:right;margin-right:5px}
div#map address{font-size:13px;line-height:20px;font-style:normal;color:#777}
div#map address .icon{font-size:12px;margin-right:5px}
div#map .map_canvas{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid rgba(0,0,0,.15);border-bottom:0}

/*--------------------------------------------
Footer
---------------------------------------------*/
footer{clear:both;padding-top:40px;text-align:center;cursor:default;padding-bottom:30px}
footer p{color:#aaa;font-size:11px;padding:4px 8px;background:#f7f7f7;background:rgba(0,0,0,.05);display:inline;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:color .2s ease-in,background .2s ease-in;-moz-transition:color .2s ease-in,background .2s ease-in;-o-transition:color .2s ease-in,background .2s ease-in;transition:color .2s ease-in,background .2s ease-in}
footer p:hover{background:#f1f1f1;background:rgba(0,0,0,.06);color:#888}
/*--------------------------------------------
Tipografia
---------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-weight:300;font-family:'Oswald',sans-serif}
h1{color:#252525;font-size:35px}
h2{color:#252525;font-size:30px}
h3{font-size:18px;color:#292929}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px;color:#999}
p{font-size:13px;line-height:20px;color:#8c8c8c; text-align:justify}
a{outline:none}
b{color:#444}

/* Columns */
div.column_last{margin-right:0!important}
div.full{margin-bottom:25px}
div.one_half,div.one_third,div.two_third,div.three_fourth,div.one_fourth,div.two_thirds{float:left;margin-right:4%;margin-bottom:25px}
div.one_half{width:48%}
div.one_third{width:30.42%}
div.two_thirds{width:65%}
div.one_fourth{width:22%}
div.full h1,div.full h2,div.full h3,div.full h4,div.full h5,div.full h6{margin-bottom:15px}
/*--------------------------------------------
Botões
---------------------------------------------*/
.button{border:1px solid #dedede;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#555;display:inline-block;font:bold 10px/12px Helvetica Neue,Helvetica,sans-serif;padding:6px 11px;text-align:center;text-decoration:none;text-transform:uppercase}
.button:active{-webkit-box-shadow:inset 0 0 3px #333;-moz-box-shadow:inset 0 0 3px #333;box-shadow:inset 0 0 3px #333}
.button:hover{cursor:pointer;-webkit-box-shadow:0 0 3px #bbb;-moz-box-shadow:0 0 3px #bbb;box-shadow:0 0 3px #bbb}
.button.white{background:#f9f9f9;/* Old browsers */background:-moz-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%);/* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f0f0f0));/* Chrome,Safari4+ */background:-webkit-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%);/* Opera 11.10+ */background:-ms-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%);/* IE10+ */background:linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f0f0f0",GradientType=0);/* IE6-9 */border-color:#dedede #d8d8d8 #d3d3d3;color:#555;text-shadow:0 1px 0 #fff}
.button.white a{color:#555}

/*--------------------------------------------
Listas
---------------------------------------------*/
ul.social,div.toggle_list ul{list-style:none}
ul.social li{float:left;margin-left:5px}
ul.social li a{width:24px;height:24px;display:block;text-indent:-99999px;background:url(../images/light-social.png) no-repeat top left}
ul.social li.facebook a{}
ul.social li.facebook a:hover{background:-24px 0}
ul.social li.twitter a{background:0 -24px}
ul.social li.twitter a:hover{background:-24px -24px}
ul.social li.dribbble a{background:0 -48px}
ul.social li.dribbble a:hover{background:-24px -48px}
ul.social li.google a{background:0 -72px}
ul.social li.google a:hover{background:-24px -72px}
ul.social li.flickr a{background:0 -96px}
ul.social li.flickr a:hover{background:-24px -96px}
ul.social li.rss a{background:0 -120px}
ul.social li.rss a:hover{background:-24px -120px}
ul.social li.email a{background:0 -144px}
ul.social li.email a:hover{background:-24px -144px}
div.toggle_list{margin-bottom:25px}
div.toggle_list ul li{margin-bottom:10px}
div.toggle_list ul li div.title{background:#f0f0f0;border:1px solid #ddd;padding:10px;cursor:pointer;position:relative}
div.toggle_list ul li div.title h3{margin:0;color:#4b4b4b;font-size:13px}
div.toggle_list ul li .title h3 span{color:#1c9eda;padding-right:8px;font-weight:700}
div.toggle_list ul li div.title a.toggle_link{position:absolute;top:5px;right:13px;color:#868686;font-weight:700;font-size:19px;text-decoration:none}
div.toggle_list ul li div.content{background:#fbfbfb;border:1px solid #e5e5e5;border-top:none;padding:10px!important;display:none}
div.toggle_list ul li div.content p{margin-bottom:15px;font-size:12px}
div.toggle_list ul li div.content p:last-child{margin-bottom:0}
div.tabs{margin-bottom:20px}
div.tabs ul.nav{list-style:none;overflow:hidden;position:relative;z-index:2}
div.tabs ul.nav li{float:left;margin-right:2px}
div.tabs ul.nav li a{background:#f0f0f0;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#8f8f8f;display:block;font-size:12px;font-weight:700;padding:8px 25px;text-decoration:none}
div.tabs ul.nav li.current a{background:#fbfbfb;border-width:1px solid #ddd;border-bottom:none;color:#424242;padding-bottom:9px}
div.tabs .pane{background:#fbfbfb;border:1px solid #ddd;margin-top:-1px;padding:15px;position:relative;z-index:1;display:none}

/*--------------------------------------------
Formularios
---------------------------------------------*/
form input,textarea{outline:none;-webkit-appearance:none;-webkit-focus-ring-color:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ddd;font:13px Helvetica Neue,helvetica,sans-serif}
form input[type="text"],form input[type="email"]{border:1px solid #cfd0d0;padding:8px 12px;width:100%;color:#555;background:#fff}
input[type="text"]:focus,input[type="email"]:focus{padding-bottom:8px}
textarea{padding:8px;border:1px solid #cfd0d0;color:#555;resize:vertical;background:#fff;width:102%}
form p{position:relative}
label{position:absolute;top:7px!important;left:13px!important;color:#aaa;font-weight:400}
label.textarea{top:10px!important;left:13px!important}
:-moz-placeholder{color:#333!important;font-weight:700}
:-webkit-input-placeholder{color:#333!important}
img{border:none}
.clear{clear:both}
/*--------------------------------------------
icones
---------------------------------------------*/
.icon{cursor:default;font-size:18px;line-height:1;color:#666}
/* Icons General */
@font-face {
font-family:FoundationIconsGeneral;src:url(../fonts/foundation-icons-general.eot);src:url(../fonts/foundation-icons-general-.eot#iefix) format("embedded-opentype"),url(../fonts/foundation-icons-general.woff) format("woff"),url(../fonts/foundation-icons-general.ttf) format("truetype"),url(../fonts/foundation-icons-general.svg#FoundationIconsGeneral) format("svg");font-weight:400;font-style:normal
}
.icon.general{font-family:FoundationIconsGeneral}
/* Foundation Icons General Enclosed */
@font-face {
font-family:FoundationIconsGeneralEnclosed;src:url(../fonts/foundation-icons-general-enclosed.eot);src:url(../fonts/foundation-icons-general-enclosed-.eot#iefix) format("embedded-opentype"),url(../fonts/foundation-icons-general-enclosed.woff) format("woff"),url(../fonts/foundation-icons-general-enclosed.ttf) format("truetype"),url(../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed) format("svg");font-weight:400;font-style:normal
}
.icon.general-enclosed{font-family:FoundationIconsGeneralEnclosed}
/* Icons Social */
@font-face {
font-family:FoundationIconsSocial;src:url(../fonts/foundation-icons-social.eot);src:url(../fonts/foundation-icons-social-.eot#iefix) format("embedded-opentype"),url(../fonts/foundation-icons-social.woff) format("woff"),url(../fonts/foundation-icons-social.ttf) format("truetype"),url(../fonts/foundation-icons-social.svg#FoundationIconsSocial) format("svg");font-weight:400;font-style:normal
}
.icon.social{font-family:FoundationIconsSocial}
/*--------------------------------------------
retornar topo
---------------------------------------------*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:25px;right:25px;overflow:hidden;width:55px;height:55px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #dadada;text-align:center;background:#fff;color:#666;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;font:20px/43px FoundationIconsGeneral}
/*--------------------------------------------
Cores
---------------------------------------------*/
/* Active Nav Link */header nav ul li.current a{background:#333;border-radius:8px;color:#fff;padding:7px 20px}
/* Slider Description Heading */.flexslider .slides li .description h2{color:#5a9fcd}

/* Services Icons */div#services .box_heading .icon{color:#5a9fcd}
/* Testimonial Author */div.testimonial span{color:#5a9fcd}
/* Links */a{color:#5a9fcd}
a:hover{color:#5a9fcd}
/* Back to top hover */#toTop:hover{color:#5a9fcd}
