/* MObile Menu
================================================== */
	a#navigation-toggle { height: 36px; line-height: 36px; margin: 0; float: none; cursor: pointer; color: #008980; padding: 0; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em; text-transform: uppercase; text-align: center; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #8b8b8b; }
	#sidr-main { font-family: 'Uni Sans Light', Tahoma, Helvetica, Arial; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #FFF; color: #fff; }
	#sidr-main { padding: 70px 30px 30px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #FFF; font-size: 20px; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; padding: 7px 15px; font-weight: 400; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #FFF; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { position: absolute; top:30px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #138a82; margin: 0; }
	#sidr-id-mobile-search-form { margin-top: 20px; }
	#sidr-id-mobile-search-form input[type="search"] { font-size: 12px; background: #333; color: #fff; border:none; }
	
	.sidr-class-dropdown-menu > li { border-bottom: 4px solid #FFF; background: #848484; }

/* Big Desktops
================================================== */
@media only screen and (min-width: 1280px) {
	.container { width: 90.625%; }
}
/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	#site-navigation .sf-menu{ display: none; }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { width: 100%; max-width: initial; }
	#header { background: #FFF; max-height: 200px; }
	#header-wrap { margin-bottom: 20px; }
	#background { top: 200px; }
	#background .color-1 { width: 0; }
	#background .color-2, #background .color-3, #background .color-4, #background .color-5 { width:  25%; }
	#logo { width: 50%; margin-left: 25%; margin-top: 10px; text-align: center; }
	#logo img { margin: 0 auto; }
	#site-navigation-wrap { margin-top: 120px; height: 36px; }
	#site-navigation { width: 100%; }
	.nav.block-left { position: absolute; top: -130px; width: 100%; }
	#header-bottom { position: absolute; top: 0; height: 30px; }
	#header-bottom  .nav.block-left { position: relative; top: initial; height: 30px; line-height: 30px;}
	#language-selector { float: right; }
	#social-networks { margin-left: 3%; }
	#social-networks ul li { margin-right: 10px; }
	#header .frase { font-size: 14px; text-align: center; float: none; margin: 0; }
	#site-navigation .dropdown-menu a { font-size: 14px; line-height: 15px; }
	#site-navigation .dropdown-menu > li a { width: 100%; margin: 0; }
	.block-left { width: 100%; }
	.sep-line { width: 100% !important; }
	
	#homepage-slideshow ul li .image { width: 100%; margin-bottom: 10px; }
	#homepage-slideshow ul li .slide-content { margin: 0 10%; text-align: center; }
	#homepage-slideshow ul li .slide-content h3 { font-size: 28px; line-height: 28px; margin-top: 15px; }
	#homepage-slideshow ul li .slide-content .text { font-size: 13px; margin-bottom: 10px; }
	#homepage-slideshow ul li .slide-content .slide-link { float: none; margin-top: 10px; }
	#homepage-slideshow .flex-control-nav { position: relative; float: left; width: 5%; top: initial; margin: 20px 47.5%; left: initial; }
	
	#homepage-news { width: 100%; margin-bottom: 20px; }
	#homepage-news .news-item { width: 25%; }
	#homepage-news .news-title { height: 60px; max-height: 60px; min-height: initial; font-size: 13px; }
	#homepage-news .news-item p { padding: 4%; }
	.recent-news-entry-thumbnail img { width: 100%; }
	
	#footer-wrap .block-left { width: 100%; margin-bottom: 120px; background: #FFF; text-align: center; padding-bottom: 20px; position: relative; }
	#footer-wrap .block-left .sep-line { display: block; }
	#searchform { margin: 20px 10%; width: 40%; margin-left: 30%; }
	#searchform input { background-position: 65% 50%; }
	.map-link { width: 40%; margin-left: 30%; margin-bottom: 20px; text-align: right; float: left; max-width: initial; }
	#footer .contacts { font-size: 13px; width: 300px; margin-right: calc((100% - 300px)/2); }
	a.conditions { float: left; width: 100%; }
	.footer-bottom { width: 22%; padding: 1.5%; right: 0; }
	.consumidor { width: 320px; margin-right: calc((100% - 320px)/2); }	
	
	section.maincontent .block-left { text-align: center; }
	section.maincontent .right-contents { width: 80%; margin-left: 10%; float: left; }
	section.maincontent .block-left h1 { float: left; width: 80% !important; margin: 20px 10% !important; text-align: center; }
	.subpage-nav, .subpage-nav ul li { width: 100%; height: initial; }
	
	.director-name { float: left; width: 100%; text-align: center; }
	.director-image { width: 100%; }
	section#mensagem-director .content-slideshow { width: 100%; margin-top: 20px; font-size: 14px; text-align: center; line-height: 18px; }
	section#universo-aupper .right-contents .text,
	section#codigo-conduta .right-contents .text { padding: 0; height: auto; }
	
	section .block-left h2 { float: left; width: 80% !important; margin: 20px 10% !important; text-align: center;  }
	section#onde-estamos .subpage.map { background: #FFF;}
	.map-selector { float: left; width: 100%; margin: 30px 0; }
	.map-selector a { position: relative; float: left; padding: 0; top: 0 !important; left: 0 !important; width: 33% !important; background: none; }
	.subpage-list li.places-item { float: left; width: 100%; margin-top: 20px; }
	.place-img { width: 100%; max-width: 100%; }
	.place-contacts { float: right; width: 100%; margin-top: 10px; }
	
	section#news-list .news-item, section#offers-list .offers-item { max-height: initial; }
	section#news-list h1, section#offers-list h1 { background: #FFF; width: 100% !important; margin-left: 0 !important; padding: 10px 0; }
	section#news-list .news-item h2, section#offers-list .offers-item h2 { font-size: 24px; color: #699532; line-height: 26px; margin-bottom: 5px !important; }
	section h2 p { margin: 0; }
	section#news-list .news-item .subtitle, section#offers-list .offers-item .subtitle { float: left; width: 100%; margin-top: 10px; font-size: 14px; }
	section#news-list .news-item .news-entry-thumbnail, section#offers-list .offers-item .news-entry-thumbnail  { float: right; width: 100%; margin: 20px 0; text-align: center; }
	section#offers-list .offers-item a.readmore { margin-bottom: 15px; }
	.artigo-image { width: 100% !important; margin-top: 20px; margin-bottom: 40px; }
	section#noticia .content-slideshow { width: 100% !important; font-size: 14px; line-height: 18px; }
	section#offers-single .offers-image { min-height: initial !important; }
	section#offers-single .subpage-list { position: relative; }
	section#offers-single a.moreinfo { margin-bottom: 15px; }
	
	section#products-list .right-contents { margin-bottom: 30px; }
	.product-item { }
	.product-item .product-title { display: block; }
	section#obra-single a.moreinfo { float: left; width: 100%; margin: 0; }
	section#obra-single .subtitle { margin-bottom: 20px; }
	.product-item .product-entry-thumbnail img { opacity: 1; }	
	section#obra-single .subpage-list { float: left; position: relative; min-height: initial !important;}
	.extra-info { position: relative;}
	.caracteristica-box { max-width: initial; text-align: center; margin: 30px 10%; width: 80%; }
	.caracteristica-box .caracteristica-caption { float: left; margin-left: 30px; text-align: left; }
	section#obra-single .subpage.conteudos .text { max-height: initial; margin-top: 0px; margin-left: 10%; margin-bottom: 30px; }
	a.gallery-link { float: left; width: 100%; padding: 0; text-align: center; height: 30px; line-height: 30px; margin-top: 0; }
	#obra-slider { background: #FFF;}
	section#obra-single .subpage-nav ul li:nth-child(4) { background-position: 70% center; }
	
	section .block-left .subtitle { float: left; width: 80%; margin-left: 10%; font-size: 14px !important; line-height: 16px !important; }
	section .block-left h4 { width: 100%; text-align: center; margin: 0px 0px 20px 0 !important; }
	
	#wpmem_reg, #wpmem_login { width: 100%; margin: 20px 0 !important; }
	#wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_login label, #wpmem_reg label.textarea { height: auto !important; margin-bottom: 0 !important; }
	#wpmem_reg fieldset, #wpmem_login fieldset { padding: 0 !important; }
	#wpmem_reg .div_textarea textarea, #wpmem_reg .textbox, #wpmem_login .textbox, #wpmem_reg .username, #wpmem_login .username, #wpmem_reg .password, #wpmem_login .password { width: 100% !important; }
	section#fornecedores-loggedin .right-contents .text { height: auto; margin-top: 30px; padding: 0; }
	#supplier-form { padding-top: 5% !important; float: left; width: 100% !important; margin-left: 0 !important; }
	
	.newsletter-subscription { width: 300px; margin-left: calc((100% - 300px)/2); }
	
	/* Landing Page */
	#landing-page header h1 { width: 100%; text-align: center; }
	.landingpage-cta.top { left: -150px; margin: 20px 50%; float: left; right: initial; box-sizing: border-box; }
	#landing-page #video { width: 100%; height: 390px; }
	#landing-page #articles { width: 100%; padding: 15px; }
	#landing-page #articles .news-item:nth-child(2n+2) { padding-right: 0; }
	#testimonials { width: 100%; }
	#testimonials .slides .content { font-size: 20px; line-height: 26px; padding: 20px 20px 5px 20px; } 
	#faq { width: 100%; }
	.landingpage-cta { box-sizing: border-box; }	
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { width: 100%; max-width: initial; }
	#header { background: #FFF; max-height: 160px; }
	#header-wrap { margin-bottom: 20px; }
	#background { top: 160px; }
	#background .color-1 { width: 0; }
	#background .color-2, #background .color-3, #background .color-4, #background .color-5 { width:  25%; }
	#logo { width: 50%; margin-left: 25%; margin-top: 10px; }
	#site-navigation-wrap { margin-top: 120px; height: 36px; }
	#site-navigation { width: 100%; }
	.nav.block-left { position: absolute; top: -130px; width: 100%; }
	#header-bottom { position: absolute; top: 0; height: 30px; }
	#header-bottom  .nav.block-left { position: relative; top: initial; height: 30px; line-height: 30px;}
	#language-selector { float: right; }
	#social-networks { margin-left: 3%; }
	#social-networks ul li { margin-right: 10px; }
	#header .frase { font-size: 14px; text-align: center; float: none; margin: 0; }
	#site-navigation .dropdown-menu a { font-size: 14px; line-height: 15px; }
	#site-navigation .dropdown-menu > li a { width: 100%; margin: 0; }
	.block-left { width: 100%; }
	.sep-line { width: 100% !important; }
	
	#homepage-slideshow ul li .image { width: 100%; margin-bottom: 10px; }
	#homepage-slideshow ul li .slide-content { margin: 0 10%; text-align: center; }
	#homepage-slideshow ul li .slide-content h3 { font-size: 28px; line-height: 28px; margin-top: 15px; }
	#homepage-slideshow ul li .slide-content .text { font-size: 13px; margin-bottom: 10px; }
	#homepage-slideshow ul li .slide-content .slide-link { float: none; margin-top: 10px; }
	#homepage-slideshow .flex-control-nav { position: relative; float: left; width: 12%; top: initial; margin: 20px 44%; left: initial; }
	
	#homepage-news { width: 100%; margin-bottom: 20px; }
	#homepage-news .news-item { width: 50%; }
	#homepage-news .news-title { height: 60px; max-height: 60px; min-height: initial; font-size: 13px; }
	#homepage-news .news-item p { padding: 4%; }
	
	#footer-wrap .block-left { width: 100%; margin-bottom: 120px; background: #FFF; text-align: center; padding-bottom: 20px; position: relative; }
	#footer-wrap .block-left .sep-line { display: block; }
	#searchform { margin: 20px 10%; }
	#searchform input { background-position: 65% 50%; }
	#footer .contacts { font-size: 13px; width: 300px; margin-right: calc((100% - 300px)/2); }
	.map-link { width: 80%; margin-right: 10%; margin-bottom: 20px; text-align: right; }
	a.conditions { float: left; width: 100%; }
	.footer-bottom { width: 22%; padding: 1.5%; right: 0; }
	.consumidor { width: 320px; margin-right: calc((100% - 320px)/2); }
	
	section.maincontent .block-left { text-align: center; }
	section.maincontent .right-contents { width: 80%; margin-left: 10%; float: left; }
	section.maincontent .block-left h1 { float: left; width: 80% !important; margin: 20px 10% !important; text-align: center; }
	.subpage-nav, .subpage-nav ul li { width: 100%; height: initial; }
	
	.director-name { float: left; width: 100%; text-align: center; }
	.director-image { width: 100%; }
	section#mensagem-director .content-slideshow { width: 100%; margin-top: 20px; font-size: 14px; text-align: center; line-height: 18px; }
	section#universo-aupper .right-contents .text,
	section#codigo-conduta .right-contents .text { padding: 0; height: auto; }
	
	section .block-left h2 { float: left; width: 80% !important; margin: 20px 10% !important; text-align: center;  }
	section#onde-estamos .subpage.map { background: #FFF;}
	.map-selector { float: left; width: 100%; margin: 30px 0; }
	.map-selector a { position: relative; float: left; padding: 0; top: 0 !important; left: 0 !important; width: 33% !important; background: none; }
	.subpage-list li.places-item { float: left; width: 100%; margin-top: 20px; }
	.place-img { width: 100%; max-width: 100%; }
	.place-contacts { float: right; width: 100%; margin-top: 10px; }
	
	section#news-list .news-item, section#offers-list .offers-item { max-height: initial; }
	section#news-list h1, section#offers-list h1 { background: #FFF; width: 100% !important; margin-left: 0 !important; padding: 10px 0; }
	section#news-list .news-item h2, section#offers-list .offers-item h2 { font-size: 24px; color: #699532; line-height: 26px; margin-bottom: 5px !important; }
	section h2 p { margin: 0; }
	section#news-list .news-item .subtitle, section#offers-list .offers-item .subtitle { float: left; width: 100%; margin-top: 10px; font-size: 14px; }
	section#news-list .news-item .news-entry-thumbnail, section#offers-list .offers-item .news-entry-thumbnail { float: right; width: 100%; margin: 20px 0; }
	section#offers-list .offers-item a.readmore { margin-bottom: 15px; }
	.artigo-image { width: 100% !important; margin-top: 20px; margin-bottom: 40px; }
	section#noticia .content-slideshow { width: 100% !important; font-size: 14px; line-height: 18px; }
	section#offers-single .offers-image { min-height: initial !important; }
	section#offers-single .subpage-list { position: relative; }
	section#offers-single a.moreinfo { margin-bottom: 15px; }
	
	.product-item { width: 100%; margin: 20px 0 ; }
	.product-item .product-title { display: block; }
	section#obra-single a.moreinfo { float: none; margin-right: 0; }
	section#obra-single .subtitle { margin-bottom: 20px; }
	.product-item .product-entry-thumbnail img { opacity: 1; }	
	section#obra-single .subpage-list { float: left; position: relative; min-height: initial !important;}
	.extra-info { position: relative;}
	.caracteristica-box { max-width: initial; text-align: center; margin: 0px 20%; width: 60%; }
	section#obra-single .subpage.conteudos .text { max-height: initial; margin-top: 0px; margin-left: 10%; margin-bottom: 30px; }
	a.gallery-link { float: left; width: 100%; padding: 0; text-align: center; height: 30px; line-height: 30px; margin-top: 0; }
	section#obra-single .subpage-nav ul li:nth-child(4) { background-position: 70% center; }
	
	section .block-left .subtitle { float: left; width: 80%; margin-left: 10%; font-size: 14px !important; line-height: 16px !important; }
	section .block-left h4 { width: 100%; text-align: center; margin: 0px 0px 20px 0 !important; }
	
	#wpmem_reg, #wpmem_login { width: 100%; margin: 20px 0 !important; }
	#wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_login label, #wpmem_reg label.textarea { height: auto !important; margin-bottom: 0 !important; }
	#wpmem_reg fieldset, #wpmem_login fieldset { padding: 0 !important; }
	#wpmem_reg .div_textarea textarea, #wpmem_reg .textbox, #wpmem_login .textbox, #wpmem_reg .username, #wpmem_login .username, #wpmem_reg .password, #wpmem_login .password { width: 100% !important; }
	section#fornecedores-loggedin .right-contents .text { height: auto; margin-top: 30px; padding: 0; }
	#supplier-form { padding-top: 5% !important; float: left; width: 100% !important; margin-left: 0 !important; }
	
	.newsletter-subscription { width: 300px; margin-left: calc((100% - 300px)/2); }
	
	/* Landing Page */
	#landing-page header h1 { width: 100%; text-align: center; }
	.landingpage-cta.top { left: -150px; margin: 20px 50%; float: left; right: initial; box-sizing: border-box; }
	#landing-page #video { width: 100%; height: 235px; }
	#landing-page #articles { width: 100%; padding: 15px; }
	#landing-page #articles .news-item { width: 100%; padding-right: 0; }
	#testimonials { width: 100%; }
	#testimonials .slides .content { font-size: 20px; line-height: 26px; padding: 20px 20px 5px 20px; } 
	#faq { width: 100%; }
	.landingpage-cta { box-sizing: border-box; }
	
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#header { background: #FFF; max-height: 200px; }
	#background { top: 200px; }
}
/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {

	
}