/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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,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;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*Font Imports*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face{
	font-family: 'Open Sans';
}

/* General Rules */

.no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

body {
	overflow-x: hidden;
	font-family: 'Open Sans',Arial, sans-serif;
	color: #314c5e;
}


/*Main Navigation*/

.navbar.navbar-default.main-nav {
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #fff;
    border-color: #fff;
}

.navbar.navbar-default.main-nav a {
	color: #777;
}


.menu-navegacao-primaria-container {
	margin-left: 300px;
}

ul#menu-navegacao-primaria {
	height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

ul#menu-navegacao-primaria li {
	position: relative;
	float: left;
	margin-right: 50px;
}

ul li.menu-item.menu-item-has-children::after {
	content: '';
    height: 0;
    width: 0;
    display: inline-block;
    float: right;
    margin-top: 23px;
    margin-left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
}

ul li.menu-item.menu-item-has-children:hover .sub-menu {
	display: block;
}

.sub-menu {
	width: 250px;
    position: absolute;
    display: none;
    top: 50px;
    left: -20px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 3px;
}

ul.sub-menu {
	margin: 0;
	list-style: none;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 20px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

ul.sub-menu li {
	width: 100%;
	height: 25px;
	display: block;
}


/* MASTHEAD */

.masthead {
	width: 100%;
	height: 450px;
	padding: 0;
	margin: 0;
	background: linear-gradient(rgba(255, 0, 0, 0.45), rgba(255, 0, 0, 0.45)), url(images/masthead.jpg) 50%;
}

.title-box {
	color: #fff;
}

.title-box a {
	display: block;
}

.title-box img {
    margin-top: 45%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.title-language {
	width: 100%;
    display: inline-block;
    margin: 25px auto 0 auto;
    text-align: center;
}

.title-language ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.title-language ul li {
	float: left;
	overflow: hidden;
	margin-right: 10px;
}

.title-language ul li:last-of-type {
	margin-right: 0;
}

.title-language ul li a {
	width: 100%;
	height: 100%;
	display: block;
	font-weight: bold;
	color: #fff;
}
.title-language ul li.list-divider {
	color: #fff;
}

/*QUOTE BOX*/

.quote-box {
	margin-top: 100px;
	margin-bottom: 100px;
}

.quote-box p {
	font-family: 'Open-sans', Arial, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #314c5e;
	text-align: center;
}

.quote-box .next-section {
	width: 32px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
}

.quote-box .next-section a {
	width: 100%;
	height:100%;
	display: block;
	cursor: pointer;
	background-image: url(images/arrow-bottom.png);
}

/*PANEL-MENU*/

.panel-menu {
	height: 350px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-size: cover;
	clear: both;
}

.panel-menu h1.menu-title {
    color: #fff;
    font-size: 22px;
    padding: 25px 30px;
    margin-bottom: 20px;
    width: 50%;
}

.panel-menu h1.menu-title>a {
	color: #fff;
}

.panel-menu.production > h1.menu-title {
	float: left;
	background-color: #00395e;
}

.panel-menu.services > h1.menu-title {
	float: right;
	background-color: #c53130;
}

.panel-menu.stock > h1.menu-title {
	float: left;
	background-color: #40b29d;
}

.panel-menu.brands > h1.menu-title {
	float: right;
	background-color: #ffbf00;
}

.production {
	background-position: 50% 70%;
	background-image: url(images/production.jpg);
}

.services {
	background-position: 50% 70%;
	background-image: url(images/services.jpg);
}

.stock {
	background-position: 50% 70%;
	background-image: url(images/stock.jpg);
}

.brands {
	background-position: 50% 70%;
	background-image: url(images/brands.jpg);
}

.menu-list {
    width: 50%;
    float: left;
    font-size: 12px;
    background-color: #fff;
    clear: both;
    padding: 0 0 10px 0;
    border-bottom: solid 10px;
}

.menu-list ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.menu-list ul li {
	margin: 10px 0 0 10px;
}

.menu-list ul li::before {
	content: '';
	width: 12px;
	height: 12px;
	margin: 2px 5px 0 0;
	float: left;
	display: block;
	background: url(images/list-items.png) no-repeat 0 0;
}

.menu-list.production {
	background-image: none;
	border-color: #00395e;
}

.menu-list.services {
	float: right;
	background-image: none;
	border-color: #c53130;
}

.menu-list.stock {
	background-image: none;
	border-color: #40b29d;
}

.menu-list.brands {
	float: right;
	background-image: none;
	border-color: #ffbf00;
}

.menu-list.production ul li a {
	color: #00395e;
}

.menu-list.services ul li a {
	color: #c53130;
}

.menu-list.stock ul li a {
	color: #40b29d;
}

.menu-list.brands ul li a {
	color: #ffbf00;
}

.menu-list.services ul li::before {
	background: url(images/list-items.png) no-repeat 0 -25px;
}

.menu-list.stock ul li::before {
	background: url(images/list-items.png) no-repeat 0 -51px;
}

.menu-list.brands ul li::before {
	background: url(images/list-items.png) no-repeat 0 -76px;
}

/*Divider Quote*/

.divider-quote {
	margin-top: 50px;
	margin-bottom: 50px;
}

.divider-quote h4 {
	font-size: 18px;
	margin-left: 40%;
	margin-right: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #c53130;
	border-bottom: 1px solid #c53130;
	text-align: center;
}

/*Content Box*/

.content-box {
	padding-left: 15px;
	padding-right: 15px;
}

.content-box h2 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 5px solid #c53130;
}

/*About*/

.about-home .image-box {
	min-height: 260px;
	background-image: url(images/empresa.jpg);
	background-position: 50% center;
	background-size: cover;
}

.about-home p {
	margin-top: 10px;
}

.about-home a.btn-link {
	padding: 10px;
    font-size: 18px;
    color: #fff;
    background-color: #c53130;
    display: block;
    text-align: left;
    width: 100px;
}

.about-home a.btn-link:hover {
	background-color: #c40000;
	text-decoration: none;
}

/*Contacts*/

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

.contacts ul li {
	height: 25px;
}

.contacts ul li.list-icon::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-top: 5px;
	margin-right: 5px;
	background-image: url(images/icon-sprite.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

li.bold {
	font-weight: bold;
	color: #c53130;
}

li.address {
	color: #999;
}

li.email::before {
	background-position: 0 -55px;
}

li.telephone::before {
	background-position: 0 0;
}

li.fax::before {
	background-position: 0 -23px;
}


/*Slider*/

.slider-frame {
	min-height: 250px;
	margin-top: 50px;
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

/*Footer*/

.footer {
	background-color: #333;
	color: #fff;
}

/*Upper-Footer*/

.upper-footer {
	min-height: 260px;
}

.upper-footer ul {
	list-style: none;
	margin: 30px 15px;
	padding: 0;
}

.upper-footer ul li {}

.upper-footer ul li a {
	color: #fff;
}

.upper-footer ul li.title {
	font-size: 18px;
	font-weight: bold;
}

.copyright-footer a {
	color: #fff;
	text-decoration: none;
}

.lower-footer {
	font-size: 10px;
	text-align: center;
}

.lower-footer p {
	padding-top: 15px;
}

.lower-footer p > span {
	width: 46px;
	height: 30px;
	margin-left: 5px;
	padding-top: 5px;
	text-indent: -9999px;
	display: inline-block;
	background: url(images/helptech-logo-xs.png);
	cursor: pointer;
}

span#helptech {
	width: 46px;
	height: 30px;
	margin-left: 5px;
	padding-top: 5px;
	text-indent: -9999px;
	display: inline-block;
	background: url(images/helptech-logo-xs.png);
	cursor: pointer;
}

/*========================================================================
  PRODUCTION PAGE
==========================================================================*/

.production .masthead {
	background-image: url(../images/production.jpg);
	background-size: cover;
	background-position: 50%;
}

.production .content-box {
	margin: 50px auto 50px auto;
	overflow: hidden;
}

.product-list .content-box {
	margin: 0;
}

.production .nav.nav-list .nav-header {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
	background-color: #00395e;
}

.production .sidebar.nav>li>a {
	color: #00395e;
}

.production .sidebar.nav>li>a:focus,.production .sidebar.nav>li>a:hover {
	color: #fff;
	background-color: #2f4b5e;
}

.production .product-description {
	border-bottom: solid 2px  #00395e;
}

/*========================================================================
  SERVICES PAGE
==========================================================================*/

.services .masthead {
	background-image: url(../images/services.jpg);
	background-size: cover;
	background-position: 50%;
}

.services .content-box {
	margin: 50px auto 50px auto;
	overflow: hidden;
}

.services h3 {
	color: #c53130;
}

.product-list .content-box {
	margin: 0;
}

.services .nav.nav-list .nav-header {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
	background-color: #c53130;
}

.services .sidebar.nav>li>a {
	color: #c53130;
}

.services  .sidebar.nav>li>a:focus,.services .sidebar.nav>li>a:hover {
	color: #fff;
	background-color: #c45656;
}

.services .product-description {
	border-bottom: solid 2px  #c53130;
}

/*========================================================================
  STOCK PAGE
==========================================================================*/

.stock .masthead {
	background-image: url(../images/stock.jpg);
	background-size: cover;
	background-position: 50%;
}

.stock .content-box {
	margin: 50px auto 50px auto;
	overflow: hidden;
}

.stock h3 {
	color: #40b29d;
}

.product-list .content-box {
	margin: 0;
}

.stock .nav.nav-list .nav-header {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	color: #fff;
	background-color: #40b29d;
}

.stock .sidebar.nav>li>a {
	color: #40b29d;
}

.stock  .sidebar.nav>li>a:focus,.stock .sidebar.nav>li>a:hover {
	color: #fff;
	background-color: #2e8071;
}

.stock .product-description {
	border-bottom: solid 2px  #40b29d;
}


/*========================================================================
  SINGLE PRODUCT PAGES
==========================================================================*/

.single-product .content-box {
	margin: 50px auto 50px auto;
	overflow: hidden;
}

.product-item.content-box {
	height: 100%;
	margin: 50px -15px;
}

.product-item.content-box img {
	float: left;
	margin: 0 -15px;
}

.single-product .iframe-container {
	font-size: 24px;
	text-align: center;
	min-height: 1600px;
	background-color: #eee;
}

.pdf-container {
	width: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 20px;
	background-color: #eee;
	border-radius: 3px;
}

.pdf-thumb {
	width: 230px;
	margin-left: auto;
	margin-right: auto;
}

.pdf-thumb p {
	font-size: 9px;
	text-align: center;
}

.pdf-thumb img {
	border-radius: 3px;
}

.pdf-actions {
	width: 230px;
	padding: 10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
}

.pdf-actions .btn {
	font-weight: bold;
	color: #fff;
	padding: 10px;
	background-color: #00395e;
}

/*WIRE MESH*/

.wire-mesh.single-product .masthead {
	background-image: url(../images/wire-mesh.jpg);
	background-size: cover;
	background-position: 50%;
}

/*========================================================================
  MEDIA QUERIES
==========================================================================*/

/*CUSTOM MEDIA QUERIES*/

/* ==========================================================================
   Bootstrap 3 Media Queries   
   ========================================================================== */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {


}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.navbar .navbar-nav {
	    display: inline-block;
	    float: none;
	}

	.navbar .navbar-collapse {
	    text-align: center;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Super Large Devices, Super Wide Screens */
@media only screen and (min-width : 1900px) {
	
	/*Header*/

}


/*CUSTOM MEDIA QUERIES*/

/*NAVBAR COLLAPSE*/

@media only screen and (min-width: 320px) and (max-width : 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /*since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .top-navigation-frame ul.rmRootGroup.rmHorizontal {
		padding-left: 0;
	}
	
	.top-navigation-frame ul li.rmItem.level1 {
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}

	.rmSlide {
		display: none !important;
	}

	.top-navigation-frame ul li.rmItem.level1.rmFirst {
		margin-left: 0;
	}

	.top-navigation-frame ul li.rmItem.level1.rmLast {
		margin-right: 0;
	}

	.top-navigation-frame ul li.rmItem.level1::before {
		display: none;
	}
	
	.slider-arrow-frame {
		display: none;
	}
	.logo-frame {
		margin: 0;
	}
	.section-navigation-frame {
		height: auto;
		min-height: inherit;
	}
	.navbar.navbar-default > .container-fluid {
		text-align: left;
	}
}

/*==========  Non-Mobile First Method  ==========*/

/* iPad Custom Portrait*/
@media only screen and (min-width: 768px) and (max-width: 1024px)  {

	/*Header*/

	/*Content*/
	
	/*Footer*/
	

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) and (max-width: 1919px) {

	/*Header*/
	

	/*Content*/
	

	/*Footer*/


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width: 1199px) {

	/*Header*/


	/*Content*/
	

	/*Footer*/

}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px) {
	
	/*Header*/

	/*Content*/
	
	/*Footer*/

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (max-width: 767px) {
	
	/*Header*/

	
	/*Content*/
	

	/*Footer*/

}

/* Custom, iPhone Retina */ 
@media only screen and (min-width: 320px) and (max-width : 479px) {
	
	/*Header*/
	
	

	/*Content*/
	
	

	/*Footer*/

}


/* ------ websystems ------- */
.footer ul.menu li, .upper-footer ul li{

/*line-height:26px !important;*/
margin-bottom:8px !important;
}

.panel-menu.services > h2.menu-title {
    float: right;
    background-color: #c53130;
}
.panel-menu.brands > h2.menu-title {
    float: right;
    background-color: #ffbf00;
}
.panel-menu.stock > h2.menu-title {
    float: left;
    background-color: #40b29d;
}

.panel-menu.production > h2.menu-title {
    float: left;
    background-color: #00395e;
}

.panel-menu h2.menu-title {
    color: #fff;
    font-size: 22px;
    padding: 25px 30px;
    margin-bottom: 20px;
    width: 50%;
}

.ws_side_h1{
padding:10px;
padding-left:16px;
border-bottom:1px solid #DADADA;
}
.ws_side_h1 h1{
font-size:18px;
line-height:24px;
}