/* CSS Document */

*{ margin:0;
   padding:0; 
}

* a img{border:none;}
   
body{ margin:0;
      padding:0;
	  text-align:center;
}


/* INICO DIVS PRINCIPAIS */

#container{ 
width:900px;
min-height:100%;
margin:0px auto;
position:relative;
text-align:left;		
}

#banner{
float:left;
position:relative;
width:900px;
height:266px;
margin-top:10px;
}

#cabecalho{
float:left;
position:relative;
width:900px;
height:133px;
}

/* FIM DIVS PRINCIPAIS */


/* INICO CABEÇALHO */

#cabecalho a img{
float:left;
margin-top:20px;
}

#cabecalho ul{
list-style:none;
width:580px;
height:24px;
float:right;
position:relative;
margin-top:100px;
}

#cabecalho ul li{
display: inline;
}

#cabecalho ul li a{
float:left;
position:relative;
margin-left:1px;
font-size:13px;
text-decoration:none;
color:#666666;
padding:2px 11px 2px 11px;
font-family:arial;
border:1px solid #ffffff;
}

#cabecalho li a.borda{background:none;}

#cabecalho li a:hover{
border:1px solid #4d96b4;
color:#4d96b4;
}

#cabecalho li a.ativo{
border:1px solid #4d96b4;
font-size:13px;
text-decoration:none;
color:#4d96b4;
font-family:arial;
}

/* FIM CABEÇALHO */



/* INICO BANNER ROTATIVO  */

#slideshow{ 
width:900px;
height:248px;
overflow : hidden;
margin-bottom:25px;
margin-top:18px;
} 
#box-nav-slider { 
width:694px;
height:223px;
position : absolute; 
z-index : 9; 
} 
.slide img { 
border : none; 
display : block;
width:900px;
height:248px;
} 
#slideshow-navigation { 
margin-right : 310px; 
margin-top : 5px; 
} 
#slideshow-navigation a { 
display : block; 
float : left; 
font-size : 0; 
width : 15px; 
height : 15px; 
margin-right : 6px; 
outline-style : none; 
outline-width : medium; 
background-image : url(../imagens/slider_inactive.png); 
background-repeat : no-repeat; 
color : #000000; 
text-indent : -999px; 
} 

/* FIM BANNER ROTATIVO  */


/* INICIO GALERIA DE CLIENTES HOME */

#fW_Content {
DISPLAY: inline;
width:900px;
height:271px;
z-index:1;
margin:0;
padding:0;
position:absolute;	
}

#fW_Content a img{border:none;}


#fW_Content IMG {
width:900px;
height:271px;
border:none;
float:left;
				
}
#fW_Controls {
DISPLAY: inline;  
MARGIN:220px 20px 0px 850px; 
WIDTH: 90px; 
HEIGHT: 22px;
z-index:2;
position:absolute;
				
}
#fW_Controls a {
FONT-WEIGHT:bold; 
font-family:arial;
text-decoration:none;
FONT-SIZE:14px; 
FLOAT:left;
WIDTH:17px; 
padding-top:3px;
margin-left:3px;		   
height: 24px; 
text-align:center;
}

#fW_Controls A.activeSlide {
color:#000000;
}
#fW_Controls A:hover {
color:#000000;
}

/* FIM GALERIA DE CLIENTES HOME */



/* ULTIMO TRABALHO - INICIO */

#ultimo-job{
float:left;
position:relative;
width:284px;
height:186px;
margin-top:30px;
}

#ultimo-job h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#268abe;
font-weight:normal;
}


#ultimo-job h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#666666;
letter-spacing:-1px;
}

#ultimo-job a img.trab{
float:left;
position:relative;
border:1px solid #ededed;
margin-bottom:2px;
}

#ultimo-job a:hover img.trab{
border:1px solid #7dbe0b;
}

#ultimo-job p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:25px;
width:260px;
float:left;
}

a.ultimojob{
float:right;
position:relative;
margin-top:5px;
width:18px;
height:18px;
border:0;
background:#86bb25;
margin-right:2px;
}

a.ultimojob img{
border:0;
padding:2px;
}

a:hover.ultimojob img{
border:0;
}

a:hover.ultimojob{
background:#268abe;
}

/* ULTIMO TRABALHO - FIM */

/* PRODUTOS RANDOM - INICIO */

#prod-index{
float:left;
position:relative;
width:294px;
height:186px;
margin-top:30px;
margin-left:60px;
}

#prod-index h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#268abe;
font-weight:normal;
}

#prod-index h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#666666;
letter-spacing:-1px;
float:left;
}

#prod-index a.chamada img{
float:left;
position:relative;
padding-bottom:4px;
}

#prod-index p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:15px;
width:260px;
float:left;
margin-top:-5px;
}


/* PRODUTOS RANDOM - INICIO */


#necessidade-empresa{
float:right;
position:relative;
width:194px;
height:186px;
margin-top:30px;
}

#necessidade-empresa h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#268abe;
font-weight:normal;
}

#necessidade-empresa h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#666666;
letter-spacing:-1px;
}

#necessidade-empresa ul{
float:left;
position:relative;
width:180px;
list-style:none;
margin-left:5px;
}

#necessidade-empresa ul li{
float:left;
position:relative;
display:inline;
width:100%;
}

#necessidade-empresa ul li p{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#888888;
font-size:14px;
float:left;
width:150px;
padding:4px 0px 4px 0px;
}

#servicos-index{
float:right;
width:484px;
margin-top:63px;
height:310px;
}

#servicos-index h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#888888;
font-weight:normal;
}

#servicos-index h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
font-weight:normal;
}

.woopverde{
color:#7dbe0b;
font-weight:bold;
}

#servicos-index ul{
float:left;
width:483px;
height:254px;
margin-top:20px;
position:relative;
list-style:none;
}

#servicos-index ul li{
float:left;
display:inline;
}

#servicos-index ul li a {
padding-bottom:29px;
float:left;
text-decoration:none;
margin-right:13px;
}

/* inicio box */

#box1{
width:298px;
height:164px;
float:left;
position:relative;
background:url(../img/box-1.jpg) no-repeat;
margin-top:30px;
text-align:left;
color:#ffffff;
}


#box2{
width:298px;
height:164px;
float:left;
position:relative;
background:url(../img/box-2.jpg) no-repeat;
margin-left:25px;
margin-top:30px;

}

#box3{
margin-top:30px;
width:298px;
height:164px;
float:right;
position:relative;
background:url(../img/box-3.jpg) no-repeat;
}


/* inicio box-1 */

#box1 h1{
font-family:arial;
font-size:21px;
margin:10px 0 0 10px;
}

#box1 p{
font-family:arial;
font-size:12px;
color:#ffffff;
margin:13px 0 0 10px;
}

#box1 a{
font-family:arial;
font-size:12px;
color:#1abadf;
margin:20px 0 0 10px;
text-decoration:none;
float:left;
background:url(../img/back-link.gif) no-repeat;
width:106px;
text-align:center;
padding:2px 0 2px 0;
}

#box1 a:hover{
color:#4596ac;	
}

/* fim box-1 */


/* inicio box-2 */

#box2 h1{
font-family:arial;
font-size:21px;
color:#ffffff;
margin:10px 0 0 10px;
}

#box2 p{
font-family:arial;
font-size:12px;
color:#ffffff;
margin:13px 0 5px 12px;
}

#box2 a{
font-family:arial;
font-size:12px;
color:#1abadf;
margin:20px 0 0 10px;
text-decoration:none;
float:left;
background:url(../img/back-link.gif) no-repeat;
width:106px;
text-align:center;
padding:2px 0 2px 0;
}

#box2 a:hover{
color:#4596ac;	
}

/* fim box-2 */

/* inicio box-3 */

#box3 h1{
font-family:arial;
font-size:21px;
color:#ffffff;
margin:10px 0 0 10px;
}

#box3 p{
font-family:arial;
font-size:12px;
color:#ffffff;
margin:13px 0 0 10px;
}

#box3 a{
font-family:arial;
font-size:12px;
color:#ffffff;
margin:10px 0 0 12px;
text-decoration:none;
float:left;
text-align:center;
padding:2px 0 2px 0;
}

#box3 a:hover{
text-decoration:underline;	
}

/* fim box-3 */


/* fim portifolio home */


#clientes-index{
width:900px;
height:224px;
float:left;
padding-top:20px;
position:relative;
background:url(../img/back-galeria.jpg) no-repeat;
background-position:top center;
}

#clientes-index h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#268abe;
font-weight:normal;
}

#clientes-index h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#666666;
letter-spacing:-1px;
}


.woop1{
color:#00b1e0;
font-weight:bold;
}

#clientes-index p{
color:#666666;
clear:both;
font-size:14px;
font-family:arial;
margin:4px 0 0 10px;
}

#clientes-index a.link{
float:left;
margin-top:140px;
}


input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 

.infiniteCarousel {
width:900px;
  position: relative;
  margin-top:10px;margin-left:20px;
  float:left;
}

.infiniteCarousel .wrapper {
   width: 776px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 6em;
  margin: 0 0px;
  position: absolute;
  top: 5px;
  margin-left:32px;
  margin-top:13px;

}

.infiniteCarousel ul a img {
  height: 74px;
  width: 74px;
  border:1px solid #86bb25;
}

.infiniteCarousel ul a img:hover{
	  border:1px solid #268abe;

}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0; 
}

.infiniteCarousel ul li {
display:block;
float:left;
height: 74px;
width: 100px;
text-align:center;
margin:0;
padding:0;

}

.infiniteCarousel ul li a img {
display:block;
text-align:center;
float:left;
position:relative;
margin:0;
padding:0;
}

.infiniteCarousel .arrow {
  display: block;
  height: 32px;
  width: 22px;
  background: url(../img/arrow.jpg) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  color:#ffffff;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
    margin-right:33px;

}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
  margin-left:-20px;
}
/* fim portifolio home */


/* inicio rodape */

#rodape{
float:left;
position:relative;
width:900px;
text-align:left;
height:300px;
bottom:0;
margin-top:20px;
background: url(../img/barra.jpg) no-repeat;
background-position:top;
}

#rodape ul{
float:left;
position:relative;
width:140px;
height:172px;
margin:60px 0 0 20px;
list-style:none;	
}

#rodape ul li{
display:block;
float:left;
width:160px;
}

#rodape ul li a{
float:left;
text-decoration:none;
color:#666666;
font-size:12px;
font-family:arial;
padding-bottom:2px;

}

#rodape ul li a:hover{
color:orange;
}

#rodape h3{
color:#666666;
font-size:12px;
font-family:arial;
margin-bottom:5px;
}


#contato{
float:right;
position:relative;
width:242px;
text-align:left;
height:186px;
margin-top:60px;
background: url(../img/contato.jpg) no-repeat;
}

#contato h4{
color:#ffffff;
font-family:arial;
font-size:12px;
margin:15px 0 0 20px;
}

#contato h5{
color:#ffffff;
font-family:arial;
font-size:12px;
margin:3px 0 0 35px;
}

#contato p{
color:#ffffff;
font-size:18px;
font-family:arial;
margin:3px 0 0 55px;
}

#contato a.img{
float:left;
margin-left:30px;
margin-top:10px;
}

#contato a.img2{
float:left;
margin-top:10px;
}



/* fim rodape */

/* inicio portifolio */


#portifolio{
width:900px;
float:left;
margin-top:30px;
margin-bottom:30px;
position:relative;
background:url(../img/back-galeria.jpg) no-repeat;
background-position:top center;
}

#portifolio h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:2px 20px 2px 0px;
float:left;
margin-top:30px;
}

#portifolio p{
color:#666666;
font-size:12px;
clear:both;
font-family:arial;
margin:4px 0 0 0;
}


#portifolio ul{
float:left;
position:relative;
width:900px;
list-style:none;
margin-top:30px;
margin-bottom:40px;
}

#portifolio ul li{
display:inline;
float:left;

}

#portifolio ul li a{
float:left;
border:4px solid #d5e5a3;
margin:0 19px 20px 8px;
}

#portifolio ul li a:hover{
border:4px solid orange;
}


/* fim portifolio */

/* inicio form trabalhe conosco */

fieldset{ 
width:450px;
height:258px;
border:none;
display:block;
float:left;
margin-top:30px;
}



label{     
width:329px;
height:57px;
float:left;
text-align:left;
margin-top:10px;
color:#b19776;
font-size:11px ;
font-family:arial;
color:#666666;
/*background:url(../img/back-formulario.jpg) no-repeat;*/
 }

/*label input{
width:285px;
text-align:left;
height:18px;
padding-top:8px;
padding-left:5px;
border:none;
margin:4px 0 0 4px;
font-size:11px ;
font-family:arial;
color:#666666;
}
*/

label input.campfile{
width:285px;
text-align:left;
height:25px;
padding-top:8px;
padding-left:5px;
border:1px solid red;
margin:4px 0 0 4px;
font-size:11px ;
font-family:arial;
color:#666666;
}


.anexar{    
border:none;
background: url(../img/bt-procurar.jpg) no-repeat;
float:left;
text-align:center;
font-family:arial;
font-size:1px ;
color:#ffffff;
margin-top:12px;
cursor:pointer;
width:45px;
padding:18px 0 18px 0;
text-decoration:none;
 }
 
 .enviar{    
border:none;
background: url(../img/bt-enviar.jpg) no-repeat;
float:left;
text-align:center;
font-family:arial;
font-size:1px ;
color:#71bdd2;
margin:12px 0 0 5px;
cursor:pointer;
width:45px;
padding:18px 0 18px 0;
text-decoration:none;
 }
	  

/* fim form trabalhe conosco */

/* inicio form contato */

fieldset.form3{
width:350px;
height:320px;
border:none;
display:block;
float:left;
}

#formcontato{
position:relative;
float:left;
width:419px;
height:488px;
}

label.form3{      
width:329px;
float:left;
text-align:left;
height:35px;
background:none;
font-size:12px ;
font-family:arial;
color:#ffffff;
}

label input.form3{
width:329px;
text-align:left;
height:17px;
padding-top:6px;
padding-left:5px;
border:1px solid #cccccc;
font-size:11px ;
font-family:arial;
color:#000000;
}

.class2{    
border:2px solid #cccccc;
float:right;
background:none;
font-family:arial;
font-size:11px ;
color:#666666;
margin-bottom:4px;
cursor:pointer;
margin-right:6px;
margin-top:110px;
padding:3px 16px 3px 16px;
text-decoration:none;
}
	  

textarea{
width:330px;
height:110px;
font-family:arial;
Overflow:auto;
border:1px solid #cccccc;
color:#777777;
font-size:12px ;
font-family:arial;
}

label textarea.form3{
width:336px;
text-align:left;
margin-top:4px;		
}

select.form3{
width:337px;
color:#666666;
font-family:arial;
border:1px solid #ededed;
height:24px;
font-size:12px ;
}

#contato-mapa{
float:right;
position:relative;
width:460px;
height:388px;
border:1px solid blue;
}

/* fim form contato */


/* inicio portifolio */


#servicos{
width:900px;
float:left;
margin-top:30px;
position:relative;
background:url(../img/back-galeria.jpg) no-repeat;
background-position:top center;
margin-bottom:30px;
}

#servicos h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:2px 20px 2px 0px;
float:left;
margin-top:30px;
}


#servicos p{
	clear:both;
color:#666666;
font-size:12px;
font-family:arial;
margin:4px 0 0 0;
}


#servicos ul{
float:left;
position:relative;
width:900px;
list-style:none;
margin-top:30px;
margin-left:10px;
}

#servicos ul li{
display:inline;
float:left;

}

#servicos ul li a{
float:left;
margin:0 31px 40px 11px;
}



/* fim portifolio */


/* quem somos inicio */

#quemsomos{
width:900px;
float:left;
margin-top:30px;
margin-bottom:60px;
position:relative;
text-align:justify;
background:url(../img/back-galeria.jpg) no-repeat;
background-position:top center;
}

#quemsomos h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:2px 20px 2px 0px;
margin-top:30px;
}



#quemsomos h3{
color:#666666;
font-size:12px;
font-family:arial;
margin:4px 0 0 0;
}
#quemsomos p{
color:#666666;
font-size:12px;
font-family:arial;
margin:0px 0 0 0;
}

#quemsomos p.loja{
color:#666666;
font-size:12px;
font-family:arial;
margin:10px 0 0 0;
text-align:justify;
}
#quemsomos h5{
font-family:arial;
font-size:20px;
color:#666666;
text-align:left;
margin-top:20px;
margin-bottom:10px;
}

#quemsomos h5 a{
text-decoration:none;
color:#fe9128;
}

#quemsomos h5 a:hover{
color:#e28124;
}

#quemsomos ul{
list-style:none;
margin:0px auto;
width:465px;
height:775px;
margin-top:15px;
text-align:center;
}

#quemsomos ul li{
display:inline;
float:left;
}

#quemsomos li a {
float:left;
position:relative;
width:465px;
font-family:arial;
color:#666666;
font-size:14px;
margin:0 0 50px 0 ;
text-decoration:none;
border:1px solid #cccccc;
}


#portfolio-home{
float:left;
position:relative;
width:900px;
}

#portfolio-home ul{
float:left;
position:relative;
list-style:none;
margin-top:15px;
width:900px;
margin-left:0px;
margin-bottom:10px;
height:203px;
background:url(../img/bg-clientes-home.jpg) no-repeat;
padding-top:10px;
padding-left:2px;
}

#portfolio-home ul li{
float:left;
display:inline;
}

.alinha{
margin-left:0px;
}

#portfolio-home ul li a{
float:left;
margin-left:8px;
margin-bottom:6px;
margin-top:5px;
border:3px solid #f1f1f1;
}

#portfolio-home ul li a:hover{
border:3px solid #00b1e0;
padding:0;
}

#portfolio-home h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:20px 20px 2px 0px;
float:left;
}

#portfolio-home p{
color:#666666;
font-size:14px;
clear:both;
font-family:arial;
margin:4px 0 0 0px;
}

#construcao-home{
float:left;
position:relative;
width:900px;
margin-top:20px;
padding-top:20px;
background:url(../img/back-galeria.jpg) no-repeat;
}

#construcao-home h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#268abe;
font-weight:normal;
}

#construcao-home h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#666666;
letter-spacing:-1px;
}


#construcao-home ul{
float:left;
position:relative;
list-style:none;
margin-top:15px;
width:900px;
margin-bottom:10px;
height:144px;
padding-left:0px;
}

#construcao-home ul li{
float:left;
display:inline;
width:274px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-right:35px;
margin-bottom:6px;
line-height:20px;
height:145px;
color:#888;
}

#construcao-home ul li.right{float:right;margin:0;}


.alinha{
margin-left:0px;
}


/* inicio rodape */

#bar-rodape{
background:url(../img/rodape.jpg) repeat-x;
height:42px;
position:fixed;
bottom:0;
left:0;
width:100%;
}

#bar-rodape2{
width:900px;
height:42px;
margin:0px auto;
position:relative;
text-align:center;

}

#livezilla{
float:left;
position:relative;
width:111px;
height:42px;
border-right:1px solid #0281b4;
padding-right:3px;
padding-top:2px;

}

#livezilla a img{
float:left;
position:relative;
width:111px;
height:41px;
margin:0;
padding:0;
}


.links-sociais{
float:left;
position:relative;
width:253px;
height:42px;
margin-top:5px;
border-right:1px solid #0281b4;
border-left:1px solid #279dcf;
}

.links-sociais-1{
float:left;
position:relative;
width:253px;
height:42px;
margin-top:5px;
border-right:1px solid #0281b4;
border-left:1px solid #279dcf;
}

.links-sociais ul{
float:left;
position:relative;
list-style:none;
height:42px;
width:200px;
margin-top:5px;
padding-left:50px;
}

.links-sociais ul li{
float:left;
display:inline;
}

.links-sociais ul li a img{
margin-right:15px;
text-decoration:none;
}

.links-sociais ul li a {
text-decoration:none;
}


.links-sociais ul li em{
	font-weight: normal;
	width: 75px;
	background: url(../img/hover.png) no-repeat;
	height: 41px;
	position: absolute;
	top: -95px;
	margin-top:10px;
	margin-left:-66px;
	text-align: center;
	padding: 20px 12px 00px;
	font-style: normal;
	z-index: 2;
	display: none;
	font-family:segoe ui;
	color:#ffffff;
}



#bar-rodape2 h2{
float:left;
position:relative;
font-family:segoe ui;
font-size:13px;
color:#ffffff;
margin-top:10px;
margin-left:35px;
font-weight:normal;
}

#contato-email{
float:left;
position:relative;
font-family:segoe ui;
font-weight:bold;
border-right:1px solid #0281b4;
border-left:1px solid #279dcf;
margin-top:1px;
width:309px;
}

#contato-email a{
float:left;
width:280px;
position:relative;
color:#fff;
padding:8px 15px 10px 14px;
}

#contato-email a:hover{color:orange;}



#tels{
float:right;
position:relative;
margin-top:1px;
margin-right:8px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
border-left:1px solid #279dcf;
width:210px;
height:40px;
}

#tels p{
padding-top:10px;
}

#contactnos{
float:left;
position:relative;
width:550px;
height:40px;
padding-bottom:80px;
margin-top:40px;
clear:both;
}
/* fim rodape */

#contactnos{
float:left;
position:relative;
width:550px;
height:40px;
padding-bottom:80px;
margin-top:40px;
clear:both;
}

#voltar{
float:right;
position:relative;
margin-top:40px;
margin-right:10px;
width:80px;
height:40px;
text-align:left;
padding-bottom:80px;

}

#voltar a img{
float:right;	
}


/* INICIO CASES*/

#cases{
float:left;
position:relative;
width:900px;
margin-top:30px;
}

#cases ul{
float:left;
position:relative;
width:900px;
list-style:none;
margin-top:20px;
}

#cases ul li{
float:left;
position:relative;
display:inline;
width:900px;
height:220px;
margin-bottom:30px;
}

#cases ul li a img{
float:left;
position:relative;
border:6px solid #f1f1f1;
width:387px;
height:195px;
margin-left:20px;
}

#cases a:hover img{
border:6px solid #7dbe0b;
}

#cases h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:2px 20px 2px 0px;
}

#cases ul li strong{color:#4d96b4;}


#cases ul li p{
color:#777777;
margin:10px 0 0 20px;
font-size:14px;
font-family:arial;
text-align:justify;
width:460px;
float:right;
}


#cases  p{
color:#777777;
margin:0 0 0 20px;
font-size:14px;
font-family:arial;
text-align:left;
}

.link-case{
float:right;
margin-top:30px;
color:#ffffff;
text-decoration:none;
font-family:arial;
font-size:14px;
padding:5px 10px 5px 10px;
background:#4d96b4;
}

.link-case:hover{
text-decoration:underline;
}

.link-case-site{
float:left;
margin-top:20px;
margin-left:25px;
color:#ffffff;
text-decoration:none;
font-family:arial;
font-size:14px;
padding:5px 15px 5px 15px;
background:#4d96b4;

}

.link-case-site:hover{
background:#115774;
}


#flash{
float:left;
position:relative;
width:570px;
margin-top:30px;
text-align:center;
}


#bloco-esquerdo-case{
float:left;
position:relative;
width:570px;
margin-top:30px;
padding-bottom:100px;
}

#bloco-esquerdo-case h2{
color:#4d96b4;
font-size:18px;
font-family:arial;
font-weight:bold;
padding:2px 20px 2px 0px;
}

#bloco-esquerdo-case  p{
color:#777777;
margin:0 0 0 15px;
font-size:13px;
font-family:arial;
text-align:justify;
}

#bloco-direito-case{
float:right;
position:relative;
width:303px;
margin-top:30px;
padding-bottom:100px;
}


#caracteristicas-cases{
float:left;
position:relative;
width:302px;
height:306px;
background: url(../img/Bloco-cases.jpg) no-repeat;
}


#caracteristicas-cases h1{
color:#4d96b4;
font-size:18px;
font-family:arial;
font-weight:bold;
margin:30px 0px 0px 25px;
}

#caracteristicas-cases p{
color:#555555;
font-size:12px;
font-family:arial;
margin:5px 0px 0px 25px;
}


#screenshots-adm{
float:left;
position:relative;
width:299px;
height:191px;
margin-top:20px;
}

#screenshots-adm h1{
color:#4d96b4;
font-size:18px;
font-family:arial;
font-weight:bold;
margin:5px 0 0 0;
}


#screenshots-adm  ul{
float:left;
position:relative;
width:299px;
list-style:none;
margin-top:10px;
margin-left:6px;
}

#screenshots-adm  ul li{
float:left;
position:relative;
display:inline;
margin-bottom:10px;
}

#screenshots-adm  ul li a{
float:left;
position:relative;
border:3px solid #68cbf4;
margin-right:5px;
width:88px;
height:67px;
}

#screenshots-adm  ul li a:hover{
border:3px solid #a2da3b;
}

#screenshots-site{
float:left;
position:relative;
width:302px;
height:191px;
margin-top:20px;
}

#screenshots-site h1{
color:#4d96b4;
font-size:18px;
font-family:arial;
font-weight:bold;
margin:5px 0 0 0;
}

#screenshots-site  ul{
float:left;
position:relative;
width:299px;
list-style:none;
margin-top:10px;
margin-left:6px;
}

#screenshots-site  ul li{
float:left;
position:relative;
display:inline;
margin-bottom:10px;
}

#screenshots-site ul li a{
float:left;
position:relative;
border:3px solid #a2da3b;
margin-right:5px;
width:88px;
height:67px;
}

#screenshots-site  ul li a:hover{
border:3px solid #68cbf4;
}



#mais-trabalhos{
float:left;
position:relative;
width:900px;
}

#mais-trabalhos ul{
float:left;
position:relative;
list-style:none;
margin-top:15px;
width:900px;
margin-left:0px;
margin-bottom:10px;
height:200px;
padding-top:6px;
padding-left:2px;
}

#mais-trabalhos ul li{
float:left;
display:inline;
}

.alinha{
margin-left:0px;
}

#mais-trabalhos ul li a{
float:left;
margin-left:8px;
margin-bottom:6px;
margin-top:5px;
border:3px solid #00b1e0;
}

#mais-trabalhos ul li a:hover{
border:3px solid orange;
padding:0;
}

#mais-trabalhos h2{
color:#4d96b4;
font-size:24px;
font-family:arial;
font-weight:bold;
padding:20px 20px 2px 0px;
float:left;
}

#mais-trabalhos p{
color:#666666;
font-size:14px;
clear:both;
font-family:arial;
margin:4px 0 0 0px;
}

	
/* FIM CASES*/

.verde-speed{
color:#86bb25;
font-weight:bold;
}

.verde{
color:#86bb25;
}