﻿/*
================================================================================
Engesave  - 
================================================================================
css/style.css :: estilos CSS
--------------------------------------------------------------------------------
Criacao: 21/09/09			      |  Autor: Marcelo Tanaka<marcelot@vegait.com.br>
--------------------------------------------------------------------------------
Ultima Alteracao: 	  |  Autor: marcelot<@vegait.com.br>
--------------------------------------------------------------------------------
		Criacao do arquivo
================================================================================
				ALTERACOES MAIS ANTIGAS NO RODAPE DO ARQUIVO
================================================================================
*/

@charset "UTF-8";
/* Background-Styles */

html {
	height:100%;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	background:#4d4d4d url(../img/bg.jpg) repeat-x;
}

/* ESTRUTURA*/

#main {
	width: 100%;
	height:100%;
	margin:auto;
	background:#4d4d4d url(../img/bg.jpg) repeat-x;
}

#limites {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	background:#4d4d4d;
}
* html #limites {
	height: 100%;
}

#container{
	margin:0 auto;
	position:relative;
	width:750px;
	height:100%;
	text-align:center;
	background:#4d4d4d;
}



#flash_topo {
	float:none;
	position:relative;
	padding-top:20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/

#destaque{
	margin:auto;
	float:none;
	width:751px;
	height: 93px;
	position:relative;
	margin-top:-30px;
	margin-bottom:10px;
}

#destaque1{
	margin:auto;
	float:left;
	position:relative;
	width:246px;
	height: 93px;
	position:relative;
	background:url(../img/box_red.gif) no-repeat;
	padding-bottom:3px;

}
#destaque2{
	margin:auto;
	float:none;
	width:246px;
	height: 93px;
	position:relative;
	background:url(../img/box_blue.gif) no-repeat;
}
#destaque3{
	margin:auto;
	float:right;
	width:246px;
	height: 93px;
	position:relative;
	background:url(../img/box_green.gif) no-repeat;

}

#texto_destaque{
	padding:20px 13px 10px 13px;
	text-align:left;

}

#saibamais{
	text-align:right;
	margin-top:-5px;
	}

* html #saibamais{
	margin-top:-15px;
}
/*------------------------------------------------------------------------------------------------------------------------------------*/


#conteudo {
	background:#FFFFFF repeat-y;
	width:750px;
	position:relative;
	height:auto;
	text-align:center;
	margin:0;
	margin-top:-3px;
	float:left;
}

* html #conteudo {
	height:auto;
	margin-top:-25px;
	}
	
#conteudo_meio {
	background:#FFFFFF no-repeat;
	width:750px;
	position:relative;
	height:auto;
	text-align:left;
	margin:0;
	margin-top:-55px;
	float:left;
}



#conteudo_meio2 {
	background:#FFFFFF;
	width:750px;
	height:auto;
	position:relative;
	text-align:left;
	margin:0;
	margin-top:-55px;
	float:left;
}

* html #conteudo_meio2{
height:800px;
}

#conteudo_meio3 {
	background:#FFFFFF;
	width:750px;
	position:relative;
	height:400px;
	text-align:left;
	margin:0;
	margin-top:-55px;
	float:left;
}

#cima{
	background:url(../img/bg_conteudocima.jpg) no-repeat;
	width:750px;
	height:100px;
	position:relative;
	text-align:center;
	float:left;

}
#baixo{
	background:url(../img/bg_conteudobaixo.jpg) no-repeat;
	position:relative;
	width:750px;
	height:140px;
	text-align:center;
	float:left;
	}
	
#cima2{
	background:#fff url(../img/bg_conteudocima.jpg) no-repeat;
	width:750px;
	height:auto;
	position:relative;
	text-align:left;
	padding-top:30px;
	float:left;
	margin-top:-55px;
}

#meio {
	background:#FFFFFF;
	width:690px;/*750px -30px de padding*/
	height:auto;
	position:relative;
	text-align:left;
	margin:0px;
	padding:15px 30px 0px 30px;
	float:left;
	}

#baixo2{
	background:url(../img/bg_conteudobaixo2.jpg) no-repeat;
	position:relative;
	width:750px;
	height:15px;
	text-align:center;
	float:left;
	}

#conteudo_interno{
	width:auto;
	height:auto;
	position:relative;
	padding:3px 3px 3px 3px;
}

#conteudo_interno2{
	width:auto;
	position:relative;
	margin-top:50px;
}

#conteudo_interno3{
	width:auto;
	position:relative;
	margin-top:50px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*CONTEUDO INTERNO CIMA*/


#conteudo_acima{
	float:none;
	position:relative;
	width:auto;
	height:auto;
	padding-top:5px;

}

#conteudo_1{
	position:relative;
	float:left;
	width:220px;
	height:130px;
}

#conteudo_2 {
	float:right;
	width:220px;
	height:130px;
	text-align:center;
	position:relative;
}

#conteudo_3{
	position:relative;
	float:none;
	margin:auto;
	width:220px;
	height:130px;
	margin-top:5px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*CONTEUDO INTERNO BAIXO*/


#conteudo_abaixo{
	float:none;
	position:relative;
	width:auto;
	height:auto;
}


#conteudo_4{
	position:relative;
	float:left;
	margin:auto;
	width:210px;
	height:130px;
}

#conteudo_5{
	position:relative;
	float:right;
	margin:auto;
	width:210px;
	height:130px;
}

#conteudo_6{
	position:relative;
	float:none;
	margin:auto;
	width:210px;
	height:130px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#clear {
	clear:both;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*RODAPÉ*/



#rodape {
	width:750px;
	height:auto;
	float:left;
	margin:auto;
	position:relative;
	padding-bottom:10px;
	margin-top:5px;
}

/*FIM RODAPÉ*/

 /* ---------------------------------------------------------------------------------------------------------------------------------*/
 
  
/* CLASSES */



.texto_box {
	font-family: Verdana, sans-serif;
	font-size:16px;
	text-decoration:none;
	color: #333333;
	font-weight:bold;
	text-align:center;
}

.texto_interno 
{
	width:100%;
	height:auto;
	font-family: Verdana, sans-serif;
	font-size:13px;
	text-decoration:none;
	color: #333333;
	text-align:justify;
	float:left;
}

.clientes_direita 
{
	width:325px;
	height:auto;
    font-family: Verdana, sans-serif;
	font-size:13px;
	text-decoration:none;
	color: #333333;
	text-align:justify;
	float:left;
	margin-top:10px;
	margin-bottom:20px;

}

.clientes_esquerda 
{
	width:325px;
	height:auto;
    font-family: Verdana, sans-serif;
	font-size:13px;
	text-decoration:none;
	color: #333333;
	text-align:justify;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	float:left;

	
}

.destaque{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #FFFFFF;
	}

.ex1
{

width:auto;
height:auto;

}




table.ex1 {
	table-layout: fixed;
	}

.rodape_texto {
	font-family: Verdana;
	font-size:12px;
	color: #666666;
	text-align:center;
	
}
.conteudo_interno {
	font-family: Verdana;
	font-size:13px;
	line-height:normal;
	color: #666666;
	text-align:justify;
}
.titulo {
	text-align:left;
	position:relative;
}
.titulo2 {
	text-align:right;
	position:relative;
}
a:link.link {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
a:active.link {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
a:visited.link {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
a:hover.link {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}

a.img { border: 0; }

a:link.rodape {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #666;
}
a:active.rodape {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #666;
}
a:visited.rodape {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #666;
}
a:hover.rodape {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color: #666;
}
/* FORMULÁRIO */
	
input {
	background-color:#fff;
	border:1px solid #dbd9d5;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
textarea {
	background-color:#fff;
	border:1px solid #dbd9d5;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
select {
	background-color:#fff;
	border:1px solid #d18181;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}


.ico
{
	float:left;
	width:auto;
	height:auto;
	
	}
.txt-cliente
{
	width:320px; 
	margin-bottom:10px; 
	float:left; 
	margin-left:5px;
	}
.txt-servicos
{
	
	width:440px; 
	margin-bottom:10px; 
	float:left; 
	margin-top:0px;
	margin-left:5px;
	}

ul
{
list-style:url(../img/ico_lista_blue.jpg);
margin-top:20px;
margin-bottom:20px;
}

ul li
{
margin-top:10px;
margin-bottom:10px;
	}
