html {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #666;
}

* {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#container{
width: 992px;
height: 100%;

background: #fff;
margin: 0 auto;

background-color:rgb(255,255,255);
-moz-box-shadow:0px 0px 22px 5px rgba(187,187,187,0.65);
-webkit-box-shadow:0px 0px 22px 5px rgba(187,187,187,0.65);
box-shadow:0px 0px 22px 5px rgba(187,187,187,0.65);

border:1px solid #CCC\0/;
}

.header{
height: 120px;
width: 100%;
background: url(../../sysimages/sys01_1.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
}


	.header .logotipo{
	height: 100%;
	float: left;
	}

		.header .logotipo img{
		margin: 35px 0 0 30px;
		}

		.header2 .logotipo img{
		margin: 0 0 10px 30px;
		}



	.headerRight{
	width: 690px;
	float: right;
	position: relative;
	}

		.headerRight p{
		margin: 8px 24px;
		font-size:13px;
		line-height: 20px;
		color:#666;
		text-align: right;
		}


		ul.menu{
		list-style: none;
		padding: 0;
		margin: 0;
        margin-top: 10px;
		height: 41px;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		background: url(../../sysimages/sys02.jpg) repeat-x top left;
		}

			ul.menu li{
			height: 41px;
			float: left;
			list-style: none;
			}

				ul.menu li a{
				display: block;
				height: 100%;
				line-height: 41px;

				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #FFF;
				font-size: 12px;
				text-decoration: none;

				padding-left: 15px;
				padding-right: 15px;
				border-left: 1px solid #A1A6A9;

				}

					ul.menu li:hover a{
					color: #145386;
					text-decoration: underline;
					}


					ul.menu li.sel{
					background: url(../../sysimages/sys02.jpg) repeat-x bottom left;
					}

					ul.menu li.sel:first-child{
					border-bottom-left-radius: 5px;
					border-top-left-radius: 5px;
					}

					ul.menu li.sel:hover a{
					color: #fff;
					}


					ul.menu > li:first-child a,
					ul.menu > li:first-child.sel:hover a{
					width: 22px;
					height: 41px;
					background: url(../../sysimages/sys03.png) no-repeat top left;
					
					border-bottom-left-radius: 5px;
					border-top-left-radius: 5px;

					border-left: 0px;
					display: block;
					margin-left: 13px;
					margin-right: 0px;
					padding-right: 2px;
					padding-left: 3px;
					}

					ul.menu > li:first-child:hover a{
					background-position: bottom left;
					}




			ul.menu li.comSubmenu{
			position: relative;
			}


				ul.menu li.comSubmenu .submenu{
				background: #115A93;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				position: absolute;
				top: 36px;
				left: 1px;
				width:170px;
				padding: 12px;
                display: none;
                z-index:10;
				}

				ul.menu li.comSubmenu:hover .submenu{
                display: block;
				}

				ul.menu li.comSubmenu .submenu li,
				ul.menu li.comSubmenu .submenu li:first-child a{
				height: 28px;
				line-height: 28px;
				width: 100%;
				padding:0;
				margin: 0;
				}

				ul.menu li.comSubmenu:hover{
				background: url(../../sysimages/sys02.jpg) repeat-x bottom left;
				}

				ul.menu li.comSubmenu:hover a{
				color: #FFF;
				text-decoration: none;
				}
				
				ul.menu li.comSubmenu .submenu li a{
				display: block;
				float: left;
				font-weight: normal;
				text-decoration: none;
				border: 0;
				width: 100%;
				height: 28px;
				line-height: 28px;
				border-top: 1px solid #3473A3;
				padding:0;
				margin: 0;
				color:#fff;
				}

				ul.menu li.comSubmenu .submenu li:first-child a{
				border-top: 0;
				}

					ul.menu li.comSubmenu .submenu li a:hover{
					color: #FFB27F;
					}



		.bagContainer{
		width:180px;
		height:57px;

		padding: 0;
		margin: 0;
        margin-top: 13px;
		position: absolute;
		top:20px;
		right:20px;
		background-color:#FFF;
		border-radius: 5px;

		-moz-box-shadow:1px 1px 4px rgba(165,170,173,0.65);
		-webkit-box-shadow:1px 1px 4px rgba(165,170,173,0.65);
		box-shadow:1px 1px 4px rgba(165,170,173,0.65);
		-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a6a5aaad,Positive=true)";
		filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a6a5aaad,Positive=true);

		border: 1px solid #CCC\0/;
		}

			.headerRight .bagContainer a{
			display: block;
			padding-right: 0;
			width: auto;
			/*width: 95%;*/
			/*padding-right: 5%;*/
			height: 100%;
			/*background: url(../../sysimages/sys05.png) no-repeat right top;*/
			margin-left: 11px;
			}

				.headerRight .bagContainer a:hover{
				background-position: right bottom;
				}

				.headerRight .bagContainer a:hover p.valueBag{
				text-decoration: underline;
				}

			.headerRight .bagContainer p{
			color: #ADB2B3;
			line-height: 14px;
			float: left;
			margin:19px 0px 0px 6px;
			}

			.headerRight .bagContainer p.bagTitle{
            font-family: Arial, Helvetica, sans-serif;
			width: 73px;
			text-align: right;
			line-height: 15px;
			float: left;
			padding-right: 7px;
			margin:12px 10px 0px 10px;
			border-right: 1px dotted #ADB2B3;
			font-size: 13px;
			}

			.headerRight .bagContainer p.valueBag{
			/*width: 119px;*/
			float: left;
			padding-left:22px;
			margin:18px 0px 0px 0px;
			font-size: 14px;
			line-height: 19px;
			font-weight: bold;
			color: #255D7F;
			text-align: left;
			border-right: 0px;
			background: url(../../sysimages/cart.png) no-repeat top left;
			}
			
.headerRight p a,
.footer a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #0073CB;
text-decoration: none;
}

.headerRight p a:hover,
.footer a:hover{
text-decoration: underline;
}

/*FOOTER*/

.footer{
float: left;
height: 145px;
width: 100%;
background: #F4F4F6;
}


	.footer ul{
	list-style: none;
	}

	.footer .marcas_auto{
	/*height: 105px;*/
	height:75px;
	background: url(../../sysimages/sys00.png) repeat-x left top;
	width: 100%;
	margin: 0px auto;
	padding: 30px 0 0 0;
	text-align: center;
	*padding-left: 20px;
	}

		.footer .marcas_auto tr td{
		width: 52px;
		height: 50px;
		margin-right: 10px;
		*float: left;
		}

		.footer .marcas_auto tr td a{
		display: block;
		width: 52px;
		height: 50px;
		border: 1px solid #ccc;
		}


	.footer .marcas{
	height:60px;
	width: 100%;
	margin: 10px auto 10px auto;
	text-align: center;
	*padding-left: 20px;
	}

		.footer .marcas div{
		display: inline-block;
		margin-right: 10px;
		*float: left;
		}


	.footer .mscar_txt{
	margin-bottom: 10px;
	border-bottom: 1px solid #D6DFE9;
	}

 ..footermscar_txt p{
		color: #666;
		font-size: 12px;
		text-align: center;
		width: 900px;
		margin: 0 auto 10px auto;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 20px;
        font-weight: normal;
        	width: 599px;
		}



	.footer ul.links{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	*padding-left: 20px;
	}

		.footer .links li{
		border-left:1px solid #ccc;
		padding-left:10px;
		padding-right:10px;
		display: inline-block;
		*float: left;
		}

		.footer .links li:first-child{
		border-left:none;
		}

	.footer p{
	text-align: center;
	color: #7494AD;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}

	.marcas_auto table tr td{
	padding-left: 10px;
	height: 50px;
	border-left: 1px solid #DDD;
	}


.clear{
clear:both;
*line-height:1px;
padding:0px;
}


.vendedorHeader{
width: 100%;
height: 40px;
background: url(../../sysimages/sys27.jpg) repeat-x left top;
}

	.vendedorHeader p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 20px;
	margin: 10px 25px;
	}
	
	.vendedorHeader a:hover p{
	opacity:0.8;
	}

	.vendedorHeader p.client{
	float: left;
	}

	.vendedorHeader p.vend{
	float: right;
/*	padding-right: 20px;
	background: url(../../sysimages/sys28.png) no-repeat right center;*/
	}
	
	
	
.popup{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
display: none;
background: url(../sysimages/bgPopup.png) repeat left top;

}

.popupConteudo{
width: 370px;
height: 370px;
background-color:rgb(251,251,251);
border: 3px solid #666;
display: none;
}

.headerPopup{
position: relative;
}


.headerPopup h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #008DD2;
line-height: 20px;
font-weight: 400;
}

.headerPopup img{
margin-left: 20px;
margin-top: 23px;
}

.closepopup{
position: absolute;
top:32px;
right:24px;
width:11px;
height: 11px;
background: url(../sysimages/close.png) no-repeat left top;
}

.closepopup:hover{
background-position: left bottom;
cursor:pointer;
}

.chatConteud{
padding-left:30px;
padding-right:30px;
}

.chatConteud textarea {
width: 308px;
height: 21px;
line-height: 21px;
border: 1px solid #CFCECE;
font-family: Arial, Helvetica;
font-size: 12px;
font-weight: normal;
line-height: 17px;
color: #333;
}

.chatConteud textarea {
height: 75px;
resize: none;
}

.chatConteud p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
line-height: 20px;
font-weight: 400;
}

.chatConteud .bt_estilo1 {
font-weight:700;
color:#FFFFFF;
padding: 0 20px;
*padding: 0 15px;
line-height: 32px!important;
height: 32px;
text-shadow:0px 1px 1px rgba(36,75,140,0.75);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf244b8c,Positive = true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 1,Color = #bf244b8c,Positive = true);
*border: 0;
background:#666;
}

.chatConteud a.bt_estilo1 {
display: inline-block;
}

.chatConteud .bt_estilo1:hover {
text-decoration: none;
background:#0E75B9;
}

.bt_estilo1 p{
color: #FFFFFF;
font-weight: 700;
line-height: 32px!important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.foo_dir{
padding-top: 5px;
}
.foo_dir span{
margin-left: 5px;
}

.foo_dir span a{
margin-left: 5px;
font-size: 11px;
color: #7494AD;
}