/*
Title:		Logisul Revolution (from Flash to XHTML/CSS/Javascript)
Author:		Edmundo Junior, hello@edmundojr.com
Updated:	April 29, 2010
Copyright:	2010, Logisul. All rights reserved.
*/



/* Imports
--------------------------------------------- */
@import "../css/reset.css";
@import "../css/960.css";



/* Main styles
--------------------------------------------- */
body {
	background: #da0101 url(../img/bg_body_red.png) fixed repeat top center;
	color: #666;
	font: 12px/1.7 Verdana, Arial, Helvetica, sans-serif; }
	
#container { background: transparent url(../img/bg_container.png) repeat-y top center; padding: 20px 0; }

#header { background: transparent url(../img/bg_header.png) no-repeat bottom center; height: 165px; }

#footer {
	background: transparent url(../img/bg_footer.png) no-repeat bottom center;
	color: #999;
	padding: 9px 0 3px 0;
	margin-bottom: 30px;
	height: 28px;
	font-size: 11px; }
#footer .grid_2	{ text-align: right; }

.sidebar {
	background: #eee;
	display: block;
	padding: 20px 20px 5px 20px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 #fff;
	/* CSS3 Border Radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* CSS3 Box Shadow */
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888; }
.sidebar h5 { border-bottom: 1px solid #ddd; padding: 0 20px 8px 20px; margin: -10px -20px 0 -20px; }

.section {
	background: #eee url(../img/bg_section.png) no-repeat 0 0;
	padding: 10px 20px 5px 20px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 #fff;
	/* CSS3 Border Radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* CSS3 Box Shadow */
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888; }
.section h3 { color: #ed1c24; margin: 0 0 23px 0; }
.section hr { border-color: #e1e1e1; margin: 0 -20px 14px -20px; }
.hr { background: url(../img/section-hr.png) no-repeat 0 0; margin: 0 -20px 15px -20px; height: 2px; display: block; }



/* Links
--------------------------------------------- */
a:link, a:visited			{ color: #d64b11; text-decoration: none; border-bottom: 1px dotted #ccc; }
a:hover, a:focus, a:active	{ color: #870b10; border-bottom: 1px solid #f68a8e; }

/* Logotipo */
#logo		{
	background: url(../img/logo.png) no-repeat 0 0;
	width: 252px;
	height: 60px;
	position: absolute;
	top: 50px;
	left: 37px;
	border: none;
	text-indent: -9999px;
	margin: 0; }
#logo:hover { background-position: bottom left; }

a.button {
	background: #ed1c24;
	color: #fff;
	padding: 3px 12px;
	float: left;
	font: bold 14px/1.7 Arial, Helvetica, sans-serif;
	border: none;
	/* CSS3 Border Radius */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* CSS3 Box Shadow */
	box-shadow: 1px 1px 2px #870b10;
	-moz-box-shadow: 1px 1px 2px #870b10;
	-webkit-box-shadow: 1px 1px 2px #870b10; }
a:hover.button { background: #c61017; }



/* Navigation
--------------------------------------------- */
#nav	{ background: url(../img/bg_nav.png) no-repeat 0 0; position: absolute; top: 125px; left: 40px; width: 540px; height: 40px; margin: 0; }
#nav ul	{ list-style: none; }
#nav li	{ display: inline; margin: 0; }

#nav li a, #nav li a:visited { position: absolute; top: 0; height: 40px; text-indent: -9000px; overflow: hidden; z-index: 10; border: none; }

#nav .nav-1 a, #nav .nav-1 a:visited								{ left: 0; width: 99px; }
#nav .nav-1 a:hover, #nav .nav-1 a:focus							{ background: url(../img/bg_nav.png) no-repeat 0 -40px; }
#nav.current-nav-1 .nav-1 a, #nav.current-nav-1 .nav-1 a:visited	{ background: url(../img/bg_nav.png) no-repeat 0 -80px; }

#nav .nav-2 a, #nav .nav-2 a:visited								{ left: 99px; width: 98px; }
#nav .nav-2 a:hover, #nav .nav-2 a:focus							{ background: url(../img/bg_nav.png) no-repeat -99px -40px; }
#nav.current-nav-2 .nav-2 a, #nav.current-nav-2 .nav-2 a:visited	{ left: 97px; width: 100px; background: url(../img/bg_nav.png) no-repeat -97px -80px; }

#nav .nav-3 a, #nav .nav-3 a:visited								{ left: 197px; width: 104px; }
#nav .nav-3 a:hover, #nav .nav-3 a:focus							{ background: url(../img/bg_nav.png) no-repeat -197px -40px; }
#nav.current-nav-3 .nav-3 a, #nav.current-nav-3 .nav-3 a:visited	{ left: 195px; width: 106px; background: url(../img/bg_nav.png) no-repeat -195px -80px; }

#nav .nav-4 a, #nav .nav-4 a:visited								{ left: 301px; width: 141px; }
#nav .nav-4 a:hover, #nav .nav-4 a:focus							{ background: url(../img/bg_nav.png) no-repeat -301px -40px; }
#nav.current-nav-4 .nav-4 a, #nav.current-nav-4 .nav-4 a:visited	{ left: 299px; width: 143px; background: url(../img/bg_nav.png) no-repeat -299px -80px; }

#nav .nav-5 a, #nav .nav-5 a:visited								{ left: 442px; width: 98px; }
#nav .nav-5 a:hover, #nav .nav-5 a:focus							{ background: url(../img/bg_nav.png) no-repeat -442px -40px; }
#nav.current-nav-5 .nav-5 a, #nav.current-nav-5 .nav-5 a:visited	{ left: 440px; width: 100px; background: url(../img/bg_nav.png) no-repeat -440px -80px; }



/* Nivo Slider
--------------------------------------------- */
#slider		{ position: relative; background: url(../img/loading.gif) no-repeat 50% 50%; width: 860px; height: 165px; margin-bottom: 20px; }
#slider img	{ position: absolute; top: 0; left: 0; display: none; }

.ribbon {
	background: url(../img/logistica-e-sistemas-de-armazenagem.png) no-repeat 0 0;
	position: absolute; bottom: 35px; left: 55px;
	width: 439px; height: 44px;
	margin: 0;
	text-indent: -9000px;
	z-index: 200;}



/* Project Gallery
--------------------------------------------- */
.gallery		{ list-style: none; }
.gallery li		{ margin: 0 0 20px 0; }

.gallery li a, .gallery li a:visited {
	background: #fff url(../img/loading.gif) no-repeat 50% 50%;
	border: none;
	padding: 5px;
	width: 150px;
	height: 95px;
	display: block;
	/* CSS3 Box Shadow */
	box-shadow: 0 0 3px #999;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999; }
.gallery li a:hover, .gallery li a:focus {
	/* CSS3 Box Shadow */
	box-shadow: 0 0 6px #f36b70;
	-moz-box-shadow: 0 0 6px #f36b70;
	-webkit-box-shadow: 0 0 6px #f36b70; }



/* Representadas
--------------------------------------------- */
.representadas a { border: none; }
.representadas img {
	background: #fff url(../img/bg_representadas.jpg) no-repeat 0 0;
	padding: 10px;
	margin-bottom: 20px;
	/* CSS3 Box Shadow */
	box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999; }
.representadas img:hover, .representadas im a:focus {
	background: #fff;
	/* CSS3 Box Shadow */
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888; }



/* Text
--------------------------------------------- */
hr { border: 0 #ddd solid; border-top-width: 1px; clear: both; height: 0; }

h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

h1, h2, h3, h4, h5, h6 { color: #444; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }

dt { color: #333; float: left; width: 85px; padding: 8px 0; clear: left; color: #555; font: bold 13px/1.7 Arial, Helvetica, sans-serif; }
dd { padding: 8px 20px 8px 105px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; margin: 0 -20px; }
dd:last-child	{ border-bottom: none; }

strong { color: #000; font-weight: normal; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 15px; }