html { WIDTH:100%; height:100%; }
		body { WIDTH:100%; overflow:hidden; margin:0; padding:0; height:100%; background:#000; font-family: arial; font-size:12px; color:white;}
		
		
@font-face {
    font-family: '232MKSDRoundLightRegular';
    src: url('fontes/232mkl__-webfont.eot');
    src: url('fontes/232mkl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/232mkl__-webfont.woff') format('woff'),
         url('fontes/232mkl__-webfont.ttf') format('truetype'),
         url('fontes/232mkl__-webfont.svg#232MKSDRoundLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: '232MKSDRoundMediumRegular';
    src: url('fontes/232mkm__-webfont.eot');
    src: url('fontes/232mkm__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/232mkm__-webfont.woff') format('woff'),
         url('fontes/232mkm__-webfont.ttf') format('truetype'),
         url('fontes/232mkm__-webfont.svg#232MKSDRoundMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

		
		#content
		{
			width:100%;
			height:100%;
			/*height:300px;*/
			
		}
		
		#makeMeScrollable
		{
			width:100%;
			/*height: 330px;*/
			height:100%;
			/*min-height:500px;*/
			position: relative;
			/*background:#00f;*/
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		

#painel1Padrao,#painel2Padrao,#painel3Padrao,#painel4Padrao {
	 transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
	
	opacity: 0.8;
	background: url('images/padrao.png');
  -moz-transition-property: opacity;
  -moz-transition-duration: 1s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 1s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0s;	
	/*cursor: pointer;*/
}

#painel1Padrao:hover,#painel2Padrao:hover,#painel3Padrao:hover,#painel4Padrao:hover {
  opacity: 0;
	/*cursor: pointer;*/
  
/* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 1s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 1s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0s;
	
	
	background: url('images/padrao.png');	
}

.voltar {
	opacity: 1;
  -moz-transition-property: opacity;
  -moz-transition-duration: 2s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 2s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 2s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 2s;
  transition-delay: 0s;
	
}	
.clarear {
  opacity: 0.3;
  /* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 2s;
  -moz-transition-delay: 0s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 2s;
  -webkit-transition-delay: 0s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 2s;
  -o-transition-delay: 0s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 2s;
  transition-delay: 0s;
	
	background: url('images/padrao.png');
}


.fundo_barras {
		background: url(images/fundo.png);
}

#nav {
	
	list-style: none;
	padding: 0;
	/*margin: 10px 0 20px 0;*/
	margin: auto 0;
	
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	/*padding: 7px 20px;*/
}
#nav li a.primeiros {
	padding: 7px 20px 7px 20px;
}
#nav li a.ultimo {
	padding: 7px 0px 7px 20px;
}
#nav li a:hover {
	/*background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;*/
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}



/******
BUBBLE
******/
		#painel1Bubble {
			color: #fff;
			opacity: 0;
			visibility: hidden;
			/*width:520px;*/
			position: absolute;
			text-decoration: none;
			
			-moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			/*pointer-events:none;*/
		}
		
		.painel1BubbleOn {
			opacity: 1;
			visibility: visible;
			-moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			-ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
		}

.box {
		 border: 1px solid #ffffff;
		 background: #ffffff;
		 font-size:14px;
		 font-family: '232MKSDRoundLightRegular';
		 width:250px;
}
.boxBot {
		 margin-top:10px;
		 border: 1px solid #000000;
		 background: #000000;
		 color: #ffffff;
		 font-size:14px;
		 font-family: '232MKSDRoundLightRegular';
		 width:80px; height:25px; 
}
.boxBot:hover {
		 border: 1px solid #ffffff;
		 background: #ffffff;
		 color: #000000;
}


/*************
form contact
*************/

fieldset{border:0;margin:0; padding:0;}
form{margin:0; padding:0;}
input:focus, textarea:focus{border-color:#000;}
.loading, #resposta{width:230px; display:none;}

#nomeMsg,#mensagemMsg,#emailMsg {display:none;}




/***************
marketing solutions
**************/

#Parallax {
	/*background-color: #880088;*/
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;

}

#Parallax img {
	position: absolute;
	top: 0;
	left: 0;
}

.divsP {
  opacity:0.5;
			-moz-transition: opacity 1s ease-in-out, visibility 0.4s ease-in-out;
			-webkit-transition: opacity 1s ease-in-out, visibility 0.4s ease-in-out;
			-o-transition: opacity 1s ease-in-out, visibility 0.4s ease-in-out;
			-ms-transition: opacity 1s ease-in-out, visibility 0.4s ease-in-out;
			transition: opacity 1s ease-in-out, visibility 0.4s ease-in-out;
}


/*
	portfolio
*/
.portfolioTit {
		 color: #ffffff;
		 font-size:22px;
		 /*font-family: '232MKSDRoundMediumRegular';*/
		 font-family: 'Open Sans', sans-serif;
		 font-weight:bold;
		 text-align:right;
		 
		 position:absolute;
		 
		 height:30px;
		 margin-top:-220px; top:50%;
		 
		 /*background:#0f0;*/
		 
		 width:653px;
		 margin-left:-125px;
		 left:50%;
		 
		 text-align:right;
		 text-transform:uppercase;
		 
		 z-index:20002;		 
}
.portfolioLinha {
		 color: #ffffff;
		 font-size:18px;
		 font-family: '232MKSDRoundMediumRegular';
		 font-weight:bold;
		 text-align:right;
		 
		 position:absolute;
		 
		 height:30px;
		 margin-top:-225px; top:50%;
		 
		 /*background:#0f0;*/
		 
		 width:653px;
		 margin-left:-280px;
		 left:50%;
		 
		 text-align:right;
		 
		 z-index:20002;		 
}
.portfolioDes {
		 color: #ffffff;
		 font-size:14px;
		 /*font-family: '232MKSDRoundLightRegular';
		 font-weight:bold;*/
		 font-family: 'Open Sans', sans-serif;
		 
		 position:absolute;
		 
		 height:50px;
		 margin-top:-190px; top:50%;
		 
		 /*background:#0f0;*/
		 
		 width:653px;
		 margin-left:-125px;
		 left:50%;
		 
		 text-align:right;
		 text-transform:uppercase;
		 
		 z-index:20002;		 
}

/* PAINEIS*/
.fundoPaineisPadrao	 {
	position:absolute; bottom:0px;left:0px;/*height:60px;*/ width:100%; background:#ffffff;pointer-events:none;
}
.txtPaineisPadrao	 {
	padding-top:12px; padding-right:10px; text-align:right;font-family: '232MKSDRoundMediumRegular';font-size:22px; /*font-weight:bold;*/
}

/* SOBRE NÓS */	
.sobreNos {
				margin:0 auto; height: 300px; width: 990px;
}
.sobreNosEsq {
				margin-top:80px; float:left; width:190px;
}
.sobreNosDir {
				margin-top:107px; float:right; max-width:790px;min-width:390px;
}

#tit1,#tit2,#tit3 { width:100%; top:60%;  }

@media screen and (max-width: 900px) {
			 /* MENU */
      #nav li a.primeiros {
      	padding: 7px 10px 7px 10px;
      }
      #nav li a.ultimo {
      	padding: 7px 0px 7px 10px;
      }		
			
			/* PAINEIS*/
			.fundoPaineisPadrao	 {
					position:absolute; bottom:0px;left:0px/*height:100px; width:160px;*/ pointer-events:none;
			}
      .txtPaineisPadrao	 {
      	padding-top:30px; padding-right:10px; text-align:right;font-family: '232MKSDRoundLightRegular';font-size:18px; font-weight:bold;
      }		
			
			
			/* SOBRE NÓS */	
			.sobreNos {
								margin:0 auto; height: 300px; width: 100%;
			}
      .sobreNosEsq {
      				margin-top:80px; float:left; width:25%;
      }
      .sobreNosDir {
      				margin-top:107px; float:right; width:70%;
      }			
}

@media screen and (max-width: 700px) {
			 /* MENU */
      #logoMotocar { width:150px;  }
      #logoFB { width:20px;  }
      #logoGPLUS { width:20px;  }

      #tit1,#tit2,#tit3 { width:120px; top:55%;  }

}