/*	screen.css - eletric tecnologia
	cadastra search engine promotion
	desenvolvido por wagner brahm (wbrahm@cadastra.com.br) */

/* html elements */

body {
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #333333;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	margin: 0;
	padding: 0;
}

p {
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-align: justify;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

dl {
	margin-left: 10px;
	margin-right: 10px;
}

dt {
	font-weight: bold;
	padding-bottom: 5px;
}

dd {
	padding-bottom: 10pt;
	text-align: justify;
}

div.input {
	margin-left: auto;
	margin-right: auto;
}

/* layout elements */

#wrapper {
	width: 784px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background: url(../img/css/bg-wrapper.jpg) #fff no-repeat top;
}

#header {
	height: 174px;
	margin: 0;
	padding: 0;
}
#header h1, #header h3 {
	display: none;
}

#left {
	width: 151px;
	padding: 0px;
	float: left;
}
#left img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

#main {
	width: 482px;
	padding: 0px;
	float: left;
}

#right {
	width: 143px;
	padding: 0px;
	float: left;
}
#right p {
	font-size: 10px
}

#footer {
	background: #fff;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: center;
}

#navlist {
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	list-style-image: url(../img/css/bg-nav.gif);
}

#navlist ul ul{
	padding-left: 0;
	margin-left: 0;
	width: 100px;
	list-style: none;
	list-style-image: none;
}
#navlist li {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
#navlist li li {
	margin: 0;
	padding-bottom: 5px;
	border-bottom: none;
}
#navlist li a {
	text-decoration: none;
	color: #333333;
}
#navlist li a:hover {
	text-decoration: none;
	color: #666;
}

#newsletter {
	margin-left: 5px;
	background: url(../img/css/bg-newsletter.gif) no-repeat top left;
	width: 92px;
	height: 20px;
}
#newsletter span {
	display: none;
}

#form {
	padding-left: 5px;
}

#chamada-capa {
	width: 440px;
	height: 141px;
	background: url(../img/banners/banner-capa.jpg) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
}
#chamada-capa span {
	display: none;
}

#super-promocao {
	width: 189px;
	height: 29px;
	margin-left: 10px;
	background: url(../img/css/bg-super-promocao.jpg) no-repeat top left;	
}

#empresa {
	width: 183px;
	height: 32px;
	margin-left: 10px;
	background: url(../img/css/bg-empresa.jpg) no-repeat top left;	
}

#produtos {
	width: 183px;
	height: 32px;
	margin-left: 10px;
	background: url(../img/css/bg-produtos.jpg) no-repeat top left;	
}

#cartuchos {
	width: 191px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-cartuchos.jpg) no-repeat top left;
}

#tintas-encad {
	width: 191px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-tintas-encad.jpg) no-repeat top left;
}

#plotters-encad {
	width: 191px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-plotters-encad.jpg) no-repeat top left;
}

#plotters-solvente {
	width: 191px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-plotters-solvente.jpg) no-repeat top left;
}

#pecas-e-chips {
	width: 135px;
	height: 26px;
	margin-left: 10px;
	background: url(../img/css/bg-pecas-e-chips.jpg) no-repeat top left;
}

#maquinas-de-acabamento {
	width: 250px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-maquinas-de-acabamento.jpg) no-repeat top left;
}

#maquinas-usadas {
	width: 250px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-maquinas-usadas.jpg) no-repeat top left;
}

#duvidas {
	width: 250px;
	height: 31px;
	margin-left: 10px;
	background: url(../img/css/bg-duvidas.jpg) no-repeat top left;
}

#orcamentos {
	width: 183px;
	height: 32px;
	margin-left: 10px;
	background: url(../img/css/bg-orcamentos.jpg) no-repeat top left;
}

#suporte {
	width: 183px;
	height: 32px;
	margin-left: 10px;
	background: url(../img/css/bg-suporte.jpg) no-repeat top left;
}

#contato {
	width: 183px;
	height: 32px;
	margin-left: 10px;
	background: url(../img/css/bg-contato.jpg) no-repeat top left;
}

#super-promocao span, #produtos span, #empresa span, #produtos span, #cartuchos span, #tintas-encad span, #plotters-encad span, #plotters-solvente span, #pecas-e-chips span, #maquinas-de-acabamento span, #maquinas-usadas span, #duvidas span, #orcamentos span, #suporte span, #contato span {
	display: none;
}

#banner-one {
	float: left;
	background: url(../img/banners/banner-tintas-encad.jpg) no-repeat top left;
	width: 212px;
	height: 89px;
	margin: 10px;
}

#banner-two {
	float: left;
	background: url(../img/banners/banner-kit-cartuchos.jpg) no-repeat top left;
	width: 212px;
	height: 89px;
	margin: 10px;
}

#banner-one span, #banner-two span{
	display: none;
}

#ofertas {
	width: 96px;
	height: 31px;
	background: url(../img/css/bg-ofertas.jpg) no-repeat top left;	
	margin-left: 10px;
}
#ofertas span {
	display: none;
}

#thumbs {
	width: 465px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#thumbs img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

#banners-ofertas {
	width: 130px;
	margin-left: auto;
	margin-right: auto;
}
#banners-ofertas img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content-box {

}
#content-box div {
	float: left;
	width: 450px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#content-box img {
 	float: left;
 	padding: 0;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	border: solid 1px #cccccc;
}
#content-box fieldset {
	margin: 10px;
}
#content-box legend {
	color: #333333;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;	
}

.icon {
	float: left;
	width: 130px;
	height: 130px;
	padding: 5px;
	margin: 5px;
	background: #fff;
	border: solid 1px #cccccc;
	text-align: center;
}

.icon-cover {
	float: left;
	width: 130px;
	height: 85px;
	padding: 5px;
	margin: 5px;
/*	background: #fff;
	border: solid 1px #cccccc;*/
	text-align: center;
	font-weight: bold;
}

.icon-banner {
	float: left;
	width: 135px;
	height: 135px;
	margin-bottom: 5px;
	background: #fff;
	border: solid 1px #cccccc;
	text-align: center;
}

.title {
	color: #fff;
	width: 100%;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
	background: #666;
}
.clear {
	clear: both;
}