@import url(type.css);
@import url(content.css);
/****************************************************************************************************************************

COMMON

****************************************************************************************************************************/

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;	
}
img {
	border: none;
}
a img:hover {
	opacity: 0.5;
	transition: 0.2s;
}

html {
	background-color: #eaeaea;
}
html, body {
	margin: 0; padding: 0;	
	height: 100%;
	/*overflow-x: hidden;*/
}
body {
	padding-top: 40px;
}
.page-wrap {
  min-height: 100%;
  margin-bottom: -237px; 
}
.page-wrap:after {
	content: "";
	display: block;
}

#footer, .page-wrap:after {
  height: 237px; 
}

.mb {
	display: block;
}
.dsktp1, .dsktp2, .dsktp3, .dsktp4 {
	display: none;	
}
.dsktp2 {
	display: none;	
}
.dsktp3 {
	display: none;	
}
#menu1 {
	width: 100%;
	position: absolute;
	top: 100%;
	left: right;
	display: none;
	
}
#menu1 ul, #menu1 li {
	margin: 0; padding: 0;
}
#menu1 li {
	display: block;
	width: 100%;
	line-height: 40px;
	height: 40px;
	text-align: center;
	border-bottom: solid 1px #CCC;
}
#menu1 li:last-child {
	border-bottom: none;
}
#menu1 li a {
	display: block;
	width: 100%;
	line-height: 40px;
	text-align: center;	
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
}

#banner {
	width: auto;
	height: 300px;	
	position: relative;
	z-index: 1;
	display: none;
}
.arrows {
	position: absolute;
	cursor: pointer;
	height: 37px;
	top: 46%;
	width: 20px;
	z-index: 1000;
}
#arrow-l {
	background-image: url(/imagens/arrow-l.png);
	left: 20px;	
}
#arrow-r {
	background-image: url(/imagens/arrow-r.png);
	right: 20px;	
}
#banner li, #banner ul {
	margin: 0; padding: 0;
		
}
#banner li {
	display: block;	
	width: 100%; height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#banner li img {
	display: none;	
}
#top-bar {
	background-color: rgba(255,255,255, 1);	
	position: fixed;
	left: 0; top: 0;
	height: 40px; width: 100%;
	z-index:3;
}
#top-bar .barraV {
	height: 100%; width: 7px;
	float: left;	
}
#logo {
	font-family: Arial, "Arial Black", Gadget, sans-serif;
	font-size: 22px; line-height: 40px;
	margin-left: 10px; font-weight: bold;
	width: 200px; float: left;	
}
#logo a {
	text-decoration: none;
	color: #082c60;
	
}
#logo a:hover {
	color: #e59405;
}
#bt-menu {
	width: 23px; height: 18px;
	float: right; margin-top: 11px;
	margin-right: 6px;
	background-image: url(/imagens/icn-menu.png);
	cursor: pointer;
}
#menu2 ul, #menu2 li {
	margin: 0; padding: 0;
}
#menu2 li {
	display: block; 
	width: 50%;
	float: left;
	height: 30px;
}
#menu2 li a {
	background-repeat: no-repeat;	
	text-decoration: none;
	padding-left: 35px;
	text-decoration: none;
	width: 100%; height: 100%;
	display: block;	
	font-size: 12px;
	text-transform: uppercase;
	line-height: 30px;
	background-position: 5px center;
	background-size: 24px 14px;
	position: relative;
}

#menu2 a.off1, #menu2 a.off2, #menu2 a.off3, {
		color: #282828;	
}

#menu2 a.off4 a {
		color: #FFFFFF;	
}
#menu2 .off1, #menu2 .off2 {
	color: #282828;	
	background-image: url(/imagens/icn-car.png);
	background-color: #e59405;
	transition: 0.2s; 
}
#menu2 .off1:hover, #menu2 .on1, #menu2 .on2, #menu2 .off2:hover {
	background-image: url(/imagens/icn-car-on.png);
	background-color: #082c60;
	color: #FFF;

	}
#menu2 .off3 {
	color: #282828;	
	background-image: url(/imagens/icn-tools.png);
	background-color: #e59405;
	transition: 0.2s; 
}
#menu2 .off3:hover , #menu2 .on3 {
	color: #FFF;	
	background-image: url(/imagens/icn-tools-on.png);
	background-color: #082c60;
}
#menu2 a.off4 {
	color: #FFF;
	transition: 0.2s; 
	background-color: #8c8c8c;
	background-image: url(/imagens/icn-newsletter.png);	
}
#menu2 a.off4:hover {
	background-color: #082c60;
}
#menu2 li:nth-child(2){
	border-left: solid 1px #282828;
}
#menu2 li:nth-child(3){
	border-top: solid 1px #282828;
}
#menu2 li:nth-child(4){
	
}
.padded {
	padding: 20px; 
}
/* 134 + 9 + 27 = 170 */

#footer  {
	width: 100%;
	text-align: justify;
	
}
#footer #row1 {
	height: 9px;	
}
#footer ul, #footer li {
	margin: 0;
	padding: 0;	
}


#row2 li img {
	opacity: 0.4;
	cursor: pointer;	
	transition: 0.2s;
}
#row2 li img:hover {
	opacity: 1;	
}

#row2-cont {
	background-color: #FFF;
	height: 174px;
	padding: 12px 0;
}
#row2 li {
	display: block;
	float: left;
	width: 25%;	
	padding: 12px;
	height: 75px;
	text-align: center;
}
#row2 li img {
	height: 100%; width: auto;
}
#row2 li img {
	opacity: 0.4;
	cursor: pointer;	
}
#row2 li img:hover, #row2 li img.on {
	opacity: 1;	
}

#row3-cont {
	height: 54px;
	color: #FFF;
	background-color: #282828;
}
#row3 > div {
	height: 27px;
	line-height: 27px;	
	font-size: 12px;
	
}
#row3-cont .col1 {
	float: left;
	padding-left: 10px;	
	width: 77%;
}
#row3-cont .col2 {
	float: right;
	padding-right: 10px;	
	width: 15%;
	text-align: right;
	
}
#row3-cont .col2 img {
	height: 19px;
	width: auto;
	vertical-align: -5px;
}
#row3-cont .col3 {
	clear: both;
	background-color: #000;	
	text-align: center;
}
.footer-logo img {
		
}
.filler {
    display: none !important;
}
/****************************************************************************************************************************

COLOR

****************************************************************************************************************************/

.link-c1 {
	color: #082c60;
	text-decoration: none;
}
.bottom-shadow-1 {
    -webkit-box-shadow: 0px 8px 8px -8px #999;
       -moz-box-shadow: 0px 8px 8px -8px #999;
            box-shadow: 0px 8px 8px -8px #999;
}
.top-shadow-1 {
    -webkit-box-shadow: 0px -8px 8px -8px #999;
       -moz-box-shadow: 0px -8px 8px -8px #999;
            box-shadow: 0px -8px 8px -8px #999;
}
.shadow-1 {
    -webkit-box-shadow: 1px 5px 8px #999;
       -moz-box-shadow: 5px 5px 8px #999;
            box-shadow: 3px 3px 3px  #999;
}
@media only screen and (min-width : 768px) { 
	.page-wrap {
 		 margin-bottom: -140px; 
	}
	#top-bar {
		height: 44px;
	}
	body {
	padding-top: 44px;
}
	#bt-menu {
		width: 23px; height: 18px;
		margin-top: 14px;
		margin-right: 14px;
	}
	#banner {
		display: block;
		width: auto; height: auto;	
	}
	#banner li {
		width: 100%;
		height: auto;
		background: none !important;
	}
	#banner li img {
		width: 100%;
		height: auto;
		display: block;	
	}
	#menu1 li {
	line-height: 44px;
	height: 44px;
	}
	#menu1 li a {
		line-height: 44px;
		font-size: 15px;
	}
	
	#logo {
		font-size: 24px;
		line-height: 44px;	
	}
	#footer, .page-wrap:after {
  		height: 140px; 
	}
	#row2-cont {
		height: 104px;
		padding: 15px 0;
	}
	#row2 li {
		display: inline-block;
		height: auto; 
		width: 12.5%;	
		padding: 0
	}
	.filler {
		display: inline-block;
		height: 0;
		width: 100%;
	}
	.dsktp1  {
		display: block;	
	}
	
	#menu2 li {
		height: 32px;	
		display: block; 
		width: 25%;
		border-top: none;
	}
	#menu2 li a {
		background-size: 32px 18px;
		font-size: 14px;
		padding-left: 45px;
		background-position: 5px center;
		line-height: 32px;
		
	}
	#menu2 li:nth-child(2){
		border-left: solid 1px #282828;
	}
	#menu2 li:nth-child(3){
		border-top: none;
		border-left: solid 1px #282828;
	}
	#menu2 li:nth-child(4){
		border-left: solid 1px #282828;
		border-top: none;
	}
	#row3-cont {
		background-color: #000;	
		height: 27px;	
	}
	#row3 {
		height: 27px;	
	}
	#row3 .col1{
		width: 33%;
	}
	#row3 .col2 {
		width: 34%;
		text-align: left;
		float: left;
		padding: 0;
	}
	#row3-cont .col3 {
		clear: none;
		float: right;
		width: 33%;
		float: right;
		text-align: right;
		padding-right: 10px;
	}
}
@media only screen and (min-width : 900px) { 
	.dsktp1  {
		display: none;	
	}
	.dsktp2  {
		display: none;	
	}
	.dsktp3  {
		display: block;	
	}	
}
@media only screen and (min-width : 1024px) { 
	body {
		padding-top: 0;
	}
	.dsktp3 {
		display: none;
	}
	.dsktp4 {
		display: block;
	}
	

	#top-bar {
		background-color: rgba(255,255,255, 0.75);	
		height: 55px;
		position: absolute;
	}
	#logo {
		font-size: 30px; line-height: 55px;
	}
	#bt-menu {
		display: none;
	}
	#menu1 {
		display: block;	
		position: absolute;
		right: 0; top: 0;
		text-align: right;
		height: 55px;
		width: auto;
		
	}
	#menu1 li {
		background: none;
		display: inline-block;
		
		font-size: 14px;
		text-transform: uppercase;
		width: auto;
		border-bottom: none;
		border-left: solid 1px #666;
		line-height: 55px;
		height: 55px;
	}
	#menu1 li a {
		line-height: 55px;
		font-size: 14px;
		color: #282828;
		padding: 0 25px;
		transition: 0.2s; 
	}
	#menu1 li a:hover, #menu1 li a.on {
		background-color: #082c60;
		color: #FFF;	
	}
	.wrap {
		padding: 0; 
	 }
	#menu2, .wrap, #row2 {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#menu2 {
		margin-top: -20px;	
		position: relative;
		z-index: 2;
	}
	#menu2 li {
		height: 44px;	
	}
	#menu2 li a {
		line-height: 44px;
		background-size: 32px 18px;
		padding-left: 55px;
		background-position: 10px center;
		font-size: 16px;
	}
	
}