﻿/* -------------  genérico  ----------- */
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

html, body {height:100%;}
body{font-family:"PT Sans", Arial, sans-serif;background:#fff;color:#5a5a5a;font-size:14px;font-weight:400;line-height:1.3;text-align:left;}
img{max-width:100%;}
button{border:0;background:none;}
p{margin:0;padding:0;}
a{cursor:pointer;color:#333;}
input {font-family:"PT Sans", Arial, sans-serif;border:0;color:#fff;outline: 0;}

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

h1 {color:#1e1e1e;margin:0;margin-bottom:15px;padding:0;padding-bottom:5px;border-bottom:1px solid #d0193c;width:88px;white-space:nowrap;font-size:22px;letter-spacing:0.7px;text-transform:uppercase;}
h1 span {font-weight:bold;}


.texto p{line-height:1.4;margin-bottom:5px;}
.textl{text-align:left!important;padding-left:0!important;}
.textc{text-align:center!important;}
.textr{text-align:right;}

.clear {content:"";display:block;clear:both}

.mt10{margin-top:10px;}
.mt25{margin-top:25px;}
.mt35{margin-top:35px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
/*.mb0{margin-bottom:0!important;}*/
.mb10{margin-bottom:10px;}
.mb25{margin-bottom:25px;}
.mb35{margin-bottom:35px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.pdlr0{padding-left:0;padding-right:0;}
.pdl0{padding-left:0;}
.pdr0{padding-right:0;}

/* -------------  bootstrap  ----------- */
.dropdown-menu {top:70px;margin:0;padding:12px 0;width:100%;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:#d0193c;;
    border:none;
}
.navbar-collapse {border:none;box-shadow:none;padding-left:0;}
/*.navbar-collapse>.seta2 {display:none;}*/
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;border:none;z-index:1000;}
.navbar-default .navbar-toggle .icon-bar {background-color:#323232;height:3px;width:25px;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color:#d0193c;}

/* -------------  topo  ----------- */
.logo{margin-top:12px;}

#menu {border:0;background:none;margin-bottom:0;float:right;}

#menu .menu-item {height:72px;margin-right:2px;}
#menu .menu-item:hover, #menu .menu-item.selected {background:#d0193c;}
#menu .menu-item a {padding:25px 12px;text-transform:uppercase;color:#323232;font-weight:bold;font-size:15px;}
#menu .menu-item:hover>a, #menu .menu-item.selected>a, #menu .menu-item.selected #dLabel, .menu-item:hover #dLabel, #menu.white .menu-item>a, #menu.white .dropdown>a{color:#fff;}

#dLabel {position:relative;height:74px!important;top:24px;padding:27px 12px!important;}

.linha_menu {border-bottom:1px solid #e2e2e2;height:66px;}
.menu2 .linha_menu {border:none;}

.dropdown-menu li {text-transform:uppercase;text-align:center;}
.dropdown-menu li a {font-size:12px!important;color:#5a5a5a;margin:0!important;padding:3px 0!important;letter-spacing:0.5px;}
.dropdown-menu li a:hover {color:#d0193c!important;}

.menu-item>.dropdown {position:relative;}
.seta {position:absolute;top:26px;left:50%;margin-left:-15px;width:30px;height:30px;color:#fff;font-size:55px;z-index:2;display:none;}
.dropdown.open .seta{display:block;}

.pesquisa {margin-top:28px!important;margin-left:0;}
.pesquisa a, .pesquisa_sm a{width:18px;height:18px;background:url(../img/lupa-preta.png) no-repeat top center!important;display:block;}
#menu.white .pesquisa a, #menu.white .pesquisa_sm a{background-image:url(../img/lupa-branca.png)!important;}
.pesquisa_active {
  background: #d0193c;
  width:100%;height:50px;
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:20000;
}

.menu2 {position:absolute;z-index:100;width:100%;height:72px;top:0;}

.pesquisa_sm {display:none;}

.pesquisa_active .col-xs-12 {display:table;height:37px;}
.pesquisa_active .col-xs-12>div{display:table-cell;vertical-align:bottom;}
.pesquisa_active .col-xs-12>div:last-child {width:105px;text-align:right;}
.pesquisa_active input {margin-top:0;width:100%;height:24px;font-size:18px;color:#fff;background:transparent;border:0;border-bottom:1px solid #fff;}
.fechar {background:url(../img/fechar.png) no-repeat bottom center;width:24px;height:24px;display:block;float:right;}


.resultado_pesquisa .produto{height:100px;}
.resultado_pesquisa .h1{margin:0;font-size:14px;}
.resultado_pesquisa .h1 span{color:#D0193C;}
.resultado_pesquisa h1{margin:0;border:none;font-size:20px;}

.resultado_pesquisa .h2{margin-top:0;font-size:11px;text-transform:none;font-weight:400;line-height:1.2;}

/* -------------  home  ----------- */
.slider {width:100%;max-height:650px;height:650px;overflow:hidden;position:relative;border-bottom:4px solid #d0193c;}
.slider>div, .slider>div>div{height:100%;}
.slider .sombra_topo {width:100%;height:70px;z-index:1;top:0;left:0;position:absolute;background: linear-gradient(to top, rgba(0, 0, 0, 0)10%, rgba(0, 0, 0, 1));display:block;}
.slider .carousel, .slider .carousel>.carousel-inner, .slider .carousel .item {width:100%;height:100%;}
.slider .bg {position:absolute;bottom:0;left:0;width:100%;height:135px;background:#000;display:block;opacity:0.5;filter:Alpha(opacity=50);z-index:1;}

.slider .carousel .item {text-align:center;}
.slider .carousel .item img {margin:0 auto;}
.slider .carousel .item .legenda, .slider .carousel .item>.legenda>.content {z-index:2;position:absolute;left:0;bottom:0;width:100%;height:110px;display:block;}
.slider .carousel .item .legenda .content {z-index:10;height:100%;text-align:center;font-size:30px;font-family:"Raleway", Arial, sans-serif;font-weight:300;color:#fff}
.slider .carousel .item .legenda_one {height:90px;}
.slider .carousel-indicators {border-top:4px solid #d0193c;bottom:5px;width:200px;padding-top:10px;margin-left:-100px;}
.slider .carousel-indicators li {border:none;background:#fff;z-index:100;}
.slider .carousel-indicators .active {background:#d0193c;}
.slider .carousel-control {z-index:10;top:auto;bottom:10px;width:30px;}
.carousel-control.left, .carousel-control.right {background-image:none;background:none;}
.carousel-control.left i, .carousel-control.right i {font-size:35px;padding:10px 0;}

.icons {float:right;}
.icons>div {float:left;}
.icons>div>div {border-left:1px solid #e2e2e2;float:left;padding:0 9px;text-align:center;}
.icons>div>div:last-child{border-right:1px solid #e2e2e2;}
.icons img{max-width:70%;}
.icons>div>div>div {height:37px;display:table-cell;vertical-align:middle;}
.icons p{text-transform:uppercase;font-size:7px;letter-spacing:1.5px;text-align:center;}
.icons>div:first-child div:first-child p{color:#F89829;}
.icons>div:first-child div:nth-child(2) p{color:#076324;}
.icons>div:first-child div:nth-child(3) p, .icons>div:last-child div:first-child p{color:#80561B;}
.icons>div:last-child div:nth-child(2) p{color:#E51937;}
.icons>div:last-child div:nth-child(3) p{color:#4B3905;}
.icons>div:last-child div:last-child p {color:#8B005A;}

/* -------------  alimento composto  ----------- */
a.list-group-item {border:none;color:#464646;font-size:15px;line-height:15px;font-weight:bold;text-transform:uppercase;padding: 10px 0;}
a.list-group-item i {font-size:25px;line-height:15px;margin-right:15px;}
a.list-group-item div {margin-top:-18px;padding-left:25px;line-height:1.2;}
a.list-group-item .collapse{display:none;}
a.list-group-item .collapse.in{display:block;}
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.selected {background:none;color:#d0193c;}

#subBovinos {margin-top:-5px;padding-bottom:10px;}
#subBovinos a.list-group-item {font-size:14px;line-height:14px;font-weight:normal;text-transform:none;padding:5px 0 5px 25px;}

.composto {font-size:14px;}
.composto h1 {font-size:18px;padding-bottom:8px;margin-bottom:10px;margin-top:30px;}
.composto h1:first-child {margin-top:0;}
.composto .produto {border:1px solid #e2e2e2;border-bottom:4px solid #d0193c;position:relative;overflow:hidden;}
.composto .produto h1, .composto .produto h2 {width:100%;border:none;text-align:center;color:#464646;margin:0;padding:0;}
.composto .produto .h1 {display:inline-block;margin:0 auto;margin-top:5px;font-size:14px;text-transform:uppercase;padding-bottom:10px;letter-spacing:0px;}
.composto .produto .h1 span {font-weight:bold;color:#d0193c;}
.composto .produto h2 {font-size:14px;margin:10px 0 15px 0;}
.composto .produto hr{width:140px;margin:0 auto;padding:0;}
.composto .produto .ver_mais hr{border-color:#c5132e}

.composto .produto .ver_mais {width:100%;position:absolute;bottom:-140px;left:0;z-index:10;}
.composto .produto .ver_mais .content{position:relative;width:100%;height:120px;}
.composto .produto .ver_mais .content .bg{width:100%;height:120px;background:#d0193c;padding:30px 0 15px;opacity:0.9;filter:Alpha(opacity=90);position:absolute;z-index:1;}
.composto .produto .ver_mais .content .c{width:100%;height:90px;position:absolute;top:23px;left:0;z-index:20;}
.composto .produto .ver_mais .bg_topo {
  font-size: 0px; line-height: 0%; width:100%;
  border-top: 20px solid transparent;
  opacity:0.9;filter:Alpha(opacity=90);
}
.composto .produto .ver_mais .h1 {color:#1e1e1e;}
.composto .produto .ver_mais span {color:#fff;}
.composto .produto .ver_mais a{text-transform:uppercase;color:#ffd9d9;text-align:center;display:block;margin:10px auto;}

/* -------------  outros produtos  ----------- */
.composto .produto.outro .h1{padding:10px 0;}

/* -------------  detalhe produto  ----------- */
.detalhe .breadcrumb{padding:0;background:none;}
.detalhe .breadcrumb a, .detalhe .breadcrumb .active{text-transform:uppercase;font-size:11px;color:#464646;}
.detalhe .breadcrumb .active {color:#878787;}
.detalhe .breadcrumb > li + li:before {
  padding: 0 5px 0 2px;
  color:#464646;
  content: ">";
  font-size:14px;
  font-family: "Raleway", Arial, sans-serif;
}

.detalhe .titulo{border-bottom:5px solid #d0193c;width:100%;margin-bottom:20px;}
.detalhe h1{font-size:24px;border:none;margin-bottom:5px;float:left;}
.detalhe h1 span{color:#d0193c;}
.detalhe .titulo .subcat {float:right;margin-top:10px;}
.detalhe .titulo .subcat span {text-transform:uppercase;}
.detalhe .texto {font-size:13px;line-height:1.5;margin-bottom:40px;}
.detalhe h2{font-size:14px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}

.caracteristicas {width:100%;margin-bottom:30px;font-size:12px;}
.caracteristicas a{width:100%;display:table;padding-bottom:2px;border-bottom:1px solid #e2e2e2;margin-bottom:10px;}
.caracteristicas>a>div {display:table-cell;width:50%;}
.caracteristicas>a>div:last-child{text-align:right;}
.caracteristicas h1{width:auto;text-transform:uppercase;margin:0;padding:0;font-size:14px;letter-spacing:0px;border:none;}
.caracteristicas i{color:#d0193c;font-size:25px;line-height:14px;}
.caracteristicas .linha_titulo {text-transform:uppercase;font-size:12px;margin-top:10px;}
.caracteristicas .linha {display:table;width:100%;padding:3px 0;border-bottom:1px solid #e2e2e2;font-size:12px;}
.caracteristicas .linha span {display:table-cell;width:50%;}
.caracteristicas .linha span:last-child{font-weight:bold;text-align:right;}

.caracteristicas.closed .content {display:none;}

.detalhe .relacionados .titulo {margin-top:20px;}
.detalhe .relacionados .titulo h1{font-size:20px;}
.detalhe .relacionados .titulo .subcat{font-size:12px;margin-top:7px;}

.detalhe .produto {border:1px solid #e2e2e2;border-bottom:3px solid #d0193c;}
.detalhe .produto h1 {font-size:15px;text-transform:uppercase;float:none;width:100%;text-align:center;}

/* -------------  contactos  ----------- */
.btred {border-top:2px solid #d0193c;padding-top:15px;}
.programa h2{font-weight:400;font-size:20px;color:#777;text-transform:uppercase;padding-left:30px;letter-spacing:0.5px;}
.programa .diagrama {font-size:13px;line-height:1.5;}
.programa .diagrama .caixa_diagrama {min-height:230px;}
.programa .barra {width:50%;border-right:2px solid #464646;min-height:200px;height:100%;left:0;margin-top:-10px;z-index:-1;position:absolute;}
.programa .diagrama h3{font-size:18px;margin:0;margin-top:5px;padding:0;}
.programa .diagrama h4{font-size:18px;margin:0;padding:0;text-transform:uppercase;margin-top:5px;border-bottom:2px solid #777;width:93px;white-space:nowrap;padding-bottom:5px;}
.programa .diagrama h4 span{font-weight:bold;color:#d0193c;}
.programa .diagrama h5 {font-size:15px;}
.programa .diagrama .resultados {margin-top:30px;font-weight:bold;font-size:13px;line-height:1.2;}
.programa .diagrama .resultados span {color:#d0193c;}

/* -------------  contactos  ----------- */
.container_mapa {width:100%;height:700px;position:relative;padding:0;}
.caixa_mapa {max-height:800px;position:relative;}
#map-container {height:500px;}

.fundo {position:absolute;width:100%;bottom:0;height:310px;z-index:100;}

.fundo .selected i {color:#323232;}
.contactos h1 {border:none;}
#contactosForm span.input {margin:0;width:100%;}

.input__field {font-family: "PT Sans", Arial, sans-serif!important;font-weight:400!important;}
.input__field--hoshi {line-height:24px;color:#464646!important;font-size:20px!important;}
.input__label {font-weight:400!important;font-size:14px!important;color:#1e1e1e!important;}

.contactos button[type='submit'] {color:#1e1e1e;border:2px solid #d0193c;font-size:12px;letter-spacing:1.5px;padding:6px 30px;}
.contactos button[type='submit']:hover {background:#d0193c;}
.erro {color:#d0193c!important;font-weight:bold!important;}
i#refresh {cursor:pointer;margin:30px 20px 0 5px;vertical-align:100%;}


/* -------------  footer  ----------- */
footer {font-weight:500;background:#fff;}
footer .bg_topo {
  font-size: 0px; line-height: 0%; width:100%;
  border-top: 60px solid transparent;
}
footer .bg_topo2 {
  font-size: 0px; line-height: 0%; width:100%;
  border-top: 60px solid #fff;
}

footer .caixa_fundo {background:#d0193c;width:100%;position:relative;padding-bottom:40px;}

footer .row {text-align:center;}
footer .point {display:block;}
footer .point i{margin:0 auto;color:#fff;font-size:30px;}
footer .point h2, footer .point h3 {text-transform:uppercase;}
footer .point h2 {font-weight:700;font-size:14px;color:#323232;margin:12px 0 6px 0;padding:0;letter-spacing:1px;}
footer .point h3 {font-weight:300;font-size:13px;color:#fff;margin:0;margin-bottom:8px;padding:0;letter-spacing:0.5px;}
footer .point p{color:#fff;font-size:12px;margin:0;}
footer span{color:#fff;font-size:14px;}
footer a {color:#fff;}

#copy {width:100%;height:30px;position:absolute;bottom:0;left:0;z-index:1000;padding-top:10px;background:#464646;color:#fff;text-align:center;font-size:12px;}

.pontos a {margin-bottom:15px;}
.pontos p{color:#fff;margin:0;}

.pontos div[class='col-xs-3'] {height:230px;}


/* -------------  responsive  ----------- */

@media screen and (max-width:1200px) {
  .mt70 {margin-top:40px;}
  .slider {height:550px;}
  
  #menu .menu-item a {font-size:14px;padding:25px 8px;}
    
}
  
@media screen and (max-width:995px) {
  .logo img {width:100px;}
  
  .linha_menu {height:38px;}
  
  #menu {width:100%;}
  #menu .menu-item {height:42px;}
  #menu .menu-item a {padding:10px 6px;font-size:11px;}
  .dropdown-menu {min-width:10px;top:38px;}
  #dLabel {top:10px!important;padding:13px 6px!important;}
  .menu-item.dropdown .seta {top:0;z-index:200;}
  
  .pesquisa {margin-left:-5px;margin-top:15px!important;width:12px!important;height:12px!important;}
  .pesquisa a, .pesquisa_sm a{padding:0!important;background-size:12px!important;}
  
  .slider {height:400px;}
  .slider .carousel .item .legenda .content {font-size: 20px;}
  
  .icons {float:left;}
  
  h1{font-size: 16px;margin-top:20px;margin-bottom:5px;}
  .resultado_pesquisa h1{margin:0;}
  .resultado_pesquisa .h1{font-size:11px;}

  .composto h1{font-size:14px;}
  .composto .produto .h1 {font-size:11px;}
  .composto {font-size:12px;}
  
  a.list-group-item i {font-size:15px;margin-right:5px;}
  a.list-group-item {font-size:12px;padding:5px 0;}
  a.list-group-item div {padding-left:10px;margin-top:-16px;}
  
  .visible-sm i{font-size:15px!important;margin-right:5px!important;}
  .visible-sm .point, .visible-sm p {text-align:left;}
  .visible-sm .point p{margin-bottom:2px;margin-top:0;}
  .visible-sm p, .visible-sm p span{font-size:11px;}
  /*.visible-sm>div>p {margin-bottom:10px;}*/
  .visible-sm h2, .visible-sm h3{display:inline-block;margin-right:10px;}
  .visible-sm h3:before{content:" / ";}
  
  .pontos .visible-sm a{margin-bottom:10px;}
  .pontos .visible-sm div[class='col-sm-6'] {height:160px;}

}

@media screen and (max-width:767px) {
  h1{font-size:18px;}
  
  #topo .col-sm-10 {padding:0;margin-top:-70px;}
  
  .logo {text-align:center;height:80px;}
  
  .menu2 .linha_menu, .linha_menu {border-bottom:none;height:auto;}
  
  #menu {float:none;display:block;}
  #menu .menu-item {height:auto;min-height:46px;margin-bottom:0;}
  .menu-item>.dropdown {text-align:center;margin-top:5px;}
  .dropdown.open .seta {display:none;}
  #menu .menu-item a {padding:13px 0;font-size:18px;text-align:center;}
  #menu .menu-item:hover, #menu .menu-item:hover>a, #menu .menu-item.selected>a, #dLabel:hover, .menu-item.dropdown.selected,  .menu-item.dropdown.selected #dLabel{background:#fff!important;color:#d0193c!important;}
  #dLabel {text-align:center;color:#323232!important;padding-bottom:0!important;}
  .dropdown-menu li a{font-weight:normal!important;font-size:15px!important;}
  
  #menu.white .menu-item>a{color:#323232!important;}
  #menu.white .menu-item>a:hover{color:#d0193c!important;}
  
  .pesquisa {z-index:10000;position:absolute;top:-43px!important;width:18px!important;height:18px!important;}
  .pesquisa a, .pesquisa_sm a{padding:0!important;background-size:18px!important;}
  
  #menu.white .pesquisa a, #menu.white .pesquisa_sm a {background-image: url("../img/lupa-preta.png") !important;}
  .pesquisa_active {height:60px;}
  
  .navbar-nav {width:100%;margin:0;}
  .navbar-collapse {padding:0;margin:0;position:relative;background:#fff;border-top:50px solid #fffff!important;}
  .navbar-collapse.in {overflow-y:visible;border-bottom:1px solid #e2e2e2;
    -webkit-box-shadow: 0 4px 6px -6px #000;
    -moz-box-shadow: 0 4px 6px -6px #000;
    box-shadow: 0 4px 6px -6px #000;
  }
  /*.navbar-collapse.in>.seta2 {display:block;position:absolute;right:19px;top:-31px;width:30px;color:#fff;font-size:40px;z-index:100;}*/
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-top: 50px solid rgb(255, 255, 255);
    margin-top: -50px;
    border-color: #fff;
  }
  
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background:#fff;}
  .navbar-right {margin-left:15px;}
  .navbar-toggle {margin-top:0;margin-bottom:0;}
  
  .slider {margin-top:100px;height:250px;}
  .slider .carousel .item .legenda .content {font-size:16px;}
  
  .slider .bg {height:80px;}
  .slider .carousel .item .legenda, .slider .carousel .item > .legenda > .content {height:80px;}
  .slider .carousel .item .legenda_one, .slider .carousel .item .legenda_one .content{height:50px;}
 
  .mt70 {margin-top:30px;}
  .composto .mt50{margin-top:20px;}
  .composto h1, .programa .mt70 {margin-top:0;}
  
  .programa h2{font-size:16px;margin:0;}
  .programa .diagrama h3, .programa .diagrama h4 {font-size:15px;}
  .programa .diagrama h5{font-size:13px;}
  
  .pontos .visible-sm div[class='col-xs-12'] {height:140px;}
  .pontos .visible-sm div[class='col-xs-12']:last-child {height:40px;}
  
  .resultado_pesquisa h1{margin:0;margin-top:20px;}
  .resultado_pesquisa .h1{font-size:14px;}
  .resultado_pesquisa .h2{font-size:12px;}
  .resultado_pesquisa .produto, .resultado_pesquisa .produto .prod_content, .resultado_pesquisa .produto .prod_content>div{height:150px;}
  .resultado_pesquisa .produto img{max-height:100%;}
  .resultado_pesquisa .mb25{margin-bottom:0;}
}

@media screen and (max-width:500px) {
  body{font-size: 13px;}
  h1{font-size:15px;}
  
  .detalhe .relacionados .titulo h1{font-size:16px;}
  .detalhe .relacionados .titulo .subcat{font-size:11px;margin-top:3px;}
  .detalhe .produto h1 {font-size:13px;}
  
  #topo .logo img {max-width:80px;}
  
  .slider {margin-top:80px;height:180px;}
  
  .logo a {margin-left:10px;}
  
  .menu2 .linha_menu, .linha_menu {margin-top:-70px;}
  
  .icons {width:100%;position:relative;}
  .icons>div {float:none;width:190px;height:50px;margin:0 auto;position:relative;}
  .icons>div:last-child {width:280px;margin-top:10px;}
}

@media screen and (max-width:400px) {
  .detalhe .produto h1 {font-size:10px;}
  
  .composto .produto .h1 {font-size:11px;}
}

@media screen and (max-height:700px) {
  .container_mapa {width:100%;height:550px;position:relative;}
  .caixa_mapa {max-height:550px;position:relative;}
  #map-container {height:380px;}
}
