*{

background: #fff;

overflow: hidden;

margin: 0;

padding: 0;

text-decoration: none;

}









body{

background: url("img/back.png");

background-size: 100% 100%;

}



#white{

background: #fff;

width: 50%;

height: 200px;

z-index: 0;

position: absolute;

float: left;

}

#black{

background: #fff;

width: 50%;

height: 229px;

z-index: 0;

margin-left: 51%;

position: absolute;

float: right;

}

















#super{

background: #000;

width: 800px;

height:300px;

z-index: 1;

position: absolute;

left: 50%;

top: 0;

margin-left: -400px;

margin-top: 0px;

}



#topo{

background: #fff;

width: 800px;

height: 200px;

z-index: 3;

position: absolute;

}





#logo{

background: url("img/logo.png");

background-repeat: no-repeat;

width: 440px;

height: 200px;

z-index: 2;

position: absolute;

float: left;

}

#logo:hover{

background: url("img/logoh.png");

background-repeat: no-repeat;

width: 440px;

height: 200px;

z-index: 2;

position: absolute;

float: left;

}







#conteudo{

background: url("img/conteudo1.png");

background-repeat: no-repeat;

width: 710px;

height: 380px;

z-index: 2;

position: absolute;

font-family: arial;

padding: 30px;

left: 50%;

margin-left: -360px;

margin-top: 270px;

}



#conteudo2{

background: url("img/conteudo2.png");

background-repeat: no-repeat;

margin-left: 42px;

margin-top: 260px;

width: 710px;

height: 500px;

z-index: 2;

position: absolute;

font-family: arial;

padding: 30px;

left: 50%;

margin-left: -360px;

margin-top: 270px;

}





#ga1{

width: 410px;

height: 335px;

float: left;

}

#ga2{

text-align: center;

width: 260px;

height: 275px;

float: left;

padding-top: 50px;

}











#link1{



width: 130px;

height: 32px;

margin-top: 183px;

margin-left: 15px;

z-index: 8;

position: absolute;

float: left;

}

#link2{



width: 130px;

height: 32px;

margin-top: 183px;

margin-left: 165px;

z-index: 8;

position: absolute;

float: left;

}

#link3{



width: 130px;

height: 32px;

margin-top: 183px;

margin-left: 315px;

z-index: 8;

position: absolute;

float: left;

}

#link4{



width: 130px;

height: 32px;

margin-top: 183;

margin-left: 463px;

z-index: 8;

position: absolute;

float: left;

}









#plugc{

background: url("img/plug.png");

background-size: 100% ;

background-repeat: no-repeat;

width: 20px;

height: 40px;

z-index: 90;

margin-top: 223px;

margin-left: 220px;

position: absolute;

}

#plugs{

background: url("img/plug.png");

background-size: 100% ;

background-repeat: no-repeat;

width: 20px;

height: 40px;

z-index: 90;

margin-top: 223px;

margin-left: 370px;

position: absolute;

}

#pluga{

background: url("img/plug.png");

background-size: 100% ;

background-repeat: no-repeat;

width: 20px;

height: 40px;

z-index: 90;

margin-top: 223px;

margin-left: 517px;

position: absolute;

}













#barra{

width: 800px;

height: 30px;

background: url("img/marca.png");

margin-top: 199px;

position: absolute;

z-index: 3;

}

























/* slide */





#slide{

margin-top: -25px;

width: 250px;

height: 200px;

display: table;

background: #fff;

float: right;

z-index: 4;

}





#slide-images{

	position:absolute;

	display:block;

	margin: 0;

	padding:0px;

	width:250px;

	height:200px;

	overflow:hidden;

}



#slide-images li{

	position:absolute;

	display:block;

	list-style-type:none;

	margin:0px;

	padding:0px;

	background-color:#FFFFFF;

}



#slide-images li img{

	display:block;

	background-color:#FFFFFF;

}



#quemsomos{

float: right;

width: 240px;

height: 200px;

margin-left: 0px;

margin-top: -160px;

z-index: 2;

position: absolute;

}







.formulario{

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:480px;

	margin-left: -25px;

}



.formulario-texto{

	width:120px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	text-align:right;

	padding-right:10px;

	margin-bottom:8px;

	font-size:12px;

	margin-left: -40;

}



.formulario-campo{

	width:400px; 

	float:left;

	margin-bottom: 8px;

}



.textfield-nome{

	width:288px;

}



.textfield-telefone{

	width:288px;

}



.btn-contato-enviar{

	width: 59px;

	height:18px;

	border:solid 0px;

	font-family:Calibri, Arial, sans-serif;

	color:#fff;

	font-weight:bold;

	margin-top: -20px;

	background-image:url(img/btn.jpg);

	font-size:12px;

}



.btn-contato-reset{

	margin-left:170px;

	width: 59px;

	height:18px;

	font-family:Calibri, Arial, sans-serif;

	color:#fff;

	margin-top:-20px;

	font-weight:bold;

	background-image:url(img/btn.jpg);

	border: solid 0px;

	font-size:12px;

}



.box-campo{

	width:700px; 

	float:left;

	

}











/*teste*/

<style type="text/css">

#test {

width: 100%; /* Largura fixa para a div */

min-height:100%; /* Altura mínima */

height:100%; /* Altura ajustável de acordo com o conteúdo */

height:100%; /* Altura mínima para IE */

background-image: url("img/back.png"); /* Aqui vai a mesma imagem que usamos acima */

background-size:100% 100%; /* Imagem ocupando toda largura e altura da div */

-webkit-background-size: 100%;

-o-background-size: 100%;

-khtml-background-size: 100%;

-moz-background-size: 100% 100%;

}





 





#test img.bg {

display:block; /* Mostramos a imagem que está no HTML */

z-index:-1; /* Colocamos ela atrás do conteúdo */

position:absolute; /* Fazemos a imagem não interferir no conteúdo */

width:100%; /* Imagem ocupando toda largura da div */

height:100%; /* Imagem ocupando toda altura da div */

}