style.css

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


body{
	margin:0;
	text-decoration:none;
	background-color:#f4f3f2;
	font-family: 'Roboto', sans-serif;
	
	}
	
	
.header_01{
	width:100%;
	height:65px;
	background-color:#2c2c2c;
	
	
}
.header_02{
	width:100%;
	height:30px;
	background-color:#fff;
	
	
}

.header_01_content{
	width:900px;
	height:65px;
	margin:auto;
	
	
}
.logo{
	width:150px;
	height:auto;
	float:left;
	margin-top:16px;
	
}

.search{
	width:255px;
	height:35px;
	float:left;
	margin-top:16px;
	margin-left:30px;
	
}
#search input[type="text"] {
    background: url(images/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #000;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 200px;
    }
	
.menu{
	width:430px;
	height:60px;
	background-color:#B2BA06;
	float:right;
	
		
}

#menu{
	 width:450px;
	 height:40px;
	 float:right;
	 margin-top:15px;
		}

#nav {
	 font-size:12px;
	 color:#fff;
     width: 100%;
	 float: left;
	 margin: 0 0 2em 0;
	 padding: 0;
	 list-style: none;

	}

#nav li {
	float: right; 
	}
	
#nav li a {
	display: block;
	padding: 7px 15px;
	text-decoration: none;
	color: #fff;
	cursor:pointer;
	}
	
#nav li a:hover {
	color: #4c76dc;
	cursor:pointer;
-o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;}
  
  .login_menu{
	  width:500px;
	  height:30px;
	  float:right;
	  
}
  
  #nav2 {
	 font-size:10px;
	 color:#fff;
     width: 100%;
	 float: right;
	 margin: 0 0 2em 0;
	 padding: 0;
	 list-style: none;

	}

#nav2 li {
	float: right; 
	}
	
#nav2 li a {
	display: block;
	padding: 7px 15px;
	text-decoration: none;
	color: #2c2c2c;
	cursor:pointer;
	}
	
#nav2 li a:hover {
	color: #4c76dc;
	cursor:pointer;
-o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  
  }
  
  
  .header_03{
	  width:100%;
	  height:300px;
	  background-color:#21AAB3;
	  background-image:url(images/code_header.jpg);
	  background-position: center;
  background-color: #fff;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
	  
  }

.cotent_header_03{
	width:900px;
	height:300px;
	margin:auto;
	
}

.styletext01{
	font-size: 35px;
  color: #fff;
  background-color:#2c2c2c;
  padding: 7px;
  display: inline-block;
  font-weight: 600;
	
}
.styletext02{
  font-size: 35px;
  color: #fff;
  background-color:#2c2c2c;
  padding: 7px;
  display: inline-block;
  font-weight: 600;
  margin-top:-30px;
	
}
.styletext03{
  font-size: 35px;
  color: #fff;
  background-color:#2c2c2c;
  padding: 7px;
  display: inline-block;
  font-weight: 600;
   margin-top:-30px;
	
}
.text01{
	width:580px;
	padding-top:15px
	
	
}
.content{
	width:900px;
	height:auto;
	margin:auto;
	margin-top:20px;
	
}

.left{
	width:650px;
	height:auto;
	float:left;
	
}

.right{
	width:220px;
	height:auto;
	float:right;
	
}

.coluna01{
	width:620px;
	height:auto;
	background-color:#FFFFFF;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:15px;
margin-bottom:15px;
	
}

.style_text04{
	font-size:19px;
	color:#2c2c2c;
	margin-top:5px;
	
	
}
.style_text05{
	font-size:13px;
	color:#2c2c2c;
	font-weight:100;
	
}

	/* unvisited link */
a:link {
    color:#3366cc;
	text-decoration:none;
	font-weight:400;
}

/* visited link */
a:visited {
    color: #3366cc;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #3366cc;
	text-decoration:underline;
}

/* selected link */
a:active {
    color:#3366cc;
		text-decoration:none;
}

.coluna02{
	width:190px;
	height:auto;
	background-color:#FFFFFF;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:15px;
margin-bottom:15px;
	
}

.footer{
  width: 100%;
  background-color:#2c2c2c;
  margin-bottom:0px;
  margin-top:980px;
  position:absolute;
  padding-top:5px;

	
}
.footer_content{
	width:900px;
	height:30px;
	margin:auto;
}

.info1{
	width:300px;
	float:left;
	height:30px;
	margin-top:-5px;
		
	
}

.info2{
	width:400px;
	float:right;
	height:auto;
	
	
}

.style_text07{
	font-size:13px;
	color:#fff;
	font-weight:100;
	background: transparent url(images/logo_small.png) no-repeat center left;
	padding-left:40px;
	height:30px;
	padding-top:10px;

	
}
.style_text08{
	font-size:13px;
	color:#fff;
	font-weight:100;
	height:30px;
	float:right;
	padding-top:5px;

	
}

.style_text09{
	font-size:13px;
	color:#4c76dc;
	font-weight:100;
	margin-left:10px;
	margin-right:10px;
	 padding-top:5px;

	

	
}