/* General
----------------------------------------*/
@import url("fckeditor.css");
body{background:#280e05;}
.left {float: left}
.right {float: right}
.clear {clear: both;}

h1 {font-family: 'Open Sans', sans-serif; font-size:20px; font-weight: 500;color:#280e05; margin-bottom:5px; line-height: 1.2}
h2 {font-family: 'Open Sans', sans-serif; font-size:30px; font-weight: 300;color:#280e05;}
h3 {font-family: 'Open Sans', sans-serif; font-size:15px; font-weight: 300;color:#280e05; margin-bottom:5px; text-transform: lowercase;}
h4 {font-family: 'Open Sans', sans-serif; font-size:30px; font-weight: 500;color:#280e05; margin-bottom:5px; text-transform: lowercase;}

#soon {display: none}
#soon h1{color: #fff; margin: 38px 0 0 20px}

section {min-height: 100%; clear:both; height:inherit; width:inherit; position: relative; background-color: #280e05;}
section a {color: #fff; text-decoration: none} section a:hover {text-decoration: underline;}
.branco {background: #fff url('../images/bg-white.jpg') center top;} .branco a{color: #280e05}

.hsection {text-align: center; float:left; position: relative;}
.hsection:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }

.overflow-section {overflow: hidden}
.relative {position: relative;}

.block { text-align: center;} 
.block:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } 
.centered {text-align:left; display: inline-block; vertical-align: middle;}

.resizable img {display: none; width: 100%; }
#bg{ top:0; left:0; right:0; bottom: 0; width:100%; height:100%; overflow:hidden;position: absolute;}
.fixed {position: fixed;}

.banner {background:#fff; width:100%; margin-top:91px; float:left; text-align:center; overflow:hidden; position: absolute; height: 30%}
.banner img {position: relative; margin: 0 auto; width:100%; min-width:960px; padding: 0; display: block;}

.cont {position:absolute; left:50%; margin-left:-460px;width: 920px; top:30px; height: 300px; clear:both;}

.navigation {position: absolute; left:0; right: 0; height: 79px; top:50%; z-index: 1}
.navigation .next {width:21px; height: 79px; background: url(../images/arrows_carousel.png) no-repeat; background-position: -21px 0px; display: block; position: absolute; right:30px; }
.navigation .next:hover, .next:active { background: url(../images/arrows_carousel.png) no-repeat; background-position: -21px -79px;}
.navigation .prev {width:21px; height: 79px; background: url(../images/arrows_carousel.png) no-repeat; background-position: 0 0; display: none; position: absolute; left:30px; }
.navigation .prev:hover, .prev:active { background: url(../images/arrows_carousel.png) no-repeat; background-position: 0px -79px;}

#loading {position: fixed; background-color: #fff; top:0; left:0; right:0; bottom: 0; z-index: 9998}
#loading>div{position: absolute; top:50%; left:50%; margin-left: -35px; margin-top: -50px; z-index: 9999; display: none; text-align: center;}

.warning {position: fixed; background: #a8b700 url(../images/turn.png) center center no-repeat; top:0; left:0; right:0; bottom: 0; z-index: 998;  opacity: .87; -moz-opacity: 0.87; display: none;}

/* Header
----------------------------------------*/
header {position: fixed; top: 0; left: 0; z-index: 999; width: 100%;  background: #a8b700; text-align: center; height: 91px; opacity: .97; -moz-opacity: 0.97; filter: alpha(opacity=97);}
header .center { position: relative; }

header #nav { margin:33px 25px 0; float: right;}
header #nav>li { display: inline-block; line-height: 18px; vertical-align: middle; position: relative;}
header #nav>li>a {border-bottom: 0; padding: 13px 16px 34px 16px; font: 18px 'Open Sans', sans-serif; font-weight: 300; text-decoration: none; color:#fff; text-transform: lowercase }
header #nav>li a:hover, header #nav>li a.active {color:#280e05;}
header #nav>li a.cat:hover {background: url('../images/v.png') center 40px no-repeat;}

/*--- DROPDOWN ---*/
header #nav ul { background:#a8b700; list-style:none; position:absolute; left:-9999px; top:58px; width:165px;}
header #nav ul li { float:none;text-align: left}
header #nav ul a { white-space:nowrap; padding:10px 15px; color: #fff; font: 15px 'Open Sans', sans-serif; font-weight: 300; text-transform: lowercase; display: block;}
header #nav li:hover ul, header #nav li.hover ul { left:0;}
header #nav li:hover ul a {text-decoration:none;}
header #nav>li:hover>a.cat {color:#280e05;  background: url('../images/v.png') center 40px no-repeat;}
header #nav li:hover ul li:hover {background:#c1cc49; cursor: pointer}
header #nav li:hover ul li:hover a, header #nav li:hover ul li a:hover {color: #fff}

header .logo {width:68px; height: 75px; background: url('../images/logo_white.png'); float: left; margin: 7px 0 0 40px; cursor: pointer}

#menu-right {float:right; margin: 33px 40px 0}
#menu-right>li {width: 30px; height: 30px; float: left; list-style: none; position: relative; }

#menu-right .login {float: left; background: url('../images/locked.png') no-repeat 5px 7px; cursor: pointer;}
#menu-right .login a {width: 20px; height: 20px; display: inline-block;}
#menu-right .lang{background: url('../images/langs.png') no-repeat 0 1px; width: 25px; height: 25px; padding: 0 10px 33px 0; cursor: pointer;}

#menu-right .lang li a{display: block; width: 60px; height: 48px; color:#666; line-height: 48px; text-decoration: none}
#menu-right .lang li a:hover{background-color: #a8b700; color: #fff}
#menu-right .lang li a.active {background-color: #280e05; color: #fff}

#menu-right ul { background:#fff; list-style:none; position:absolute; left:-9999px; top:57px;}
#menu-right ul li {float:none;}
#menu-right li:hover ul { left:-15px;}


/* Home
----------------------------------------*/
.home {background-color:#fff}
#logo {width:232px; height: 151px; display: none; position: absolute; bottom:200px; right:48px;}
.destaque_box {width: 100%; float:left; background:url(../images/white_pattern.png); position: absolute; bottom:140px; display:table; padding:12px 0px; height: 35px}
.destaque_text { font-size: 40px; font-weight: 300; text-align: right; padding-right:50px; display: none}
.destaque_text sup {font-size: 15px}
.qren {width: 100%; float:left; position: absolute; bottom:60px; text-align:right; display: none}

/* Content
----------------------------------------*/
.title {float: left; width: 130px}
.texto, .texto2 {margin-left: 165px; width: 755px; position: relative;  z-index: 100; }
.texto {height: 350px;}

.hcontainer .cont {top:50%; text-align: left;}
.hcontainer .cont.processo {top:150px; text-align: left;}
.hcontainer .cont.processo .texto2 {text-align: center;}
.hcontainer .cont.processo img{max-width: 100%;}

.fqualidade {background: #fff; opacity: .25; -moz-opacity: 0.25; filter: alpha(opacity=25);}

.visao .left { width: 300px}
.visao img {float: right; margin-top: -120px}
.qualidade .cont {top:40% }
.qualidade .cont td {background-color: #fff; padding: 10px}

.hcontainer .cont.galeria {top:30%;}
#gallery li {display: inline-block; padding: 5px}

.fancybox-skin {
    background-color: #a8b700 !important;
}
.fancybox-close {right: 5px !important; top: 0px !important}
/*
  @@ Pagination
*/
.holder { margin: 5px 0; clear: both; }

.holder a {font-size: 12px; cursor: pointer; margin: 0 5px; color: #280e05;}

.holder a:hover { background-color: #280e05; color: #fff; }

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { color: #a8b700; font-weight: bold; }

.holder a.jp-disabled, a.jp-disabled:hover { color: #ccc; }

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover { cursor: default;  background: none; }

/**/
.cortica .cont {margin-top:20px;}

#table-empresa td {padding: 8px; width:170px;}

#table-ficha {width: 100%}
#table-ficha td {border-top: 1px solid #fff; color: #fff; padding: 5px;}
#table-ficha th {padding: 8px 5px}
#table-ficha td.verde1 {background-color: #8d991d;}
#table-ficha td.verde2 {background-color: #6c7400;}
#table-ficha td.space {height: 2px; font: 1px arial; padding: 0}

.p2020{width: 750px; margin:0 auto;}
.fancybox-skin.white {background: #f9f9f9 !important;}
.fancybox-skin.white .fancybox-close {background-image: url('../plugins/fancybox/fancybox_sprite_2020.png');}
/*#apoio {height:calc(100vh - 100px);}*/



/*contactos */
.cont2{position: absolute; width:100%; height:560px; top:50%; margin-top:-268px;}
.cont2 .int, .cont2 .int2{width: 750px; margin:0 auto;}
.cont2 .int2{margin-top:285px; color:#ffffff;}
.cont2 .col{width:50%; float:left;}
#map{width:100%; height:240px; clear:both; position:absolute;}

#formcontactos {float:right; display:block;}
#formcontactos label{float:left;  width:80px; padding-top:15px; clear:both;}
#formcontactos input[type="text"],  #formcontactos textarea {display: block; width:310px; float:left; float:right; padding:3px; margin:10px 0px 0px 0px; border:1px solid #ffffff; float:left}
#formcontactos textarea {height:100px; overflow:auto; resize:none; font-family: 'Open Sans', sans-serif; font-size: 13px;}
#formcontactos input[type="submit"], #formcontactos input[type="submit"]:hover, #formcontactos  .submit {clear:both; float:right; border:none; cursor:pointer; background: #a8b700;  color:#ffffff; display:block; padding:4px 15px; margin-top:10px}
#formcontactos input[type="submit"]:hover, #formcontactos  .submit:hover {background: #8f9c00;color:#ffffff}
#formcontactos input.error, #formcontactos textarea.error {border:1px solid red}
#formcontactos label.error{color:red; font-style:italic; display:block; font-style:italic; display:block; font-size:10px;  padding:0px 0px 0px 78px; width:120px;}
.msgLoading {background:url(../images/preload_small.gif) no-repeat center; width:100%; height:310px; margin:0 auto}	
.formSuccess, .formErro {width:100%; height:350px; text-align:center; padding-top:70px; line-height:24px; margin:0 auto}


#bodyApoio{background-color: #ffffff}
.top50{margin-top: 10%}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.warning {display: none}
	.navigation .next { right:10px;}
	.navigation .prev { left:10px;}
	.texto {height: 290px;}
	.texto .content {height: 310px;}
	.cont2 {margin-top:-228px;}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.warning {display: block}
	header #nav, #menu-right, .destaque_box, .qren, section {display: none}
	section.home{display: block}
}
@media only all and (max-height: 768px) {
	.navigation .next { right:10px;}
	.navigation .prev { left:10px;}
	.texto {height: 290px;}
	.texto .content {height: 310px;}
	.cont2 {margin-top:-228px;}
}