@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
	/* Safari 5+ ONLY */
	::i-block-chrome, #news .imagem {
		width: 150px;
		height:150px;
	}
	::i-block-chrome, #news .imagem IMG {
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		padding:5px;
		margin-right:0%;
	}
	::i-block-chrome, #news LI:hover IMG {
		 width:100%;
		 height:100%;
		cursor:auto;
	}
	::i-block-chrome, #produtos .imagem, #produtos .imagem-big {
		position: relative;
		overflow: hidden;
		cursor:pointer;
		width: 100%;
		height:120px;
		padding:0;
		margin:0;
		border:1px solid #CCCCCC;
	}
	::i-block-chrome, #produtos .imagem IMG, #produtos .imagem-big {
		cursor: pointer;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		margin-right:0%;
		border:0;
	}
	::i-block-chrome, .galeria-thumb {
		position: relative;
		overflow: hidden;
		cursor:pointer;
		width: 150px;
		height: 120px;
		padding:0;
		margin:0;
	}
	::i-block-chrome, .galeria-thumb IMG {
		cursor: pointer;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		margin-right:0%;
		border:0;
	}
}
@media (min-width: 1300px) {
  	.logo, 
	.banner .titulo, 
	.banner .textos, 
	.banner-picolo .titulo, 
	.banner-picolo .textos,
	#COLUNA .titulo, 
	#COLUNA .textos, 
	#COLUNA A {
    	margin-left:15%;
	}
	#news {width:70%;}
	.conteudos {width:70%;}
}
@media (max-width: 1280px) {
	.logo, 
	.banner .titulo, 
	.banner .textos, 
	.banner-picolo .titulo, 
	.banner-picolo .textos,
	#COLUNA .titulo, 
	#COLUNA .textos, 
	#COLUNA A {
    	margin-left:5%;
	}
	nav ul li a {width:80px;}
	nav ul li.fb a {width:40px;}
	nav ul li.fb IMG {margin-top:40px;}
	nav ul li.pme {width:100px;}
	nav ul li.pme IMG {margin-top:40px;}
	nav ul li.anos {width:70px;}
	nav ul li.anos IMG {margin-top:35px;}
}
@media (max-width: 1100px) {
	.logo, 
	.banner .titulo, 
	.banner .textos, 
	.banner-picolo .titulo, 
	.banner-picolo .textos,
	#COLUNA .titulo, 
	#COLUNA .textos, 
	#COLUNA A {
    	margin-left:0;
	}
	#produtos LI {width:30%;}
	.col-media IMG, .col-destaques IMG {max-width:150px;}
}
/* esconde menu big e mostra picolo */
@media only screen and (max-width :850px) { 
	.tint-topo:before, .logo, nav ul li.pme, nav ul li.fb, nav ul li.anos {display:none;}
	.menupicolo {
		z-index:9999; 
		display:block;
		width:100%;
		padding:0;
		margin:0;
	}   
	.menupicolo UL {
		display:block;
		width:100%;
		margin:0;
		padding:0;
		overflow:hidden;
		background-color:#00044D;
		vertical-align:top;
		height:100px;
	}
	.menupicolo UL LI {
		list-style:none;
		display:inline-table;
		padding:0;
		margin:0;
		vertical-align:top;
	}
	.menupicolo UL LI IMG {
		margin:0;
		padding:20px 0;
		height:auto;
	}
	.menupicolo UL LI .logo-picolo {
		width:350px;
		height:100px;
		margin:0;
		padding:0;
		background-image:url(../images/design/logo-santos-oliveira.png);
		background-repeat:no-repeat;
		background-position:left top;
		background-size:auto 100px;
	}
	.menupicolo UL:before, 
	.menupicolo UL:after {
		content:" ";  
    	display:table;
		height:0px;  
	}
	.menupicolo UL:after {clear:both;}
	.menupicolo a#abre {
		position:absolute;
		top:320px;
		display:block;
		width:100%;
		margin:0;
		padding:10px;
		text-decoration:none;
		color:#FFFFFF;
		text-align:center;
		background-color:#0278C2;
		z-index:999;
	}  
	.menupicolo a#abre:hover {background-color:#0FB5DE;} 
	
	.menupicolo li.fb {width:80px; padding:0; margin:0;}
	.menupicolo li.fb a {width:40px;}
	.menupicolo li.pme {width:120px; padding:0; margin:0;}
	.menupicolo li.anos {width:70px; padding:0; margin:10px 0 0 0;}
	.menupicolo li IMG {margin:0; width:100%;}
	.menupicolo li.fb IMG {margin-top:0; width:70%;}
	nav {
		position:absolute;
		top:360px;   
		width:100%; 
		height:auto;
		margin-right:0;
		border-bottom:0;
		margin:0;
		z-index:9999;
	}  
	nav ul {display:none; height:auto;}  
	nav ul li {  
		position:relative;
		float:none;  
		width:70%; 
		height:40px;  
		margin:0 auto;
		text-align:center;
		background-color:#8FA9BA;
	}
	nav ul li a {  
		position:relative;
		float:none;  
		width:100%;
		padding:15px 0;
		color:#FFFFFF;
		margin:0; 
		text-align:center;
		background-color:#8FA9BA; 
		border-bottom:1px solid #fff;
	}
	nav ul li a:hover {margin-top:0; padding:15px 0; background-color:#0278C2;}
	nav ul li a.active {margin-top:0; padding:15px 0; color:#fff; background-color:#00044D;}
	.banner .textos, 
	.banner-picolo .textos, 
	.banner .titulo, 
	.banner-picolo .titulo {
		margin-left:0;
		margin-top:0;
		margin:0 auto;
		width:80%;
	}
	.banner .titulo {width:100%;}
	.banner .textos {background-color: inherit; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
	.banner ul li {height:220px;}
	.banner-picolo ul li {background-size: 100% 250px; background-position:left 40px;}
	#map-canvas {height: 250px; overflow:hidden;}
	#news {margin:60px auto 0 auto;}
	#COLUNA { width:100%;}
	#COLUNA .titulo {width:100%; margin:0 auto;}
	#COLUNA .textos {
		width:80%;
		margin:0 auto;
		background-color: inherit;
		font-size:120%;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	}
	#COLUNA li { 
		list-style:none; 
		width:100%;
		float:left;
		display:block;
		overflow:hidden;
	}
	#COLUNA A {
		display:block;
		width:60%;
		padding:5px;
		font-size:0.8em;
		margin-left:0;
		margin:0 auto;
	}
	.col-media IMG, .col-destaques IMG {max-width:210px;}
	#produtos {padding:0; margin:40px auto 0 auto;} 
	#produtos ul {padding:0; margin:0;}
	#produtos LI {width:40%;}
	#produtos .produtos-menu A {display:inline-table; margin-bottom:5px;}
	.conteudos {width:70%;}
	[class*="col-"] {position:relative; float:none; width:100%;}
	[class*="col-"] IMG {margin:0 auto;}
	
	footer [class*="col-"] {text-align:center; display:block; margin-top:20px;}
	footer H2 {text-align:center;}
	footer UL {
		display:block;
		width:100%;
		margin-top:30px;
		padding:0;
		text-align:center;
	}
	footer li {
    	list-style:none;
		display:inline-table;
		background-position:left;
		padding-left:10px;
		padding-right:10px;	
	}
	footer #links {text-align:center;}
	#bg-rodape {
		width:100%;
		background-size:auto 350px;
		background-position:center right;
	}
} 
/* esconde menu big e mostra picolo */
@media only screen and (max-width:650px) {  
	.col-media IMG, .col-destaques IMG {max-width:150px;}
	#bg-rodape {
		width:100%;
		height:100%;
		background-image:url(../images/design/mapa-rodape-picolo.jpg);
		background-size:100%;
		background-position:bottom right;
	}
	#bg-rodape .col-media {font-size:0.7em;}
	.menupicolo UL LI IMG {display:none;}
	#news {display:block; width:80%; margin:60px auto 0 auto;}
	#news LI, #produtos LI {
		display:block;
		float:none;
		width:90%;
		min-width:90%;
		margin:0;
	}
	#news LI A {
		display:block;
		overflow:hidden;
		width:100%;
		padding:0;
		margin:0;
	}
	/* Safari 5+ ONLY */
	::i-block-chrome, #news .imagem {width: 150px; height:150px;}
	::i-block-chrome, #news .imagem IMG {
		top:0%;
		left:0%;
		width:100%;
		height:120px;
		padding:5px;
		margin-right:0%;
	}
	::i-block-chrome, #news LI:hover IMG {
		 width:100%;
		 height:100%;
		cursor:auto;
	}
	::i-block-chrome, #produtos .imagem {
		position: relative;
		overflow: hidden;
		cursor:pointer;
		width: 100%;
		height:120px;
		padding:0;
		margin:0;
		border:1px solid #CCCCCC;
	}
	::i-block-chrome, #produtos .imagem IMG {
		cursor: pointer;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		margin-right:0%;
		border:0;
	}
	::i-block-chrome, .galeria-thumb {
		position: relative;
		overflow: hidden;
		cursor:pointer;
		width: 150px;
		height: 120px;
		padding:0;
		margin:0;
	}
	::i-block-chrome, .galeria-thumb IMG {
		cursor: pointer;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		margin-right:0%;
		border:0;
	}
}