/* ------------------------------------------------------------------------
 *  GlobalSystem Soluções em Informática
 *  Desenvolvimento de Aplicações WEB e web-sites
 *
 *  Design: Miere L. Teixeira e Gustavo
 *  Programação da Tela: Miere Teixeira
 *
 *  (c) Todos os direitos reservados à GlobalSystem - 2007
 */

body {
	font-family: "Verdana", "BitStream Vera Sans", "Sans Serif";
	font-size: 0.7em;
	margin: 0px; padding: 0px;
	background: white url(../images/bg.jpg);
	text-align: center;
}
h3 { font-size: 1.2em; text-align: left; }
h4 {
	clear: both;
	height: 32px;
	font-size: 1.2em;
	text-align: left;
	margin: 0px;
	padding: 0px 10px 10px 32px;
	background: url(../images/b2.jpg) no-repeat;
}
h5 {
	padding: 0px 0px 0px 20px;
	font-size: 1.3em;
	background: url(../images/dot.png) no-repeat 2px;
}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	line-height: 18px;
}
ol li { text-align: justify; margin-right: 30px; }
a { color: #676767; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
input, textarea { border: 1px solid #898989; }

/* CORPO DO DOCUMENTO */
.body {
	width: 840px;
	margin: 20px auto 10px auto; padding: 0px 0px 20px 0px;
	color: #444444;
	border: 1px solid #ededed;
	overflow: hidden;
	background: white;
}

/* TOPO */
.top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
}
.top img.logo { margin: 25px 0px 0px 30px; float: left; }
.top ul {
	margin: 35px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	overflow: auto;
	list-style: none;
}
.top ul li { float: left; margin: 0px 5px 0px 15px; padding: 0px; }
.top ul li img { height: 15px; position: relative; top: 2px; margin: 0px 8px 0px 0px; }

/* BLOCO DE DESTAQUE */
.wellcome {
	overflow: hidden;
	color: #545454;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 10px 15px;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
	background: #fafafa;
	height: 228px;
}
.wellcome div.text { float: left; width: 390px; position: relative; padding: 20px 0px 0px 0px; }
.wellcome div.text p { margin: 0px 0px 0px 55px; }
.wellcome div.text h3 { margin-left : 55px; }
.wellcome div.text img.header { position: absolute; top: 20px; left: 2px; }
.wellcome div.banner {
	float: right;
	width: 378px; height: 222px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	border: 2px solid #d4d4d4;
	overflow: hidden;
}
.wellcome div.banner img { width: 378px; height: 223px; }

.portfolio {
	overflow: hidden;
	color: #545454;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 10px 15px;
	height: 250px;
}

.web2 {
	overflow: hidden;
	color: #545454;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 10px 15px;
	height: 64px;
}
.web2 div.text, .portfolio div.text { float: left; width: 390px; position: relative; padding: 0px; }
.web2 div.text p, .portfolio div.text p { margin: 0px 0px 20px 55px; }
.web2 div.text h3, .portfolio div.text h3 { margin-left : 55px; }
.web2 div.text img.header, .portfolio div.text img.header { position: absolute; top: 0px; left: 2px; }

#web2_0 {
	width: 840px;
	height: auto;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}
#web2_0 p.left {
	width: 420px;
	margin-bottom: 20px;
	float: left;
}

#web2_title {
	clear: left;
	border-top: 2px solid #dedede;
}

#imgweb2 {
	float: right;
	margin-right: 0px;
	
}

/* SLIDES */
.slides { text-align: left; overflow: auto; }
.slides .scrollbar { overflow: hidden; height: 180px; width: 100%; }
/*.slides .scrollbuttons {
	text-align: center;
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -173px;
	opacity:.3;
	filter: alpha(opacity=30);
}*/
.slides .scrollbuttons img.left  { float: left; border: none; }
.slides .scrollbuttons img.right { float: right; border: none; }
.slides .thumbnails {
	clear: both;
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 1250px;
	height: 180px;
	background: #efefef; 
}
.slides .thumbnails a {
	margin: 7px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #cdcdcd;
	background: #fafafa;
	display: block;
	width: 206px;
	height: 155px;
	float: left;
}
.slides .thumbnails a img { border: none; width: 200px; height: 150px; }
.slides h4 {
	margin: 20px auto 10px auto;
	width: 90%;
}
.slides p {
	line-height: 18px;
	margin: 0px auto 15px auto;
	width: 90%;
}
.slides p i { line-height: 20px; }
.slides p#p1 { margin-top: 30px; }
.slides ul { clear: both; }
.slides ul li {
	list-style-image: url(../images/dot.png);
/*	width: 90%;*/
	margin: 0px 40px 15px 40px;
	line-height: 17px;
	text-align: justify;
}
.slides p.right {
	float: left;
	width: 420px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.slides img.left { float: left; }
.slides img.right { float: right; }

/* PORTFOLIO */
.galeria {
	width: 840px;
	text-align: left;
	overflow: auto;
	margin: 0px auto 0px auto;
	color: #676767;
}

.galeria .pagina {
	width: 99%;
	margin-top: 20px;
	float: left;
	font-size: 1.1em;
}
.galeria .pagina img {
	width: 250px;
	margin: 0px 60px 0px 20px;
	padding: 3px;
	border: 1px solid #c5c5c5;
	float: left;
}

.galeria .pagina ul {
	list-style-image: url(../images/dot.png);
}

/* CONTATO */
.wellcome_contato {
	background: #fafafa;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
	margin: 30px 0px 20px 0px;
	padding: 10px 0px 10px 80px;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
}
.wellcome_contato p { width: 400px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
.wellcome_contato p.destaque { text-align: center; }
.wellcome_contato input { border: none; }
#tblDestaque { width: 700px; margin-bottom: 30px; }
#tblDestaque dt { width: 30px; margin: 0px; padding: 0px; }
#tblDestaque dd { width: 650px; height: auto; }
.contato { 
	padding: 20px 0px 0px 210px;
	text-align: left;
}
.contato dl.table {
	width: 500px;
}
.contato .table dt { width: 80px; }
.contato .table dd { width: 400px; }
.contato .table dt,
.contato .table dd {
	margin: 0px 0px 8px 0px;
}
.contato .table dd textarea { width: 400px; }
.contato .table dd input { width: 170px; }
.tableButtons { padding-left: 80px; }

#contatoform {
	visibility: hidden;
}

#contatobuttons {
	visibility: hidden;
}

/* RODAPE */
div.footer {
	width: 840px;
	color: #898989;
	margin: 0px auto 0px auto;
	text-align: center;
}
div.footer p {
	width: 33%;
	text-align: center;
	margin: 0px auto 0px auto;
	float: left;
}