@charset "utf-8";
@import "reset-min.css";

/*** Style Definitions ***/
html			{ background: url(../images/bg.png) center top repeat-x fixed #A2DCFB; font-family:Arial, Helvetica, sans-serif; }
html, body { vertical-align: baseline; }


/*** Clouds ***/
.parallaxitem			{ width:100%; height:100px; overflow:hidden; position: absolute; top: 0; }
.parallaxbg				{ width:3000px; height:100%; background:url(../images/bg-clouds-small.png) repeat-x;}

#pi1 { height: 283px; bottom: 0px; top: auto; z-index: 40; }
#pb1 { background: url(../images/city_1.png) left bottom repeat-x; width: 2874px; }

#pi2 { height: 290px; bottom: 0px; top: auto; z-index: 30; }
#pb2 { background: url(../images/city_2.png) 125px bottom repeat-x; width: 3146px; }

#pi3 { height: 969px; bottom: 0px; top: auto; z-index: 20; }
#pb3 { background: url(../images/city_3.png) left bottom repeat-x; width: 2603px; }

#pi4 { height: 627px; bottom: 0px; top: auto; z-index: 10; }
#pb4 { background: url(../images/city_4.png) left bottom repeat-x; width: 2711px; }


#pi5 { height: 260px; bottom: 320px; top: auto; z-index: 4; }
#pb5 { background: url(../images/cloud_1.png) -100px bottom repeat-x; width: 3000px; }

#pi6 { height: 290px; bottom: 360px; top: auto; z-index: 3; }
#pb6 { background: url(../images/cloud_2.png) left bottom repeat-x; width: 3000px; }

#pi7 { height: 172px; bottom: 340px; top: auto; z-index: 2; }
#pb7 { background: url(../images/cloud_3.png) left bottom repeat-x; width: 3000px; }

#pi8 { height: 468px; width: 411px; bottom: 0; top: auto; z-index: 22; cursor: pointer; }
#pb8 { background: url(../images/monster.png) left bottom no-repeat; width: 411px; height: 458px; bottom: 0; top: auto; position: absolute; }
#pi8.monster-reverse #pb8 { background-image: url(../images/monster2.png); }

/*** Header ***/
#hlogo				{ float:left; position:absolute; top:0px; left:10px; z-index:999; display: block; overflow: hidden; text-indent: -9999px; background: url(../images/logo_header.png) 10px 10px no-repeat; height: 84px; width: 414px; display: none; }

#menu				{ float:right; position:absolute; top:20px; right:10px; z-index:1000; }
#menu li			{ float:left; }

#menu a				{ display: block; height: 45px; width: 117px; overflow: hidden; outline: none; text-indent: -9999px; background: url(../images/nav.png) 0 0 no-repeat; margin: 0 10px 0 0; }
#menu.menuen a		{ background-image: url(../images/nav_en.png); }

#menu a#link1		{ background-position: 0 0; }
  #menu a#link1:hover	{ background-position: 0 -50px; }
  #menu a#link1.selected{ background-position: 0 -100px; }
  
#menu a#link2		{ background-position: -127px 0; width: 161px; }
  #menu a#link2:hover	{ background-position: -127px -50px; }
  #menu a#link2.selected{ background-position: -127px -100px; }
  
#menu a#link3		{ background-position: -300px 0; width: 175px; }
  #menu a#link3:hover	{ background-position: -300px -50px; }
  #menu a#link3.selected{ background-position: -300px -100px; }
  
#menu a#link4		{ background-position: -487px 0; width: 150px; }
  #menu a#link4:hover	{ background-position: -487px -50px; }
  #menu a#link4.selected{ background-position: -487px -100px; }

#menu a.flag		{ width: 48px; background: url(../images/flag_uk.png) 0 0 no-repeat; opacity: 0.3; filter: alpha(opacity=30); *background-image: url(../images/ie6/flag_uk.png); }
#menu a.flag:hover		{ opacity: 0.7; filter: alpha(opacity=70); }
#menu a#flagBR		{ background-image: url(../images/flag_br.png); *background-image: url(../images/ie6/flag_br.png); }


/*** Body Content ***/
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index: 32; }

#mask		{ width:400%; height:100%; z-index: 33; }
  #mask	li.box	{ width:25%; height:100%; position: relative; z-index: 34; }

.box		{ width:25%; height:100%; float:left; }

#box1 #logo { float: left; display: block; overflow: hidden; width: 325px; height: 300px; background: url(../images/logo.png) 0 0 no-repeat; margin: 0 0 0 35px; text-indent: -9999px; }

.content	{ width:1004px; height:700px; bottom: 0px; margin: 0 auto; position: absolute; z-index: 35; left: 50%; margin-left: -502px; }
.content .inner	{ width:582px; height:660px; padding: 20px; margin: 0 0 0 0; z-index: 36; float: right; background: url(../images/square_bg.png) 0 0 repeat; font-family: "Comic Sans MS", cursive; }

#box1 .content .inner { background: none; }
  #box1 .content .inner p { display: none; }
  #box1 .content .inner .obrigado { width: 350px; margin-top: 0; }
    #box1 .content .inner .obrigado p { display: block; background: url(../images/square_bg.png) 0 0 repeat; padding: 0 20px; line-height: 50px; color: #952067; font-size: 20px; font-weight: bold; }

#box2 .content .inner { }
  #box2 .content .inner h2 { margin: 0 0 20px 0; font-size: 40px; font-weight: bold; color: #952067; line-height: 40px; }
  #box2 .content .inner p { margin: 0 0 18px 0; font-size: 15px; color: #1D8E9E; font-weight: bold; line-height: 20px; }
  #box2 .content .inner a { color: #952067; }
  #box2 .content .inner ul.check { }
    #box2 .content .inner ul.check li { line-height: 22px; margin: 0 0 6px 0; background: url(../images/check.png) 0 1px no-repeat; padding: 0 0 0 30px; }
  #box2 .content .inner #servmenu { }
    #box2 .content .inner #servmenu li { display: inline; float: left; }
      #box2 .content .inner #servmenu li a { display: inline-block; width: auto; line-height: 26px; padding: 0 15px 0 15px; text-decoration: none; border-bottom: solid 1px #70D6E4; outline: none; }
      #box2 .content .inner #servmenu li a.active { border: solid 1px #70D6E4; border-bottom: none; }
  #box2 .content .inner #servicos { clear: both; padding: 10px 0 0 0; }
  #box2 .content .inner .serv { display: none; }
  #box2 .content .inner #serv1 { display: block; }
  #box2 .content .inner #serv3 { }
    #box2 .content .inner #serv3 ul { }
      #box2 .content .inner #serv3 ul li { display: inline; padding: 6px; width: auto; }
        #box2 .content .inner #serv3 ul li img { width: 80px; }

#box3 .content .inner { background: url(../images/square_lucas_bg.png) left top no-repeat; padding: 32px 20px 20px 147px; line-height: 40px; *width: 740px !important; }
  #box3 .content .inner h2 { margin: 0 0 20px 146px; font-size: 40px; font-weight: bold; color: #952067; }
  #box3 .content .inner p { margin: 0 0 8px 146px; font-size: 15px; color: #1D8E9E; font-weight: bold; line-height: 20px; }
  #box3 .content .inner a { color: #952067; }

#box4 .content .inner { }
  #box4 .content .inner h2 { margin: 0 0 20px 0; font-size: 40px; font-weight: bold; color: #952067; line-height: 40px; }
  #box4 .content .inner p { margin: 0 0 8px 0; font-size: 15px; color: #1D8E9E; font-weight: bold; line-height: 20px; }
  #box4 .content .inner a { color: #952067; }
  
  #box4 form { display: block; *display: inline; overflow: hidden; float: left; width: 420px; clear: both; }
  #box4 input, #box4 textarea { padding: 5px; margin: 0 0 5px 0; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 400px; background: #FFFFFF; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); font-family: "Comic Sans MS", cursive; font-size: 16px; font-weight: bold; color: #952067; *background: #FFF; }
  #box4 input:hover, #box4 textarea:hover,  #box4 input:focus, #box4 textarea:focus { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; }
  #box4 textarea { height: 80px; line-height: 150%; }
  #box4 input:hover, #box4 textarea:hover, #box4 input:focus, #box4 textarea:focus { border-color: #C9C9C9; }
  #box4 label { color: #333; display: block; }
  #box4 .submit input { width: auto; padding: 9px 15px; margin: 8px 0 0 0; background: #617798; border: 0; font-size: 14px; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; }

  #box4 #social { float: right; width: 150px; height: 320px; *display: inline; }
    #box4 #social .twitter { display: block; overflow: hidden; text-indent: -9999px; background: url(../images/twitter_bird.png) 0 0 no-repeat; width: 114px; height: 102px; position: absolute; margin: 220px 0 0 20px; }



.smallheight #menu { top: 6px !important; }
.smallheight .content { height: 580px !important; }
  .smallheight .content .inner { height: 540px !important; }
  .smallheight .content .opth { display: none !important; }
  .smallheight #box4 { }
    .smallheight #box4 #social { display: none !important; }
    .smallheight #box4 form { width: 582px !important; }
      .smallheight #box4 form .formleft { float: left; width: 270px !important; }
        .smallheight #box4 form .formleft input { width: 260px !important; }
      .smallheight #box4 form .formright { float: right; width: 270px !important; }
        .smallheight #box4 form .formright textarea { width: 260px !important; height: 100px !important; }
      .smallheight #box4 form .submit { clear: both !important; }

li.leaf, li.collapsed, li.expanded {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}