/* GLOBAL   
----------------------------------------------------------*/

/* Body */
body { font-size: 15px; line-height: 1.429; text-align: left; }
/* Headings */
h1 { font-size: 48px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 11px }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 150%; margin-bottom: 10px; font-family: "rooney-web",sans-serif; text-transform: uppercase;  color:#333;}
.headline { font-family: "rooney-web",sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; margin-top: 20px; }
/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { }
a:hover, a:active { text-decoration: none; }
strong, b { font-weight: 700; }
p b, p strong { font-weight: 600; color:#333; }
p { margin-bottom: 0.7em; line-height:1.5em; font-size:1em;font-weight: 400;font-family: "ratio",sans-serif;color:#333;}
.alert strong { font-weight: 700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
/* FONTS */
.btn, .alert, input, textarea, label, select, p, body, .post .category { font-family: "ratio",sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: "ratio",sans-serif; }
.media-box .mask .title, .post .post-title { font-family: "ratio",sans-serif; }

::-moz-selection {
background: #000;
color: #fff;
text-shadow:none;
}
::selection { background: #000; color: #fff; text-shadow: none; }
/* Helpers */
.lastp { margin-bottom:2em;}
.clear { clear: both; }
.center { text-align: center; margin: 5px auto; }
img.center { margin: 10px 0 20px 100px !important; }
.left { float: left; }
.right { float: right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
img.left, figure.left { float: right; margin: 0 0 2em 2em; }
.align-left { float: left; margin-right: 20px; margin-bottom: 10px; }
.align-right { float: right; margin-left: 20px; margin-bottom: 10px; }
.align-center { text-align: center; }
.no-display { display: none; }
.no-border { border: none !important; }
.no-bg { background: none !important; }
.text-justify { text-align: justify; }
.no-margin { margin: 0 !important; }
.visible { display: block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing, .clients .client, .featured-posts .item a, #nav li ul li a, .social li a, #flickr_badge_wrapper img, .main-slider-narrow .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, ul.categories li a, .archives .list a, .tags a, .post .info a, input, textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.box_shadow {-webkit-box-shadow: 0px 0px 4px 0px  #333; box-shadow: 0px 0px 4px 0px #333;behavior: url(../js/PIE.htc)}
.box_shadow_light {-webkit-box-shadow: 0px 0px 2px 0px  #999; box-shadow: 0px 0px 2px 0px #999;behavior: url(../js/PIE.htc)}
.box_round { -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; behavior: url(../js/PIE.htc);}
.body-home .box_round {behavior: url(js/PIE.htc);}
/*.body-home .box_shadow{behavior: url(js/PIE.htc);}*/
.box_transition { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;behavior: url(../js/PIE.htc) }
.box_background:hover { background-color: #EFEFEF; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 2px 0px #333; box-shadow: 0px 0px 2px 0px #333; }
.destaque p { padding: 1em; }
.destaque { padding-top: 1em; padding-bottom: 1em; }
.img_destaque { -webkit-box-shadow: 0px 0px 3px 0px #333; box-shadow: 0px 0px 3px 0px #333;margin-bottom: 25px; display: block; margin: 15px auto 25px auto; }
.img_destaque:hover {opacity:0.5;filter:alpha(opacity=50);}
.box_border_top { border-top: dashed 1px #ccc; padding-top: 10px; }
.bolder { font-weight: 700; text-align: left}
.padding_content_top { padding-top: 40px;}
.clientes img { display:block; margin:20px auto;}
.servicos-texto p { margin-bottom:1em;}
.servicos-texto h3 { margin-bottom:2px;}
.square-quemsomos {margin-top:50px; margin-bottom:50px;}
.square-quemsomos img { display:block; float:right;}

/* HEADER   
----------------------------------------------------------*/
.header-wrap { padding-bottom: 0px; }
.header .menu { display: none; margin-bottom: 22px; margin-top: 10px; height: auto; width: 100%; padding: 5px 10px; font-weight: 800; text-transform: uppercase; outline: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/background/select-bg.png); background-position: right center; background-repeat: no-repeat; }
/* LOGO */
#logo { padding: 0px 0 0px 0; }
#logo h1 { margin-bottom: 0; margin-top: 15px; line-height: 100%; }
#logo p { margin: 1px 0 7px 0; }
#logo img { float: left; margin-right: 16px; }
#logo a:hover { text-decoration: none; background: none; }
/* NAV MENU */
#nav {width:100%; margin:5px auto 15px auto;}
#nav li { position: relative; display: inline-block; margin: 0 17px;}
#nav > li:last-child { margin-right: 0px; }
#nav li a { position: relative; display: block; padding: 10px; min-width: 40px; text-align: center; font-size: 15px; z-index: 300; text-transform: uppercase;font-family: "ratio-n7","ratio", sans-serif; font-weight:400;letter-spacing:.1em }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration: none; }
/* sub menu */
#nav ul { display: none; position: relative; width: 160px; z-index: 310; margin: 0; position: absolute; top: 52px; left: 0; padding: 10px 0 0 0; background-image: url(../img/background/nav-dropdown.png); background-position: 18px 4px; background-repeat: no-repeat; }
#nav ul li { display: block; padding: 0; margin: 0; text-align: center; }
#nav ul li a { text-align: left; padding: 10px 18px; font-size: 12px; }
#nav ul li:first-child a { border-top: none; }
#nav ul li:last-child a { border-bottom: none; }
/* social links */
.social {list-style: none; margin: 0px 0px 30px 70px; }
.footer .social { float: right; padding-right:50px;}
.social li { display: inline-block; text-indent: -999em; }
.footer .container .social li a {background-color: #999;}
.social li a { display: block; width: 32px; height: 32px; margin-left: 5px; background-image: url(../img/background/social.png); background-repeat: no-repeat; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.social li a {-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.social li:first-child a { margin-left: 0; }
.social li a:hover { border-top-left-radius: 0px; }
.social li a.facebook:hover { background-color: #3c5fac; }
.social li a.twitter { background-position: -32px 0; }
.social li a.twitter:hover { background-color: #5ec3df; }
.social li a.flickr { background-position: -64px 0; }
.social li a.flickr:hover { background-color: #FF0084; }
.social li a.rss { background-position: -96px 0; }
.social li a.rss:hover { background-color: #ff9900; }
.social li a.dribble { background-position: -128px 0; }
.social li a.dribble:hover { background-color: #EA4C89; }
.social li a.lastfm { background-position: -160px 0; }
.social li a.lastfm:hover { background-color: #D51007; }
.social li a.linkedin { background-position: -192px 0; }
.social li a.linkedin:hover { background-color: #2089b5; }
.social li a.vimeo { background-position: -224px 0; }
.social li a.vimeo:hover { background-color: #0dadd6; }
.social li a.google { background-position: -256px 0; }
.social li a.google:hover { background-color: #c63d2d; }





/* FOOTER   
----------------------------------------------------------*/
.footer { padding-top: 30px; }
.footer h3, .blog-part h3 { clear: left; margin-bottom: 20px; font-size: 14px; text-transform: uppercase; }
.text-widget .logo { width: 56px; float: left; margin: 0 15px 10px 0; }
.footer a { font-style: italic; }
/* FLICKR WIDGET */
#flickr_badge_wrapper img { float: left; width: 40px; height: 40px; margin: 0 14px 14px 0; }
/* TWITTER WIDGET */
#twitter-list ul { margin-left: 0; list-style: none; }
#twitter-list ul li { margin-bottom: 40px; margin-right: 10px; padding-left: 28px; background: url(../img/background/twitter.png) left 12px no-repeat; }
#twitter-list ul li span { display: block; padding: 10px 16px; line-height: 158%; }
#twitter-list ul li a { float: right; margin-top: 2px; }
#twitter-list ul li span a { float: none; margin-top: 0; }
/* MIDDLE   
----------------------------------------------------------*/
.middle { padding-bottom: 10px; }
/*.main-slider, .aside { margin-top: 15px; }*/
/* SLIDER   
----------------------------------------------------------*/
/*.main-slider { margin-bottom: 25px !important; }*/
.main-slider-narrow .flex-direction-nav li a { top: auto; bottom: 6%; width: 32px; height: 32px; opacity: 0; background-image: url(../img/background/slider-arrows.png); background-position: 0 0; background-repeat: no-repeat; }
.main-slider-narrow:hover .flex-direction-nav li a { opacity: 1; }
.main-slider-narrow .flex-direction-nav li .next { right: 0px; background-position: -32px -32px; }
.main-slider-narrow:hover .flex-direction-nav li .next { right: 20px; }
.main-slider-narrow .flex-direction-nav li .next:hover { background-position: 0 -32px; }
.main-slider-narrow .flex-direction-nav li .prev { left: auto; right: 72px; background-position: 0 0; }
.main-slider-narrow:hover .flex-direction-nav li .prev { right: 52px; }
.main-slider-narrow .flex-direction-nav li .prev:hover { background-position: -32px 0; }
/* MAINPAGE BOXES   
----------------------------------------------------------*/
/* media boxes */
.media-box { position: relative; }
.media-box img { display: block; }
.media-box .mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media-box .mask .ico { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: 90% 10%; background-repeat: no-repeat; }
.media-box .mask .ico.image { background-image: url(../img/background/media-box-image.png); }
.media-box .mask .ico.video { background-image: url(../img/background/media-box-video.png); }
.media-box .mask .ico.link { background-image: url(../img/background/media-box-link.png); }
.media-box .mask .title { width: 30%; margin-left: 5%; margin-top: 5%; font-size: 25px; text-transform: uppercase; font-weight: 800; line-height: 100%; }
/* aside */
.aside h2 { margin-bottom: 15px; font-size: 32px; font-weight: 300; line-height: 120%; text-transform: lowercase; }
/* homepage parts */
.blog-part, .blog-post, .service { padding-top: 34px; margin-bottom: 30px; }
.blog-part div { padding: 0 20px 0 0px; }
.blog-post h3, .service h3 { font-size: 15px; font-weight: 400; margin-top: 16px; margin-bottom: 0px; }
.blog-post h3 { margin-bottom: 8px; }
.blog-part h3 { font-weight: 800; padding-bottom: 10px; margin-bottom: 12px; }
.blog-part div p:last-child { margin-bottom: 10px; }
/* latest portfolio items */
.latest-portfolio { margin-top: 34px; margin-bottom: 30px; }
.latest-portfolio .service { margin-top: 0; padding-top: 0; margin-bottom: 40px; }
.latest-portfolio .service h3 { float: left; line-height: 100%; }
.latest-portfolio .service span { margin-top: 10px; margin-left: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
/* services  QUEM SOMOS*/
.services { clear: left; }
.services .item { margin-top: 10px; margin-bottom: 10px; }
.services img { display: block; margin: 10px auto; }
.services h3 { font-weight: 700; font-size: 22px; }
.services .item h3 { font-weight: 400; }
.service-title { text-align: left; padding-top: 0px !important; margin-bottom: 0 !important; }
.service-title span { float: right; font-size: 14px; }
.quemsomos { padding-top: 20px; }
.quemsomos p { font-size: 1em; margin-bottom: 0.5em; }
.quemsomos h2 { margin-bottom:0.30em; text-align: center; margin-right: auto; margin-left: auto; }
.quemsomos h4 { color: #999; font-size: 13px; text-align: center; margin-right: auto; margin-left: auto; }
.servicos-list { margin: 0 auto; list-style: none; }
.servicos-list li { margin-bottom: 0.75em; font-size:16px;}
.servicos-list li a{ padding:5px; }
.servicos-list li a:hover { background: #007FB6; color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;behavior: url(js/PIE.htc)}
.servicos-texto li, .case-texto li { font-size:16px; line-height:1.5em; margin-bottom:0.5em;}
/* clients */
.clients { margin-top: 30px; margin-bottom: 30px; }
.clients .client { height: 64px; margin-top: 10px; margin-bottom: 10px; text-align: center; opacity: .5; }
.clients .client:hover { opacity: 1; }
.clients img { max-height: 100%; }
/* CONTENT TYPOGRAPHY STYLES  
----------------------------------------------------------*/
.content h2, .content h3, .content h4, .content h5, .content h6 { clear: left; font-weight: 400; }
.content h2 { padding-top: 10px; padding-bottom: 4px; margin-bottom: 20px; }
.content h3 { font-weight: 600; padding-top: 8px; margin-bottom: 12px; }
.content h6 { font-weight: 600; }
/* page header */
.page-header { margin-bottom: 30px !important; margin-top: 18px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { margin-left: 12px; margin-top: 6px; }
h1 small { font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
/* inline labels */
.label { font-size: 12px; text-transform: none; text-shadow: 0 1px 0 rgba(0,0,0,.5); }
/* hero unit */
.hero-unit { text-align: center; margin: 50px 0; padding: 20px 50px 10px 50px; }
.hero-unit h1 { font-size: 40px; line-height: 140%; }
.hero-unit p { font-size: 15px; margin-bottom: 12px; margin-top: 3px; }
.intro { font-size: 17px; line-height: 160%; }
.intro:first-letter { font-size: 300%; font-weight: bold; line-height: 100%; float: left; padding: 10px 16px 5px 0; font-family: Georgia, "Times New Roman", Times, serif; }
pre { padding: 14px 20px; margin-bottom: 20px; }
/* list styles */
.content ul.list, .content ol.list { margin-bottom: 20px; padding-left: 8px; }
.content ul.list li, .content ol.list li { line-height: 140%; margin: 0 0 6px 0; }
ul.arrow li { list-style-image: url(../img/background/list-arrow.png); }
ul.light li { list-style-image: url(../img/background/list-light.png); }
ul.check li { list-style-image: url(../img/background/list-check.png); }
ul.simple li { list-style-image: url(../img/background/list-simple.png); }
ul.line li { list-style-image: url(../img/background/list-line.png); }
ul.plus li { list-style-image: url(../img/background/list-plus.png); }
ul.minus li { list-style-image: url(../img/background/list-minus.png); }
ul.cube li { list-style-image: url(../img/background/list-cube.png); }
ul.dots li { list-style-image: url(../img/background/list-dots.png); }
ul.slash li { list-style-image: url(../img/background/list-slash.png); }
/* table */
.table th { font-weight: 600; }
/* featured text + button */
.featured { padding: 20px 0; margin-bottom: 30px; }
.featured h3 { margin: 10px 20px 0 26px; font-weight: 400; }
.featured .featured-btn { text-align: right; }
.featured .featured-btn .btn { margin-right: 30px; }
/* blockquotes */
blockquote { margin: 20px 30px 20px 0; margin-left: 0 !important; font-style: italic; padding-left: 70px; padding-top: 20px; border: 0; background: url(../img/background/quotes.png) left top no-repeat; }
blockquote.well { padding-left: 70px; padding-top: 20px; background-position: 10px 10px; }
blockquote p { margin-bottom: 12px; line-height: 140%; }
/* tagline */
.tagline { padding-top: 12px; padding-bottom: 16px; margin-bottom: 24px !important; text-align: center; }
.content .tagline { margin-top: 32px; }
.tagline h3 { padding: 0 80px; margin-bottom: 4px; font-size: 25px; line-height: 134%; font-weight: 300; }
.tagline p { font-size: 15px; }
.tagline *:first-child { padding-top: 0; margin-top: 0; }
.tagline *:last-child { padding-bottom: 0; margin-bottom: 0; }
/* tabs */
.nav-tabs > li > a { padding-top: 15px; padding-bottom: 15px; }
.nav-tabs > li > a, .nav-pills > li > a { padding-right: 15px; padding-left: 20px; margin-right: 6px; }
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { margin-bottom: 5px; }
.nav-tabs > li { margin-bottom: 0; }
.nav-tabs > li > a { border: 0; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border: 0; font-weight: 800; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding: 10px 20px; }
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a { margin-bottom: 0; }
.tabs-left .nav-tabs > li > a { margin-right: 0px; }
/* accordion */
.accordion-group { border: 0; }
.accordion-heading .accordion-toggle { padding: 12px 15px; font-size: 13px; font-weight: 400; cursor: pointer; }
.accordion-heading .accordion-toggle:hover { text-decoration: none; }
.accordion-group .accordion-heading .accordion-toggle { font-weight: 600; border-radius: 4px;behavior: url(js/PIE.htc) }
.accordion-group.active .accordion-heading .accordion-toggle { font-weight: 800; }
.accordion-body { display: none; padding: 0; margin: 0; }
.accordion-body .accordion-inner { margin: 0; padding: 20px; line-height: 160%; }
.accordion-body p { margin-bottom: 0; }
/* toggles */
.toggle.accordion { margin-bottom: 0; }
.accordion-group .accordion-heading .accordion-toggle i { margin-right: 10px; }
.accordion-group .accordion-heading .accordion-toggle i.icon-active { display: none; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active { display: inline-block; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive { display: none; }
/* lightbox titles */
div.pp_default .pp_description { margin-top: 8px !important; font-size: 14px !important; font-weight: 600 !important; }
/* CONTACT PAGE 
----------------------------------------------------------*/
.map { margin: 30px 0; }
.contact-form { margin-top: 30px; margin:-bottom:30px;
}
.contact-form label { display: block; }
.contact-form .text { width: 94%; padding: 10px; margin-bottom: 20px; }
.contact-form textarea.text { min-height: 100px; }
.contact-form .btn { margin-top: 10px; padding: 10px 60px; font-size: 18px; font-weight: 700; }
.contact-info { margin-top: 28px; }
.contact-info p { line-height: 100%; margin-bottom: 10px; }
.contact-info b { min-width: 60px; display: inline-block; }
.contact-info i { margin-right: 10px; margin-top: 3px; }
.contact-alert { margin-top: 30px; }
.submit-area.loading { background-image: url(../img/background/loading.gif); background-position: right bottom; background-repeat: no-repeat; }
/* validation */
label.error { display: none !important; }
input, textarea { outline: 3px solid #fff; }
/* SIDEBAR 
----------------------------------------------------------*/
.sidebar { padding-bottom: 30px; }
.sidebar .widget { margin-top: 50px; margin-bottom: 20px; }
.sidebar .widget p:last-child { margin-bottom: 0; }
.sidebar .featured-posts p:last-child { margin-bottom: 8px; }
.sidebar h3 { padding-top: 0px; margin-bottom: 12px !important; font-size: 14px; }
.sidebar .search-widget { height: 74px; margin-bottom: 20px; }
.search-widget input { padding: 6px !important; height: auto !important; width: 80%; max-width: 220px; }
.search-widget .send { display: none; }
.search-widget .input-append { padding-top: 22px; }
.input-append .add-on, .input-append .send { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; behavior: url(js/PIE.htc)}
.sidebar .search-widget, .sidebar .widget { margin-left: 30px; }
/* sidebar list */
.sidebar ul.list { margin-left: 10px; }
.sidebar ul.categories li { width: 40%; margin-right: 5%; float: left; }
/* featured posts */
.featured-posts h3 { margin-bottom: 16px !important; }
.featured-posts .item { position: relative; min-height: 60px; margin-top: 5px; margin-bottom: 12px; }
.featured-posts .item:last-child { border-bottom: 0; }
.featured-posts .item a.image-box:hover { opacity: .6; }
.featured-posts img { position: absolute; top: 0; left: 0; width: 70px; }
.featured-posts .info { margin-left: 88px; }
.featured-posts .info * { clear: none; padding: 0; margin: 0; }
.featured-posts .info h4 { line-height: 100%; margin-bottom: 6px; }
.featured-posts .info p { margin-bottom: 10px !important; font-size: 12px; line-height: 120%; }
/* BLOG   
----------------------------------------------------------*/
.post-list { padding: 30px 0; }
.post { margin-bottom: 76px; }
.post .post-title { padding-top: 0; margin-top: -4px; margin-bottom: 6px; font-size: 21px; }
.post .info, .post .tags { padding-bottom: 10px; font-size: 13px; margin-bottom: 12px; font-style: italic; }
.post .category { float: right; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.post .category:hover { background: none; }
.post .tags { padding-top: 6px; margin-top: 10px; }
.post .media-box { margin-bottom: 20px; }
.post-single .media-box { padding-top: 10px; padding-bottom: 30px; }
.post-single .info, .post .tags { padding-bottom: 0; margin-bottom: 0; }
.post-single .info .category { font-style: normal; }
.post-single { padding-top: 22px; }
.post-single .info { padding-bottom: 6px; }
.post-single .tags { margin-top: 50px; }
.pagination { font-style: italic; }
.post-info { margin-bottom: 6px; text-align: right; }
.post-content { padding-top: 14px; }
/* About the Author */
.author-bio { margin-top: 50px; margin-bottom: 60px; }
.author-bio .title { font-size: 13px; text-align: right; }
.author-bio .author-name { padding-top: 6px; text-transform: uppercase; }
/* Comment Form */
.respond { margin-top: 60px; margin-bottom: 30px; }
.respond-wrap { padding-top: 20px; }
.respond-wrap .title, .respond-wrap p { padding-left: 30px; padding-right: 30px; }
.respond .title { font-size: 24px; text-transform: uppercase; font-weight: 800; }
.respond .input { height: 30px; }
.respond textarea.input { height: 160px; }
/* Comments */
h3.comments-title { font-size: 28px; margin-top: 50px; margin-bottom: 20px; text-transform: uppercase; border-bottom: 0; }
ol.commentlist { list-style-type: none; margin: 0 0 15px; }
ol.commentlist ul, ol.commentlist ol { list-style: none; }
.comment-author.vcard { font-size: 18px; }
.comment-meta a { font-style: italic; }
.commentlist .comment-body .avatar { left: 20px; position: absolute; right: auto; top: 20px; width: 60px; }
.commentlist .comment-body { margin-bottom: 16px; min-height: 80px; overflow: hidden; position: relative; min-height: 90px; padding: 20px 20px 4px 96px; }
.commentlist .comment-body p { margin-top: 10px; }
.comment-reply-link { position: absolute; top: 20px; right: 20px; font-style: italic; }
.commentlist .children > li { padding-bottom: 10px; padding-left: 30px; margin-bottom: 10px; }
.commentlist .children li > .comment-body { margin-bottom: 10px; background: none; }
.commentlist .highlighted > .comment-body { border: medium none; padding: 1px !important; }
/* PORTFOLIO   
----------------------------------------------------------*/
#portfolio { margin-left: -30px; margin-right: -8px; }
#portfolio .item { float: left; width: 210px; margin-left: 30px; margin-bottom: 40px; }
#portfolio .item h3.project-title { margin: 13px 0 0 0; text-align: center; font-size: 13px; line-height: 126%; font-weight: 400; }
.portfolio-items .title { font-size: 20px !important; width: 60% !important; text-align: center !important; margin: 20% 20% !important; }
#portfolio .item .category { margin-top: 3px; margin-bottom: 12px; line-height: 134%; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-style: italic; }
#portfolio .item img { }
/* Portfolio Filters */
#filters { list-style: none; margin: 60px 0 40px 0; text-align: center; }
#filters li { display: inline-block; margin: 0 10px; }
#filters a { font-size: 20px; font-weight: 300; }
#filters .current a { font-weight: 700; }
/* Isotope Filtering */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* PORTFOLIO SINGLE  
----------------------------------------------------------*/
.page-header h1 .back { font-size: 15px; float: right; margin-top: 11px; }
.portfolio-single, .portfolio-sidebar { margin-top: 24px; margin-bottom: 30px; }
.portfolio-sidebar strong { display: block; }
.portfolio-sidebar p { margin-bottom: 18px; }
.portfolio-sidebar p.launch { padding-top: 20px; }
/* portfolio single - gallery */
.post-slider { min-height: 100px; }
.post-slider .flex-direction-nav { display: none; }
/* portfolio single - video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* GRID PAGE
----------------------------------------------------------*/
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px;}
/* 404 PAGE
----------------------------------------------------------*/
.not-found { text-align: center; }
.not-found h2 { margin-bottom: 4px; line-height: 110%; font-size: 160px }
.not-found h3 small { font-size: 17px; font-weight: 300; }
/* ARCHIVES PAGE
----------------------------------------------------------*/
.archives { padding-top: 20px; }
.archives h3 { font-size: 14px; }
.archives ul.list { margin-top: 8px; margin-bottom: 30px; margin-left: 16px; }
.archives ul.list li { margin-bottom: 6px; }
.archives ul.list ul li { margin-bottom: 4px; }
.archives ul.list li span { margin-left: 10px; font-size: 12px; }
.archives ul.list li ul { margin-top: 6px; margin-bottom: 8px; }
/* COLOR SPECIFIC STYLES GROUPED FOR EASY TEMPLATING
----------------------------------------------------------*/
/* text-colors */
body { color: #666; }
#nav li a, .portfolio-sidebar strong { color: #666; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #portfolio .item h3.project-title, .table th, .nav > li > a:hover, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color: #333; }
#logo h1 a, .intro, ul.categories li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color: #555; }
.aside p, blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a { color: #777; }
.nav > li > a, .aside h2, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a, .page-header h1 .back, .featured-posts .info p { color: #999; }
#nav ul li a, #portfolio .item .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span { color: #bbb; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub, .media-box .mask .title { color: #fff; text-shadow: 0 1px 0 #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, ul.categories li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { text-decoration: none; color: #333; background-color: #FFFFA8; }
/* text-shadows */
/*h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter { text-shadow: 1px 1px 0px #fff, 2px 2px 0px #ddd, 3px 3px 0px #aaa; }*/
#nav ul li a { text-shadow: 0 1px 0 #000; }
.media-box .mask .title { text-shadow: 0 1px 0 rgba(0,0,0,.3); }
/* backgrounds */
body { background: #fff; }
input:focus, textarea:focus, .main-slider-narrow .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.main-slider-narrow .flex-direction-nav li a:hover { background-color: #222; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th, .nav > li > a:hover, .accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover, input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well, .accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #fafafa; }
#nav li.active, #nav > li:hover, #nav ul li { background: #333; }
#nav ul li a:hover { background: #000; }
.media-box .mask { background: #000; background: rgba(0, 0, 0, .7); }
.commentlist .highlighted > .comment-body { background-color: #98BAB1; }
#twitter-list ul li span { background: #ddd; background: rgba(255,255,255,.3); }
.social li a { background-color: #bbb; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color: #FFF4F4; }
/* border styles */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .footer, .search-widget, .post .tags, .post-single .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu, #twitter-list ul li span, #nav ul li a, .featured-posts .item { border-style: dashed; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style: solid; }
/* border-widths */
.content .footer, .post .tags, .author-info, #nav ul li a { border-width: 1px 0 0 0; }
.footer { border-width: 1px 0 0 0; }
.header-wrap, .page-header, .content h2, .blog-part h3, .search-widget, .post-single .media-box, .tagline, .featured-posts .item { border-width: 0 0 1px 0; }
.commentlist .children > li { border-width: 0 0 0 4px; }
.content .tagline { border-width: 1px 0; }
.header .menu, #twitter-list ul li span { border-width: 1px; }
.nav-tabs { border-width: 0 0 5px 0; }
#flickr_badge_wrapper img { border-width: 4px; }
.featured-posts img { border-width: 3px; }
/* border colors */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .content .tagline, .search-widget, .post .tags, .post-single .media-box { border-color: #ddd; }
.author-info, .author-bio .author-name, #portfolio .item, .header .menu, #twitter-list ul li span, #flickr_badge_wrapper img, .featured-posts .item { border-color: #ddd; }
.well, .footer, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color: #eee; }
#nav ul li a { border-color: #777; }
.nav-tabs { border-color: #fff; }
#flickr_badge_wrapper img:hover { border-color: #D90632; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color: #ccc; outline-color: #eee; background-color: #fff; }
.footer-back { width: 100%; }
.footer-back img { width: 100%; }
.marca { float: right; width: 122px; height: 122px; }
table, td, tr { border: solid 1px #666; }
td, tr { padding: 5px; }
.row-divider { border-top: dashed 1px #999; margin: 30px 0 30px 0; }
.footer-img { float: right }

/* MEDIA QUERIES - RESPONSIVE LAYOUT  
----------------------------------------------------------*/
@media (min-width: 1200px) {
#portfolio { margin-left: -27px; }
#portfolio .item { margin-left: 27px; margin-bottom: 50px; }
}
@media (min-width: 768px) and (max-width: 980px) {
#portfolio { margin-left: -44px; }
#portfolio .item { margin-left: 44px; }
#nav > li { margin-bottom: 10px; }
.servicos-list { text-align:center;}
}

@media (min-width: 980px) and (max-width: 1200px) {
 	
#nav li { margin:0 12px;}
nav #nav li a {font-size:14px;}
}

@media (min-width: 769px) and (max-width: 980px) {
 	
#nav li { margin:0 6px;}
nav #nav li a {font-size:11px;}
}

@media (max-width: 768px) {
.header { text-align: center;width:100%; }
#logo img { float: none; }
#logo h1 { margin-top: 6px; }
#logo p { margin-top: 6px; font-size: 17px; }
#nav { float: none; margin-top: 26px; }
.header .social { float: none; margin-top: 36px; }
#nav > li { margin-bottom: 10px; }
#nav > li a { font-size: 15px; }
#twitter-list ul li { float: left; width: 40%; }
#portfolio .item {; margin-bottom: 40px; }
#logo { padding: 0px 0 0px 0; }
.aside { padding: 12px 0 0 0; }
.tagline h3 { padding: 0 10px; }
.sidebar .search-widget, .sidebar .widget { margin-left: 0px; }
.search-widget input { display: block; padding: 8px !important; margin: 0 auto; width: 90%; max-width: 90%; }
.pagination { text-align: center; }
.bolder { font-weight: 700; text-align: center; }
.servicos-list { text-align:center; margin-bottom:50px; margin-top:20px;}
.social { margin:30px 0px 30px 0px;}
.footer .social { float:left;}
}
@media (max-width: 720px) {
.services, .clients, .blog-part, .featured { margin-top: 26px !important; }
.latest-portfolio .service { margin-bottom: 50px !important; }
.portfolio-single { margin-bottom: 32px !important; }
.blog-post h3, .service h3 { margin-top: 8px; }
.portfolio-part { margin-top: 0 !important; margin-bottom: 30px !important; }
.post-list { padding-top: 0; }
.featured .featured-btn { text-align: center; }
.featured .featured-btn .btn { margin-right: 0px; margin-top: 14px; }
.widget { margin-bottom: 50px !important; }
#portfolio { margin: 0; margin-right: -20px; }
#portfolio .item { width: 44%; margin-right: 16px; margin-left: 0px; margin-bottom: 20px; }
#portfolio .item h3 { margin-top: 8px; }
#portfolio .item .category { margin-top: 2px; margin-bottom: 10px; }
#filters { list-style: none; margin: 20px 0; }
.search-widget .input-append, .featured h3 { text-align: center; }
.featured h3 { margin-top: 0; margin-right: 26px; }
.input-append input, .input-append .uneditable-input { float: none !important; }
.page-header h1 .back { display: block; float: none; margin-top: 2px; text-align: right; }
.contact-info { margin-top: 12px; }
.bolder { font-weight: 700; text-align: center; }
.servicos-list { text-align:center; margin-bottom:50px; margin-top:20px;}
.social { margin:30px 0px 30px 0px;}
.footer .social { float:left;}
}
@media (max-width: 480px) {
.content p { font-size: 15px; line-height: 24px; }
.flexslider { min-height: 100px !important; }
#logo { padding-top: 0px; }
#nav { display: none; }
.header .social { margin-top: 0; }
.header .menu { display: inline-block; }
.commentlist .comment-body { padding-left: 20px; }
.commentlist .comment-body .avatar { position: relative; float: left; left: auto; top: auto; margin-right: 20px; }
#twitter-list ul li { float: none; width: auto; }
.page-header { padding-bottom: 2px; }
.page-header { margin-top: 12px !important; }
.page-header h1 small { font-size: 13px; margin-left: 0; }
.reply { margin: 10px 0; }
.comment-reply-link { position: inherit; }
.service-title span { float: none; margin-left: 10px; }
.media-box .mask .title { font-size: 18px !important; width: 90%; margin-top: 18% !important; }
.search-widget input { width: 100%; max-width: 100%; }
.bolder { font-weight: 700; text-align: center; }
.servicos-list { text-align:center; margin-bottom:50px; margin-top:20px;}
.social { margin:30px 0px 30px 0px;}
.footer .social { float:left;}
}