﻿/**:focus { outline:none;  }*/

html {
	/*overflow: auto;
	overflow-x: hidden; */
}

body {
	background-color: #f5f5f5;
	margin: 0px;
	background-image: url(../images/degrade.png);
	background-repeat: repeat-x;
	/*overflow: auto;
	overflow-x: hidden;*/ 
}

#aspas {
	z-index: 1;
	padding: 0px;
	width: 47px;
	height: 76px;
	position: absolute;
	left: 0px;
	top: 5px;
	float: none;
	background-image: url(../images/aspas.png);
	background-repeat: no-repeat;
}

#halftoneTOP {
	z-index: 0;
	padding: 0px;
	width: 567px;
	height: 480px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(../images/halftone_top.png);
	background-repeat: no-repeat;
}

#halftoneBOTTOM {
	z-index: 0;
	padding: 0px;
	width: 1134px;
	height: 959px;
	position: absolute;
	left: 0px;
	top: -959px;
	background-image: url(../images/halftone_bottom.png);
	background-repeat: no-repeat;
}

#stripes {
	z-index: 1;
	padding: 0px;
	width:auto !important;
	height:auto !important;
	min-width:1190px;
	min-height:1488px;
	position: absolute;
	left: 0px;
	top: 363px;
	background-image: url(../images/stripes.png);
	background-repeat: no-repeat;
}

#sombra {
	z-index: 2;
	padding: 0px;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0px;
	top: -20px;
	background-image: url(../images/sombra.png);
	background-repeat: repeat-x;
}

.conteudocentralizado {
	z-index: 20;
	margin: 0 auto;
	width: 940px;
	position: relative;
}

#header {
	padding: 0px;
	height: 347px;
	width: 100%;
	position: relative;
}

#header h1
{
    width:294px;
    height:63px;
    padding:93px 0px 0px;
    margin:0px;
    background: url('../images/marca.png') no-repeat bottom;
}
#header h1 a{
	width:294px;
    height:63px;
    display:block;
    text-indent:-99999px;

}

#marca {
	width: 294px;
	height: 63px;
	position: absolute;
	left: 0px;
	top: 95px;
	border: 0px;
}

#menusec {
	width: 170px;
	margin: 0px;
	padding: 0px;
	top: 20px;
	right: 0px;
	position: absolute;
}

#menupri {
	width: 480px;
	margin: 0px;
	padding: 0px;
	top: 95px;
	right: 0px;
	position: absolute;
	z-index:100;
}

#twitter {
	width: 647px;
	height: 155px;
	margin: 0px;
	padding: 0px;
	top: 125px;
	right: -15px;
	position: absolute;
	background: url(../images/twitterSOMBRA.png) no-repeat 0px 0px;
}

#twitter #birdTwitter {
	width: 50px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	top: -6px;
	left: 38px;
	position: absolute;
	background: url(../images/twitterBIRD.png) no-repeat 0px 0px;
}

#twitter #falaTwitter {
	width: 14px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	top: 15px;
	left: 95px;
	position: absolute;
	background: url(../images/twitterFALA.png) no-repeat 0px 0px;
}

#twitter #falaTwitter.mo {
	width: 14px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	top: 15px;
	left: 95px;
	position: absolute;
	background: url(../images/twitterFALAover.png) no-repeat 0px 0px;
}

#twitter #backTwitter {
	width: 617px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	bottom: 15px;
	left: 15px;
	position: absolute;
	background-color: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

#twitter #backTwitter.mo {
	width: 617px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	bottom: 15px;
	left: 15px;
	position: absolute;
	background-color: #FFF;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

#twitter p {
	width: 587px;
	margin: 0px;
	padding: 15px;
	top: 35px;
	left: 15px;
	font-family: Verdana;
	font-size: 14px;
	font-style: italic;
	color: #065072;
	line-height: 24px;
	position: absolute;
	text-align: right;
}

#twitter #personTwitter {
	width: 587px;
	margin: 0px;
	padding: 15px;
	bottom: 15px;
	right: 15px;
	position: absolute;
	font-family: Verdana;
	font-size: 12px;
	color: #065072;
	text-align: right;
}
#twitter #personTwitter a{color:#065072; text-decoration:none;}
#twitter #personTwitter a:hover{ text-decoration:underline;}

#bread {
	width: 617px;
	margin: 0px;
	padding: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}
	

#middle {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
}

#colesquerda {
	background-color: #FFF;
	width: 254px;
	margin-top: 110px;
	padding: 20px;
	float: left;
}

#colesquerdaHOME {
	width: 294px;
	margin-top: 110px;
	padding: 0px;
	float: left;
}

#colesquerdaHOME p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: lighter;
	line-height: 24px;
	color: #808285;
}


#colesquerdaHOME .HOMEbackground {
	background-color: #FFF;
	width: 254px;
	margin: 0px;
	padding: 20px;
}

#colesquerdaHOME .HOMEaspas {
	width: 294px;
	height: 247px;
	margin: 0px;
	padding: 0px;
	background: url(../images/home_depoimento.png) no-repeat 0px 0px;
}

#colesquerdaHOME .depoimento {
	background-color: #FFF;
	margin: 0px;
	padding: 0px 0px 0px 42px;
	float: left;
	background: url(../images/depoimentoHOME.png) no-repeat 0px 0px;
}

#secao {
	width: 617px;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	float: right;
}

#conteudo {
	width: 617px;
	margin: 0px;
	padding: 0px;
}

#conteudo .back {
	background-color: #FFF;
	width: 577px;
	margin: 0px 0px 40px 0px;
	padding: 20px;
}

#conteudo .peq {
	background-color: #FFF;
	width: 132px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#conteudo .med {
	background-color: #FFF;
	width: 425px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#conteudo .grd {
	background-color: #FFF;
	width: 577px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#conteudo .modulo {
	background-color: #ccc;
	width: 522px;
	margin: 0px;
	padding: 0px 0px 0px 55px;
	float: left;
}

#conteudo .depoimento {
	background-color: #FFF;
	width: 519px;
	margin: 0px;
	padding: 0px 0px 0px 62px;
	float: left;
	background: url(../images/depoimentoesq.png) no-repeat 0px 0px;
}

#conteudo .tweet {
	background-color: #FFF;
	width: 577px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	background: url(../images/tweet.png) no-repeat right bottom;
}

#conteudo .espaco {
	margin-bottom: 25px;
}

#conteudo .btngrdROSA {
	background-color: #D14E60;
	width: 617px;
	height: 66px;
	margin: 80px 0px 40px 0px;
	padding: 0px;
}

#conteudo .btnmedVERDE {
	background-color: #ADCA37;
	width: 577px;
	height: 66px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

#conteudo .banner {
	background-color: #000;
	width: 577px;
	height: 188px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#conteudo .bannernav {
	width: 15px;
	height: 15px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	position: relative;
}

#conteudo #calendar {
	width: 425px;
	margin: 0px;
	padding: 0px;
}

#sobreTIPOS {
	width: 617px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

#sobreTIPOS .sobreOFFICIAL {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/sobreOFFICIAL.png) no-repeat 0px 0px;
}

#sobreTIPOS .sobreOFFICIALback {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #48C2C5;
}

#sobreTIPOS .sobrePROFESSIONAL {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/sobrePROFESSIONAL.png) no-repeat 0px 0px;
}

#sobreTIPOS .sobrePROFESSIONALback {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #99CA3C;
}

#sobreTIPOS .sobreHANDSONLAB {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/sobreHANDSONLAB.png) no-repeat 0px 0px;
}

#sobreTIPOS .sobreHANDSONLABback {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #FFCD33;
}

#sobreTIPOS .sobreHERO {
	margin: 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/sobreHERO.png) no-repeat 0px 0px;
}

#sobreTIPOS .sobreHEROback {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #CC6666;
}









#homeTIPOS {
	width: 617px;
	margin: 0px 0px 60px 0px;
	padding: 0px;
}

#homeTIPOS .homeOFFICIAL {
	width: 296px;
	margin: 25px 25px 0px 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/homeOFFICIAL.png) no-repeat 0px 0px;
	float: left;
	position: relative;
}

#homeTIPOS .homeOFFICIALback {
	width: 296px;
	margin: 0px 25px 25px 0px;
	padding: 0px;
	background-color: #48C2C5;
	float: left;
	position: relative;
}

#homeTIPOS .homePROFESSIONAL {
	width: 296px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/homePROFESSIONAL.png) no-repeat 0px 0px;
	float: left;
	position: relative;
}

#homeTIPOS .homePROFESSIONALback {
	width: 296px;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	background-color: #99CA3C;
	float: left;
	position: relative;
}

#homeTIPOS .homeHANDSONLAB {
	width: 296px;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/homeHANDSONLAB.png) no-repeat 0px 0px;
	float: left;
	position: relative;
}

#homeTIPOS .homeHANDSONLABback {
	width: 296px;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	background-color: #FFCD33;
	float: left;
	position: relative;
}

#homeTIPOS .homeHERO {
	width: 296px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 50px;
	background: url(../images/homeHERO.png) no-repeat 0px 0px;
	float: left;
	position: relative;
}

#homeTIPOS .homeHEROback {
	width: 296px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #CC6666;
	float: left;
	position: relative;
}

#conteudo .aconteceuDATA {
	background-color: #FFF;
	width: 132px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	float: right;
}

#conteudo .aconteceuTITULO {
	background-color: #FFF;
	width: 425px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	float: left;
}


.espacoFOTOS {
	margin-bottom: 10px;
}

#bottom {
	z-index: 0;
	height: 750px;
	width: 100%;
	margin-top:75px;
	position: absolute;
}

#footer {
	z-index: 2;
	background-color: #065072;
	height: 750px;
	width: 100%;
	margin-top: 75px;
	position: absolute;
}

#footerSOBRE {
	z-index: 13;
	width: 294px;
	left: 0px;
	margin-top: 50px;
	position: absolute;
}

#footerNAVEGACAO {
	z-index: 13;
	width: 294px;
	left: 0px;
	bottom: -700px;
	position: absolute;
}

#footerCONTATO {
	z-index: 13;
	width: 294px;
	left: 323px;
	margin-top: 50px;
	position: absolute;
}

#footerREDE {
	z-index: 13;
	width: 294px;
	left: 323px;
	bottom: -700px;
	position: absolute;
	text-align: left;
	display: inline-table;
}

#footerREDE a {
	margin:0px;
	padding:0px;
}

#footerREDE a img {
	margin:0px 24px 0px 0px;
	padding:0px;
	float:left;
}

#footerTREINAMENTOS {
	z-index: 13;
	width: 294px;
	right: 0px;
	margin-top: 50px;
	position: absolute;
}

#footerTOPO {
	z-index: 13;
	width: 294px;
	right: 0px;
	bottom: -750px;
	position: absolute;
	text-align: right;
}

.clear { clear:both; }

div.banner { 
    position:relative; 
    overflow:hidden; 
    width: 577px; 
    height:188px; 
} 
 
div.banner div.items { 
    width:20000em; 
    position:absolute; 
} 

div.banner div.items div { 
    float:left; 
} 

div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

