body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}



.ContentSite
{
	position:relative;
	float:left;
	width:984px;
	height:auto;
	left:50%;
	margin-left:-490px;
	border:0px #234567 solid;
	text-align:center;
}


.ContentSiteFull
{
	position:relative;
	float:left;
	width:984px;
	height:100%;
	left:50%;
	margin-left:-490px;
	border:0px #234567 solid;
	text-align:center;
}


.separatorTitle
{
    width:315px;
    height:80px;
    position:absolute;
    z-index:999;
    background:url(../image/separator.png);
}


.separatorTitle span
{
    position:relative;
	float:left;
    font-family: 'Rosario', sans-serif;
    font-size:20px;
    color:#fff;
    margin-top:20px;
    margin-left:95px;
    border:0px #00ff00 solid;
}


.separator
{
    position:absolute;
    width:200px;
    height:auto;
    border:0px solid #ccc;
    left:38%;
	margin-left:0px;
	border:0px #00ff00 solid;
}


.boxSeparator
{
    position:relative;
	float:left;
    width:100%;
    height:1px;
    border-top:1px solid #ccc;
}

.boxSeparatorShadow
{
    -webkit-box-shadow: 0 10px 9px -9px #b5b4b4;
	-moz-box-shadow: 0 10px 9px -9px #b5b4b4;
	box-shadow: 0 10px 9px -9px #b5b4b4;
}



/*==================================================
 * Effect
 * ===============================================*/
 
 .effect1{
    -webkit-box-shadow: 0 10px 9px -9px #b5b4b4;
	-moz-box-shadow: 0 10px 9px -9px #b5b4b4;
	box-shadow: 0 10px 9px -9px #b5b4b4;
}
 
 
.effect2 
{
  position: relative;
  float:left;
}


.effect2:before, .effect2:after 
{
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 13px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect2:after 
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


/*
################################################################################
###############################  HEAD   ########################################
################################################################################
*/




.header
{
    position:fixed;
    z-index:9999;
	float:left;
	border-bottom:4px #fff solid;
	width:100%;
    height: 110px;
    margin:0px;
    background:url(../image/background_orange.png) center right repeat;
}


.header .headerLogo
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    width:320px;
    margin-top:-5px;
    cursor:pointer;
}

.header .headerLogo .Bar
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	height:100%;
    margin-top:27px;
    margin-right:20px;
    text-shadow: 1px 1px white, -1px -1px #444;
}

.header .headerLogo .headerLogoTitle
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'Rosario', sans-serif;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:21px;
    width:auto;
    text-align:left;
    margin-left:-14px;
}


.header .headerLogo .headerLogoSubTitle
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    color: #fff;
	font-size: 14px;
	font-family: 'Rosario', sans-serif;
    margin-top:-13px;
    margin-left:68px;
    width:auto;
    text-align:left;
    letter-spacing:1px;
}


.header .headerButton
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    color: #fff;
	font-size: 14px;
	font-family: 'Rosario', sans-serif;
    margin-top:-30px;
    margin-left:200px;
    width:800px;
    text-align:right;
}


.header .headerButton a
{
	margin-right:20px;
}


a:link {text-decoration:none;color: #fff;}
a:visited {text-decoration:none;color: #fff;}
a:hover {text-decoration:underline;color: #fff;}
a:active {text-decoration:underline;color: #fff;}


/*
################################################################################
###############################  HOME   ########################################
################################################################################
*/


#home
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height: 500px;
    margin:0px;
    background:url(../image/background.png) center right repeat;
    border-bottom: 1px solid #fff;
    margin-top:100px;
}




#homeFrame
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height:auto;
    margin-top:100px;
}


#homeFrame .divBanner
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height:400px;
    margin-top:-50px;
    background:url(../image/homepage.png) center no-repeat;
}

#homeFrame .divBanner .topMargin
{
    margin-top:20px;
}

#homeFrame .divBanner span
{
    position:relative;
	float:right;
	border:0px #00ff00 solid;
    text-align:right;
    color: #fff;
	font-size: 30px;
	margin-top:3px;
	margin-right:15px;
	font-family: 'Calibri', sans-serif;
	font-weight:bold;
    word-spacing:3px;
    width:97%;
}


.homeTitle
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    text-align:left;
    color: #8b9ea8;
	font-size: 98px;
	text-transform: uppercase;
	font-family: 'Rosario', sans-serif;
    text-shadow: 1px 1px white, -1px -1px #444;
    word-spacing:3px;
}


.homeText
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:32px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    word-spacing:3px;
    margin-top:35px;
    margin-left:4px;
    text-transform: uppercase;
 
}


.homeTextHighlight
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:50px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:0px;
    text-transform: uppercase;
    word-spacing:3px;
    margin-left:2px; 
}

/*
################################################################################
###############################  SERVICOS   ####################################
################################################################################
*/




#Service
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height: 510px;
    margin:0px;
    background:#edeef0;
    border-bottom: 1px solid #fff;
}



.separatorService
{
    position:relative;
    float:left;
    margin-top:568px;
    z-index:9999;
    cursor:pointer;
}



.contentService
{
  margin-top:80px;
  margin-bottom:40px;
}


.ContentSite .serviceText
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:36px;
    letter-spacing:1px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:0px;
    text-transform: uppercase;
    margin-left:1px;
}


.ContentSite .serviceTextHighlight
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:40px;
    letter-spacing:1px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:0px;
    text-transform: uppercase;
    margin-bottom:30px;
    margin-left:-2px;
}


.ContentSite .serviceTextDescribe
{
    position:relative;
    float:left;
    text-align:justify;
    margin-bottom:40px;
    color: #6c6a6a;
	font-size: 16px;
	font-family: 'Rosario', sans-serif;
	border:0px #00ff00 solid;
}


/*
################################################################################
###############################  ABOUT      ####################################
################################################################################
*/




#About
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height: 580px;
    margin:0px;
    background:url(../image/about.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-bottom: 1px solid #fff;
}


.separatorAbout
{
    position:relative;
    float:left;
  margin-top:1081px;
  z-index:9999; 
  cursor:pointer;
}



#aboutFrame
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	padding:30px;
	width:700px;
    height:100%;
    font-family: 'Rosario', sans-serif;
    font-size:14px;
    color:#fff;
    text-align:left;
    margin-left:100px;
    margin-top:0px;
    background:#fff;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
}



#aboutFrame .aboutText
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:33px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:0px;
    text-transform: uppercase;
    margin-bottom:20px;
    margin-top:30px;
}


#aboutFrame .aboutTextHighlight
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	font-family: 'Rosario', sans-serif;
    font-size:23px;
    color:#6c6a6a;
    text-align:left;
    text-shadow: 1px 1px white, -1px -1px #444;
    margin-top:0px;
    text-transform: uppercase;
    margin-bottom:35px; 
}


#aboutFrame .aboutTextDescribe
{
    float:left;
    text-align:justify;
    margin-bottom:40px;
    color: #6c6a6a;
	font-size: 16px;
	font-family: 'Rosario', sans-serif;
}


/*
################################################################################
###############################  CONTACT    ####################################
################################################################################
*/




#Contact
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height: 537px;
    margin:0px;
    background:#fff;
    border-bottom: 1px solid #fff;
}



.separatorContact
{
    position:relative;
    float:left;
  margin-top:1664px;
  z-index:9999;
  cursor:pointer;
}



#Contact #contactFrameContainer
{
    position:absolute;
	float:left;
	border:0px #00ff00 solid;
	width:370px;
    height:350px;
    z-index: 99;
    background:url(../image/postit.png) no-repeat;
    margin-top:80px;
    margin-left:140px;
    /*
    background:#fff;
    opacity:0.9;
    filter:alpha(opacity=90); 
    margin-left:50px;
    margin-top:70px;
    padding:20px;
    -webkit-box-shadow: 0 13px 9px -9px #b5b4b4;
	-moz-box-shadow: 0 13px 9px -9px #b5b4b4;
	box-shadow: 0 13px 9px -9px #b5b4b4;
	-moz-border-radius: 15px;
    border-radius: 15px;
   */
}


#Contact #contactFrameContainer #frame
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
    -webkit-transform: rotate(-9deg);  
    -ms-transform: rotate(-9deg); /* IE 9 */
    margin-top:90px;
  margin-left:40px;
}




#Contact #contactFrameContainer #frame .ContactText
{
    position:relative;
	float:left;
	width:100%;
    font-family: 'Rosario', sans-serif;
    font-size:14px;
    color:#6c6a6a;
    text-align:left;
    margin-bottom:35px;
}


#Contact #contactFrameContainer #frame .ContactText span
{
    position:relative;
	float:left;
	width:100%;
    font-family: 'Rosario', sans-serif;
    font-size:18px;
    color:#6c6a6a;
    text-align:left;
    margin-bottom:5px;
    font-weight:bold;
}



#Contact #contactFrameContainer #frame .ContactDescribe
{
    position:relative;
	float:left;
	width:100%;
    font-family: 'Rosario', sans-serif;
    font-size:14px;
    color:#6c6a6a;
    text-align:left;
    margin-bottom:25px;
}


#Contact #contactFrameContainer #frame .ContactDescribe span
{
    position:relative;
	float:left;
	width:100%;
    font-family: 'Rosario', sans-serif;
    font-size:18px;
    color:#6c6a6a;
    text-align:left;
    margin-bottom:5px;
    font-weight:bold;
}




#Contact #contactFrameContainer #frame .ContactDescribe a:link {text-decoration:none;color: #6c6a6a;}
#Contact #contactFrameContainer #frame .ContactDescribe a:visited {text-decoration:none;color: #6c6a6a;}
#Contact #contactFrameContainer #frame .ContactDescribe a:hover {text-decoration:underline;color: #6c6a6a;}
#Contact #contactFrameContainer #frame .ContactDescribe a:active {text-decoration:underline;color: #6c6a6a;}




#Contact #contactFrameMap
{
    position:relative;
	float:left;
	border:0px #00ff00 solid;
	width:100%;
    height:100%;
    z-index:20;
}




/*
################################################################################
###############################  FOOTER     ####################################
################################################################################
*/



#footer
{
    position:relative;
    z-index:9999;
	float:left;
	border-top:0px #fff solid;
	width:100%;
    height: 30px;
    margin:0px;
    background:url(../image/background_orange.png) center right repeat;
}


#footer .footerText
{
    font-family: 'Rosario', sans-serif;
    font-size:12px;
    color:#fff;
    text-align:left;
    margin-top:8px;
    font-weight:bold;
    position:relative;
    float:right;
    margin-right:10px;
}