@charset "utf-8";

body{
	margin:0;
	background-image:url(images/fundo_degrade.jpg);
}

p{
margin-top:58px;



}

br {
clear:both;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #FFFFFF;
}

span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0cbff0;
}

.branco{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

.branco a{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration:underline;
}

#total{
position:absolute;
margin-left:-385px;
left:50%;
margin-top:10px;

width:770px;
height:530px;
background-color:#001b5e;
}

#img{  /*este é a logo */
position:absolute;

margin-left:24px;
margin-top:30px;
}

#menu_sup ul{   /*aqui começa o menu superior */
     padding:0;
	position:absolute;
	margin-left:340px;
	margin-top:70px;
	width:400px;
	height:25px;
	background-color:#b2d33c;
	border:solid 2px #000000;
}

.menu_superior{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	
}

li{
list-style:none;
display:inline;
}

.menu_superior a{
    margin-left:8px;
    padding:6px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #001b5e;
	font-weight: bold;
}

.menu_superior a:hover{
	padding:6px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	}
/*aqui termina o superior */


#header{   /*este é o banner principal */
	position:absolute;
	background-color:#000000;
	margin-left:340px;
	margin-top:40px;
	background-color:#001b5e;
	
}


/*aqui começa o menu lateral */
#menu_lat {
	position:absolute;
	margin-left:40px;
	margin-top:115px;
	width:231px;
	height:350px;
}

#menu_lat_port {
	position:absolute;
	margin-left:0px;
	margin-top:115px;
	width:231px;
	height:350px;
}

.menu_lateral{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	
}

.menu_lateral li{
list-style:none;
}

.menu_lateral a{
    line-height:200%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ff7e00;
	font-weight: bold;
}

.menu_lateral a:hover{
	padding-right:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #0cbff0;
	font-weight: bold;
	background-color: #000000;
	
}
/*aqui terminaa o menu lateral */

#destaque {   /*aqui começa a área de destaque */
  	position:absolute;
	margin-left:40px;
	margin-top:310px;
	width:330px;
	height:160px;
	float:left;
}

#destaque img{   
  	position:absolute;
	margin-left:0px;
	margin-top:-5px;
	
	}



/*aqui começa o conteudo */
#conteudo{
	position:absolute;
	margin-left:345px;
	margin-top:85px;
	top: 55px;
	height: 60px;
}



#conteudo_portfolio{
	position:absolute;
	width:400px;
	height:320px;
	margin-left:342px;
	margin-top:105px;
	overflow-y:scroll;
	overflow-x:hidden;
	float:left;
	display:block;
}

#conteudo_imagens{
	position:absolute;
	width:400px;
	height:320px;
	margin-left:0px;
	margin-top:0px;
	
}

#conteudoport_texto{
	position:absolute;
	width:200px;
	height:177px;
	margin-left:210px;
	margin-top:20px;
	

}


.cont_port{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;	
	line-height:200%;	
}

.cont_port a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	
.cont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;	
	line-height:200%;
	
}


#w3cc {   /*tag p do validador */
	width:320px;
	height:32px;
	position:absolute;
	padding:0;
	margin-left:440px;
	margin-top:400px;
	
}
.w3c a{
float:left;
margin-left:0px;  
}

.w3c li{
display:inline;
list-style:none;
   
}


#banner{   
	position:absolute;
	margin-left:342px;
	margin-top:455px;
	background-color:#001b5e;
	
}

#banner_top{   
	position:absolute;
	margin-left:342px;
	margin-top:-6px;
	background-color:#001b5e;
	border:solid 2px #000;
}


#copyrith{   
	position:absolute;
	margin-left:35px;
	margin-top:490px;
}

.copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;	
}

#menu_servicos{  /*menu serviços */
	position:absolute;
	width:388px;
	height:250px;
	margin-left:-40px;
	margin-top:0px;
	}

.menu_lateral_s li{ 
   list-style:none;
   display:block;
	
}


	
.menu_lateral_s{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	
}
 
.menu_lateral_s a{
    line-height:350%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ff7e00;
	font-weight: bold;
}

.menu_lateral_s a:hover{
	padding-right:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #0cbff0;
	font-weight: bold;
	background-color: #000000;
	
}


#menu_servicos_link{  /*menu serviços - midia */ 
	position:absolute;
	width:250px;
	height:250px;
	margin-left:530px;
	margin-top:180px;
	}

.menu_link {
    line-height:250%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
.menu_link li{
    list-style:none;
}
	
 
#port {   /*aqui começa o menu portfolio */
	position:absolute;
	margin-left:305px;
	margin-top:100px;
	width:465px;
	height:250px;
	
}

.menu_portfolio{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	
}

.menu_portfolio li{
list-style:none;
display:inline;

}

.menu_portfolio a{
    padding-right:20px;
    margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #b2d33c;
	font-weight: bold;
	float:left;
}

.menu_portfolio a:hover{
    padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ff7e00;
	font-weight: bold;
	background-color: #000000;
	}

#port_logotipo {   /*aqui começa o menu portfolio */
	position:absolute;
	margin-left:345px;
	margin-top:485px;
	z-index:80;	
	
}