/* (C) Copyright 2008 | Jon P. Brousseau | Design for interaction and print */

/* --[ globals ]------------------------------------------------------------------------------------------------- */	

@import url("reset.css");
body {
	background-color: #FFF;
	background-image: url(/assets/imagens/back_site_gr.png);
	/* background-attachment: fixed; */
	background-repeat: repeat-x;
	background-position:top;
	color: #000;
}
p {
	font:1.2em/1.2em "helvetica", arial, verdana, sans-serif;
	color: #616362;
}
p a {
	text-decoration:none;
	color:#5e9efe;
	border-bottom: dotted 1px #494c4c !important;
	border-bottom: solid 1px #393d3d;
}
p a:hover {
	color:#000;
	border-bottom: dotted 1px #9fa1a0 !important;
	border-bottom: solid 1px #585d5d;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
#trabalhos div:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
	overflow: hidden;
}

input, textarea {
	padding:5px;
	font-size:14px;
	border:1px #ccc solid;
}

/* --[ #cabecalho ]------------------------------------------------------------------------------------------------- */	

#cabecalho {
	position: absolute;
	top: 0px;
	/* background:transparent url(/assets/imagens/bg-cabecalho.png) 0 0 repeat;
	border-bottom:1px solid #353939; */
	width:100%;
	padding: 10px 0;
	height:50px;
	z-index:1;
}
#cabecalho div {
	width:980px;
	margin:0 auto;
}
div > div#cabecalho {
/* position: fixed; */
}
#cabecalho h1 a {
	display:block;
	margin-top:20px;
	height:100px;
	width:245px;
/*	height:29px;
	width:228px;*/
	background:transparent url(/assets/imagens/logo.png) 0 0 no-repeat;
	text-indent:-5000px;
	float:left;
	zoom:1;
}
#cabecalho p {
	display:block;
	margin-top:13px;
	height:29px;
	width:600px;
	float:right;
	text-align:right;
	display:block;
}
#cabecalho p a {
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:none !important;
	border-bottom:none;
	font-size:.8em;
	width:7em;
	padding:0 0 0 18px;
}
#cabecalho #social {
	position:relative;
	text-align:center;
	top:65px;
	left:400px;
	width:50px;
	color:#666;
}
#cabecalho #link {
	position:relative;
	text-align:center;
	top:40px;
	left:-60px;
	width:836px;
}
#cabecalho #link li {
	padding:0px;
	width:345px;
	background-color:#0C3;
}
#cabecalho #destaque {
	position:relative;
	text-align:center;
	top:-100px;
	left:80px;
	width:500px;
	color:#666;
}
#cabecalho #social li {
	padding:5px;
	width:35px;
}
/* --[ #column ]------------------------------------------------------------------------------------------------- */	
	
#column {
	width:980px;
	margin:0 auto;
}
/* --[ #sobre ]------------------------------------------------------------------------------------------------- */

#sobre {
	padding-top:105px;
}
#sobre p {
	font-size:2em;
	line-height:1.4em;
}
#sobre h1 {
	display:block;
	height:349px;
	width:980px;
	background:transparent url(/assets/imagens/slogan.png) 0 0 no-repeat;
	text-indent:-5000px;
	margin-bottom:40px;
}
#sobre h1.error {
	background:transparent url(/assets/imagens/hdr-404.gif) 0 0 no-repeat;
	height:129px;
}
/* tooltip */
	a.tooltip {
	position:relative;
	text-decoration:none;
}
a.tooltip span {
	display: none;
	font-size:.6em;
	line-height:1em;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#accaee;
	margin-bottom:15px;
}
a.tooltip:hover span {
	display:block;
	position:absolute;
	top:-44px;
	left:0;
	padding:7px 2px 21px 8px;
	width:182px;
	border-top:1px solid #929292;
	background: url(/assets/imagens/tooptip.gif) no-repeat bottom;
	cursor:pointer;
}
/* --[ #clientes ]------------------------------------------------------------------------------------------------- */	

#clientes {
	padding-top:10px;
}
#clientes div {
	clear:both;
	border-top:10px solid #F4F4F4;
	zoom:1;
	padding:0px 0;
}
#clientes p {
	font-size:1.4em;
	line-height:1.5em;
	float:left;
	padding-right:10px;
	margin-bottom:20px;
	margin-left:10px;
}
#clientes p a {
	color:#000;
}
#clientes p a:hover {
	color:#666;
}
#clientes h2 {
	display:block;
	text-indent:-5000px;
	height:79px;
	width:884px;
	background:transparent url(/assets/imagens/titulo_clientes.png) 0 0 no-repeat;
}
#clientes h3 {
	color:#333;
	font-size:2.2em;
	font-weight:bold;
	padding-bottom:24px;
	margin-left:10px;
}
#clientes h4 {
	width:253px;
	float:right;
	text-align:center;
	font-size:1em;
	color: #616362;
	display:block;
	margin-top:4.5em;
	font-weight:bold;
	text-transform:uppercase;
}
#clientes h4 a {
	text-decoration:none;
	color:#5e9efe;
	font-weight:bold;
	border-bottom:none !important;
	border-bottom:none;
}
#clientes h4 a:hover {
	color:#fff;
}

/* --[ #contato ]------------------------------------------------------------------------------------------------- */	

#contato {
	padding-top:10px;
}
#contato div {
	clear:both;
	border-top:10px solid #F4F4F4;
	zoom:1;
	padding:24px 0;
}
#contato p {
	font-size:1.4em;
	line-height:1.5em;
	float:left;
	padding-right:10px;
	margin-bottom:20px;
	margin-left:10px;
}
#contato p a {
	color:#000;
}
#contato p a:hover {
	color:#666;
}
#contato h2 {
	display:block;
	text-indent:-5000px;
	height:79px;
	width:884px;
	background:transparent url(/assets/imagens/titulo_contato.png) 0 0 no-repeat;
}
#contato h3 {
	color:#333;
	font-size:2.2em;
	font-weight:bold;
	padding-bottom:24px;
	margin-top:10px;
}
#contato h4 {
	width:253px;
	float:right;
	text-align:center;
	font-size:1em;
	color: #616362;
	display:block;
	margin-top:4.5em;
	font-weight:bold;
	text-transform:uppercase;
}
#contato h4 a {
	text-decoration:none;
	color:#5e9efe;
	font-weight:bold;
	border-bottom:none !important;
	border-bottom:none;
}
#contato h4 a:hover {
	color:#fff;
}

/* --[ #trabalhos ]------------------------------------------------------------------------------------------------- */	

#trabalhos {
	padding-top:10px;
}
#trabalhos div {
	clear:both;
	border-top:10px solid #F4F4F4;
	zoom:1;
	padding:24px 0;
}
#trabalhos img {
	background:#0d1111;
	color:#0d1111;/*margin:22px 0;*/
	border:1px #CCC solid;
	margin-left:10px;
}
#trabalhos p {
	font-size:1.4em;
	line-height:1.5em;
	width:698px;
	float:left;
	padding-right:10px;
	border-right:1px solid #333;
	margin-top:20px;
	margin-left:10px;
}
#trabalhos p a {
	color:#000;
}
#trabalhos p a:hover {
	color:#666;
}
#trabalhos h2 {
	display:block;
	text-indent:-5000px;
	height:79px;
	width:884px;
	background:transparent url(/assets/imagens/titulo_trabalho.png) 0 0 no-repeat;
}
#trabalhos h3 {
	color:#333;
	font-size:2.2em;
	font-weight:bold;
	padding-bottom:24px;
	margin-left:10px;
}
#trabalhos h4 {
	width:253px;
	float:right;
	text-align:center;
	font-size:1em;
	color: #616362;
	display:block;
	margin-top:4.5em;
	font-weight:bold;
	text-transform:uppercase;
}
#trabalhos h4 a {
	text-decoration:none;
	color:#5e9efe;
	font-weight:bold;
	border-bottom:none !important;
	border-bottom:none;
}
#trabalhos h4 a:hover {
	color:#fff;
}
/* --[ bottom link ]------------------------------------------------------------------------------------------------- */

#column #bottom p {
	border-top:10px solid #131818;
	padding-top:20px;
	margin-bottom:50px;
	font-size:1em;
}
#column #bottom a {
	text-transform:uppercase;
	border-bottom:none !important;
	border-bottom:none;
	font-weight:bold;
}
/* --[ #contact ]------------------------------------------------------------------------------------------------- */		
#contact {
	padding:18px 18px 0 18px;
}
#contact p {
	padding:2px 0;
	font-size:1.4em;
}
#contact h2.contact {
	display:block;
	text-indent:-5000px;
	height:56px;
	width:411px;
	background:transparent url(/assets/imagens/hdr-thanks.gif) 0 0 no-repeat;
	margin-bottom:24px;
}
/* --[ #rodape ]------------------------------------------------------------------------------------------------- */	
	
#rodape {
	/* position: absolute;
	bottom: 0px; */
	width:100%;
	background:transparent url(/assets/imagens/bg-cabecalho.png) 0 0 repeat-x;
	border-top:1px solid #e6edf1;
	height:20px;
	padding-top:10px;
	z-index:1;
}
#rodape div {
	width:980px;
	margin:0 auto;
	color:#000;
}
#rodape div p {
	font-weight:bold;
	font-size:.95em;
	text-transform:uppercase;
	margin:0;
}
#rodape div a {
	color:#000;
	font-weight:bold;
	border-bottom: dotted 1px #494c4c !important;
	border-bottom: solid 1px #393d3d;
}
#rodape div a:hover {
	color:#666;
	border-bottom: dotted 1px #9fa1a0 !important;
	border-bottom: solid 1px #585d5d;
}
div > div#rodape {
/* position: fixed; */
}






/*-----------------------------------------------------------------
	footer
-----------------------------------------------------------------*/
#footerBack {
	margin: 0px;
	width: 100%;
	clear:both;
	display:block;
	background-color:#333;
	background:#333 url(/assets/imagens/back_rodape.jpg) bottom right;
}
#footer {
	margin: 0 auto;
	width: 980px;
	padding:30px 0;
	clear:both;
	display:block;
}
#footer .list {
	margin-bottom: 30px;
	width: 350px;
	background: #222;
	float: left;
}
#footer .sublist {
	margin-bottom: 30px;
	width: 250px;
	background: #222;
	float: left;
}
#footer .sublistsub {
	margin-bottom: 30px;
	width: 250px;
	background: #111;
	float: left;
}
#footer dt {
	padding: 10px;
	background: #212121;
	color: #FFF;
}
#footer dd {
	padding: 10px;
	color: #E6E6E6;
	border-bottom: 1px dotted #333;
}
#footer dd a, .copyright a {
	color: #999;
	padding:0 2px;
}
#footer dd a:hover, .copyright a:hover {
	color: #FFF;
	background:#e77919;
	text-decoration:none;
}
#footer dd cite {
	margin: 3px 0 0;
	font-size: .9em;
	color: #666;
}
#footer dd cite a {
	color: #999;
	padding:0 2px;
}
#footer dd cite a:hover {
	color: #FFF;
	background:#e77919;
	text-decoration:none;
}
.twitter, .links {
	margin-right: 16px;
}
#footer .twitter {
	width: 400px;
}
.copyright {
	font-size: 1.1em;
	color: #999;
	clear: both;
}
.copyright span {
	float:right;
	color: #999;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #4b4b4b;
	padding: 5px;
	opacity: 0.85;
	color:#FFF!important;
}

#tooltip div {
	background:#4b4b4b;
	margin: 0;
}

#tooltip h3 {
	color:#fff;
	background:#5f5f5f;
	text-shadow:#000 1px 1px 0;
	margin: 0;
	font-size:9px;
}

#flickr_badge_image {
	border:0px;
	padding:3px;
}

#flickr_badge_image img {
	border:0px;
	padding:3px;
}