@charset "utf-8";
/********** Classes gerais ******************/
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.textocorrido {
	font-size:12px;
	color:#333;
}

.texto {
	font-size:14px;
	color:#333;
	line-height:20px;
}

.textodepoimento {
	font-size:14px;
	color:#333;
	line-height:20px;
	font-style:italic;
	clear:both;
}

.nomedepoimento {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#F00;
	float:right;
	margin-top:10px;
	display:block;
}

.cargodepoimento {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#F00;
	float:right;
	margin-bottom:20px;
	clear:both;
	margin-top:5px;
}

.veja-mais a {
	font-size:12px;
	color:#F00;
	margin-top:10px;
	float:right;
	display:block;
	
}

.clear {
	clear:both;
}

.texto-rodape {
	font-size:14px;
	color:#333;
	display:inline;
	float:left;
}

.assinatura {
	font-size:14px;
	color:#333;
	display:inline;
	float:right;
	margin-bottom:5px;
}

.titulo {
	font-size:24px;
	display:block;
	margin:20px 0px;
}

.titulo-lista {
	font-size:18px;
	color:#F00;
	margin:10px 0px;
	display:block;
}

h1.webdesign {
	width:343px;
	height:58px;
	background:url(../images/web.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:15px;
}

h1.servicos {
	clear:both;
	width:343px;
	height:52px;
	background:url(../images/sistemas.jpg) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	margin:15px 0px;
}


/************************ Header ***********************/

body {
background:url(../images/bg-geral3.jpg) no-repeat;
background-attachment:fixed;
}

#wrap {
	width:950px;
	height:auto;
	margin:20px auto 80px;
}


/**************************** Topo *******************************/
#wrap #topo {
	width:950px;
	height:145px;
	background:#FFF;
}

#wrap #topo img {
	border:0px;
	float:left;
	margin:5px 18px;
}

#wrap #topo .fone {
	width:282px;
	height:92px;
	float:right;
	background:url(../images/fone.jpg) no-repeat;
	margin:25px 18px 0px;
	display:inline;
}

#wrap #topo .fone .num-fone {
	color:#C03;
	text-align:right;
	margin:42px 130px 0px 0px;
}

/****************************** Menu ***********************************/
#wrap #menu {
	width:950px;
	height:66px;
	padding-top:10px;
	background: url(../images/bg-menu.jpg) repeat;
	position:relative;
}

#wrap #menu .ponta-right {
	width:18px;
	height:76px;
	background:url(../images/ponta-right.png) no-repeat;
	position:absolute;
	top:0px;
	left:950px;
}

#wrap #menu .ponta-left {
	width:18px;
	height:76px;
	background:url(../images/ponta-left.png) no-repeat;
	position:absolute;
	top:0px;
	left:-18px;
}

#wrap #menu ul li {
	float:left;
	
}

#wrap #menu ul li a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	padding:17px;
	display:block;
	margin:0px 5px;
	
}

#wrap #menu ul li:hover {
	background:url(../images/hover.png);
}

/***************** Form busca **************************/

#wrap #menu #form-busca {
	width:230px;
	height:40px;
	float:right;
	margin-top:12px;
}

#wrap #menu form#form-busca label .campo-busca {
	border:0px;
	width:140px;
	height:18px;
	padding:5px;
	display:inline;
	float:left;
	font-size:14px;
	font-style:italic;
	color:#666;
}

#wrap #menu form#form-busca .btn-busca {
	float:left;
	
}

/************************ Banner principal ********************************/

#wrap #banner {
	width:950px;
	height:404px;
	background:#FFF;
	
}

#wrap #banner .slideshow {
	width:913px;
	height:390px;
	margin:0px 18px;
	
}

#cu3er-container {
	width:913px;
	height:390px;
	outline:0;
	margin:0 18px;
}


/**************************** Conteudo *******************************/

#wrap #content {
	width:950px;
	background:#FFF;
	padding-bottom:20px;
	min-height:100%;
	overflow:hidden;
}

#wrap #content .box-left {
	width:293px;
	height:auto;
	padding-top:60px;
	background:url(../images/projetos.jpg) no-repeat;
	background-position:top;
	margin:0px 35px 0px 18px;
	float:left;
	display:inline;
}

#wrap #content .box-left .ultimos-projetos {
	width:293px;
	min-height:90px;
	color:#333;
	margin:10px 0px;
}

#wrap #content .box-left .ultimos-projetos img {
	margin-right:5px;
	float:left;
}

#wrap #content .box-left .ultimos-projetos h2 a {
	font-size:12px;
	color:#333;
	text-decoration:underline;
	margin-bottom:10px;
	display:block;
}

#wrap #content .box-left .ultimos-projetos p {
	font-size:12px;
	color:#333;
}

#wrap #content .box-middle {
	width:343px;
	height:auto;
	background:url(../images/web.jpg) no-repeat;
	background-position:top;
	padding-top:65px;
	padding-bottom:5px;
	margin:0px 35px 0px 0px;
	float:left;
	display:inline;
}

#wrap #content .box-middle .box-middle-sistemas {
	width:343px;
	height:auto;
	background:url(../images/sistemas.jpg) no-repeat;
	background-position:top;
	padding-top:58px;
	padding-bottom:10px;
	clear:both;
}

#wrap #content .box-right {
	width:205px;
	height:auto;
	background:url(../images/contato.jpg) no-repeat;
	background-position:top;
	padding-top:65px;
	margin:0px 18px 0px 0px;
	float:left;
	display:inline;
	color:#333;
}

#wrap #content .box-right #form-contato {
	margin:10px 0px;
}

#wrap #content .box-right #form-contato label span {
	display:block;
	font-size:12px;
}

#wrap #content .box-right #form-contato label input {
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:5px;
	font-style:italic;
}

#wrap #content .box-right #form-contato label textarea {
	border:1px solid #CCC;
	font-style:italic;
}

#wrap #content .box-right #form-contato .btn-contato {
	border:1px solid #CCC;
	font-size:14px;
	color:#333;
	padding:5px 10px;
	margin-top:10px;
}

#wrap #content .box-maior {
	width:671px;
	height:auto;
	margin:0px 35px 0px 18px;
	float:left;
	display:inline;
	color:#333;
}

#wrap #content .box-depoimento {
	width:671px;
	height:auto;
	margin:0px 35px 0px 18px;
	float:left;
	display:inline;
	color:#333;
}



/************************** Portifolio *************************************/

#wrap #content .box-maior .foto {
	width:200px;
	height:auto;
	display:block;
	float:left;
	margin:20px 10px 0px 0px;
	position:relative;
}

#wrap #content .box-maior .foto .descfoto {
	display:none;
}

#wrap #content .box-maior .foto img {
	border:1px solid #F00;
}

#wrap #content .box-maior .foto img:hover {
	border:1px solid #6A0000;
}

#wrap #content .box-maior .foto .lupa {
	width:24px;
	height:27px;
	background:url(../images/lupa.png) no-repeat;
	position:absolute;
	top:165px;
	left:180px;
}

#wrap #content .box-maior .foto .lupa:hover {
	background:url(../images/lupa-hover.png) no-repeat;
}

.acessar {
	display:block;
	border:1px solid #666;
	padding:5px;
	float:left;
	margin:5px 0;
	text-decoration:none;
	font-size:12px;
	color:#666;
}

.acessar:hover {
	border:1px solid #F00;
	text-decoration:none;
	font-size:12px;
	color:#F00;
}

/*********************** Botoes inferiores e rodape ******************************/

#wrap #rodape {
	width:914px;
	min-height:100%;
	overflow:hidden;
	background:#FFF;
	padding:5px 18px;
}