/*
	Copyright (C) 2010 CAPPE ENGENHARIA, todos os direitos reservados.
	version/CSS: 0.1 2011
	author: klausmadeira
	url: http://www.cappeengenharia.com
*/
* {margin: 0; padding: 0;}
body {background: #FFF url("images/bg.jpg") repeat-x 50% 0;}
#mor{margin: 0 auto; width: 900px; height: auto;  background: url("images/bg-content.jpg") no-repeat 50% 0;}
#header{width: 900px; height: 130px;}
#sidebar{width: 190px; min-height: 355px; float: left; padding: 40px 30px; text-align: right;}
#content{width: 590px; height: auto; float: right; padding: 40px 40px 0 20px;}/*min-395*/
.customer{
	width: 570px;
	height: auto;
	background: #2E381B url("images/bg-customer.jpg") no-repeat -248px 43px;
	float: right;
	margin-bottom: 50px;
	padding: 40px 40px 70px 40px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-o-border-radius: 8px;
}
#footer{width: 840px; height: 240px; padding: 30px 0 0 30px; clear: both;}
.subfooter{width: 310px; min-height: 130px; float: left;}
.subfootersmall{width: 220px; min-height: 130px; float: left;}
h1{
	position: relative;
	width: 300px;
	height: 100px;
	background: url("images/logo-cappe.gif") no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
h2{font: bold 17px arial, sans-serif; color: #A3C547; letter-spacing: -1px; text-align: right; padding-right: 40px;}
h3{font: bold 14px arial, sans-serif; color: #618845; letter-spacing: -1px; padding-bottom: 12px;}
h4{font: bold 13px arial, sans-serif; color: #A3C547; letter-spacing: -1px; text-align: right; padding: 16px 0 8x 0;}
h5 {font: 14px arial, sans-serif; color: #A3C547; text-align: left; padding: 20px 0 10px 0;}

p{font: 13px/16px arial, sans-serif; color: #FFF; padding-bottom: 12px; text-align: justify;}
span.cappe{font: bold 14px "AnonymousRegular", Newfashioned, "Futura BK BT", sans-serif;}
p.thanks{font: 22px "Cantarell", serif; text-align: left;}
p.copy{font: 11px arial, sans-serif; color: #999; text-align: left; border-bottom: 1px dotted #999;}
strong{font-weight: bold; color: #000;}


/*navigation*/
ul#nav{margin: 0; padding: 0;}
ul#nav li{list-style-type: none;}
ul#nav li a{
	font: 16px/2em arial, sans-serif;
	color: #BAD478;
	text-decoration: none;
	text-align: right;
	padding: 2px 6px;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: 3em;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
}
ul#nav li a:hover{color: #000; font-weight: bold; background: #BAD478;} 

/*brands*/
ul#clients{margin: 0; padding: 0;}
ul#clients li{list-style-type: none; display: inline; padding-right: 3px; line-height: 1.8em;}

/*tools*/
ul#tools{margin: 0; padding: 0;}
ul#tools li{list-style-type: square; list-style-position: inside; margin-bottom: 6px;}
ul#tools li a{
	font: bold 12px/22px arial, sans-serif;
	color: #FFF;
	text-decoration: none;
}
ul#tools li a:hover{color: #BAD478; border-bottom: 1px dotted #BAD478;} 

/*#*/
a:link,a:active,a:visited{color: #FFF; text-decoration: none;}
a:hover{color: #BAD478;}

a.tour:link,a.tour:active,a.tour:visited{color: #333; text-decoration: none;}
a.tour:hover{color: #2E381B; text-decoration: underline;}

a.pdf:link,a.pdf:active,a.pdf:visited{
	font: 12px aril, sans-serif;
	color: #BAD478;
	text-decoration: none;
	background: url("images/icon-pdf.png") no-repeat left 50%;
	padding-left: 22px;
	float: right;
}
a.pdf:hover{color: #FFF;}

a.up:link,a.up:active,a.up:visited{
	font: 17px arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: right;
}
a.up:hover{text-decoration: underline;}

/*dl dt dd*/
dl{float: left; padding-right: 20px;}
dt{font: bold 12px arial, helvetica, sans-serif; color: #000; padding-bottom: 8px;}
dd{font: 12px arial, helvetica, sans-serif; color: #666;}

/*ct*/
dl.ct{float: left; padding-right: 30px;}
dt.ct{font: bold 12px arial, helvetica, sans-serif; padding-bottom: 20px;}
dd.ct{font: 12px/16px arial, helvetica, sans-serif; color: #FFF;}

/*misc*/
#slideshow {	position: absolute; width: 590px; height: 340px; float: right;}
#slideshow DIV {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.10; height: 320px;}
#slideshow DIV.active {z-index: 10; opacity: 1.0;}
#slideshow DIV.last-active {z-index: 9;}
#slideshow DIV IMG {height: 340px; display: block; border: 0;}/*width: 590px*/

/*font*/
@font-face{font-family: Newfashioned; src: url("fonts/Newfashioned.ttf");}
@font-face{
	font-family: 'AnonymousRegular';
	src: url('fonts/Anonymous-webfont.eot');
	src: local('?'), url('fonts/Anonymous-webfont.woff') format('woff'), url('fonts/Anonymous-webfont.ttf') format('truetype'), url('Anonymous-webfont.svg#webfont2pH1XHLL') format('svg');
	font-weight: bold;
	font-style: normal;
}