@import "http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800";

body {background-image:url(../images/portfolio/concrete_wall.png); background-color:#666; width:800px; margin:0px auto; font-family: 'Open Sans', Arial; font-size:7pt; position:relative; bottom:0px;}
#header {width:800px; height:85px; margin:0px auto; background-color:none; color:#555; text-transform:uppercase; font-size:50pt; font-weight:300; line-height: 1.25em; letter-spacing: 0.15em; text-align:center;}
.corpo {position:relative; float:left; background:#FFFFFF; width:800px;  color:#333; margin:0px auto; min-height:600px; max-height:1700px;
	/*zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;*/
	-webkit-box-shadow: 0px 0px 5px 5px #2f2f2f;
	-moz-box-shadow: 0px 0px 5px 5px #2f2f2f;
	box-shadow:  0px 0px 5px 5px #2f2f2f;}
 .menu {position:relative; width:420px; font-weight:300; font-size:10pt; margin:0px auto;}
	.menu .wrapper {margin:0 auto; width:420px;}
	.menu ul {list-style:none; width:420px; margin:0 auto; padding:0; display:block;}
	.menu .end {margin:0;}
	.menu .wrapper a.active {color:#999; background-image:url(../images/portfolio/concrete_wall.png); height:25px; font-weight:400;
		/*background: -webkit-gradient(linear, left top, left bottom, from(#198CB6), to(#094d64));
		background: -webkit-linear-gradient(top, #198CB6, #094d64);
		background: -moz-linear-gradient(top, #198CB6, #094d64);
		background: -ms-linear-gradient(top, #198CB6, #094d64);
		background: -o-linear-gradient(top, #198CB6, #094d64);*/
                -webkit-box-shadow: rgba(51,51,51,1) 0 1px 0;
                -moz-box-shadow: rgba(51,51,51,1) 0 1px 0;
                box-shadow:  0 1px 5px #333;
		-webkit-border-radius:0px 0px 4px 4px;
		-moz-border-radius:0px 0px 4px 4px;
		border-radius:0px 0px 4px 4px;
	}

	 .menu ul a {float:left; /*background:url('../images/headerMenuInactive.png') top left repeat-x;*/ width:136px; margin:0 4px 0 0; color:#808080; text-decoration: none;
		-webkit-border-radius:0px 0px 4px 4px; 
		-moz-border-radius:0px 0px 4px 4px; 
		border-radius:0px 0px 4px 4px;
	}
	 .menu ul a:hover {width:136px; color:#333; font-weight:400; margin-top:0px;
		background-color:#fff;
		/*background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#0555));
		background: -webkit-linear-gradient(top, #333, #555);
		background: -moz-linear-gradient(top, #333, #555);
		background: -ms-linear-gradient(top, #333, #555);
		background: -o-linear-gradient(top, #333, #555);
                -webkit-box-shadow: rgba(51,51,51,1) 0 1px 0;
                -moz-box-shadow: rgba(51,51,51,1) 0 1px 0;
                box-shadow:  0 1px 5px #333;*/
	}
	.bottom {width:800px; height:20px;}
        

.logo {background:#333; color:#FFF; position:relative; float:left; width:500px; height:72px; margin:22px 50px; top:14px;}
.topBorderRadius5 {-webkit-border-top-left-radius: 10px;
                    -webkit-border-top-right-radius: 10px;
                    -moz-border-radius-topleft: 10px;
                    -moz-border-radius-topright: 10px;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;}
                    
.boxShadow {-webkit-box-shadow: 0px 0px 5px 5px #2c2c2c;
	-moz-box-shadow: 0px 0px 5px 5px #2c2c2c;
	box-shadow:  0px 0px 5px 5px #2c2c2c;}

.transparent {
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.apresentacao {width:455px; height:65px; font-size:9pt; line-height:1.5em; text-align:left; position:relative; float:left; margin:25px 30px 10px 47px;}

.bold {font-weight:600;}
.laranja {font-weight:600; color:#000; background-color:#b0ff00; padding:1px 4px; margin-bottom:6px;}
.uppercase {text-transform:uppercase;}
.lightGrey {color:#999;}

a.email:link, a.email:visited {text-decoration:none; color:#000; font-weight:600; padding:2px 4px; margin-left:-4px;}
a.email:active, a.email:hover {background-color:#b0ff00; color:#333333; font-weight:600;}

form {float:left; height:100%; width:395px;}

label {float:left; width:210px; text-transform:uppercase; font-size:10px; margin:0 0 8px 0; color:#FFF;}
        /*Hack para Firefox*/
        @-moz-document url-prefix() { 
          label {
             margin:0 0 5px 0;
          }
        }
	label.short {width:100px;}
		label.short select {height:16px; width:85px; font-size:11px; margin:0; text-transform:none; }
input {height:20px; width:390px; font-size:11px; margin:0; color:#555; border:0px; padding-left:5px;}
	input.send {background-color:#b0ff00; height:25px; padding:2px; width:70px; margin-top:5px; font-size:12px; color:#333; font-weight:600; letter-spacing:0.05em; cursor:pointer; }
	textarea {height:100px; width:390px; font-size:11px; margin:0; color:#555; border:0px; padding-left:5px; line-height: 17px; overflow: auto; font-family: 'Open Sans', Arial;}

.borderRadius5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.borderRadius2 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button {
   border-top: 1px solid #fff;
   /*border-color: #FFFFFF -moz-use-text-color -moz-use-text-color;*/
   background: #F26A3D;
   background: -webkit-gradient(linear, left top, left bottom, from(#F26A3D), to(#E94F1B));
   background: -webkit-linear-gradient(top, #F26A3D, #E94F1B));
   background: -moz-linear-gradient(top, #F26A3D, #E94F1B);
   background: -ms-linear-gradient(top, #F26A3D, #E94F1B);
   background: -o-linear-gradient(top, #F26A3D, #E94F1B));
   -webkit-box-shadow: rgba(51,51,51,1) 0 1px 0;
   -moz-box-shadow: rgba(51,51,51,1) 0 1px 0;
   box-shadow:  0 1px 5px #333;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color:#FFFFFF;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top:1px solid red;
   background: #E94F1B;
   }
.button:active {
   border-top-color: #E94F1B;
   background: #E94F1B;
   }
a {border:0px;}
.fomularioCondicoes {float:left; height:330px; width:450px; margin:0px 0 0px 47px;}
.fomulario {background:url('../imagens/fundoForm1.png') top left no-repeat; height:220px; width:210px; margin:0; float:left; padding:15px 0 0 22px;}
.fomulario2 {background:url('../imagens/fundoForm2.png') top left no-repeat; height:75px; width:210px; margin:0 -10%; position:relative; float:left; padding:15px 0 10px 22px;}
.condicoes {height:230px; width:205px; margin:110px 0 0 0; float:left; padding:0px 0 0 0; color:#333; font-size:10px; line-height:15px;}

/*===== CSS para input type="file" =====*/
input.file_input_textbox{float:left; width:120px; height:15px; border:solid 0px #E84E0F; color:#333; background-color:#FFF; font-size:11px; padding:0 2px; margin:2px 10px 0 0;}

#file_input_div {position:relative; overflow:hidden; height:15px; width:50px; display:inline;}

.file_input_button {position:relative; height:15px; width:50px; margin:2px 0 0 0; padding-bottom:2px; background-color:#E84E0F; color:#FFFFFF; border-style:none; font-size:10px; cursor:pointer;}

.file_input_hidden{font-size:7px; position:absolute; height:15px; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
/*===== CSS para input type="file" =====*/

/*===== CSS para About =====*/
.face {position:relative; float:left; margin:40px 0px 30px 50px; border-bottom:20px solid #b0ff00; height:175px; width:450px;}
/*===== CSS para About =====*/

/*===== CSS para portfolio =====*/
.wrapperPortfolio {margin:0 50px; width:inherit;}
.clearBoth {clear:both; height:40px;}
.titlePortfolio {position:relative; float:left; font-size:2em; font-weight:300; background-color:#999; width:200px; height:200px; margin:0 50px 50px 0;}
.titlePortfolio a:link {color:#FFF; text-decoration:none; width:200px; height:200px; display:block;}
.titlePortfolio a:hover {background-color:#b0ff00; color:#000; z-index:10000;}
/*===== CSS para portfolio =====*/

/*===== CSS para Experience =====*/
a.paragraph:link, a.paragraph:visited {text-decoration:none; color:#333; font-weight:600;}
a.paragraph:active, a.paragraph:hover {color:#000;}
/*===== CSS para Experience =====*/

/*===== CSS para Contact =====*/
[data-title]:hover:after{content:attr(data-title); padding:8px; color:#FFF; position:absolute; right:0px; top:-40px; display:block; z-index:100; background-color:#333;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow: rgba(51,51,51,1) 0 1px 0;
  -moz-box-shadow: rgba(51,51,51,1) 0 1px 0;
  box-shadow:  0 1px 5px #333;
  /*-moz-box-shadow:0px 0px 4px #222;
  -webkit-box-shadow:0px 0px 4px #222;
  box-shadow:0px 0px 4px #222;*/
    /*opacity:.90; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:70; -moz-opacity:.90;*/}
    
fieldset {border:0; width:400px; padding:10px 25px; background-image:url(../images/portfolio/concrete_wall.png); color:#FFF;
	-webkit-box-shadow: 0px 0px 2px 2px #999;
	-moz-box-shadow: 0px 0px 2px 2px #999;
	box-shadow:  0px 0px 2px 2px #999}
	
div.formTitle {position:absolute; margin:-10px 0 0 20px;}
}
/*===== CSS para contact =====*/