@CHARSET "UTF-8";

	/**
	 * @Author		:	Frederico Martins - fredericomartins.pt
	 * @Project		:	Ferragens do MarquÊs
	 * @Date		:	Maio 2015
	 * @Description	:	Generic CSS file for default module
	 */
	
/* midia query 1280 ************/
	@media screen and (max-width: 1260px) {
}
	
	/* midia query 1024 TABLET PORTRAIT*************************************************************************/
	@media screen and (max-width: 1004px) {
body {
	padding: 0 10px;
}
.col-12 {
	width: 100%;
}
.col-11 {
	width: 100%;
}
.col-10 {
	width: 100%;
}
.col-9 {
	width: 70%;
}
.col-8 {
	width: 100%;
}
.col-7 {
	width: 100%;
}
.col-6 {
	width: 50%;
}
.col-5 {
	width: 100%;
}
.col-4 {
	width: 100%;
}
.col-3 {
	width: 33%;
}
.col-2 {
	width: 100%;
}
.col-1 {
	width: 100%;
}
.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
	margin-left: 0;
	margin-right: 0;
	padding: 5px;
}
.col-6 img, .col-8 img, .destaques img {
	width: 100%;
	height: auto;
}
.noticia h2 {
	margin-bottom: 0px;
}
.quotes .col-10 {
	width: 80%;
}
.container {
	width: 100%;
	left: inherit;
	margin-left: inherit;
}
#header {
	height: 62px;
}
#submenucopy > div > ul {
	text-align: center;
	display: block;
}
#submenucopy > div > div {
	text-align: center;
	margin-top: 40px;
	display: block;
}
img {
	max-width: 100%;
	height: auto;
}
/*#slider-marcas-content .item img{ height:100%; width:auto;}*/
#slider-marcas-content .owl-item {
	width: 100%;
	height: auto;
}

#slider-marcas-content > div {
  height:auto;
}

#submenucopy .col-6.submenu {
	width: 100%;
}
#submenucopy .copyright {
	text-align: center;
	color: rgb(0,0,0);
	width: 100%;
}
#slider-marcas {
	width: 100%;
	padding: 40px 0;
}
#slider-marcas-content {
	max-width: 100%;
	left: 0;
	margin-left: 0;
	position: relative;
	float: none;
	clear: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
#slider-marcas-content div.col-12 {
	width: 100%;
}

/* Sliders INDEX **/
#slider-content {
	width:100%;
	height:auto;
}
#slider{height:auto; min-height: 100px;}
#slide > div > div > a > img{ width:100%;}

		
		
/* MENU**/
#logomenu > div.col-3,#logomenu > div.col-9{ width:100%;}

.nav-collapse ul {
	border-top: 1px solid rgb(204,204,204);
	width: 100%;
}
.nav-collapse li {
	width: 100%;
	padding: 20px 0;
	margin-left: 0px;
	border-bottom: 1px solid rgb(204,204,204);
}
nav a:hover, nav a:active, nav a.active {
	text-decoration: none;
	border-bottom: 0px solid rgb(255,242,0);
}
nav {
	text-align: center;
	margin: 0px 0px 0px 0px;
	width: 100%;
	position: relative;
	top: -34px;
	}


		
#logomenu {
	margin-bottom: 0px;
}
#logomenu > div.col-9 {
	background-color: rgb(255,255,255);
	z-index: 9999999999999999;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}



}
	


 @media screen and (min-width: 1005px) {
nav ul {
	height: auto;
}
.js .nav-collapse {
	position: relative;
}
.js .nav-collapse.closed {
	max-height: none;
}
.nav-toggle {
	display: none;
}

}

	
	/* Telemoveis */
	@media screen and (max-width: 640px) {
.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
	width: 100%;
}

.nav-toggle {top: -70px;}

#slider-header {
	height: 420px;
}
#slider-marcas-content > div {
  height:auto;
}

#footer #submenucopy {
	background-color: rgb(0,0,0);
	height: 300px;
}
#submenucopy > div {
	padding: 20px 0;
}
#submenucopy .submenu li {
	display: block;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 34px;
}
#submenucopy .submenu li, #submenucopy .submenu li a {
  font-size: 13px;
}
#submenucopy > div > ul{}
#submenucopy div.copyright{ margin-top:30px;}
	

#destaques-home > a:nth-child(2) > li{ margin-top:40px;}

div.bloco_esquerda, div.bloco_direita{ float:none; display: block; width: 100%;}	
.img_produto{ min-height:inherit;position: relative;display: block;}
.img_produto > img {width:inherit; height:inherit; max-height:inherit; max-width:inherit; position: relative;}
		

		
	
.col-12 .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
		
		
.col-12 .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}		

.col-12 iframe {
	width: 100%;
	height:auto;
}


}
		
		
	/* midia query 480 *************************************************************************/
	@media screen and (max-width: 460px) {}
	
	/* midia query 320 *************************************************************************/
	@media screen and (max-width: 320px) {}
