@charset "utf-8";
/**
**************************************************************************
* CSS - Crescente.com.br
**************************************************************************
* AUTHOR:	Luis Cameroon (lcameroon@gmail.com)
* DATE:		2009/08/15
**/

*, html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	text-align: center;
	background: #FFF url('../images/bg.png') repeat-x top;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #333;
}
a {
 	color: #DA251C;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
/* CONTEINER */

div#container {
	text-align: left;
	margin: -13px auto;
	*margin: -26px auto;
	width: 810px;
}

/* HEADER */
div#header {
	float: left;
	background: transparent url('../images/bg-top.png') top center repeat-y;
	width: 810px;
	height: 125px;
}

/* LOGO */
h1 a {
	float: left;
	background: #fff url('../images/logo.png') no-repeat top left;
	text-decoration:none;
	text-indent: -50000px;
	width: 210px;
	height: 68px;
	margin: 25px 20px 0 45px; 
}
h1 a:hover { cursor:pointer; }

/* TOP NAVEGATION */
div#top-nav {
	float: right;
	background: #333 url('../images/top-dobra.png') top left no-repeat;
	color:#fff;
	display: block;
	width: 220px;
	padding:  8px 0;
	margin-right: 35px;
	font-size: 11px;
}

#top-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#top-nav li {
	float: left;
	position: relative;
	padding: 0 10px;
	border-left: #fff 1px solid;
}

#top-nav li a{
	text-decoration: none;
	display:block;
	color:#fff;
}

#top-nav li a:hover{
	text-decoration:underline;	
	color: #f3f3f3;
}
#top-nav .nbleft { border-left: none; }

/* NAVEGATION */
#nav { float: left; width: 535px; }
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	position: relative;
	font-family:  Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	width: 110px; height: 60px;
	margin: 15px 0 20px 0;
	padding: 0 8px 0 8px;
	border-left: #666 1px solid;
}

#nav li a{
	text-decoration: none;
	display:block;
	width: 110px; 
	padding-top: 10px;
	color:#000;
	clear:left;
}
#nav li a span { 
	padding-top: 10px; 
	font: 10px normal Tahoma, Arial, Helvetica, sans-serif; 
	color: #ccc; 
}

#nav li a:hover { color: #DA251C; } 
#nav li a:hover span { color:#DA251C; }

/* CONTENT */

div#content { clear: left; }
div#content {
	float:left;
	background: transparent url('../images/bg-content.png') top center repeat-y;
	width: 810px;
	line-height: 140%;
}

div#content-center-home-1 {
	float:left;
	width: 710px;
	*width: 810px;
	background: transparent url('../images/destaque-3.jpg') top center no-repeat; 
	padding: 0 50px;
}

div#content-center-home-2 {
	float:left;
	width: 710px;
	*width: 810px;
	background: transparent url('../images/destaque-2.jpg') top center no-repeat; 
	padding: 0 50px;
}

div#content-center {
	float:left;
	width: 710px;
	*width: 810px;
	background: transparent url('../images/bg-content-top.png') top left no-repeat;
	padding: 0 50px;
}

div#home-destaque {
	height:  253px;
	margin-top: 18px;
	padding-left: 10px;
}
div#home-destaque h3 {
	font-size: 60px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: lighter;
	font-style: italic;
	color: #fff;
	padding: 60px 0 50px 0;
}
div#home-destaque p a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
div#home-destaque .todos-servicos {
	font-size: 12px;
	font-weight: normal;
}
.row { margin-top: 0 auto; width: 710px; padding-top: 15px; clear: left; }
/* HOME */
div#home-empresa {
	width: 445px;
	*width: 465px;
	background: #f8f8f8 url('../images/bg-box.gif') top right no-repeat;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin-right: 10px;
	float: left;
}
div#home-empresa h2,
div#home-ecommerce h3 { font-size: 17px;}

div#home-ecommerce {
	background: #f8f8f8 url('../images/bg-box.gif') top right no-repeat;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 203px;
	*width: 228px;
	height: 150px;
	*height: 181px;
	padding: 12px;
}
div#home-ecommerce p { width: 100px; z-index: 1; position: relative;}
div#home-ecommerce span { 
	position: absolute; 
	text-indent: -9999px;
	background: transparent url('../images/sacola.png') right bottom no-repeat;
	width: 214px;
	height: 162px;
	*height: 168px;
	z-index: 0;
}

div#home-ambiente h3,
div#home-atuacao h3 { font-size: 11px; padding-bottom: 10px; }
 
div#home-ambiente {
	float: left;
	width: 125px; *width: 225px;
	padding: 10px 10px 10px 90px;
	background: #f8f8f8 url('../images/bg-box.gif') top right no-repeat;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 10px;
}

div#home-atuacao {
	float: left;
	width: 135px; *width: 229px;
	padding: 10px 5px 10px 90px;
	background: #f8f8f8 url('../images/bg-box.gif') top right no-repeat;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 10px;
}
 
 div#home-atuacao span,
div#home-ambiente span { 
	position: absolute; 
	text-indent: -9999px;
	margin-left: -88px;
	width: 87px;
	height: 83px;
	*height: 93px;
	z-index: 0;
}
 div#home-atuacao span { background: transparent url('../images/box-area-atuacao.png') top left no-repeat; }
div#home-ambiente span { background: transparent url('../images/box-meio-ambiente.png') top left no-repeat; } 
 div#box-atendimento {
	float: left;
	height: 105px;
	width: 225px;
 }
/* FOOTER */
div#footer {
	clear:both;
	width: 730px;
	*width: 810px;
	height: 45px;
	padding: 15px 40px 0 40px;
	background: transparent url('../images/bg-footer.png') top left no-repeat;
	margin: 13px auto;
	font-size: 11px;
}

div#footer ul {
	list-style: none;
	float: left;
	padding: 0;
}

div#footer li {
	float: left;
	position: relative;
	padding: 0 5px;
	border-right: #ccc 1px solid;
}
div#footer li a { text-decoration: none; color: #FFF; }
div#footer li a:hover { text-decoration: underline; color: #F1F1F1; }

.created {
	float: right;
	position: relative;
}

hr { display: none; }
div#footer p {  color: #666; }
div#footer p a { text-decoration:none; color:#666; font-weight: bold; }
div#footer p a:hover { text-decoration: underline; color:#ccc; }

/****** INTERNAL PAGES ******/
