/*--------------------------------------------------------------------
LAYOUT "corpo" Style - Bürocratik (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2010
author: 	Burocratik
email: 		alex@burocratik.com
			ana@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{
	background: #000 url(../imgs/body-bg.gif) no-repeat left 340px; height:100%;/* HACK IE height: 100% */
}
a {color: #c9eb36; font-weight:bold; text-decoration: none; border-bottom: 1px solid #323b0e;}
a:hover {color: #767676; border-bottom: 1px solid transparent;}


.home #pageContainer h1{background:transparent url(../imgs/id.png) no-repeat top left;}
span{color: #c9eb36; font-weight:bold; text-decoration: none; border-bottom: 1px solid #323b0e; cursor: pointer;}
span:hover {color: #767676; border-bottom: 1px solid transparent; cursor: pointer;}

/*-------------------------------------------------------------------------
=GOOGLEMAPS
-------------------------------------------------------------------------*/
#flashBg{
  position: absolute; left: 0; top: 0;
  height: 100%; width: 100%; overflow: hidden;
}
#flashBg h4{font: 14px/15px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #68781f; padding-bottom: 15px;}
#flashBg p{font: 11px/15px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #202020;}

#flashBg p.nota{
	display: block; position: absolute; width: 370px; height: auto; left: 430px; top: 150px;
	font: 11px/15px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #e7e7e7;
}
#flashBg p.nota span{border: 0;}


/*-------------------------------------------------------------------------
=PAGE CONTAINER
-------------------------------------------------------------------------*/
#pageContainer{
	display: block; position: relative; left: 0; top: 0; margin: 0 0 0 250px; width:700px; padding-top: 35px; text-transform: uppercase;
	font: 11px/15px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #e7e7e7;
}
#pageContainer h1{
  display:block; width: 310px; height: 100px; margin-left: 177px; text-indent: -5555px;
}

#pageContainer h1 a{
	display:block; width: 100%; height: 100%; text-decoration: none; border: 0; 
	background:transparent url(../imgs/id.png) no-repeat top left;
}
#pageContainer h1 a:hover{background-position: left bottom;}


#pageContainer p{padding-bottom: 15px;}


/*-------------------------------------------------------------------------
=SLIDESHOW
-------------------------------------------------------------------------*/
#slideshow{position:relative; width:690px; height:185px; margin: 0;}
#slideshow #slidesContainer{position:relative; width:330px; height: 185px; margin: 0 180px; overflow:auto; /* allow scrollbar */}
#slideshow #slidesContainer .slide{margin: 0; height: 145px; padding: 20px 0; width:310px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */}

#slideshow #slidesContainer .slide ul li.gmaps{padding-top: 15px;}

/* CONTROLS */
.control {
  display:block; position:absolute; width:95px; height:185px; cursor: pointer;
  text-indent: -5555px; border: 0;
}
#leftControl{top:0; left:0; background: #000 url(../imgs/control-bg.gif) no-repeat left top;}
#rightControl{top:0; right:0; background: #000 url(../imgs/control-bg.gif) no-repeat right top;}
#leftControl:hover{background-position: left bottom;}
#rightControl:hover{background-position: right bottom;}



/*-------------------------------------------------------------------------
=FOLLOW
-------------------------------------------------------------------------*/
.follow {display: block; position: relative; width: 510px; left: 180px;}
.follow p{display: block; position: relative; float: left; padding-right: 7px; margin-top: -8px;}
.follow p.first{margin:0;}
.follow ul{display: block; position: relative; float: left; margin-top: -8px;}
.follow ul.first{margin:0;}
.follow ul li{
	display: block; position: relative; float: left; width: auto;
	margin-right: 5px; padding-right: 10px;
	background: #000 url(../imgs/lista-bg.gif) no-repeat right 3px;
}
.follow ul li.last{background: none;}


/*-------------------------------------------------------------------------
=CLIENTS
-------------------------------------------------------------------------*/
.clients {
	display: block; position: relative; width: 520px; left: 180px; 
	margin-top: 218px; color: #767676;
}
.clients ul{margin: -10px 0 0 -9px;}
.clients ul li{display: block; position: relative; float: left;}
.clients ul li a{display: block; position: relative; float: left; height: 80px; text-indent: -5555px; text-decoration: none; border: none;}
.clients ul li.unilever a{width: 60px; background: #000 url(../imgs/clients-ids.png) no-repeat -10px top;}
.clients ul li.accenture a{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -70px top;}
.clients ul li.critical a{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -180px top;}
.clients ul li.pt a{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -290px top;}
.clients ul li.mrg a{width: 120px; background: #000 url(../imgs/clients-ids.png) no-repeat -400px top;}

.clients ul li.unilever a:hover{width: 60px; background: #000 url(../imgs/clients-ids.png) no-repeat -10px bottom;}
.clients ul li.accenture a:hover{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -70px bottom;}
.clients ul li.critical a:hover{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -180px bottom;}
.clients ul li.pt a:hover{width: 110px; background: #000 url(../imgs/clients-ids.png) no-repeat -290px bottom;}
.clients ul li.mrg a:hover{width: 120px; background: #000 url(../imgs/clients-ids.png) no-repeat -400px bottom;}



/*-------------------------------------------------------------------------
=FORM NEWSLETTER
-------------------------------------------------------------------------*/
form#subForm p{padding: 0px;}
form#subForm{display: block; position: relative; width: 252px; color: #767676;}

form#subForm label.error{color: #767676;}
form#subForm input.textLimpar{
	width: 232px; height: 29px; vertical-align: middle; border: 0; padding: 0 10px; vertical-align: middle;
	font: 11px/29px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #5c5c5c; text-transform: uppercase;
	background: #000 url(../imgs/input-bg.gif) no-repeat left top;
}
form#subForm input.textLimpar:hover, form#subForm input.textLimpar:focus{background-position: left center; color: #e7e7e7;}

/* INPUT ERROR */
form#subForm input.btSubmit{
	display: block; position: relative; float: left; width: 48px; height: 29px; vertical-align: middle; border: 0; padding: 0; text-align: center;
	font: 11px/15px Georgia, "baskerville Old Face", "Times New Roman", Times, serif; color: #5c5c5c; text-transform: uppercase;
	background: #000 url(../imgs/input-submit.gif) no-repeat left top; cursor: pointer;
}
form#subForm input.btSubmit:hover, form#subForm input.btSubmit:focus{background-position: left bottom; color: #e7e7e7;}

form#subForm label{margin-top: 10px; color: #5c5c5c;}
form#subForm label:hover, form#subForm input.chkbox:focus{color: #e7e7e7;}

form#subForm label{margin-right: 10px;}
form#subForm div{display: block; position: relative; overflow: hidden; padding-bottom: 5px;}
form#subForm div p.left{display: block; position: relative; float: left; margin-top: 6px;}
form#subForm div p.right{display: block; position: relative; float: right;}

/* =mensagem erro*/
form#subForm .erroMail, form#subForm .erroBox{
	font-size: 11px; color: #ca311e; 	padding:0 0 0 16px; margin: 2px 2px; line-height: 12px;
	background: url(../imgs/icon-msg-erroS.png) no-repeat; display: none;
}
form#subForm input.erro, form#subForm input.erro:hover{background: #000 url(../imgs/input-bg.gif) no-repeat left bottom; color: #e7e7e7;}
form#subForm div.erro label{color: #ca311e;}