@charset "utf-8";
/* CSS Document */


html { 
font-size: 100%; 
font-family: Helvetica, arial, sans-serif;
overflow: -moz-scrollbars-vertical;
-ms-overflow-y: scroll;
overflow-y: scroll;
}

body { 
margin: 0; 
font-size: 1.2em;
}

img {
border:none;
}

header {
width: 100%;
min-height: 100px;
background-color:#fff;
}

.headbg {

}

hgroup {
margin: 0 auto;
width: 70%;
padding-top:20px;
padding-bottom:20px;

}

#branding {
float:left; 
margin-top:10px;
font-size: 0.9em;
line-height: 1.3em;
font-weight: 100;
font-family: Helvetica, Arial, sans-serif; 

}


.site-name {
font-weight: 700;
font-family: 'Roboto', sans-serif;
color:#666;
font-size: 1.3em;
text-transform:uppercase;
}

.site-lead {
font-weight: 300;
font-family: 'Roboto', sans-serif;
color:#999;
font-size: 1.0em;
line-height: 1.3em;
}


#menu-topo {
display:none;
color:#605c5c;
list-style-type: none;
font-size: 1.0em;
line-height: 1.1em;
font-weight: 300;
font-family: 'Roboto', sans-serif;
float:right;
}

#menu-topo li { 
display: inline;
padding-left: 20px;  
}

.menu-seleccionado {
color:#CC0000;
}

/** ---- MENU --------------- */
nav {
	float: rigth;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif; 
	margin-top:8px;
}

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

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

a:link.white { color: #605c5c; text-decoration:none; }   
a:visited.white { color: #605c5c; text-decoration:none; }
a:hover.white { color: #605c5c;  text-decoration:underline; }
a:active.white { color: #605c5c; text-decoration:none; }

a:link.white-under { color: #666; text-decoration:underline; }   
a:visited.white-under { color: #666; text-decoration:underline; }
a:hover.white-under { color: #666;  text-decoration:underline; }
a:active.white-under { color: #666; text-decoration:underline; }

a:link.cinza { color: #333; text-decoration:underline; }   
a:visited.cinza { color: #333; text-decoration:underline; }
a:hover.cinza { color: #666;  text-decoration:underline; }
a:active.cinza { color: #333; text-decoration:underline; }

/** -------------------- */


h1 { 
font-family: 'Noto Serif', serif;
font-size: 2.6em; 
font-weight: 700;
color:#605c5c;
}

.homeh1 {
color:#fff;
font-size:2.6em;
}

p-en {
color:#605c5c;
line-height:1.2em;
font-family: 'Roboto Slab', serif;
font-size: 1.2em;
font-weight:300;
}

h2 { 
font-family: 'Martel', serif;
font-size: 1.8em;
line-height: 1.5em; 
font-weight: 700;
color:#605c5c;
padding-top:20px;
}

.captionimg {
color:#fff;
}

h3 { 
font-family: Helvetica, Arial, sans-serif; 
font-size: 1.3em; 
font-weight: 100;
color:#605c5c;
padding-top:20px;
font-style:italic;
}

p {
color:#605c5c;
line-height:1.6em;
font-family: 'Roboto Slab', serif;
font-size: 1.2em;
font-weight:300;
}

.lead-p {
font-style:italic;
font-weight: 400;
font-size: 1.6em;
line-height:1.3em;
text-align:left;
}

.homestyle {
color:#fff;
font-family: 'Roboto Slab', serif;
font-size: 1.4em;
font-weight:300;
}

.maisinfo {
color:#fff;
font-family: 'Roboto Slab', serif;
font-size: 1em;
font-weight:300;
padding: 10px 20px 10px 20px;
border: 1px solid;
border-color: #fff;
border-radius: 15px 15px 15px 15px;
max-width: 280px;
margin: 0 auto;
margin-top:30px;
margin-left: 110px;
text-align: center;
}

/*1**/

#mainarea {
width:90%;
max-width:1200px;
margin: 0 auto;
padding-top:30px;
}


.section {
margin: 0 auto;
width: 70%;
clear:both;
}

.section0 {
margin: 0 auto;
padding-top:60px;
width: 100%;
clear:both;
height:420px;
background-color:#0EC079;
background-image:url(imgs/bg-consultor-seo.jpg);
border-bottom: #0EC079 8px solid;
}

.section1 {
margin: 0 auto;
padding-top:5px;
width: 100%;
clear:both;
height:650px;
background-color:#eee;
}

.top {
width:100%;
max-height:600px;  /**500*/
text-align: center;
padding-top:140px; /**90*/
padding-bottom:10px;
}

.value {
width:100%;
max-width:900px;
text-align: center;
}

.value-content {
width:100%;
max-width:900px;
text-align: left;
margin-top:60px;
}

.value-image {
width:100%;
max-width:1400px;
margin-top:20px;
height:400px;
background-image:url(imgs/bg-consultor-seo.jpg);
background-color:#CCCCCC;
text-align:center;
}

.info {
background:#0099cc;
width:300px;
height:20px;
text-align: center;
padding-top:8px;
padding-bottom:10px;
border: 0px #333 solid;
color:#fff;
margin: 0 auto;
margin-top:20px;
font-family: 'Roboto Slab', serif;
font-size: 1.1em; 
border-radius: 20px;
text-transform:uppercase;
}

#submit {
border-radius: 15px;
color:#fff;
font-size: 1.1em; 
background-color:#0EC079;
cursor:pointer;
}

.info:hover {
background:#15aadb;
}

li {
color:#605c5c;
padding-bottom:5px;
}

.certificacao-ul {
margin-top:-12px;
}

.text-list {
font-size: 1.2em; 	
line-height: 1.4em;
font-family: 'Roboto Slab', serif;
}

ul.text-list li {
margin-bottom: 1.2em;	
}

.text-list-2 {
font-size: 1.2em; 	
line-height: 1.2em;
font-family: 'Roboto Slab', serif;
}

ul.text-list-2 li {
margin-bottom: 0.8em;	
}

.left-content {
float:left;
max-width:210px;
margin-right:60px;
}

.right-content {
float:left;
max-width:620px;
text-align:left;
}

.foto-id {
margin-top:20px;	
width: 200px;
height: 200px;
}

.linkedin-icon {
width: 39px;
height: 30px;
}


/*rodape**/

.copyright {
width:100%;
text-align: center;
height:30px;
padding-bottom:20px;
padding-top:30px;
position:relative;
}

.copyright-content {
width:100%;
text-align: center;
height:30px;
padding-bottom:20px;
position:relative;
bottom:0;
margin-top:30px;
}


#copyright-text {

width: 80%;
clear:both;
text-align:right;
color:#333;
font-size: 0.7em; 
}



/**Form**/

#mainform{
max-width:700px;
padding-top:10px;
padding-bottom:40px;
font-family: Helvetica, Arial, sans-serif;
}
#form{
font-size:16px;
max-width:650px;
float:left;

}

input{
width:300px;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
color:#333333;
}
input[type=button]{
border:1px solid white;
font-family: Helvetica, Arial, sans-serif;
font-size:20px;
color:white;
width:200px;
height:50px;
}

input[type=checkbox]{
border:1px solid white;
font-family: Helvetica, Arial, sans-serif;
font-size:10px;
color:white;
width:20px;
height:20px;
}


input[type=button]:hover {
cursor:pointer;
background:#15aadb;
}

textarea{
width:350px;
height:100px;
margin-top:5px;
border-radius:3px;
padding:5px;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#333333;
}

span{
color:red
}
#note{
color:black;
font-Weight:400;
}
#returnmessage{
font-size:18px;
color:green;
text-align:center;
}

@media screen and (max-width: 1400px) {


.top {
max-height:400px;  /**500*/
padding-top:60px;
padding-bottom:10px;
}

.section0 {
padding-top:30px;
height:410px;
}


}

@media screen and (max-width: 940px) {


h2 { 
font-size: 1.7em; 
padding-top:10px;
}

header {
min-height: 150px;
}

#branding {
margin: 0 auto;
clear:both;
width:100%;
text-align:center;
}

#menu-topo {
margin: 0 auto;
margin-top:20px;
float:left;
clear:both;
}

#menu-topo li { 
display:list-item;
padding-top:10px;
padding-left: 10px;
}

.maisinfo {
margin: 0 auto;	
}

.section {
width: 90%;
}

.section0 {
padding-top:10px;
height:650px;
}


.value {
padding-top:0px;
padding-bottom:10px;
padding-left:0px;
}


.value-content {
margin-top:0px;
}

.left-content {
float:none;
margin: 0 auto;
text-align: center;
}

.right-content {
float:none;
margin: 0 auto;
max-width:90%;
text-align:center;
}



.homeh1 {
font-size:2.8em;
}

.copyright-content {
margin-top:30px;
}

.top {
padding-top:40px;
padding-bottom:10px;
}

}

@media only screen 
and (min-device-width: 601px) 
and (max-device-width: 939px) {

.section {
width: 90%;
}

.section0 {
height:630px;
}

.left-content {
float:none;
margin: 0 auto;
text-align: center;
}

.right-content {
float:none;
margin: 0 auto;
max-width:90%;
text-align:center;
}

.foto-id {

}

.value {
width:90%;
padding-left:0px;
padding-top:0px;
}

.value-content {
width:90%;
padding-left:0px;
padding-right:0px;
}

.top {
padding-top:40px;
padding-bottom:10px;
}


}

@media screen and (max-width: 911px) {

.section0 {
height:700px;
}
	
}

@media screen and (max-width: 850px) {

.section0 {
height:730px;
}
	
}

@media screen and (max-width: 601px) {

header {
min-height: 180px;
}

#branding {
margin: 0 auto;
clear:both;
width:100%;
text-align:center;
}

#menu-topo {
margin: 0 auto;
margin-top:20px;
float:left;
clear:both;
}

#menu-topo li { 
display:list-item;
padding-top:10px;
padding-left: 10px;  
}

hgroup {
width: 100%;
}

.homeh1 {
font-size:2.0em;
}

.section {
width: 90%;
max-width: 540px;
clear:both;
}

.section0 {
padding-top:10px;
height:640px;
background-image:none;
}

.section1 {
height:710px;
}

.left-content {
float:none;
margin: 0 auto;
text-align: center;
}

.right-content {
float:none;
margin: 0 auto;
max-width:90%;
text-align:center;
}


.value {
padding-left:0px;
max-width:540px;
}

.value-content {
padding-left:0px;
padding-right:0px;
}

#copyright-text {
text-align:left;
}

.info {
width:200px;
}

input{
width:200px;
}

textarea{
width:200px;
}

.top {
padding-top:20px;
padding-bottom:5px;
}

}

@media screen and (max-width: 586px) {

.section0 {
height:660px;
}
	
}

@media screen and (max-width: 576px) {

.section0 {
height:690px;
}
	
}

@media screen and (max-width: 439px) {

.section0 {
height:720px;
}
	
}


@media screen and (max-width: 400px) {


h2 { 
font-size: 1.4em; 
}

}

@media screen and (max-width: 380px) {

.section0 {
height:750px;
}
	
}


@media screen and (max-width: 346px) {

.section0 {
height:790px;
}
	
}



@media screen and (max-width: 330px) {
#fotoap {
padding-left:70px;
}

.lead-p {
text-align:center;
}


@media screen and (max-width: 301px) {

.section0 {
height:850px;
}
	
}

@media screen and (max-width: 270px) {

.section0 {
height:1050px;
}
	
}



}