/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input, textarea{
	outline:none;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
















@font-face {
    font-family: 'klavika_ch_lightregular';
    src: url('klavikach-light-webfont.eot');
    src: url('klavikach-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavikach-light-webfont.woff') format('woff'),
         url('klavikach-light-webfont.ttf') format('truetype'),
         url('klavikach-light-webfont.svg#klavika_ch_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'klavika_ch_regularregular';
    src: url('klavikach-regular-webfont.eot');
    src: url('klavikach-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavikach-regular-webfont.woff') format('woff'),
         url('klavikach-regular-webfont.ttf') format('truetype'),
         url('klavikach-regular-webfont.svg#klavika_ch_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




html,body {
	height:100%;
	margin: 0;
	padding: 0;
}

textarea { 
    resize: none; 
}

img {
  
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
	
}


body{
	background: url(../images/bg.jpg) repeat center center;
	font-family: 'klavika_ch_lightregular';
	line-height: 22px;
	
}


a{
 text-decoration:none;
 color:#00aeef;
}


strong {
	font-family: 'klavika_ch_regularregular';
}





.shadow {
	 	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
		
		
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');
}

.shadow2 {
	 	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		
		
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
}

.textShadow {
	text-shadow: black 0.1em 0.1em 0.3em;
}


































#content{
		margin:0px auto;
		width:100%;
		clear:both;
	}
	
#content div {
	/*margin: 0px auto;*/
}

.central {
	margin: 0px auto;
}

.wrapper {
	position:relative;
	width:980px;
	min-width:980px;
	height:auto;
	margin:0px auto;
	text-align: center;
	/*border:1px solid aqua;*/
}




		




#linhaTopo {
	width:100%;
	height:10px;
	background-color: #0987b5;
	
}










.butLinksMenu {
	cursor:pointer;
}

.butLinksMenu a{
	text-decoration:none;
}

.butLinksMenu a:link{
  	color:#1c1a1b;
}

.butLinksMenu a:visited{
  	color:#1c1a1b;
}

.butLinksMenu a:hover{
  	color:#1c1a1b;
}

.butLinksMenu a:active{
  	color:#1c1a1b;
}





#areaVideo {
	width:100%;
	height:558px;

}

#butContainer{
		height:0px;
		
}


#buttonLanguage {
	color: #fff;
	z-index: 1000;
	position: relative;
	width: 87px;
	height: 24px;
	left: 792px;
	margin-top: -11px;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 6px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #0f91bb;
	font-size: 11px;
}

#buttonLanguage a{
	text-decoration:none;
}

#buttonLanguage a:link{
  color:#fff;
}

#buttonLanguage a:visited{
  color:#fff;
}

#buttonLanguage a:hover{
  color:#fff;
}

#buttonLanguage a:active{
  color:#fff;
}





#destaqueVideo {
	position: relative;
	width:960px;
	height:530px;
	text-align: center;
	margin-top: 30px !important;
}



#introPapel {
	width:100%;
	height:574px;
	background: url(../images/bgPapel.jpg) repeat center center;
}


#mainConteudo {
	width:100%;
	height:auto;
}







h1 {
	font-family: 'klavika_ch_lightregular';
	font-size: 80px;
	letter-spacing: -5px;
	line-height: 71px;
}

h2 {
  font-family: 'klavika_ch_lightregular';
	font-size: 50px;
}

.azul {
	color:#0f91bb;
}


#destaqueTexto1 {
	position:relative;
	width: 500px;
	height: 339px;
	left: 70px;
	top: 50px;
	text-align: left;
}

#linhaTitulo {
	position:relative;
	width: 382px;
	height: 52px;
	left: 0px;
	background: url(../images/linhaTitulo.png) no-repeat center center;
}

#setaTitulo {
	position:relative;
	width: 76px;
	height: 74px;
	left: 246px;
	top: -75px;
	background: url(../images/seta.png) no-repeat;
}

#logosTitulo {
	position:relative;
	width: 344px;
	height: 84px;
	left: -12px;
	top: -66px;
	background: url(../images/logos.png) no-repeat;
}

#textoIntro {
	position:relative;
	text-align: left;
	color:#58595b;
	width: 344px;
	height: 284px;
	left: 538px;
	top: -281px;
}

.colunaDireita {
	text-align: left;
	margin-left:300px;
	margin-right:75px;
}

.colunaEsquerda {
	text-align: left;
	margin-left:75px;
	margin-right:300px;
}

.imagemConteudo {
	margin-top:40px;
	margin-bottom:40px;
}








#mainTexto {
	color:#d1d3d4;
	top:40px;
}



.janelaCodigo {
	
	margin:0px auto;
	margin-top:40px;
	margin-bottom:40px;
	width:834px;
	height:300px;
	overflow-y:scroll;
	overflow-x: hidden;
	border: 1px solid #081b13;
	background-color: #212121;
}












#tituloEmpresa {
	position: relative;
	margin-top: -492px !important;
	margin-left: 10px !important;	
}

#tituloPortfolio {
	position: relative;
	margin-left: -260px !important;	
	
}





#portfolio {
	height:1660px;
	width:100%;
	background: url(../images/patternCinza.jpg) repeat center center;
	padding-top: 58px;
}

#portfolio ul{
	position:relative;
	height:1000px;
}



.overThumbs {
    position:relative;
	width:217px;
	height:217px;
	margin-left: 19px !important;
	margin-top: 0px !important;
	background-color: aqua;
	z-index:100;

}

.overThumbs img{
	position:relative;
	clear:both;
}




.thumbPortfolio {
	float:left;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 19px;
}


.retornoMenu {
	position: relative;
	width:801px;
	height:62px;
	background: url(../images/retornoMenu.png) no-repeat center center;
	padding-top: 50px;
	cursor: pointer;
}

.divider {
	position: relative;
	width:796px;
	height:33px;
	background: url(../images/divider.png) no-repeat center center;
	padding:60px;
}


.linhaPequena {
	border-color: #130707;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:dotted;
	border-left-style:none;
	
	border-width: 1px;
	width:300px;
	height:10px;
	
}



	
	
	
	
#fotosPortfolio{	
	position:relative;
	width:1000px;
	height:595px;
	left: -9px;
}

.fotoPortfolio {
	position:relative;
	display:block;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	width:952px;
	height:595px;
	
}

.maskThumbsGrande {
	position:relative;
	overflow: hidden;
	background: #fff;

	width:952px;
	height:595px;	
}

.ulThumbsGrande {
	position:absolute;
	width:15000px;
	height:auto;
	background: #fff;
}

.butLeftPortfolio {
	position: absolute;
	top: 261px;
	left: 14px;
	z-index: 1001;
	cursor:pointer;
}

.butRightPortfolio {
	position: absolute;
	top: 261px;
	left: 934px;
	z-index: 1002;
	cursor:pointer;
}
	
	
.listaTrabalhoSincronizado {
	width:730px;
	position:relative;
	text-align: left;
	left:0px;
	color:#3c3c3c;
	font-size:16px;
	line-height:22px;
}

.listaTrabalhoSincronizado ul{
	margin-top:20px;
}


.linhaBranca{
	border-color: #fff;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
	
	border-width: 1px;
	width:300px;
	
}


	
	
	
#destaqueLivro {
	position:relative;
	overflow: hidden;
	width:980px;
	height:auto;
	text-align: left;
	line-height:17px;
}

#destaqueLivro #lista1{
	position: absolute;
	left: 168px;
	top: 181px;
	z-index: 20;
	color: #3C3C3C;
}

#destaqueLivro #lista2{
	position: absolute;
	left: 522px;
	top: 181px;
	z-index: 21;
	color:#c7c7c7;
	
}






#imgLivro {
	position: relative;
	left:50%;
	margin-left: -505px;
	
}

.destaqueTexto2 {
	width: 368px;
	text-align: center;
	color: #3C3C3C;
	font-size: 16px;
	padding-top: 20px;
	line-height: 19px;
}







#numeros {
	position:relative;	
}




.destaqueTextoFinal {
	position:relative;
	width: 700px;
	height:377px;
	text-align: center;
	color: #575656;
	font-family: 'linotype_didotroman';
	font-size: 102px;
	padding-top: 20px;
	line-height: 75px;
}



#mapaGoogle {
	position:relative;
	width:900px;
	height:400px;
	margin-top:30px !important;
	
}













































































#footer {
	background: url(../images/bgFooter.jpg) repeat;
	height:200px;
	width: 100%;
	margin:0px auto;
}

#footer div {
	/*background-color:#f00;*/
}

#footerContainer {
	position: relative;
	width: 900px;
	height: 168px;
	color:#ffffff;
	top:31px;
	left:30px;
	margin: 0 auto;
}

#last {
	height:auto;
	background-color: black;
	padding:20px;

}

#textoLast {
	width: 921px;
	margin: 0px auto;
	font-size: 12px;
	color: #999999;

}


#downloadCodigo {
	position:relative;
	top:13px;
	width:300px;
	
}

#footerContainer a{
 text-decoration:underline;
 color:#fff;
}

#tituloDownload {
	margin-left:-5px;
	font-size: 30px;
	color:#fff;
}

#linhaDivisoria {
	position:absolute;
	top: 6px;
	left: 345px;
	width:15px;
	height:131px;
	background: url(../images/linhaDivisoria.png) no-repeat;
}

#linhaDivisoria2 {
	position:absolute;
	top: 6px;
	left: 651px;
	width:15px;
	height:131px;
	background: url(../images/linhaDivisoria.png) no-repeat;
}

#logoAlice {
	position:absolute;
	top: 6px;
	left: 710px;
	width: 100px;
	height: 100px;
}



#contatoShare {
	position:absolute;
	top: 13px;
	left: 400px;
	width:230px;
	
}


#assina {
	margin-left: 889px !important;
	margin-top: -12px !important;
	color:#000;
}


#assina a{
	text-decoration:none;
}

#assina a:link{
  color:#000;
}

#assina a:visited{
  color:#000;
}

#assina a:hover{
  color:#e6b81c;
}

#assina a:active{
  color:#fff;
}