/* ---------------------------------------------
Titulo: css pixen.com.br
Autor:  Charles Anderson, Estudio Pixen.
URL:    http://www.pixen.com.br
Criado: 01/03/08
Modificado: 10/04/09
Versao:     0.02
--------------------------------------------- */
 
* {
	margin: 0; padding: 0; border: 0; text-decoration: none; vertical-align: middle;
	}

img {
	border: 0; }

body {
	background: #f9f9f9 url(../imagens/bg.jpg) repeat-x;
	color: #333;
	font: 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#estruturahome, #estrutura {
	background: url(../imagens/bghome.gif) no-repeat top left;
	margin: auto;
	text-align: center;
	width: 760px;
	}

#estrutura {
	background: url(../imagens/bginterno.gif) no-repeat top left;
	}

#cabecalho {
	height: 60px; 
	margin: 40px 0 0 0;
	text-align: left;
	}

#logo{ 
	float: left;
	background: url(../imagens/logopixen.gif) no-repeat top left;
	}

#logo a/**/{ 
	background: url(../imagens/logopixen.gif) no-repeat;
	color: #000;
	display: block;
	overflow: hidden; 
	text-indent: -9000em;
	width: 218px; height: 50px;
	text-decoration: none;
	}

#conteudo {
	margin: 30px 0 0 0;
	}

#colmenu {
	float: left;
	width: 180px;
	}

#colconteudo {
	width: 515px;
	float: left;
	padding: 0 30px 0 25px;
	text-align: left;
	}

#colhomeprojrec {
	height: 265px;
	}

#colhomesercont {
	background: url(../imagens/boxhomeservcont.gif) no-repeat;
	height: 220px;
	}

#colprojrecimagem, #colprojrectxt {
	width: 250px;
	height: 209px;
	float: left;
	}

#colprojrectxt {
	width: 240px;
	float: right;
	text-align: left;
	margin-left: 15px;
	}

#colservicostxt {
	width: 255px;
	height: 220px;
	float: left;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	padding-left: 0;
	}

#colpropostatxt {
	width: 225px;
	height: 220px;
	float: left;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	margin-left: 10px;
	padding-left: 25px;
	}

#imginterna 
{
	background: url(../imagens/imginterna.gif) top left no-repeat;
/*	background: #CCC;*/
	height: 83px;
	margin-bottom: 2px;
}

/*--------------------------- Inicio - Navegacao ---------------*/

ul { margin: 0; padding: 0; text-align: left; }
li { list-style-type: none; padding: 0.2em 0 0.2em 0.9em; display: block; font-size: 20px; border-bottom: 1px #E1E1E1 solid;}
li a:link { color: #808080; text-decoration: none; font-size: 20px; }
li a:visited { color: #808080; text-decoration: none; }
li a:hover, a:active { color: #2AC3F4; }

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

#rodape {
	clear: both;
	height: 25px;
	margin: 25px 38px 25px 0; padding: 5px 0 0 0;
	border-top: 1px solid #EAEAE7;
        text-align: right; }

/*--------------------------- Inicio - textos - paragrafos ---------------*/

h2 {
	margin-bottom: 20px;
	font: bold 25px Helvetica, Verdana, Arial, sans-serif;
	color: #535353;
	line-height: 24px;
	text-align: left;
	padding-left: 5px;
	border-left: 5px #2AC3F4 solid;
	}

h3 {
	margin-bottom: 15px;
	font: bold 16px Helvetica, Verdana, Arial, sans-serif;
	color: #535353;
	line-height: 16px; }
	
p {
	text-align: justify;
	line-height: 16px; }

.txt_lateral { margin: 0; line-height: 16px; }
.txt_contato { margin: 0; padding: 10px 0; font: normal 10px Arial, Verdana, Helvetica, sans-serif; line-height: 16px; text-align: left; }
.titulo, .subtitulo, .descricao, .data { color: #222; line-height: 12px; }


ul.servicos { margin: 10px 0; padding: 0; }
li.servicos {
	list-style-type: none;
	padding: 0.5em 0 0.5em 0.5em;
	display: block;
	}

.imglogo {margin: 10px 0 0 12px;}
.imghome, .imgilustra {margin: 0 0 10px 0;}
.imghomeport {float: left; margin-left: 10px; }
.imgestudio {float: right; margin: 0 0 10px 10px;}
.imgteste {float: right; margin: 0 0 10px 0;}
.imgprojeto {float: left; margin: -25px 20px 0 0 ;}
.imgprojetos {margin: 15px 0 15px 0;}
.imgfoto {float: right; margin: 0 0 0 10px;}

hr, hr.interno {
	height: 1px;
	margin: 15px 0;
	color: #CCC; }

hr.interno {
	margin: 25px 0 5px 0;
	}

.linha {border-top: 2px solid #E8E8E8;}
.top { margin: 0 0 0 330px; padding: 5px 0;}

/* navegação conteudo */

a.int:link, a.int:visited { color: #2AC3F4; text-decoration: none; }
a.int:hover   { color: #808080; text-decoration: none; background: url(imagens/pontos.gif) left bottom repeat-x; }
a.int:active  { color: #222; text-decoration: none; }



.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	}

.listado li {
	margin: 0px 0px 0px 5px;
	background: url(imagens/ico_flecha_der_ng.gif) no-repeat 0px 8px;
	padding: 3px 0px 3px 8px;
	border: 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}



.lstUltimos{
	width: 225px;
	text-align: left;
}

.lstUltimosLin{
	font-size: 11px;
	padding: 5px 7px 5px 10px;
}

.lstUltimosBor{
	border-bottom: 1px #CCC solid;
}


.txtcontatohome
{
	padding: 3px 7px 5px 10px;
}



/* Formulario Contato */

form {
	width: 450px;
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	text-align: left;
	}

label {	
	width: 70px;
	float: left;
	padding: 5px 0 5px 0;
	}

input {	
	width: 270px;
	margin: 5px 0 5px 0;
	border: 1px solid #E8E8E8;
	}

textarea {
	width: 270px; height: 150px;
	border: 1px solid #E8E8E8;
	margin: 0 0 10px 0;
	overflow:auto;
	}

.boxes {
	width: 1em;
	}

.bt {
	width: 70px; height: 25px;
	margin: 0 0 0 272px;
	background-color: #2AC3F4;
	border: 1px solid #999;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	cursor: pointer;
	}

/* Formulario Orcamento */

form.orca {
	width: 500px;
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	text-align: left;
	}

input.check {	
	width: 20px;
	margin: 2px 0;
	border: 0;
	}

.btorca {
	width: 70px; height: 25px;
	background-color: #2AC3F4;
	border: 1px solid #999;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	cursor: pointer;
	}