/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../img/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#a7a7a7;
}

#all {
	width:100%;
	position:relative;
	background-image:url(../img/bg-all.png);
	background-position:top;
	background-repeat:repeat-x;

}

/*------ Cabeçalho ------------*/

#header {
	width:980px;
	height:175px;
	margin:auto;
	position:relative;
	background-image:url(../img/bg-header.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#logo a {
	width:129px;
	height:93px;
	float:left;
	display:block;
	background-image:url(../img/logo-kb.png);
	background-repeat:no-repeat;
	margin:10px 0 0 50px;
}

/*------- MENU ---------*/

#menu {
	width: 567px;
	height: 200px;
	float:right;
	text-align:center;
	margin-left:50px;
}

#quemsomo a {width:108px; height:200px; float:left;	display:block; background-image:url(../img/menu-link.png); background-repeat:no-repeat;	background-position: -22px;}
#quemsomo a:hover {	background-image:url(../img/menu-link-hover.png); background-repeat:no-repeat;}

#produto a {width:108px; height:200px; float:left; display:block; background-image:url(../img/menu-link.png); background-repeat:no-repeat;	background-position: -131px;}
#produto a:hover {	background-image:url(../img/menu-link-hover.png); background-repeat:no-repeat;}

#portifolio a {width:108px; height:200px; float:left; display:block; background-image:url(../img/menu-link.png); background-repeat:no-repeat;	background-position: -238px;}
#portifolio a:hover {	background-image:url(../img/menu-link-hover.png); background-repeat:no-repeat;}

#cliente a {width:108px; height:200px; float:left; display:block; background-image:url(../img/menu-link.png); background-repeat:no-repeat;	background-position: -346px;}
#cliente a:hover {	background-image:url(../img/menu-link-hover.png); background-repeat:no-repeat;}

#contato a {width:108px; height:200px; float:left; display:block; background-image:url(../img/menu-link.png); background-repeat:no-repeat;	background-position: -454px;}
#contato a:hover {	background-image:url(../img/menu-link-hover.png); background-repeat:no-repeat;}

/*------------- Conteudo ----------------------*/

#container {width:980px; margin:auto; height:auto;}
#container-contato {width:980px; height:600px; margin:auto;}
#container-kb {width:980px; height:750px; margin:auto; padding-top:60px;}
#container-portifolio {width:980px; height:600px; margin:auto; padding-top:20px;}


#container-top {
	width:100%;
	height:550px;
	background-image:url(../img/bg-container.jpg);
	z-index: 999;
	background-position:center;
	background-repeat:no-repeat;
}
	
#container-menu {
	width:200px;
	margin-top:50px;
	float:left;
}

#container-flash {
	width:445px;
	margin-top:29px;
	margin-left:7px;
	float:left;
	z-index: 1;
}

#container-kbcomunicacao {
	width:280px;
	margin-top:110px;
	margin-left:25px;
	float:left;
}

#container-footer {
	width:100%;
	height:150px;
}

#container-footer-quemsomos {
	width:250px;
	float:left;
	height:150px;
	margin-left:80px;
	margin-right:30px;
}

#container-footer-servicos {
	width:250px;
	float:left;
	height:150px;
	margin-right:30px;
}

#container-footer-localizacao {
	width:300px;
	float:left;
	height:150px;
}

/*------------------- PORTFOLIO -------------------*/

#portfolio-e {width:280px; height:auto; float:left; margin-right:20px; margin-bottom:50px;}

#bt-portifolio-1 a {width:280px; height:198px; display:block; float:left; background:url(../img/img-portfolio.png) no-repeat; }
#bt-portifolio-1 a:hover {background:url(../img/img-portfolio-hover.png) no-repeat;}

#bt-portifolio-2 a {width:280px; height:198px; display:block; float:left; background:url(../img/img-portfolio-2.png) no-repeat; }
#bt-portifolio-2 a:hover {background:url(../img/img-portfolio-2-hover.png) no-repeat;}

#bt-portifolio-3 a {width:280px; height:198px; display:block; float:left; background:url(../img/img-portfolio-3.png) no-repeat; }
#bt-portifolio-3 a:hover {background:url(../img/img-portfolio-3-hover.png) no-repeat;}

#bt-portifolio-4 a {width:280px; height:198px; display:block; float:left; background:url(../img/img-portfolio-4.png) no-repeat; }
#bt-portifolio-4 a:hover {background:url(../img/img-portfolio-4-hover.png) no-repeat;}

#bt-portifolio-5 a {width:280px; height:198px; display:block; float:left; background:url(../img/img-portfolio-5.png) no-repeat; }
#bt-portifolio-5 a:hover {background:url(../img/img-portfolio-5-hover.png) no-repeat;}



/*------------------- Rodape -------------------*/

#footer-all {
	width:100%;
	height:168px;
	background-image:url(../img/bg-footer-all.png);
	background-position:bottom;
	background-repeat: repeat;
}

#footer {
	width:980px;
	margin:auto;
	height:166px;
	background-image:url(../img/tabloides-grafica-fly-bg-footer-kbcomunicacao.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#footer-fone {
	margin-top:70px;
	float:left;
}
#footer-icons {
	margin-top: 70px;
	float: right;
}
#footer-twitter {
	margin-top:70px;
	float:left;
	padding-left: 30px;
}
#footer-facebook {
	margin-top:70px;
	margin-right:60px;
	float:left;

}
	
#footer-skype {
	margin-top:70px;
	margin-right:60px;
	float:right;
}
/*--------------- Conteudo Contato ----------------------*/

#contato-localizacao {width:440px; height:570px; float:left; margin-left:30px;}
#contato-form {width:390px; height:570px; float:left; background:url(../img/bg-contato.png) no-repeat right top; position:relative; margin-left:100px;}

#form {background-image:url(../img/bg-form.png); background-position:center; background-repeat:no-repeat; width:310px; height:29px;	padding-bottom:10px; }
#form-p {background-image:url(../img/bg-form-pq.png); background-repeat:no-repeat; width:144px; height:34px;}
#form-multtext {background-image:url(../img/bg-form-gd.png); background-repeat:no-repeat; width:297px; height:139px; padding-bottom:10px; padding-left:5px;}
#form-checkbox {float:left;	width:160px; height:29px;}
#form-enviar {width:115px; height:38px;	float:left;	padding-left:25px;}

/*--------------- conteudo kb ----------------------------*/

#conteudo-interno {width:860px; margin:auto; }
#conteudo-interno-portifolio {width:900px; margin:auto; }

/*---------------- conteudo servicos --------------------*/

#conteudo-interno-servicos {width:860px; height:750px; margin:auto; /*background-image:url(../img/bg-conteudo-servicos.png); background-repeat:no-repeat; background-position:bottom right;*/ }
#servicos-e {width:100%; margin-right:10px;}
#servicos-e-1 {width:16%; margin-right:10px; float:left;}
#servicos-e-2 {width:18%; margin-right:10px; float:left;}
#servicos-e-3 {width:25%; margin-right:10px; margin-top: 0; float:left; background-image:url(../img/bg-conteudo-servicos-d.png); background-position:left top; background-repeat:no-repeat; padding-left:40px;}
#servicos-e-4 {width:25%; margin-right:10px; float: left; margin-top: 0; background-image:url(../img/bg-conteudo-servicos-d.png); background-position:left top; background-repeat:no-repeat; padding-left:40px;}

/* #servicos-d {width:300px; float:left; background-image:url(../img/bg-conteudo-servicos-d.png); background-position:left top; background-repeat:no-repeat; padding-left:50px;}*/

