/*
	Cliente: Espacio Marketing (Argentina)
	Idioma do Site: Espanhol
	Site: http://www.espaciomarketing.com
	Version: 1.0
	Design / Desenvolvimento: Four Brasil - Produtora de Internet
	Última atualização do CSS: 24 de Fevereiro de 2010
	Alterado Por: Eduardo Guimarães
*/

/*------------------------------------------------------------------------------------------------------------*/

/****
	PADRÃO
	Envolve elementos padr|ao do site 
****/
*{margin: 0; padding: 0; list-style: none; outline: none;}

body{
font-family: Arial, Helvetica, sans-serif;
background-color: #929294;
}

body a
{
	cursor:pointer;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	HEADER
	Onde fica o logo, menu e a data atual
****/
#container_topo{
width: 900px;
height: 182px;
background: url(../imagens/bg_topo.jpg) no-repeat;
float: left;
}

#header{
width: 900px;
float: left;
}

#logo{ 
width: 190px;
float: left;
margin-right: 50px;
margin-left: 20px;
margin-top: 10px;
}

.data{
height: 20px;
font: arial;
color:#CCC;
font-size: 12px;
text-align: right;
margin-top: 5px;
margin-right: 20px;
float: right;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	ESTRUTURA
	Div que engloba toda área de conteúdo
****/

#container{
width: 900px;
margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	BANNERS DESTAQUE
	enngloba todos os destaques do site
****/

#destaques{
width: 900px;
float: left;
}

.banner{
width: 900px;
float: left;
margin-top: 0;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	CONTEUDO
	enngloba as chamadas de noticias, breve descricao da empresa, servicos e newsletter
****/

#content{
width: 900px;
float: left;
margin: 0 0 20px 0;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	CONTEUDO-HOME
	enngloba as chamadas de noticias, breve descricao da empresa, servicos e newsletter
****/


/*.....NOTICIAS + DESCRICAO EMPRESA.....*/
.content1{
width: 900px;
float: left;
margin-top: 15px;
margin-bottom: 15px;
}

/*DESCRICAO EMPRESA*/
#box_desc_empresa_home{
width: 284px;
float: left;
color: #FFF;
}
#box_desc_empresa_home p,h2{ text-align: left; }
#box_desc_empresa_home p{ font-size: 12px;  }
#box_desc_empresa_home h2{ font-size: 18px; font-weight: bold; letter-spacing: 0;}

/*BOX PAI - NOTICIAS*/
#box_noticias_home{
width: 600px;
float: right;
}

.topo_noticias{
width: 600px;
float: left;
}

.titulo_noticias_home{
padding: 1px;
color: #FFF;
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
font: tahoma;
}

/*.....BOX FILHO NOTICIA 1.....*/
#box_noticia_chamada1{
width: 585px;
float: left;
color:#FFF;
margin: 0 9px 0 5px;
}
#box_noticia_chamada1 .cx_noticia
{
	width: 585px;
	height:240px;
	overflow:auto;
	float:left;
}

#box_noticia_chamada1 a{
font-size: 12px;
text-align:left;
color: #FFF;
text-decoration: none;
}

#box_noticia_chamada1 a:hover{ text-decoration: underline; }

/*.....BOX FILHO NOTICIA 2.....*/
#box_noticia_chamada2{
width: 185px;
float: left;
margin-right: 9px;
border-right-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
font-size: 12px;
text-align:left;
color: #FFF;
}

#box_noticia_chamada2 a{
font-size: 12px;
text-align:left;
color: #FFF;
text-decoration: none;
}

#box_noticia_chamada2 a:hover{ text-decoration: underline; }

/*.....BOX FILHO NOTICIA 3.....*/
#box_noticia_chamada3{
width: 185px;
float: left;
margin-right: 9px;
font-size: 12px;
text-align:left;
color: #FFF;
}

#box_noticia_chamada3 a{
font-size: 12px;
text-align:left;
color: #FFF;
text-decoration: none;
}

#box_noticia_chamada3 a:hover{ text-decoration: underline; }

#mais_detalhes{
width: 20px;
height: 20px;
float: right;
padding-right: 5px;
}

.content2{
width: 900px;
float: left;
}


/*BOX SERVICOS*/

#box_servicos_home{
width: 630px;
float: left;
}

.topo_servicos_home{
width: 630px;
height: 53px; 
float: left;
}


.opcao_pacotes1{
width: 240px;
float: left;
margin-left: 50px;
}

.opcao_pacotes2{
width: 340px;
float: right;
}

.opcao_pacotes2 a{overflow: hidden;}

/*FORM NESWSLETTER*/

#box_newsletter{
width: 270px;
height: 175px;
float: right;
background: url(../imagens/bg_box_newsletter.jpg) no-repeat;
}

#box_input_nome{
width: 60px;
height: 17px;
margin-top: 57px;
margin-right: 90px;
float: right;
text-align: left;
}

.input_nome{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	height: 16px;
	width: 170px;
	border: 1px solid #FFFFFF;
}

#box_input_empresa{
width: 120px;
height: 17px;
margin-top: 14px;
margin-right: 75px;
float: right;
text-align: left;
}

.input_empresa{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	height: 16px;
	width: 158px;
	border: 1px solid #FFFFFF;
}

#box_input_email{
width: 120px; 
height: 17px; 
margin-top: 14px; 
margin-right: 88px; 
float: right; 
text-align: left;
}

.input_email{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	height: 16px;
	width: 145px;
	border: 1px solid #FFFFFF;
}

#bt_ok{
width: 30px; 
height: 20px;
float: right;
margin-top: 15px;
margin-right: -185px;
padding-left: 185px;
text-align: right;
}

/*------------------------------------------------------------------------------------------------------------*/

/****
	PAGINAS INTERNAS
	conteudo especifico de cada link
****/

/*SERVICOS*/

#desc_servicos{
width: 262px;
height: 420px;
float: left;
background: url(../imagens/bg_servicios.png) no-repeat;
margin-top: 10px;

}

.texto_servicos{
width: 200px;
height: 420px;
float: left;
padding: 50px 20px 20px 30px;
}

.texto_servicos span,p{
color: #333;
font-size: 12px;
text-align: left;
}

.texto_servicos span a {
color: #333;
text-decoration: none;
font-weight: bold;
}

#pacote_produtos{
width: 638px;
float: right;
margin-top: 10px;

}

.menu_servicos{
width: 100%;
padding-top: 47px;
padding-left: 18px;
list-style: none;
float: left;
}

.texto_servicos_internas span,p{
color: #FFF;
font-size: 12px;
text-align: left;
}

.imagem_servico{
width: 300px;
height: 300px;
float: right;
}

#desc_detalhada_servicos{
width: 90%;
float: left;
padding: 10px;
}

#desc_detalhada_servicos a{ color: #FFF; text-decoration: none; font-weight: bold; }
#desc_detalhada_servicos a:hover{ color: #BFD630; text-decoration: none; }

#desc_detalhada_servicos img{ float: right; margin-top: 0;}
#desc_detalhada_servicos #splash img{float: right; }
#desc_detalhada_servicos .solicite {display: block; position: relative; top: 33px; left: 326px; width: 200px;}
#desc_detalhada_servicos span{
color: #FFF;
font-size: 14px;
text-align: left;
}

#desc_detalhada_servicos p{ font-weight: bold; }

#desc_detalhada_servicos ul li{ 
	list-style-image: url(../imagens/marcador.png); 
	margin-left: 20px; 
}

#desc_detalhada_servicos ul li ul {
	width: 200px;
}

#desc_detalhada_servicos ul li ul li { 
	list-style-image: url(../imagens/icone.jpg);
	list-style-position: inside;
	margin-top: 10px;
	margin-left: 20px; 
	width: 220px;
}

#desc_detalhada_servicos ul li ul li strong{
	position: relative;
	top: -3px;
	width: 180px;
	margin-left: 0;
	padding-left: 0px;
}


.logos {
	margin-bottom: 15px;
	position:relative;
	left:-60px;
}

#veja_tambem{
width: 589px;
float: left;
}

#veja_tambem img{
	margin-left:10px;
}

#veja_tambem ul li{ list-style: none; display: inline; margin-left: 12px;}

#veja_tambem ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bolder;
}

#veja_tambem ul li a:hover{
	color: #BFD630;
	 text-decoration: none;
}
/*------------------------------------------------------------------------------------------------------------*/

/****
	CONTATO
	página que contem o form de contato
****/
#contato{
	width: 850px;
	margin: 0 auto;
	padding: 0;
}

#topo_contato{
	width: 821px;
	height: 95px;
	background: url(../imagens/topo_contato.jpg) no-repeat;
}

#rodape_contato{
	clear: left;
	width: 821px;
	height: 95px;
	margin-bottom: -50px;
	background: url(../imagens/rodape_contato.jpg) no-repeat;
}

#form_contato{
	width: 791px;
	background: url(../imagens/bg_3px.jpg) repeat-y;
	float: left;
	padding-left: 30px;
	padding-bottom: 30px;
}

#form_contato form{
	width: 500px;
	text-align: left;
	float: left;
}

#form_contato span{
	color: #666;
	margin-right: 5px;
	margin-left: 15px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

#form_contato h4{
	margin-top: 10px;
	margin-bottom: 3px;
}

#form_contato strong{
	color: #000;
	text-align: left;
	font-size: 12px;
}

.input_form_contato{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	border: 1px solid #333333;
	background-color: #a9a9a9;
}

#form_contato .rows{
	display: block;
	font-size: 9px;
}

#cotizar{
	float: right;
}

#cotizar a{
	display: block;
	margin-right: 40px;
	width: 200px;
	height: 80px;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


/*------------------------------------------------------------------------------------------------------------*/

/****
	RODAPÉ
	onde fica links e informações (fone,email, etc...)
****/

#rodape{
width: 900px;
float: left;
}



#info{
float:left;
width: 900px;
line-height: 20px;
}

#info a,p{
font: arial;
font-size: 12px;
color: #FFF;
text-align: center;
text-decoration: none;
}

#info a:hover{color: #CCC;}

.slideshow 
{
	width:262px;
	height:122px;
	/*background:#000099;*/
	float: left;
	margin-left: 40px;
}
.slideshow2 
{ 
	width:302px;
	height:122px;
	/*background:#0099FF;*/
	float: right;
}

#divisao 
{
	width: 24px; 
	height: 122px; 
	background: url(../imagens/divisao.jpg) no-repeat;
	float: left; 
}