@CHARSET "UTF-8";

HTML,BODY {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 95%;
	color: #666666;
}
a {color:#000; text-decoration:none;outline: none;}
a img {border: 0;}
a:hover {text-decoration:underline;}
footer a{ color:#ffffff; text-decoration: none;}
.center {
  text-align: center;
}


img {border: 0;}
.clr{ clear:both; }
/************** Typography styles **************/
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0; line-height: 1em;}
h1 { font-size: 2em; margin-bottom:10px;}
h2{ font-size: 1.5em; }
h3{font-size: 1.3em;}
h4 {font-size:1em;}
h5 {font-size:0.9em;}
h6 {font-size:0.8em;}
/*p { font-size: 0.8125em;} */

h2 a, h3 a { text-decoration: none; color:#000;}
h2 a:hover, h3 a:hover { text-decoration: none; color:#999999;}
h4 a:hover { text-decoration: none; color:#999999;}
h3 { margin: 0px 0px 30px 0px; padding: 0px; font-weight: 400;}
h4 {line-height:1.25;margin-bottom:0.25em;}
h5 {margin-bottom:1.5em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h2.title2{ margin: 0 0 30px 0; padding: 0; font-weight: normal; font-size: 36px; height: 145px; line-height: 145px; text-transform: uppercase; text-align: center;}
/*h2.title{ margin: 0 0 0 0; padding: 0; font-weight: normal; font-size: 2.25em; height: 65px; line-height: 65px; text-transform: uppercase; text-align: center;}*/
h2.quem-somos { color: #003366;/*margin-top:30px;*/ }
h2.title-missao { color: #333333; }
h2.razao { color: #666666; /*margin-top:30px;*/ }
h2.servico { color: #666666; }
h2.catalogo { color: #666666; }
h2.produtos { color: #ffffff;  }
h2.produtos2 { color: #666666;  }
h3.keywords{ text-transform: uppercase; text-align: center; line-height: 34px;}
h2.album { color: #666666;  }

.wrapper { width: 100%; margin:0}
.row { margin:0}
    /*Padding*/
    .p-30 {
        padding: 30px 0!important;
    }
    .p-20 {
        padding: 20px 0!important;
    }
    /*margin */
    .m40{
      margin: 40px;
    }

    /*Backgroun color*/
    .bg-gray-light {
    background-color: #ECEFF1!important;
}


h2.title{
    font-size: 2.25em !important;
    padding: 1em 0 0 0;
    font-weight: 400;
    /* margin: 0 0 2em -.7em; */
    margin: 0 0 1em 0;
    text-transform: uppercase;
    text-align: center;
    line-height:40px;
}
h2.title::after {
    content: '';
    border-bottom: 4px solid;
    display: block;
    width: 100px;
    padding: 15px 0;
    margin: 0 auto;
}

/****TOOLBAR****/

.content{ width: 100%; min-height: 400px; height: auto !important; border: 0px solid #ccc; margin: 0; padding: 0;}
.topBanner{width: 100%; padding-bottom: 26.04%; height: 0px; margin: 0 0px 0 0px;  display: block; background-size: 100% auto;}
footer, section, article{ display: block; width: 100%; margin: 0; padding: 0;}
.item-content{ max-width: 950px; height: auto !important; display: block; margin: 0 auto; padding-top:10px; border: 0px solid #ccc;}
.width_container{ width: 100%; height: auto !important; display: block; margin: 0 auto; padding-top:30px; padding-bottom:20px; border: 0px solid #ccc;}
.title-area-reservada{width: 8.854%; padding-bottom: 2.24%; height: 0px; margin: 0 0px 0 0px; background: url("../images/title-area-reservada.png") no-repeat center; background-size: 100% auto;}
.container{
  padding-right:0;
  padding-left: 0;
}


/*********************** LAyout ***********************/



#area-reservada{ width: 950px; position:relative; margin:0 auto; margin-bottom: 30px; border-top:2px solid #6c6c6e; text-align: center;}
#copyright{ width: 950px; position:relative; margin:0 auto; text-align: center; padding: 10px 0; background: url("../images/filete-footer.png") repeat-x top;}
.down-border{ display: block; width: 100px; height: 4px; margin:0 auto; margin-bottom: 30px; }
.a1{ background-color: #003366; }
.a2{ background-color: #666666; }
.a3{ background-color: #ffffff; }
h2.line0::after{ border-bottom: 4px solid #ffffff;}
h2.line1::after{ border-bottom: 4px solid #0099cc;}
h2.line2::after{ border-bottom: 4px solid #ff3333;}
h2.line3::after{ border-bottom: 4px solid #009933;}
h2.line4::after{ border-bottom: 4px solid #cc6633;}
h2.line6::after{ border-bottom: 4px solid #003366;}
h2.line7::after{ border-bottom: 4px solid #666666;}


/*========================================
                Header
=========================================*/
header {
  position: absolute;
  height: 60px;
  top: 30px;
  width: 100%;
  cursor: default;
  z-index: 999;
}


/*NavBar*/

.navbar-toggle:hover{
      background: url("../images/bg-menu.png") #eeeeee repeat-x !important;
}


/*============================= ==============
                Home
=============================================*/
.homeSlider{
  margin: 110px 0 30px 0;
  width: 100%;
  display: block;

}
.new-homeSlider{
  margin: 110px 0 30px 0;
  width: 100%;
  display: block;

}


#gallery {
    width: 100% !important;

}
#gallery a{
  width:100%;
}


article.home-sobre-nos{
    display:block;
    height: auto;
    padding:20px;
    background: url("../images/home-sobre-nos2.jpg") right bottom no-repeat;
    /*background-position: right top;
    background-repeat: no-repeat, repeat;*/
    background-size: cover;
    border:0px solid #ccc;

}
article.home-news{

    width: 100%;
    height: auto;
    min-height:200px;
    border:0px solid #ccc;
    margin: 0; padding: 0;
    background: url(../images/bg-brp.png) repeat center;
    padding-bottom: 40px;

}
.text-sobre-nos{
  text-align: center;
  color:#ffffff;
  padding-bottom: 10px;
}
h2.sobre-nos{
    text-align: center;
    font-size: 2.7em;
    font-weight: 600;
    text-transform: uppercase;
    border:0px solid #ccc;
    color: #ffffff;

}

h2.parceiros{

    text-align: center;
    font-size: 2.7em;
    font-weight: 600;
    text-transform: uppercase;
    border:0px solid #ccc;
    color: #666666;

}
h2.areas-atuacao{

    text-align: center;
    font-size: 2.7em;
    font-weight: 600;
    text-transform: uppercase;
    border:0px solid #ccc;
    color: #666666;

}
h4.news{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border:0px solid #ccc;
    color: #666666;
    padding: 0 0 10px 0;

}
h4.news a{
  color: #003366;
}
h4.news a:hover{
  color: #666666;
}

/* Home serviço*/





.home-servico{
    text-align: center;
}
.home-servico span{
    font-size: 1em;;
}


.home-servico h4{
  text-transform: uppercase;
  font-size: 95%;
  height: 40px;
}
ul.home-servico li{
  padding: 5px 5px 30px 5px;
}


/*Partners*/





.partners{
    text-align: center;
}
.partners span{
    font-size: 0.8em;;
}


.partners h4{
  text-transform: uppercase;
  font-size: 95%;
}

/*================ Footer =======================*/

footer{
  margin-top: 0px;
  padding-top: 30px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.col-footer {
    width: 25%;
    min-width: 230px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
footer ul{
  margin: 10px 0 10px 0;
  font-size:12px;
}
footer > p > label {
    min-width: 220px;
    margin-top: -50px;
    display: block;
    margin: 0 0 5px 5px;
    font-size: 12px;
}
.footer-newsletter > p > input[type="email"] {
    width: 150px;
    background-color: #f7f7f7;
    padding: 2px 3px;
    font-size: 12px;
    letter-spacing: 1px;
}


/***************** forms ************************/
form
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea, .inputbox {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	background: url(../images/bg-input.png) repeat center;
	border:0px solid #999999;
	color: #666;
}
#form-login input, #form-login select, #form-login textarea{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	border:1px solid #999999;
	color: #fff;
    padding-left: 10px;
}
#user_bottom{
  background: url(../images/icon-user.png) no-repeat right;
  height: 31px;
  width: 260px;
}
#inc-newsletter{
  background: url(../images/icon-user.png) no-repeat right;
  height: 31px;
  width: 260px;
}
#pass_bottom{
  background: url(../images/icon-pass.png) no-repeat right;
  height: 31px;
  width: 260px;
}

.button {
	background:transparent;
	color: #666666;
	font-size: 0.9em;
    text-transform: uppercase;
    padding: 8px 20px;
	border:1px solid #666666;
    cursor: pointer;
    margin: 5px 5px;
}
.button:hover, .button:focus {
    outline: 1px solid #999999;

}
/**/
/**   Header ***/
/**************************************************/

/*   Página Apresentação **/
/********************************************/
/*=======================================
        Página Apresentação
========================================*/
article.quem-somos{
    height: auto !important;
    padding-bottom: 40px;

}



article.missao{
    display:block;
    height: auto;
    min-height: 280px;
    padding:20px;
    background: url("../images/bg-missao.jpg") right bottom no-repeat;
    background-size: cover;
    border:0px solid #ccc;


}


.razao{
    height: auto !important;

}
/*=======================================
        Página Serviços
========================================*/
.servicos{
  text-align: center;
}
.serv-bottom-line{ border-bottom: 1px solid #cccccc;}



/*================ Back To Top =======================*/

.backToTop {
    width: 48px;
    height: 48px;
    margin: 0 auto 0px;
    cursor: pointer;
    border-radius: 100%;
    background-color: #f6f6f7;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    display: block;
}
.backToTop:hover { border-color:#f6f6f7; background-position:-42px -20px;  }
.backToBottom {
    width: 48px;
    height: 48px;
    margin: 0 auto 0px;
    cursor: pointer;
    border-radius: 100%;
    background-color: #f6f6f7;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    display: block;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}
.backToBottom:hover { border-color:#f6f6f7; background-position:-42px -20px;  }
.backwards {
   width: 48px;
    height: 48px;
    margin: 0 0 0px;
    cursor: pointer;
    border-radius: 100%;
    background-color: transparent;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    float:right;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}
.backwards:hover {border-color:#f6f6f7; background-position:-42px -20px;  }

.backwards2 {
   width: 48px;
    height: 48px;
    margin: 0 0 0px;
    cursor: pointer;
    border-radius: 100%;
    background-color: transparent;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    float:right;
    margin-right: 50px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}
.backwards2:hover {border-color:#f6f6f7; background-position:-42px -20px;  }

/*=======================================
        Contactos
========================================*/
.bg-top-contactos{
  background: url("../images/bg-top-contactos-eq.png") no-repeat center;
  background-color: #dedede;
  height: 171px;
  border: 0 !important;

}
h1.title-contactos{
    padding-top: 20px;
    color:#fff;
    font-size:38px;
    font-weight:600;
    text-align:center;
    line-height: 40px;
    text-transform: uppercase;

}
h3.sub-title-contactos{
    display: block;
    margin: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.blue-arrow{
  width: 52px;
  height: 21px;
  background: url(../images/arrow-eq.png) no-repeat center;
  margin: 0 auto;
}
/*
.form-contactos{
  background: url(../images/bg-contactos.png) repeat center;
  width: 100%;
  height: 380px;
}


.block {
	width:510px;
	text-align:left;
    margin:0 50px 50px 70px;
    float: left;
    border: 0px solid #000;
}
div.element{
  display: table-row;
}
.item-title{
  line-height:50px;
  border-bottom: 1px solid #ccc;
}


.element * {
	padding:2px;
	margin:2px;
	font-family:arial;
	font-size:0.9em;
    color: #666666;
}
.element label {
	float:left;
    text-align: right;
    margin-right: 5px;
	width:100px;
	font-weight:700;

}
.element input.text {
	width:500px;
    height: 30px;
	padding-left:5px;
    margin-bottom: 5px;
}
.element .textarea {
	height:120px;
	width:500px;
	padding-left:5px;
    resize:none;
}
.element .hightlight {
	border:1px solid #9F1319;
}
.element #submit {
	float:right;
	margin-right:20px;
}
.loading {
	float:right;
    background:url(../images/ajax-loader.gif) no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
}
.done {
	padding-left:20px;
	font-family:arial;
	font-size:13px;
	margin:50px auto;
	display:none;
    width:500px;
}
.warning {
	font-size:100%;
	margin:10px auto;
	display:none;
    color: #5d5d5d;
    background-image: url(../images/icon-16-info.png); background-repeat: no-repeat;
    padding-left:20px;
}
div.address{
    width: 200px;
    float:left;
}
div.address-icons{
    width: 200px;
    cursor: pointer;
    margin: 30px 0;
}
*/
/* Form */
    .contact{
      background: url(../images/bg-contactos.png) repeat center;
      padding: 20px 0;
    }


    #contacts_form{
        width: 670px;
        float: left;
    }
    #contacts_form input[type="text"]:first-of-type, #contacts_form input[type="email"]:nth-of-type(2){
        width:320px;
        float:left;

    }
    #contacts_form input[type="email"]:nth-of-type(2){
        float:right;

    }
    #contacts_form input[type="text"]:nth-of-type(3), #contacts_form textarea, #contacts_form input[type="text"]:nth-of-type(5) {
        width:670px;

    }
    #contacts_form input, #contacts_form textarea {
        margin-bottom: 15px;
    }
    .contacts_info {
        float: right;
        width: 380px;
    }
    .contacts_info .block{
        margin-bottom: 30px;
    }


    .contacts_info h4 {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .5px;
    }
    .contacts_info p {
        font-size: 15px;
        margin:0;
        padding: 0;
        line-height: 20px;
    }
    .hightlight{
      border:1px solid #ff0000 !important;
    }


    input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
        background: #f8f8f8;
		border: 1px #cccccc solid;
		border-radius: 0px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 15px 25px;;
		text-decoration: none;
		width: 100%;
	}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
    	border-color: #66afe9;
              webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
              box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	label {
		display: block;
		color: inherit;
		font-weight: 600;
		line-height: 1.75em;
		margin-bottom: 0.5em;
	}

	::-webkit-input-placeholder {
		color: #999;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: #999;
	}

	::-moz-placeholder {
		color: #999;
	}

	:-ms-input-placeholder {
		color: #999;
	}

	.formerize-placeholder {
		color: #999;
	}
    input[type="submit"], input[type="reset"], button, .button {
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        -webkit-appearance: none;
        position: relative;
        display: inline-block;
        background: #3d3d3d;
        padding: 0.85em 3em 0.85em 3em;
        border-radius: 0em;
        cursor: pointer;
        border: 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size:1em;
    }
    input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover {
        background: #4f4f4f;
        color:#fff;
    }
    /* Reset */
    #reset{
      background: #ededed !important;
      border:1px #ccc solid;
      color: #aaa;
    }
    #reset:hover {
        background: #dedede !important;
    }
    .saiba-mais:hover, .home-saiba-mais:hover, .ver-produtos:hover, .ver-catalogos:hover, .news-more:hover {
        background: transparent !important;
    }
.alert {
    display: none;
}
div#pme{
  -ms-transform: translate(0,-20px); /* IE 9 */
  -webkit-transform: translate(0,-20px); /* Chrome, Safari, Opera */
  transform: translate(0,-20px); /* Standard syntax */
   background-image: url(../images/logo-pme-gray.png);
   background-repeat: no-repeat;
  width:40px;
  height:48px;
}
/*=============================================
                Album
==============================================*/
article.album-content{
  position: relative;
  margin-top: 60px;
  display: list-item;
}
article.album-name{
    position: relative;
    top:100px;
}

/*Fotos albuns*/
.pic{float:left; margin:1px;}
/*Padding Bottom = (Image Height / Image Width) * 100%*/
.pic { width:24.84%; padding-bottom: 17.45%; height:0px; overflow: hidden; }
.pic a { width:100%; height: 200px; text-indent:-99999px;display:block; cursor: pointer; }

/*Videos albuns*/
.video{float:left; margin:1px;}
/*Padding Bottom = (Image Height / Image Width) * 100%*/
.video { width:33%; padding-bottom: 18.56%; height:0px; overflow: hidden; }

.embed-container { float:left; width:100%; height: 0; margin:1px; }
.embed-container iframe, .embed-container object,
.embed-container embed {position: relative; top: 0; left: 0; width: 680px; height:510px; }

/*=============================================
                Categorias
==============================================*/
.bg-top-produtos{
  background: url(../images/bg-top-contactos-eq.png) repeat center;
  height: 171px;
}

h2.title-produtos{
    padding-top: 20px;
    margin: 0 auto;
    width: 350px;
    height: 62px;
    color: #ffffff;
}

article.family-content{
  position: relative;
  margin-top: 60px;
  display: list-item;
}
article.sub-family-content{
  display: block;
  background: url(../images/bg-family.png) repeat center;
  margin-top: 80px;
}
article.family-name{
    position: relative;
    top:50px;
}
article.product-text{
  background: url(../images/bg-contactos.png) repeat center;
  width: 100%;
  min-height: 250px;
  height: auto !important;
}
article.bottom-produt-detail{
  background: url(../images/bg-product-detail.png) no-repeat left;
  width: 100%;
  height:318px;
}


div.product-image-content{
  width: 400px;
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 40px;
}

/*Produtos*/
.box-family{float:left;}
.box-family div.boxin-family{ padding:0px; line-height:1.4;margin:1px 1px; background:#fff; }
div.boxin-family div.img{ height:auto; overflow: hidden; text-align:center;}
div.boxin-family, .boxin-family {line-height:1.3;}
.box-family { width:33.333333%; padding-bottom: 24.3229%; height:0px; overflow: hidden; }





/*Album*/
.box-album{float:left;}
.box-album div.boxin-album{ padding:0px; line-height:1.4;margin:1px 1px; background:#fff; }
div.boxin-album div.img{ height:auto; overflow: hidden; text-align:center;}
div.boxin-album, .boxin-album {line-height:1.3;}
.box-album { width:33.333333%; padding-bottom: 24.3229%; height:0px; overflow: hidden; }

.box-sub-family{float:left;}
.box-sub-family div.boxin h4{ margin:10px; text-align:center; font-weight:normal;height:45px;}
.box-sub-family div.boxin{ padding:0px; line-height:1.4;margin:2px 5px; background:#fff; }
div.boxin-sub-family div.img{ height:auto; overflow: hidden; text-align:center; width:90%}
div.boxin, .boxin {line-height:1.3;}
.box-sub-family { width:33.15%; overflow: hidden; }
.box-sub-family div.box-sub-family{
	-moz-box-shadow: 0px 0 3px #ccc;
	-webkit-box-shadow: 0px 0 3px #ccc;
	-o-box-shadow: 0px 0 3px #ccc;
	box-shadow: 0px 0 3px #ccc;

}
.boxin div.filete{
  width: 80%;
  height: 1px;
  background-image: url(../images/filete-family.png);
  background-repeat: repeat-x;
  margin: 10px auto;
}
.texto-family{
  width:90%;
  height: 60px;
  overflow: hidden;
  padding: 3px;
  font-size: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}





div.title {
    background: url(../images/bg-title-eq.png) repeat-x;
    color: #f5f5f5;
    text-transform: uppercase;
    position: relative;
    bottom: 55px;
    left: 0;
    height: 40px;
    width: 100%;
    overflow: hidden;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
div.title h4{
  padding: 10px 5px;
  width: 90%;
  font-size: 13px;


}
div.title img{
    width:18px;
    height:19px;
    position:relative;
    float:right;
    bottom:30px;
    right:5px;
    z-index: 1000;
    display: none;


}


/**************** detalhe **********************/
article.product-text{
  color: #333333;
  font-size: 90%;
}



/*=============================================
                Parceiros
=============================================*/


.box{float:left;}
.box div.boxin{ padding:5px; line-height:1.4;margin:5px; background:#fff; height: auto; max-height: 100px !important;}
div.boxin div.img{ height:auto; overflow: hidden; text-align:center}
div.boxin, .boxin {line-height:1.3;}
.box { width:25%; }

/*=======================================
                Catalogos
=======================================*/
.accordion-close{
  max-width: 875px;
  height:70px;
  display: table;
  border-collapse:separate;
  border: 1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  cursor: pointer;
}
.accordion-close:hover{
  border: 1px solid #003366;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

}
.accordion-open{
  max-width: 875px;
  height:70px;
  display: table;
  border-collapse:separate;
  border: 1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  cursor: pointer;
}
div.accordion-content{
  display:none;
  margin:0 auto !important;
}



.catalogos div.left{
  width:500px;
  height: 70px;
  float: left;
  overflow: hidden;

}
.catalogos div.right{
  width:350px;
  height: 70px;
  float: left;
  overflow: hidden;

}

div.left h3, div.right h3{
    margin:0;line-height:69px;
    padding-left: 40px;
}
div.left h3{
    width:95%;
}
div.right h3 {
    width:320px;
}
.accordion-open div.right h3{
  color:#ffffff;
}
.accordion-close div.right{
  background: url(../images/bg-accordion.png) no-repeat;
}
.accordion-close div.right:hover{
  color:#ffffff;
  background: url(../images/bg-accordion-open.png) no-repeat;
}
.accordion-open div.right{
  color:#ffffff;
  background: url(../images/bg-accordion-open.png) no-repeat;
}



ul.catalog{
  list-style: circle;
  text-indent: 0px;
  line-height: 1.8em;
  font-size: 90%;
  cursor: pointer;
  text-transform: uppercase;
}
ul.catalog li a{
  color: #003366;
  text-decoration: none;
  margin-left: 0px;
  font-size: 90%;
}


ul.sub-accordion{
    list-style: square url(../images/seta.png);
    text-indent: 0px;
    line-height: 1.7em;
    text-transform: uppercase;
    margin: 30px 0px 20px 0;
    cursor: pointer;
}
div.catalog{
  display:none;
}
ul li.list-catalog{
  line-height: 2em;
}

/*=======================================
        BRP
========================================*/
.brp{
    width: 100%;
    min-height: 300px;
    height:auto;
    border:0px solid #ccc;
    margin: 0; padding: 0;
    background: url(../images/bg-brp.png) repeat center;
    padding-bottom: 10px;
    }
.brp-area{ width: 100%; height: 140px;}
h1.logo-brp{
    margin-top: 50px;
    padding: 0;
    width: 372px;
    height: 80px;
    float: left;
    /*background: url("../images/logo-brp.png") no-repeat center;*/
}
h1.logo-brp a{
    display: block;
    width: 372px;
    height: 80px;
}
h4.text-brp {
    margin-top: 50px;
    margin-left:35px;
    padding: 0;
    width: 540px;
    float: left;
}
button{
  padding: 7px 20px;
  border: 0;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
  text-decoration: none;
  outline:none;

}


.saiba-mais{
  border: 1px solid #ff0000;
  color: #ff0000;
  margin: 20px auto;
  background: transparent;
}
.saiba-mais:hover{
    border: 1px solid #ff0000;
    color: #ff0000;
    text-decoration: none;
}
.saiba-mais:visited{
    border: 1px solid #ff0000;
    color: #ff0000;
    text-decoration: none;
}
.home-saiba-mais{
  color: #ffffff;
  border: 2px solid #aaaaaa;
  margin: 20px auto;
  background: transparent;

}
.home-saiba-mais: hover{
    color: #ffffff;
    text-decoration: none;
}


.ver-produtos{
  border: 1px solid #003366;
  background: transparent;

}
.ver-produtos{
  color: #003366;
}
.ver-produtos:hover{
  color: #666666;
  border: 1px solid #666666;
}
.ver-catalogos{
  border: 1px solid #003366;
  background: transparent;
  color: #003366;
}
.ver-catalogos:hover{
  color: #666666;
  border: 1px solid #666666;
}


/*=======================================
        Registo
========================================*/
article.register{
  margin-top: 100px;
}
article.register h3{
  text-align:center;
  text-transform: uppercase;
  margin: 20px 0;
}
.form-left{
  width: 450px;
  float: left;
}
.form-right{
  width: 450px;
  float: left;
  margin-left: 50px;
}
.block-registo {
	width:950px;
	text-align:left;
    margin:40px 0;
    border: 0px solid #000;
}
div.element-registo{
  display: table-row;
}
.item-title{
  line-height:50px;
  border-bottom: 1px solid #ccc;
}


.element-registo * {
	padding:2px;
	margin:2px;
	font-family:arial;
	font-size:0.9em;
    color: #666666;
}
.element-registo label {
	float:left;
    text-align: right;
    margin-right: 5px;
	width:100px;
	font-weight:700;

}
.element-registo input.text {
	width:430px;
    height: 30px;
	padding-left:5px;
    margin-bottom: 2px;
}
.element-registo .textarea {
	height:120px;
	width:500px;
	padding-left:5px;
    resize:none;
}
.element-registo .hightlight {
	border:1px solid #9F1319;
}
.element-registo #submit {
	float:right;
	margin-right:20px;
}


/*================ Footer =======================*/

footer{
  width: 100%;
  min-height: 200px;
  height:auto;
  margin: 0;
  padding: 0;
  margin-bottom: -15px;
  background: url("../images/bg-footer.png") repeat;

}

footer .btn{
  padding: 2px 7px;
  margin: 0 0 0 5px;
}








#copyright h5{ color:#ffffff;}
.newsletter-title{
    text-align: center;
    line-height: 40px;
    font-size: 1.4em;
    font-weight: lighter;
    text-transform: uppercase;
    border:0px solid #ccc;
    color: #ffffff;
    padding: 0px 20px;

}
.success{
  text-align: center;
  color: #fff;
  margin: 20px;
}
.error{
  text-align: center;
  color: #fff;
  margin: 20px;
}
.opacity{
  opacity: 0.2;
  filter: alpha(opacity=80); /* For IE8 and earlier*/
}
div#facebook{
   background-image: url(../images/icon-facebook-footer.png);
   background-repeat: no-repeat;
   width:40px;
   height:40px;
}

div#youtube{
  background-image: url(../images/icon-youtube-footer.png);
   background-repeat: no-repeat;
   width:40px;
   height:40px;
}

/***************************************************/
/*          Noticias                                */
/***************************************************/
/*.btn {
  padding: 2px 5px;
  font-size: 1em;
  border: 0px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}*/
.news-more{
    font-size: 1.2em !important;
    color: #aaaaaa;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid #aaaaaa;
    float:left;
    background: transparent;
    padding: 5px 15px;
}
.news-more:hover{
  color: #666666;
}
h2.news{
  font-size: 1.2em;
}


/*.new-more::after {
    content: "\2192";
    font-family: Entypo;
    font-size: 1em;
    line-height: 1em;
    top: -1px;
    left: 0;
    margin-left: .15em;
    vertical-align: text-bottom;
}*/
.news * a {
  color: #404142;
  transition: 140ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 140ms;
  -webkit-transition-timing-function: ease-in-out;
}
.new-more{
  border-bottom: 4px solid;
}

.new-more:hover{
  text-decoration:none;
}
.new-more:hover::after{
    left: .15em;
}
.share ul li {
    display: inline-block;
    font-size: 15px;
}
.list-news{
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}


.list-news:last-child {
    border: none !important;
}


/****************** Galeria de imagens e videos **********/
/********************* Produtos *****************************/
ul.family {
    padding:0;
    margin:30px 0 0 0;
}
ul.family li {
    list-style:none;
    padding: 1px;

}
ul.family li img {
    cursor: pointer;
    border: 1px solid #dedede;
}
ul.family h4{
  font-size: 14px;
  padding-left:5px;

}
legend { margin:3px; text-align:center;width:100%}
.caption{
  border-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight:600;
  text-align:left;
  color: #000;
  line-height: 25px;
  bottom: 15px;
  position: absolute;
  width: 100%;
  padding: 4px;
  margin:0;
  background: rgba(255, 255, 255, 0.5)!important;
  -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}
.caption:hover{
    background: rgba(255, 255, 255, 0.7)!important;
}


.carousel-caption {

    color:#000;
}
.new-caption-area {
    width: 680px;
    height:85px;
    margin: auto;
    color: #000;
    padding-bottom:30px;
  }
.icon-back{
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding:4px 3px 5px 5px;
  cursor: pointer;
  color:#aaaaaa;
}
.icon-back:hover{
  color:#003366;
}
.carousel-control .icon-next, .carousel-control .icon-prev{
  font-size: 72px;
}
.carousel-control.left, .carousel-control.right {
    background-image: none
}

.foto_2{
  position: absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  background-image: url(../images/icon-foto.png);
}
.foto_1{
  position: absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  background-image: url(../images/icon-video.png);
}

.prod-children{
  background-color: #fff;
  border: 3px solid #ededed;

}


.prod-children h4{
  margin: 10px;
  text-align: center;
  font-weight: normal;
  height: 45px;

}
.prod-children div.filete {
    width: 80%;
    height: 1px;
    background-image: url(../images/filete-family.png);
    background-repeat: repeat-x;
    margin: 10px auto;
}
.prod-children img{
  border:0 !important;
}
.modal-header{
  min-height:40px;
}


@media screen and (max-width: 736px) {
     .accordion-close, .accordion-open{
          width:95%;
          margin-left:10px;
        }
        .accordion-close:hover{
          background-color: #003366;
          color:#ffffff;
        }
        div.left {
            width: 95% !important;
        }
        div.left h3 {
            width: 100% !important;
            line-height: 69px;
            padding-left: 15px;
            font-size: 1em;
        }
}

/* COOKIES*/
#cookie-notice-bar-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    font-family: sans-serif !important;
    font-size: 12px;
    background: #0794db;
    border-top: 1px solid #fff;
    z-index: 99;
    box-shadow: 0 0 10px #a6a6a6;
    -moz-box-shadow: 0 0 10px #a6a6a6;
    -webkit-box-shadow: 0 0 10px #a6a6a6;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 50px;
    z-index:9999;
}
#cookie-notice-bar-content a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
#cookie-notice-bar-btn {
    display: block;
    height: 30px;
    position: absolute;
    right: 4px;
    top: 0px;
    width: 30px;
    border: none;
    color: #fff;
    padding: 10px 0;
}
#cookie-notice-bar-btn img {
    width: 15px;
    max-width: 15px;
}
.vertical-align {
  width: 100%;
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
}
.vertical-align.reverse {
  flex-direction: row-reverse;
}
@media(max-width: 767px) {
  .vertical-align {
    display: inline-block;
    text-align: center;
  }
  .vertical-align article {
    padding: 30px 0px;
  }
}