@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,500,700,500italic,700italic);

html, body { position: relative; height: 100%; }
body { font-weight: 300; }

h1, .h1 { color: #333333; margin: 0 0 55px; font-weight: bold; letter-spacing: -1px }
h1 small, .h1 small { font-size: 18px; color: #005984; font-weight: 300; }

h3, .h3 { font-weight: bold; }

blockquote { font-style: italic; font-size: 14px; font-weight: 300; padding: 0; margin: 0; }
cite { font-style: italic; font-size: 14px; font-weight: 400; padding: 0; color: #666666; margin-bottom: 50px; display: block; }

.btn, .btn:hover, .btn:focus, .btn:active { font-size: 18px; font-weight: 500; font-style: italic; padding: 0; border: none; background: none; }

.container-fluid { max-width: 970px; }
.navbar { min-height: 162px; }
.affix { top: 10px; }

.social-link { display: inline-block; width: 30px; height: 30px; background: url(../images/sprite-social-media.png) no-repeat left top; text-indent: -9999px; overflow: hidden; margin-right: 10px; }
.text-right .social-link { margin-right: 0; margin-left: 10px; text-indent: 9999px; }
.social-facebook { background-position: -42px 0; }
.social-mail { background-position: -85px 0; }
.social-linkedin-white { background-position: -128px 0; }

.second-bg { background-color: #efeeee; border-top: 1px solid #d1d1d1; padding-top: 45px; margin-top: 60px; }

.bxslider { margin: 0; padding: 0; list-style: none; }

#main-wrapper { position: relative; min-height: 100%; padding-bottom: 140px; }

#main-nav { background: url(../images/bg-top-gradiente.jpg) no-repeat top center #033648; background-size: auto 100%; border: none; margin: 0; }
#main-nav #main-nav-border { background: url(../images/bg-top-dots.png) repeat-x scroll top center; }
#main-nav .navbar-brand { margin: 30px 0 35px; height: auto; padding: 0; }
#main-nav #main-navbar { text-transform: uppercase; font-size: 16px; clear: right; }
#main-nav #main-navbar a { margin: 0 0 0 54px; padding: 0; font-weight: 500; 
	-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#restricted-area { background: url(../images/icon-lock.png) no-repeat top left; display: inline-block; width: 18px; height: 20px; text-indent: 9999px; overflow: hidden; float: right; margin: 42px 0 22px; }

.navbar-default .navbar-toggle { margin: 30px 0 0 30px; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #033648; }

#main-content { background: url(../images/bg-top-bottom-dots.png) repeat-x top center; min-height: 200px; padding: 85px 0 85px; }

#left-sidebar { padding-bottom: 160px; }
#left-sidebar h2 { font-weight: 300; font-size: 28px; margin: 0 0 20px; text-transform: uppercase; cursor: pointer; }
#left-sidebar h2 .glyphicon { font-size: 21px; }
#left-sidebar ul { padding: 0; }
#left-sidebar li { background: url(../images/bullet-sidebar.png) no-repeat left center; list-style: none; padding-left: 40px; line-height: 45px; font-size: 18px; }
#left-sidebar li:first-child { background-position: 0 16px; }
#left-sidebar li.lonely-item { background-position: 0 -170px; }
#left-sidebar li.last { background-position: 0 -170px; }
#left-sidebar li.active { font-weight: bold; background-image: url(../images/bullet-active-sidebar.png)  }
#left-sidebar #widgets { background-color: white; }
#left-sidebar .widget { margin-bottom: 40px; }

#main-footer { position: absolute; bottom: 0; width: 100%; min-height: 140px; background-color: #141414; }
#footer-logo { margin-top: 32px; display: block; }
#main-footer .social-media-wrapper { margin: 20px 0 8px; }
#main-footer address { font-style: italic; font-weight: 300; color: #e6e6e6; }
#main-footer address a { color: inherit; }
#main-footer address .offices { font-size: 12px; }

/* Contato */
#contato-page p { font-size: 18px; }
#contato-page form { padding-top: 45px; }
#contato-page label { width: 20%; vertical-align: top; margin-top: 6px; font-weight: 500; font-size: 16px; }
#contato-page .form-control { width: 79%; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
#contato-page .form-control:focus, #contato-page .form-control:active { background-color: #033648; color: #fff; }
#contato-page textarea { min-width: 300px; height: 130px; }
#contato-page form .btn { margin-left: 580px; }
#contato-page form .submit-wrapper { text-align: right; }
#contato-page .contact-feedback { margin: 15px 0 20px; padding: 10px ; border-radius: 5px; text-align: center; }
#contato-page .contact-feedback.success { background-color: #005984; color: #ffffff; }
#contato-page .contact-feedback.error { background-color: #e8d1d1; color: #3b0b0b; }

/* Produtos */
.product-category { background: url(../images/icon-solucoes.png) no-repeat 100% 0; padding-top: 75px; }
.product-category + .product-category { margin-top: 60px; }
.product-category h2 { margin: 0 0 25px; font-size: 32px; color: #005984; font-weight: bold; }
.product-category .panel { padding: 42px 25px 52px; margin-bottom: 0; position: relative; border: none; }
.product-category .panel.odd { background-color: #e9e9e9; }
.product-category .panel.first { margin-top: 50px; }
.product-category .panel.first:before { background: url(../images/bg-first-panel.png) no-repeat top center #fff; width: 100%; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; content: " "; }
.product-category .panel h3 { margin: 0 0 10px; }
.product-category .panel .more-link { display: block; text-align: right; background: url(../images/bg-product-more-link.png) no-repeat right center; }
#modulos.product-category { background-image: url(../images/icon-modulos.png); }

/* Produto */
.product-detail h3 { margin: 35px 0 20px; font-weight: 500; } 
.product-detail ul { padding: 0; margin-top: 20px; } 
.product-detail li { padding-left: 30px; background: url(../images/bullet-check-signal.png) no-repeat left top; list-style: none; margin-bottom: 25px; } 
.product-detail li li { padding-left: 20px; background: url(../images/bullet-check-signal-small.png) no-repeat left top; list-style: none; margin-bottom: 20px; } 
.product-detail img.img-responsive { margin: 40px auto 0; } 
.product-detail #testimonials { margin: 80px auto 0; position: relative; background-color: #f0efef; padding-bottom: 10px; } 
.product-detail #testimonials:before { background: url(../images/bg-product-testimonials.png) no-repeat 40px -4px #f0efef; width: 100%; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; content: " "; }
.product-detail #clientes { position: relative; background-color: #f9f9f9; padding-top: 42px; } 
.product-detail #clientes:before { background: url(../images/bg-product-clients.png) no-repeat 40px -4px #f9f9f9; width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 20px; content: " "; }
.product-detail #entre-em-contato { padding-top: 40px; }

#produto-page #main-content, #servicos-page #main-content, #a-inoa-page #main-content, #index-page #main-content, #contato-page #main-content { padding-bottom: 0 }

/* Serviços TI */
#servicos-page .second-bg { padding-bottom: 60px; }

#servicos-page #portfolio-box-row { margin-bottom: 80px;  }
#servicos-page .bx-wrapper { background-color: white; padding: 30px 40px; }
#servicos-page .bx-wrapper .bx-viewport { background-color: transparent; }
#servicos-page .bx-controls-direction { position: absolute; top: 30px; right: 25px; width: 100px; }
#servicos-page .bx-controls-direction a { margin: 0; top: 0; background-image: url(../images/portfolio-bxslider-controls.png);  }
#servicos-page .portfolio-slider-header { padding-bottom: 35px; border-bottom: 2px dotted #bfbfbf; }
#servicos-page .portfolio-slider-content h2 { font-size: 14px; font-weight: 500; color: #005984; text-transform: uppercase; margin: 30px 0 15px; }
#servicos-page .portfolio-slider-content p { margin: 10px 0; }
#servicos-page .portfolio-slider-content blockquote { border-left: none; }

#servicos-page .portfolio-callers { display: table; width: 100%; margin-bottom: 50px; }
#servicos-page .portfolio-callers a { display: table-cell; text-align: center; width: 20%; }
#servicos-page .portfolio-callers a img { display: inline-block; }

#servicos-page .text-primary {margin-top: 25px}

/* A Inoa */
#a-inoa-page .bx-wrapper { padding-top: 55px; }
#a-inoa-page .bx-wrapper .bx-viewport { background-color: transparent; }
#a-inoa-page .bx-wrapper .bx-pager { bottom: auto; top: 0; right: 32px; width: 110px; padding-top: 10px; }
#a-inoa-page .bx-controls-direction { position: absolute; top: 0; right: 0; width: 176px; }
#a-inoa-page .bx-wrapper .bx-controls-direction a { margin: 0; top: 0; background-image: url(../images/equipe-bxslider-controls.png);  }
#a-inoa-page .bx-wrapper .bx-pager.bx-default-pager a { background-color: #09749e; border: 2px solid #edecec;  }
#a-inoa-page .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #edecec; border: 2px solid #09749e;  }

#a-inoa-page .bxslider li > .row { position: relative; padding-top: 210px; }
#a-inoa-page .team-caller { text-transform: uppercase; text-align: center; padding-bottom: 10px; position: absolute; top: 0; left: 0; }
#a-inoa-page .team-caller ~ .team-caller { left: 16.6%; }
#a-inoa-page .team-caller ~ .team-caller ~ .team-caller { left: 33.2%; }
#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { left: 49.8%; }
#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { left: 66.4%; }
#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { left: 83%; }
#a-inoa-page .team-caller a { position:relative; display:block; }
#a-inoa-page .team-caller.team-caller-disabled a { cursor: default; }
#a-inoa-page .team-caller h3 { font-weight: bold; font-size: 14px; margin: 0; }
#a-inoa-page .team-caller p { font-size: 12px; margin-bottom: 0; }
#a-inoa-page .team-caller canvas, #a-inoa-page .team-caller img { border-radius: 50%; margin: 0 auto 15px; }
#a-inoa-page .team-caller.active canvas { display: none !important; }
#a-inoa-page .team-info-row { display: none; }
#a-inoa-page .team-info { padding: 50px 25px 40px; background-color: #005984; color: white; overflow: hidden; position: relative; }
#a-inoa-page .team-info:before { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(../images/bg-team-detail.png) no-repeat 6% top #EFEEEE; content: " "; }
#a-inoa-page .team-info-2:before { background-position: 24% top; }
#a-inoa-page .team-info-3:before { background-position: 42.5% top; }
#a-inoa-page .team-info-4:before { background-position: 59% top; }
#a-inoa-page .team-info-5:before { background-position: 77% top; }
#a-inoa-page .team-info-6:before { background-position: 95% top; }
#a-inoa-page .team-info a { color: inherit; }
#a-inoa-page .team-info a.more-link { line-height: 30px; background: url(../images/bg-team-more-link.png) no-repeat left center; width: 265px; text-align: right; }
#a-inoa-page .team-info a.more-link:hover { text-decoration: none; }
#a-inoa-page .team-info a.more-link span { font-weight: bold; }
#a-inoa-page .team-info p { margin-bottom: 20px; }

/* Página Inicial */
#index-page .more-link { display: block; font-size: 30px; font-style: italic; font-weight: 500; text-align: right; background: url(../images/bg-home-more-link.png) repeat-x scroll left center; margin-top: 40px; }
#index-page .more-link span { display: inline-block; background-color: #EFEEEE; padding-left: 20px; }
#index-page .second-bg .wrapper { background: url(../images/bg-second-wrapper.gif); padding-top: 65px; }

#index-page #main-nav { background: white; }
#index-page #main-nav a { color: #666666; }
#index-page #main-nav a:hover, #index-page #main-nav a:focus, #index-page #main-nav a:active { color: #53BBED; }
#index-page #restricted-area { background-image: url(../images/icon-lock-home.png); }
#index-page #main-content { padding-top: 0; background: none; }
#index-page #main-content .bx-wrapper:first-child { margin-bottom: 0; }
#index-page #home-main-slider { height: 100%; }
#index-page #home-main-slider li { position: relative; color: white; min-height: 429px; }
#index-page #home-main-slider li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; }
#index-page #home-main-slider li > .container-fluid > .row { padding: 80px 0 40px; }
#index-page #home-main-slider li h2 { font-weight: 300; margin: 0 0 25px; }
#index-page #home-main-slider li h2 strong { font-style: italic; font-weight: 500; }
#index-page #home-main-slider li p { font-size: 16px; margin: 0 0 10px; }
#index-page #home-main-slider li a { color: inherit; }
#index-page #home-main-slider li a:hover, #index-page #home-main-slider li a:active, #index-page #home-main-slider li a:focus { text-decoration: none; }
#index-page #home-main-slider li a.more-link { padding-bottom: 10px; }
#index-page #home-main-slider li .image-col { text-align: center; }
#index-page #home-main-slider-wrapper .bx-controls { position: absolute; bottom: 30px; left: 0; width: 100%; z-index: 2147483647; }
#index-page #home-main-slider-wrapper .bx-pager.bx-default-pager { position: static; max-width: 970px; margin: 0 auto; clear: both; text-align: right; }
#index-page #home-main-slider-wrapper .bx-pager.bx-default-pager a { text-indent: 9999px; overflow: hidden; background-color: #819497 }
#index-page #home-main-slider-wrapper .bx-pager.bx-default-pager a:hover, 
#index-page #home-main-slider-wrapper .bx-pager.bx-default-pager a.active { background-color: #ffffff }

#index-page #home-products { margin-top: 0; background: url(../images/bg-top-bottom-dots.png) repeat-x top center #efeeee; padding: 15px 0 35px; }
#index-page #home-products h2 { font-size: 33px; font-weight: bold; }
#index-page #home-products .text-right img.img-responsive { display: inline-block; }
#index-page #home-products .home-products-separator { display: block; width: 80%; margin: 0 auto; }

#index-page #home-services { margin-top: 0; background: url(../images/bg-top-bottom-dots.png) repeat-x top center #fff; padding-top: 65px; }
#index-page #home-services h2 small { color: #333333; font-size: 18px; letter-spacing: -1px }
#index-page #home-services .more-link { color: #666666; }
#index-page #home-services .more-link span { background-color: white;  }

#index-page #home-clients { background: url(../images/bg-top-bottom-dots.png) repeat-x top center #efeeee; padding: 15px 0 85px; }
#index-page #home-clients .bx-wrapper .bx-viewport { background-color: transparent; }
#index-page #home-clients .bx-wrapper .home-clients-images-wrapper { display: table; width: 85%; margin: 0 auto; }
#index-page #home-clients .bx-wrapper .home-clients-images-wrapper a { display: table-cell; padding: 0 10px; text-align: center; }
#index-page #home-clients .bx-wrapper .home-clients-images-wrapper a .img-responsive { display: inline-block; }
#index-page #home-clients .bx-wrapper .bx-controls-direction a { background-image: url(../images/home-clientes-bxslider-controls.png);  }
#index-page #home-clients .bx-wrapper .bx-pager.bx-default-pager a { background-color: #09749e; border: 2px solid #edecec;  }
#index-page #home-clients .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #edecec; border: 2px solid #09749e;  }

#index-page .navbar-default .navbar-toggle .icon-bar {background: #033648}
#index-page .navbar-toggle {border: 1px solid #033648}

@media (min-width: 992px) {
	#index-page #home-main-slider li .image-col { padding: 0 0 0 15px; position: relative; left: 15px; }
}
@media (min-width: 1200px) {
	#index-page #home-main-slider li .image-col { padding: 0 0 0 0; position: relative; left: 30px; }
}

@media (max-width: 992px) { 
	.affix { top: 0; padding-top: 10px; width: 100%; z-index: 100; }


	#index-page #home-main-slider li > .container-fluid > .row > div:first { padding-left: 25px; padding-right: 25px; }
	#index-page #home-main-slider-wrapper .bx-controls { bottom: 15px; padding-right: 10px; }
    
    #main-content { padding-bottom: 325px; }

    #contato-page label { width: 95px; vertical-align: top; margin-top: 6px; font-weight: 500; font-size: 16px; }
    #contato-page .form-control { min-width: 300px }
	#contato-page form .submit-wrapper .btn { margin-left: 330px; }
	#contato-page .contact-feedback { border-radius: 0; }
	
	#index-page #home-clients .bx-wrapper .home-clients-images-wrapper a { display: block; float: left; width: 50%; margin-bottom: 25px; line-height: 78px; height: 78px; }

	#left-sidebar { padding-bottom: 60px; }
	#left-sidebar .widget { margin-bottom: 0; }

	#main-wrapper { padding-bottom: 232px; }
}

@media (max-width: 768px) { 
	#main-nav .navbar-brand{ width: 125px; margin: 15px 0; }
	.navbar { min-height: 0; }

	#main-nav #main-navbar a { margin-left: 50px; padding: 12px 0; }
	#restricted-area { margin-top: 38px; }
	
	#contato-page form .submit-wrapper .btn { margin-left: 0; }

	#a-inoa-page .bxslider li > .row { padding-top: 0; }
	#a-inoa-page .team-caller { position: static; }
	#a-inoa-page .team-info-row { clear: both; margin-bottom: 30px; }
	#a-inoa-page .team-info:before, #a-inoa-page .team-info-3:before, #a-inoa-page .team-info-5:before { background-position: 23% top; }
	#a-inoa-page .team-info-2:before, #a-inoa-page .team-info-4:before, #a-inoa-page .team-info-6:before { background-position: 78% top; }

	#a-inoa-page .team-caller ~ .team-caller { clear: none; }
	#a-inoa-page .team-caller ~ .team-caller ~ .team-caller { clear: both; }
	#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { clear: none; }
	#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { clear: both; }
	#a-inoa-page .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller ~ .team-caller { clear: none; }
}

@media (max-width: 767px) {
	#main-nav #main-navbar a { margin-left: 0 }
	h1 small, .h1 small {display: block}
	
	#contato-page .form-control { width: 100%; }
}

@media (max-width: 385px) {
	#left-sidebar { overflow: hidden; }
	#left-sidebar h2 { font-size: 16px; }
	#left-sidebar h2 .glyphicon { font-size: 13px; }
	#left-sidebar li { font-size: 15px; line-height: 35px; }
	#left-sidebar li:first-child { background-position: 0 10px; }
	#left-sidebar li.last { background-position: 0 -176px; }
}

@media (max-width: 360px) {
	#index-page #home-main-slider li h2 { font-size: 22px; }
}