/*
	SITE:
	AGENCIA: PUBB Comunicação
	AUTHOR:
*/
/*
	CSS RESET
*/
html, body, div, span, input, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; border: none; text-decoration: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{ display: block }
body{ line-height: 1 }
blockquote, q{ quotes: none }
blockquote:before, blockquote:after, q:before, q:after{	content: none }
table{ border-collapse: collapse; border-spacing: 0 }
em{ font-style: italic }
strong{ font-weight: 700 }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* forms */
label{ display: block; cursor: pointer; margin-bottom: 3px }
button{ font-family: 'Open Sans', sans-serif; border: none; cursor: pointer; background-color: transparent }
input, textarea, select{ font-family: 'Open Sans', sans-serif; width: 100%; border: 1px solid #cccccc; padding: 3px 5px; font-size: 12px; background: #ffffff }
input:focus, textarea:focus, select:focus{ border-color: #990000 }
input[type="checkbox"], input[type="radio"] { width: 13px; height: 13px; float: left; cursor: pointer }
textarea{ border: 1px solid #cccccc }
select{ border: 1px solid #cccccc }
:focus, :active{ outline: none }
::-webkit-input-placeholder { font-size: 11px; line-height: 16px }
::-moz-placeholder { font-size: 11px; line-height: 16px }
:-ms-input-placeholder { font-size: 11px; line-height: 16px }
input:-moz-placeholder { font-size: 11px; line-height: 16px }

/*
	STRUCTURE FIXED FOOTER
*/
html, body, .wrapper{ height: 100%; }
body > .wrapper{ height: auto; min-height: 100% }

/*
	BEGIN SITE STYLE
*/
body{ font-family: 'Open Sans', sans-serif; color: #fff; font-size: 100%; background-color: #ffffff }
::-moz-selection{ background: #990000; color: #ffffff; text-shadow: none }
::selection{ background: #990000; color: #ffffff; text-shadow: none }

h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }

#content{ padding: 40px 0 }

.btn{ }
.btn:hover{ }

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Dektop Antigo 1024px                                              */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* header */

	#header 			{ height: 90px; }
	#header .bg_header 	{ height: 67px; line-height: 67px; background-color: #323232; }
	#header .logo 		{ position: absolute; top: 0; width: 85px; height: 90px; background: url(../img/logo.png) no-repeat; }
	.nav_mobile			{ text-align:  right; }
	.nav_mobile ul	 	{ list-style: none; }
	.nav_mobile ul li 	{ display: inline-block; }
	.nav_mobile ul li a { font-size: 12px; color: #fff; margin-left: 20px; }
	.nav_mobile a:hover { color: #2eb398; }
	.nav_mobile ul li b	{ color: #2eb398; padding-left: 20px; }

	.line_grey { height: 1px; background-color: #e4e9eb; margin-top: 5px; }
	.portifolio > .row >.line_grey { margin-top: 55px; }

/* /header */

/* home */

	.content_main 		     { margin-top: 55px; }
	.portifolio ul 		     { list-style: none; }
	.portifolio ul li        { display: inline-block; padding: 0 8px; position: relative; cursor: pointer; }
	.portifolio ul li img    { width: 170px; height: auto; }
	.portifolio ul li a 	 { position: absolute; width: 100%; height: 100%; top: 0; background: url(../img/port-shadow.png) center no-repeat; background-size: 170px 175px; z-index: 10; left: 0; cursor: pointer; visibility:hidden; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear;}
	.portifolio ul li:hover a{ visibility:visible; opacity:1; transition-delay:0s; }

	.portifolio ul .row .bar_grey:nth-child(1) { display: inline-block; width: 1px; height: 150px; background-color: #e4e9eb; margin: 0 35px 15px 0; }
	.portifolio ul .row .bar_grey { display: inline-block; width: 1px; height: 150px; background-color: #e4e9eb; margin: 0 0 15px 35px; }

	.sobre 			 	{ background-color: #2eb398; padding: 65px 0; margin-top: 10px; font-weight: 300;  }
	.sobre .foto 		{ display: inline-block; float: left; width: 20%; }
	.sobre .texto		{ display: inline-block; float: left; width: 70%; margin: 10px 0 0 30px; }
	.sobre h1 			{ font-size: 30px; color: #fff; padding-bottom: 3px;}
	.sobre h3			{ font-size: 20px; color: #20816d; }
	.sobre p			{ font-size: 12px; padding: 20px 0 25px; line-height: 16px }
	.sobre a 			{ display: block; width: 100px; height: 30px; font-size: 12px; color: #fff; border: 1px solid #fff; line-height: 30px; text-align: center; text-transform: uppercase; }
	.sobre a:hover 		{ background-color: #28826D; }

	.contato 			{ background-color: #323232; }
	.contato .line_dark { height: 1px; background-color: #2b2b2b; margin-top: 12px; margin-bottom: 12px; padding: 0; }
	.contato h2 		{ font-size: 30px; color: #fff; font-weight: 300; margin-top: 38px }
	.contato p      	{ font-size: 14px; color: #fff; font-weight: 200; padding-top: 10px; margin-bottom: 20px }
	.contato input 	  	{ width: 100%; height: 40px; line-height: 40px; background-color: #454545; border: none; margin-bottom: 5px; color: #fff; }
	.contato textarea 	{ width: 100%; height: 150px; background-color: #454545; border: none; margin-bottom: 15px; color: #fff;}
	.contato .erro_form { display: none; min-height: 16px; float: left; font-size: 12px; color: rgb(174, 37, 37); }
	.contato button		{ width: 90px; height: 35px; background-color: #2eb398; font-size: 12px; color: #fff; text-transform: uppercase; }
	.contato .grid_12	{ margin-bottom: 38px; }
	#form_contato 		{ text-align: right; }

	#form_contato input::-webkit-input-placeholder { line-height: 40px; }
	#form_contato input:-moz-placeholder 		   { line-height: 40px; }
	#form_contato input::-moz-placeholder 		   { line-height: 40px; }
	#form_contato input:-ms-input-placeholder 	   { line-height: 40px; }

	.contato .info 		 { margin-top:  110px; }
	.contato .info a 	 { display: block; color: #fff; font-size: 12px; padding-bottom: 10px; line-height: 14px; vertical-align: top; }
	.contato .info .icon { display: inline-block; width: 14px; height: 14px; margin-right: 5px; }
	.contato .fone 	 	 { background: url(../img/icon-phone.png) no-repeat; }
	.contato .mail 	 	 { background: url(../img/icon-mail.png) no-repeat; }
	.contato .facebook 	 { background: url(../img/icon-facebook.png) no-repeat; }

	#divJob	{ position: fixed; top: 0; left: 0; display: none; width: 100%; min-height: 100%; background: #fff; z-index: 88888; }

/* /home */

/* footer */
	footer { width: 100%; height: 45px; background-color: #222; }
/* /footer */

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Desktop Atual acima de 1200px                                     */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width:1200px) {

	.portifolio ul li   					   { padding: 0 10px; }
	.portifolio ul .row .bar_grey:nth-child(1) { margin: 0 35px 20px 0; }
	.portifolio ul .row .bar_grey 		       { margin: 0 0 20px 35px; }
	.portifolio ul li  img 					   { width: 185px; height: auto; }
	.sobre .texto							   { margin: 40px 0 0 30px; }
	.portifolio ul li a 					   { background-size: 185px auto; }

}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Tablets em modo Retrato                                           */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.portifolio ul li      { display: inline-block; padding: 0 5px; }
	.portifolio ul li  img { width: 140px; height: auto; }
	.portifolio ul li a    { background-size: 140px 144px; }

	.portifolio ul .row .bar_grey:nth-child(1) { height: 110px; margin: 0 25px 15px 0; }
	.portifolio ul .row .bar_grey 		       { height: 110px; margin: 0 0 15px 25px; }

	.sobre .foto 		{ width: 30%; }
	.sobre .texto		{ width: 60%; margin: 15px 0 0 30px; }

}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Smartphones no modo Paisagem e Tablets Menores                    */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#header .logo 		{ left: 50%; margin-left: -43px }
	.nav_mobile ul li 	{ display: block; height: 30px; }
	.nav_mobile ul li a { margin-left: 0; }
	.nav_mobile ul li b	{ display: none; }
	.line_grey 			{ display: none; }
	.portifolio ul li 	{ padding: 10px 20px; }
	.bar_grey			{ display: none!important; }

	.sobre				{ text-align: center }
	.sobre .foto 		{ display: block; float: none; width: 50%; margin-left: 25%; }
	.sobre .texto		{ display: block; float: none; width: 100%; margin: 15px 0 0 0; text-align: center; }
	.sobre .texto a		{ display: inline-block; }
	.contato .info 		{ margin-top:  0; }
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Smartphones no modo retrato                                       */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width: 320px) and (max-width: 479px) {

	#header .logo 		{ left: 50%; margin-left: -43px }
	.nav_mobile ul li 	{ display: block; height: 30px; }
	.nav_mobile ul li a { margin-left: 0; }
	.nav_mobile ul li b	{ display: none; }
	.line_grey 			{ display: none; }
	.bar_grey			{ display: none!important; }
	.portifolio ul li 	{ padding: 10px 0px; }

	.sobre				{ text-align: center }
	.sobre .foto 		{ display: block; float: none; width: 50%; margin-left: 25%; }
	.sobre .texto		{ display: block; float: none; width: 100%; margin: 15px 0 0 0; text-align: center; }
	.sobre .texto a		{ display: inline-block; }
	.contato .info 		{ margin-top:  0; }
	.contato p      	{ font-size: 10px; }
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Dispositivos com tela de retina                                   */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

	#header .logo 		{ left: 50%; margin-left: -43px }
	.nav_mobile ul li 	{ display: block; height: 30px; }
	.nav_mobile ul li a { margin-left: 0; }
	.nav_mobile ul li b	{ display: none; }
	.line_grey 			{ display: none; }
	.bar_grey			{ display: none!important; }
	.contato .info 		{ margin-top:  0; }
}

/*
	END SITE STYLE
*/

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Colorbox                                                          */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#ffffff}#colorbox{outline:0}#cboxTopLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 0}#cboxTopCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -50px}#cboxTopRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px 0}#cboxBottomLeft{width:25px;height:25px;background:url(../images/border1.png) no-repeat 0 -25px}#cboxBottomCenter{height:25px;background:url(../images/border1.png) repeat-x 0 -75px}#cboxBottomRight{width:25px;height:25px;background:url(../images/border1.png) no-repeat -25px -25px}#cboxMiddleLeft{width:25px;background:url(../images/border2.png) repeat-y 0 0}#cboxMiddleRight{width:25px;background:url(../images/border2.png) repeat-y -25px 0}#cboxContent{background:#fff;overflow:hidden}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{margin-bottom:20px}#cboxTitle{position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}#cboxCurrent{display:none !important;position:absolute;bottom:0;left:100px;color:#999}#cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;bottom:0;right:42px;color:#444}#cboxPrevious{position:absolute;bottom:0;left:0;color:#444}#cboxNext{position:absolute;bottom:0;left:63px;color:#444}#cboxClose{position:absolute;bottom:0;right:0;display:block;color:#444}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*	Back to Top 													*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#toTop 									{ z-index: 100; display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }
#toTopHover 							{ background: url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus 			{ outline: none }

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*CLASSES STANDARDS													*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.link_blocked{ cursor: default }
.relative{ position: relative }
.absolute{ position: absolute }
.f_left{ float: left }
.f_right{ float: right }
.txt_center{ text-align: center }
.txt_left{ text-align: left }
.txt_right{ text-align: right }
.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0  }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden }
.clearfix { display:inline }
* html .clearfix { height: 1% }
.clearfix { display: block }
.imgMobile { width: 100%; height: auto; }
.hidden-overflow { overflow: hidden; }