/* ------------------------ Geral ------------------*/
html {
	overflow-x:hidden;
	overflow-y:scroll;
}
html,body {
	padding:0;
	height:100%;
	margin:0 auto 0 auto;
	min-width:979px;
    font-family: 'Ropa Sans', sans-serif;
	font-size: 12px;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #c2c3c5;
}
#container {
	min-height:100%;
	position:relative;
}
#content {
	margin:0 auto 0 auto;
	padding:0 0 160px 0;
	width:979px;
	position: relative;
}
#content:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
a {
	outline:none;
	color:#000000;
}
a:hover {
	color: #a9171a;
	text-decoration:none;
}
a:hover span { cursor: pointer }
a:active { padding-top: 2px; }
a img {
	border:0px none;
}
p {
	margin:0px;
	padding: 0px 0px 5px 0px;
}

/* ------------------------ Header ------------------*/
#idioma {
	position: absolute;
	width: 150px;
	top: 20px;
	background-image: url(../img/baseLinguas.png);
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
	padding-bottom: 12px;
	right: 0px;
	z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6c6c6e;
	padding-left: 10px;
}
#idioma img {padding:0 0px 0 10px}
#idioma img:hover {
	filter:alpha(opacity=80); 
	opacity:.8;
}
#logo-menu {
	height: 460px;
	position: absolute;
	width: 215px;
	left: 0px;
	top: 0px;
	z-index: 999;
}
#logo {
	float: left;
	height: 109px;
	width: 168px;
	margin: 0px;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logo h1 {
	height: 109px;
	width: 168px;
	margin: 0px;
	padding: 0px;
}
#menu {
	height:220px;
	float:right;
	padding-top: 55px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	position:relative;
	text-align:right;
}
#menu ul li.m1 {
	padding-right: 1px;
}
#menu ul li.m2 {
	padding-right: 24px;
}
#menu ul li.m3 {
	padding-right: 47px;
}
#menu ul li.m4 {
	padding-right: 72px;
}
#menu ul li.m5 {
	/*padding-right: 92px;*/
	padding-right: 71px;
	
}
#menu ul li a {
	font-size:15px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	height:20px;
	line-height: 15px;
	padding: 10px 0 10px 0;
	text-align:right;
}
#menu ul li a:hover, #menu ul li.ativo2 a, #menu ul li:hover a {
	color: #000000;
}
#menu ul li ul  {
	background-image: url(../img/bgSubmenu.png);
	padding: 10px 0px 10px 0;
	position:absolute;
	width: 165px;
	left: 80px;
	top: -60px;
	z-index:100;
	display: none;
}
#menu ul li:hover ul, #menu ul li ul:hover {
	display:block;
}
#menu ul li ul li  {
	position:relative;
	float: none;
	width: 165px;
	float:none;
	background-image:none;
	padding:0;
	height:auto;
	clear:left;
	line-height:22px;
	text-align:left;
}
#menu ul li ul li a {
	padding: 7px 10px 7px 15px;
	color:#2f2f2f;
	height:auto;
	text-align:left;
}
#menu ul li ul li a:hover, #menu ul li ul li a.ativo {
	background-color:#707172;
	color:#ececec;
}
#menu ul li ul li a:hover, #menu ul li ul li.ativo2 a {
	background-color:#707172;
	color:#ececec;
}

/* ------------------------ Banner ------------------*/
#banner {
	width:983px;
	height:511px;
	position:relative;
	background-image: url(../img/baseBanner.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	padding-bottom: 27px;
}
.frame {
	position:absolute;
	width:983px;
	height:511px;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
}
.frame .texto {
	position:absolute;
	width:470px;
	height:51px;
	top:130px;
	right:30px;
	z-index:30;
}
#banner h4, #banner h5, #banner h6 {
	font-size:15px;
	font-weight: normal;
}
#banner h4 {padding:10px 0 5px 0px; margin:0}
#banner h5 {padding:10px 0 5px 70px; margin:0}
#banner h6 {padding:10px 0 5px 150px; margin:0}
.frame .texto span {
	font-size:30px;
}
.frame a:hover {
	color: #000;
	cursor:default;
}
.frame .texto span p {
	padding:0;
	margin:0;
}
.frame img {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
}
#nav-banner {
	position:absolute;
	z-index:50;
	bottom:50px;
	right:150px;
}
#nav-banner a {
	background-image:url(../img/navBanner.png);
	background-position:right top;
	width:20px;
	height:17px;
	float:left;
	color: transparent;
	text-decoration: none;
	display:block;
}
#nav-banner a:hover {
	background-position: left top;
	opacity:0.5;
}
#nav-banner a.ativo {
	background-position: left top;
}

/* ------------------------ Conteúdo ------------------*/
#continterno {
	width:979px;
	margin:0;
	position: relative;
}
#continterno .conteudo-interno {
	width: 620px;
	padding: 155px 0 0 245px;
	line-height:20px;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.produtos h2 {
	font-size: 26px;
	}
h3 {
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 13px;
}
.produtos h3, .produtos h3 a {
	color:#999;
	}
h4 {
	font-size: 17px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
}


#continterno .conteudo-interno p {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}


/* ------------------------ Footer ------------------*/
#footer {
	position:absolute;
	height:131px;
	clear:both;
	margin:0;
	padding:0;
	bottom:0;
	width:100%;
	z-index:200;
	background-image: url(../img/bgFooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footerinterno {
	width:979px;
	margin:0 auto 0 auto;
}
#footerinterno .info-footer {
	height: 112px;
	color: #FFF;
}
#footerinterno .info-footer a {
	color:#fff;
	text-decoration:underline;
}
#footerinterno .info-footer a:hover {
	color:#ccc;
	text-decoration:none;
}
#footerinterno .end {
	float: left;
	width: 213px;
	padding-right: 50px;
	padding-top: 22px;
	font-size: 15px;
}
#footerinterno .representantes {
	float: left;
	background-image: url(../img/mapa.png);
	background-repeat: no-repeat;
	padding-top: 40px;
	background-position: left 40px;
	height: 50px;
	padding-left: 60px;
	line-height: 50px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 650px;
}
#footerinterno .ass {
	clear:both;
	color:#c0c1c1;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	height:19px;
	line-height: 19px;
	font-size: 11px;
}
#footerinterno .ass a {
	color:#c0c1c1;
	text-decoration:none;
}
#footerinterno .ass a:hover {
	color:#c0c1c1;
	text-decoration:underline;
}

/* ------------------------ Detalhes ------------------*/
.lista {
	background-color: #ffffff;
	padding: 10px 0;
	border-bottom: 1px dashed #CCC;
}
.lista:hover {
	background-color: #f5f5f5;
	display: block;
}
.lista a {
	color: #000;
	text-decoration: none;
	display: block;
}
.lista a:hover {
	color: #666;
	text-decoration: none;
}
.clear {
	clear:both
}
.right {
	float:right;
	padding:0 0 0 10px;
}
.left {
	float:left;
	padding:0 10px 0 0;
}
.center {
	text-align:center
}

/* ------------------------ Form ------------------*/
form {
	margin:0;
	padding:0;
}
.input {
	width:98%;
	border:solid 1px #999;
	background-color:#efefef;
	padding:4px;
	color:#333;
	border-radius:5px;
}
select.input {
	width:99.65%;
}
.botao {
	border:solid 1px #999;
	background-color:#CCC;
	padding:4px 10px;
	font-size:14px;
	cursor:pointer;
	color:#333;
	border-radius:5px;
	margin-top:5px;
}
.separadorhorizontal {
	height:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #999;
	clear:both;
}
ul.fotos {
	padding:10px 0;
	list-style-type:none;
	clear:both;
}
ul.fotos li {
	float:left;
	width: 155px;
	margin: 0 20px 0 20px;
	text-align: center;
	padding-bottom: 20px;
	height:200px;
	background-repeat: no-repeat;
	background-position: center top;
}
ul.fotos li a {
	padding-top: 165px;
	height: 35px;
	display:block;
	width: 155px;
	text-decoration: none;
	font-size: 16px;
	color: #232225;
}
ul.fotos li a:hover, ul.fotos li:hover {
	color: #a9171a;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
	
	}
.shadow {
	text-shadow: 0.06em 0.06em 0.05em #100a3a;
	text-shadow: 0.06em 0.06em 0.05em #100a3a;
	textshadow:2px 2px 2px #100a3a;
}
ul.galeria {
	padding:0;
	list-style-type:none;
	clear:both;
}
ul.galeria li {
	float:left;
	width: 100px;
	margin: 0 20px 20px 0px;
	text-align: center;
	padding: 0px;
	height:100px;
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px solid #cecece;
	background-color:#FFF;
}
ul.galeria li:hover {
	border: 1px solid #A91718;
}
ul.galeria li a {
	height: 100px;
	display:block;
	width: 100px;
}