@charset "UTF-8";
#contentAll {

	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	background-position: 0px 143px;
}
#logo-mkgl {
	position: absolute;
	height: 229px;
	width: 272px;
	top: 0px;
	z-index:10000;
}

/* MENU SUP */

#menuSup {width:610px;
			height:122px;
			list-style:none;
			padding:0;
			margin:0 0 0 auto ;
}
#menuSup li {float:left;margin:0 5px;}
#menuSup li a {background-image:url(../images/menu.jpg);
				background-repeat:none;
				display:block;
				width:112px;
				height:122px;
				text-indent:-10000px;
}
#menuSup li a.home {background-position:0 0}
#menuSup li a.empresa {background-position:-124px 0}
#menuSup li a.produtos {background-position:-247px 0}
#menuSup li a.cliente {background-position:-370px 0}
#menuSup li a.contato {background-position:-490px 0}

#menuSup li a.home:hover, #menuSup li a.activehome {background-position:0 126px}
#menuSup li a.empresa:hover, #menuSup li a.activeempresa {background-position:-124px 126px}
#menuSup li a.produtos:hover, #menuSup li a.activeprodutos {background-position:-247px 126px}
#menuSup li a.cliente:hover, #menuSup li a.activecliente {background-position:-370px 126px}
#menuSup li a.contato:hover, #menuSup li a.activecontato {background-position:-490px 126px}


#banner {height:450px;
			margin-top:22px;
}
#bannerSecao  {height:150px;
			margin-top:22px;
}


#contentBody {padding:15px;
				background-color:#FFF;}

.titulos {font-family:"Times New Roman", Times, serif;
			color:#FFF;
			font-style:italic;
			font-size:18px;
			font-weight:normal;
			background-image:url(../images/bgTitulos.jpg);
			padding:5px 10px;
			border:1px #888 solid;
			margin:0;
			border-radius: 7px 7px 0 0;
}

.tituloDest {font-family:"Times New Roman", Times, serif;
			font-size:18px;
			font-style:italic;
			font-weight:bold;
			border-bottom:2px dotted #666;
			margin:3px;
			padding:5px 0 7px 0;
			color:#222;
}

.textDest {font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#666;
			line-height:22px;
			margin:0;
			font-weight:normal;
}

.informacoes {text-align:right;
			margin:10px 0 0 0;
}

.dest1 {width:316px;
		height:206px;
		float:left;
		margin:5px;
}

.detalhe {padding:0;
			margin:0;
			position:absolute;
			margin:186px 0 0 234px;
			
}
#projetosHome {margin-bottom:15px;}

.dest2 {width:237px;
		float:left;
		margin:10px 7px 15px 0;
}

#expondo {background-image:url(../images/bgDesign.png);
		height:259px;
		margin:20px 0;
		clear:both;
}
#empresaMKGL {width:450px;
				float:right;
				margin:25px 20px 0 0;
}


/* Rodapé */

#bgFoote {background-color:#e0e0e0;}

#foote {width:1000px;
		margin:0 auto;
		padding:15px;
		height:90px;
}
#bFoote {width:1000px;
		margin:0 auto;
		padding:15px;
		height:25px
}
.footeCol{width:200px;
			padding:0;
			margin:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#333;
			float:left;
			list-style:none;
}
.footeCol a{text-decoration:none;
			color:#666;
			display:block;
			padding:5px 0 0 0;
			width:100px;
}
.footeCol a:hover{text-decoration:underline;
					color:#333;}

#bFoote p {font-family:Arial, Helvetica, sans-serif; 
			color:#999; font-size:12px;
			
			background-image:url(../images/footegtr.gif);
			background-repeat:no-repeat;
			padding:7px 0 7px 50px;
			margin:0;
			float:left;}

#bFoote h4 {	font-family:Arial, Helvetica, sans-serif; 
			color:#999; font-size:12px;
			padding:7px 0;
			margin:0;
			float:right;}	
			
a.design {text-decoration:none;
			color:#F60;
}
a.design:hover {text-decoration:underline}	

.central {font-family:Arial, Helvetica, sans-serif; 
			color:#666; font-size:12px;
			padding:7px 0;
			margin:0;
			float:right;
			padding-left:30px;
			border-left:1px solid #666;
}
.central h2 {margin:0;
padding:0;
color:#666;
font-size:14px
}
.central p {padding:0;
			margin:5px 0;
}

.textosDesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
			line-height:28px;
}
.imputp {border:solid 1px #333;
		padding:3px;
		width:250px;
}
.imputl {border:solid 1px #333;
		padding:3px;
		width:400px;
		height:80px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
}

.botEnviar {border:solid 1px #333;
			background-color:#CCC;
			color:#333;
			padding:3px 7px;
}
.botEnviar:hover{background-color:#666;
					color:#fff;
}
#contentContato table {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
			line-height:15px;
}
#contentContato {background-image:url(../images/imgContato.jpg);
			background-repeat:no-repeat;
			background-position:right 60px;
			padding-right:400px;
}
.listClientes {width:200px;
height:150px;
		float:left;
	
		margin:10px 20px;
}
#contentEmpresa {padding-right:480px;
				background-image:url(../images/empresa_mkgl.jpg);
				background-position:right top;
				background-repeat:no-repeat;}
#contentEmpresa p {margin:20px 0;}

/* Menu produtos */
#menuProdutos {width:230px;
				float:left;
				padding:0;
				margin:20px 0;
				list-style:none;
}
#menuProdutos li {margin:3px 0 0 0;}
#menuProdutos a{display:block;
				padding:8px 0 7px 40px ;
				font-family:"Times New Roman", Times, serif;
				font-size:15px;
				font-style:italic;
				color:#006;
				text-decoration:none;
				background-image:url(../images/bgMenuProdutos.jpg);
				background-position:0 -34px;
				background-repeat:no-repeat;
				border-radius: 0 7px 7px 0;
				
}
#menuProdutos a:hover, #menuProdutos a.active {						
				background-position:0 0;
				color:#FFF;
}
#contentProdutos {float:left;
					width:690px;
					margin:20px 0 0 40px;
}
.tumbProd {width:200px;
			height:200px;
			float:left;
			margin:5px;
			padding:8px;
			border:solid 1px #999;
			background-color:#FFF;
			border-radius:5px;
}

a.mapa {font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		text-decoration:none;
}
a.mapa:hover {color:#999;
				text-decoration:underline}

a.whats  {
		width:200px;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		text-decoration:none;
}