<!--
.body {
                  background-color: #446568;    /*58797b*/
                  padding: 0px 0px;
                  overflow-x: hidden;
                  overflow-y: hidden;
}

.clear {
	clear: none;

}
.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
                padding:1px 2px; 
                margin:7px; 
                font-family: 'Coda', sans-serif;
                font-weight: 400;
                font-size: 12px;
                font-style: italic;
                color: #030000;
                letter-spacing: 0.1em;
                text-align: left;
}
.element label {
	float:left; 
	width:74px;
                
}
.element input.text {
	float:left; 
	width:257px;
	background-color: transparent;
                  border-style:solid;
                  border-color:#030000;
                  border-width:1px;
                  box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                  -moz-box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                  -webkit-box-shadow: 1px 1px 1px rgba(226,239,231,0.5);
                  padding-left: 2px;
}
.element .textarea {
	height:120px; 
	width:257px;
	background-color: transparent;
                  border-style:solid;
                  border-color:#000;
                  border-width:1px;
                  box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                 -moz-box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                 -webkit-box-shadow: 1px 1px 1px rgba(226,239,231,0.5);
                  padding-left:2px;
                  resize: none;
                  overflow-y: auto;
}
.element .hightlight {
	border:1px solid #000;
	background:url(../images/iconCaution.gif) no-repeat 2px;
}
.element #submit {
                float:right;
                margin-right:27px;
                padding-top:1px;
                padding-bottom:5px;
                width: 110px;
                height: 20px;
                font-family: 'Coda', sans-serif;
                font-weight: 400;
                font-size: 12px;
                color: #030000;
                letter-spacing: 0.1em;
                text-align: center;
                background-color: transparent;
                border-style:solid;
                border-color:#000;
                border-width:1px;
                box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                -moz-box-shadow: 1px 1px 1px rgba(125,137,151,3.3);
                -webkit-box-shadow: 1px 1px 1px rgba(226,239,231,0.5);
                cursor: pointer;
}


.element .textarea:focus {
    width: 257px;
    height: 120px;
    background-color: transparent;   /*rgba(255,255,255,0.3);*/  /*6c8183*/
    border: 1px solid #030000;
}


.element input.text:focus {
    width: 257px;
    /*height: 16px;*/
    background-color: transparent;   /*rgba(255,255,255,0.3);*/
    border: 1px solid #030000;
}


.loading {
	float:right; 
	background: transparent url(../images/ajax-loader5.gif) no-repeat 0px 0px; 
	top: 0px;
                  height:19px; 
	width:19px; 
	display:none;
}
.done {
	background: none;
	position:absolute;
                  width:300px;
                  height: 50px;
                  left:50%;
                  margin-left: -150px;
                  margin-top: 50px;
                  padding:0px 0;
                  font-family: 'Coda', sans-serif;
                  font-weight: 400;
                  font-size:12px;
	  color:#000;
                  font-style: italic;
                  letter-spacing:0.1em;
                  text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
                  text-align: center;
                  display:none;
                  z-index: 999;
}


text:focus {
outline:none;
}


input:focus {
outline:none;
}


textarea:focus {
outline:none;
}


.div2 {
position:absolute;
width: 390px;
height: 280px;
left:50%;
margin-left: -230px;
margin-top: 13px;
background-color: transparent;
overflow-x: hidden;
overflow-y: hidden;
}


.instagram { 
position:absolute;
width:18px;
height:18px;
left:50%;
margin-left: -132px;   /* era -132 */
margin-top: -50px;    /* era -26 */
text-decoration: none; 
cursor: pointer; 
} 


.whatsapp { 
position:absolute;
width:19px;
height:19px;
left:50%;
margin-left: -71px;  /* era -71 */
margin-top: -12px;
text-decoration: none; 
cursor: pointer; 
padding: 0.01em 0em;
} 


.div_twitter {
    position:absolute;
    width:60px;
    left:50%;
    margin-left: 200px;
    margin-top: -215px;
    padding:0px 0;
}


.div_google {
    position:absolute;
    width:60px;
    left:50%;
    margin-left: 200px;
    margin-top: -180px;
    padding:0px 0;
}


a.textofacebook { 
position: relative; 
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
letter-spacing: 0.1em;
padding: 0; color: #039; 
text-decoration: none; 
/*cursor: text;*/
z-index: 999; 
} 

a.textofacebook:hover { 
background: transparent; 
z-index: 999; 
} 

a.textofacebook span { 
display: none; 
} 

a.textofacebook:hover span { 
display: block; 
position: absolute; 
width: 105px; 
left: 20px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
letter-spacing: 0.1em;
padding: 0px 0px; border: 0px solid #586469; 
background: none; 
color: #95a0ad; 
}


a.textotwitter { 
position: relative; 
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
padding: 0; color: #039; 
text-decoration: none; 
cursor: pointer; 
z-index: 999; 
} 

a.textotwitter:hover { 
background: transparent; 
z-index: 999; 
} 

a.textotwitter span { 
display: none; 
} 

a.textotwitter:hover span { 
display: block; 
position: absolute; 
width: 52px; 
left: 20px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
padding: 0px 0px; border: 0px solid #586469; 
background: none; 
color: #95a0ad; 
}


a.textogoogle { 
position: relative; 
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
padding: 0; color: #039; 
text-decoration: none; 
cursor: pointer; 
z-index: 999; 
} 

a.textogoogle:hover { 
background: transparent; 
z-index: 999; 
} 

a.textogoogle span { 
display: none; 
} 

a.textogoogle:hover span { 
display: block; 
position: absolute; 
width: 110px; 
left: 24px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 400; 
font-size: 12px; 
padding: 0px 0px; border: 0px solid #586469; 
background: none; 
color: #95a0ad; 
}


footer {
    background-color:none;
    bottom:0;
    box-shadow: 0 -6px 20px #0f171f;
    -moz-box-shadow: 0 -6px 20px #0f171f;
    -webkit-box-shadow: 0 -6px 20px #0f171f;
    display:block;
    height:50px;
    left:0;
    position:fixed;
    width:100%;
    z-index:100;
}


.div_footer {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 240px;
height: 50px;
background-color: none;
}


.portfolio {
font-family: 'Fjalla One', sans-serif;
font-weight: 400;
font-size: 16px;
color: #000;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
width: 150px;
height: 50px;
background: none;
padding: 15px 8px;
display: inline-block;
-webkit-transition-property: background color;
-webkit-transition-duration: 1.2s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-property: background color;
-moz-transition-duration: 1.2s;
-moz-transition-timing-function: ease-in-out;
-o-transition-property: background color;
-o-transition-duration: 1.2s;
-o-transition-timing-function: ease-in-out;
-ms-transition-property: background color;
-ms-transition-duration: 1.2s;
-ms-transition-timing-function: ease-in-out;
transition-property: background color;
transition-duration: 1.2s;
transition-timing-function: ease-in-out;
}


.portfolio:hover {
color: #fff;
background: #5f6b77;
text-decoration: none;
}


.div_portfolio {
margin-left: auto;
margin-right: auto;
width: 150px;
height: 50px;
}


.mensagem_enviada {
position:absolute;
width: 300px;
height: 20px;
left:50%;
margin-left: -150px;
margin-top: 75px;
font-family: 'Coda', sans-serif;
font-weight: 400;
font-size: 12px;
font-style: italic;
color: #030000;
letter-spacing: 0.1em;
text-align: center;
background-color: none;
overflow-x: hidden;
overflow-y: hidden;
}


-->