/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Luiz Tiago						*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,select,textarea,label,form,address { font-family: trebuchet ms, arial, tahoma, tahoma, verdana; color: #000; }

body {
background: #AAB9BC url(../img/bg.jpg) repeat-x top center;
margin-bottom: 10px;
}

address { font-size: 11px; color: white; float: left; }

/* ID's */

#container {
width: 762px;
position: relative;
margin: 0 auto;
}

#header {
height: 93px;
overflow: hidden;
background: url(../img/bg-header.jpg) no-repeat top center;
}

		#header #marca {
		float: left;
		padding-top: 30px;
		}
		
				#header #marca a {
				width: 205px;
				height: 31px;
				display: block;
				background: url(../img/marca-solivetti.gif) no-repeat;
				text-indent: -4000px;
				}

		#header #kyocera {
		float: right;
		padding-top: 40px;
		}
		
				#header #kyocera a {
				display: block; 
				width: 119px;
				height: 48px;
				background: url(../img/marca-kyocera.gif) no-repeat;
				text-indent: -4000px;
				}

#bn-header {
border: 6px solid #8B9B9E;
border-bottom: none;
width: 750px;
height: 220px;
overflow: hidden;
background: #fff;
}

#nav {
height: 41px;
background: url(../img/bg-nav.gif) repeat-x;
overflow: hidden;
padding-left: 5px;
}

		#nav li {
		display: inline;
		float: left;
		}
		
				#nav li.mn-vl {
				background: url(../img/bg-nav_li.gif) no-repeat center right;
				padding-right: 2px;
				}
		
				#nav li a {
				display: block;
				background-position: center center;
				background-repeat: no-repeat;
				padding: 12px 23px 12px 24px;
				text-indent: -4000px;
				height: 15px;
				}
				
				#nav li a:hover {
				background-color: #8B9B9E;
				}

#middle {
background: #A5B3B6;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
height: 1%;
}

		#middle #colLat {
		background: #B4C3C6 url(../img/bg-colLat.gif) no-repeat bottom left;
		width: 220px;
		height: 330px;
		padding: 10px;
		overflow: hidden;
		float: left;
		}
		
		#middle .home { 
		width: 490px;
		float: left;
		padding-left: 10px;
		}
		
		#middle .interna { 
		padding: 10px;
		background: #fff;
		height: 1%;
		}
		
		#middle #trabalhe_conosco {
		width: 230px;
		float: left;
		padding-right: 20px;
		}
		
		#middle #solucoes {
		width: 240px;
		float: left;
		}
		
				#middle #solucoes .lista li {
				font-weight: bold;
				}
				
		#middle #ultimas_noticias {
		clear: both;
		background: #fff;
		padding: 10px;
		border-top: 17px solid #A5B3B6;
		}
		
#sc {
width:180px;
float: left;
}

#context {
float: left;
width: 520px;
padding: 5px 10px 10px 10px;
}
		
		#context p {
		padding: 7px 0;
		}
		
		#context .lista {
		padding-bottom: 10px;
		}

#listaTnProdutos {
padding-left: 50px;
padding-top: 10px;
}

		#listaTnProdutos li {
		display: inline;
		float: left;
		padding: 15px 15px;
		}
		
		#listaTnProdutos li a {
		display: block;
		}
		
#listaProdutos li {
display: block;
background: url(../img/bg-produto.jpg);
width: 500px;
height: 124px;
overflow: hidden;
padding: 10px;
clear: both;
}

		#listaProdutos li h3, #context h3 {
		font-size: 16px;
		color: #006600;
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: 20px;
		}
		
		
		#listaProdutos .seta {
		float: left;
		display: block;
		background: url(../img/ico-lista.gif) no-repeat 5px 10px;
		}
		
		#listaProdutos .seta a {
		padding-left: 20px;
		}
		
		#listaProdutos .tnProduto {
		width: 120px;
		height: 120px;
		float: left;
		background-repeat: no-repeat;
		background-position: center center;
		border-right: 10px solid white;
		}

#context h3 a {
color: #060;
font-size: 11px;
font-weight: normal;
text-transform: lowercase;
background: url(../img/ico-lista2.gif) no-repeat 0 5px;
padding-left: 10px;
}

#context h3 a:hover {
color: #999;
}

div#context h3 a strong {
text-transform: uppercase;
}

.box-solucao {
background: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
}

#footer {
background: #8B9B9E;
padding: 15px;
height: 25px;
border-bottom: 1px solid #fff;
}

/* CLASS's */

.tit { text-indent: -4000px; overflow: hidden; background-repeat: no-repeat; height: 41px; width: 205px; }

.tit-solivetti { background-image: url(../img/tit-a_solivetti.gif); }
.tit-outsourcing { background-image: url(../img/tit-outsourcing.gif); }
.tit-nossos_produtos { background-image: url(../img/tit-nossos_produtos.gif); }
.tit-trabalhe_conosco { background-image: url(../img/tit-trabalhe_conosco.gif); }
.tit-solucoes { background-image: url(../img/tit-solucoes.gif); }
.tit-ultimas_noticias { background-image: url(../img/tit-ultimas_noticias.gif); }

a.tipoA,a.tipoB { display: block; }

a.tipoA img { background-color: #AAB9BC; }
a.tipoA:hover img { background-color: #fff; }

a.tipoB:hover img { background-color: #AAB9BC; }

.assinatura, .assinatura a { color: white; }
.assinatura { text-align: right; }

.fleft { float: left }
.fleft img { padding-right: 15px; }
.fright { float: right }
.fright img { padding-left: 15px; }

.lista li {
background: url(../img/ico-lista.gif) no-repeat 5px 10px;
padding-left: 20px;
padding-top: 7px;
}

.outsourcing li {
background: #BBC7C9 url(../img/bg-noticia.gif) no-repeat;
height: 15px;
padding: 4px;
padding-left: 30px;
border-bottom: 2px solid #fff;
}

		.outsourcing li span {
		width: 80px;
		display: block;
		float: left;
		font-weight: bold;
		padding-left: 5px;
		}

.tt {
width: 516px;
background: url(../img/bg-tt.gif) no-repeat 0 35px;
height: 45px;
}

.tt span { background-repeat: no-repeat; height: 30px; width: 300px; display: block; text-indent: -4000px; }

.tt-empresa span { background-image:url(../img/tt-empresa.gif); }
.tt-fale_conosco span { background-image:url(../img/tt-fale_conosco.gif); }
.tt-produtos span { background-image:url(../img/tt-produtos.gif); }
.tt-outsourcing span { background-image:url(../img/tt-outsourcing.gif); }
.tt-trabalhe_conosco span { background-image:url(../img/tt-trabalhe_conosco.gif); }
.tt-solucoes span { background-image:url(../img/tt-solucoes.gif); }
.tt-webmail span { background-image:url(../img/tt-webmail.gif); }

form.contato {
background: #f0f0f0;
padding: 3px 10px 10px 10px;
border-top: 10px solid #fff;
}

form.contato label {
display: block;
height: 20px;
padding-top: 7px;
}

form.contato .campo {
clear: both;
height: 15px;
background: #fff;
padding: 3px;
width: 300px;
border: 1px solid #ccc;
border-left: 4px solid #ccc;
font-size: 11px;
}

form.contato select.campo {
height: 23px;
padding: 2px;
width: 311px;
}

form.contato .campo:focus {
background: #999;
color: white;
border: 1px solid #333;
border-left: 4px solid #333;
}

form.contato .textarea {
height: 70px;
overflow: auto;
}

form.contato .botao {
background: #999;
color: white;
font-size: 11px;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Verdana;
border: none;
height: 23px;
padding: 0px 10px;
clear: both;
}

.fleft { float: left; }
img.fleft { padding-right: 10px; }
.fright { float: right; }
img.fright { padding-left: 10px; }

#atalhos_header {
position: absolute;
left: 640px;
padding-top: 5px;
}

		#atalhos_header a {
		color: #666;
		text-decoration: none;
		}
		
		#atalhos_header a:hover {
		color: white;
		}

.lower { text-transform: lowercase; text-transform: capitalize; }

/* NAV */

#mn-pagina_inicial a { background-image: url(../img/mn-pagina_inicial.gif); width: 85px; }
#mn-empresa a { background-image: url(../img/mn-empresa.gif); width: 62px; }
#mn-produtos a { background-image: url(../img/mn-produtos.gif); width: 61px; }
#mn-solucoes a { background-image: url(../img/mn-solucoes.gif); width: 58px; }
#mn-trabalhe_conosco a { background-image: url(../img/mn-trabalhe_conosco.gif); width: 117px; }
#mn-outsourcing a { background-image: url(../img/mn-outsourcing.gif); width: 80px; }
#mn-fale_conosco a { background-image: url(../img/mn-fale_conosco.gif); width: 83px; }
#mn-fale_conosco { background-image: none; }