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

body{
	margin:0;
	background:#000 url(../imgs/fnd_body.jpg) no-repeat;
}

#geral{
	width:984px;
	height:955px;
	margin:30px auto;
	background:url(../imgs/fnd_cont.png) repeat-x;
}


/*INICIO CABECALHO*/
#cabecalho{
	width:900px;
	height:145px;
	margin:0 auto;
}

#cabecalho #logo{
	width:234px;
	height:115px;
	float:left;
	margin-top:15px;
}

#cabecalho #menu{
	width:643px;
	height:50px;
	float:right;
	margin-top:4.3em;
	background:url(../imgs/fnd_menu.png) no-repeat;
}
#cabecalho #menu .selected{
	font:14px arial, Helvetica, sans-serif;
	color:#f60;
	text-decoration:underline;
}

#cabecalho #menu ul li{
	display:inline;
	list-style:none;
	padding:0 8px;
	font:14px arial, Helvetica, sans-serif;
	color:#FFFFFF;

}

#cabecalho #menu ul li a{
	font:14px arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#cabecalho #menu ul li a:hover{
	font:14px arial, Helvetica, sans-serif;
	color:#f60;
	text-decoration:none;
}

/*FIM CABECALHO*/

/*INICIO BANNER*/
#banner{
	width:900px;
	height:359px;
	margin:0 auto;
}
/*FIM BANNER*/

/*INICIO CONTEUDO*/
#conteudo{
	width:900px;
	height:400px;
	margin:0 auto;
}


#conteudo #lcolun{
	width:292px;
	height:360px;
	float:left;
}

#lcolun #accordion{
	width:292px;
	height:340px;
	font:12px arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#lcolun #accordion p{
	margin:0;
	padding:0;
}

#lcolun #accordion a{
	font:12px arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
#lcolun #accordion h3{
	background:#333333 url(../imgs/icon3d.png) left no-repeat;
	width:262px;
	height:20px;
	margin:3px 0 0 0;
	padding:7px 0 0 30px;
	}


#conteudo #rcolun{
	width:535px;
	height:360px;
	float:right;
}
#conteudo #rcolun h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

/*FIM CONTEUDO*/




/*NEWSLETTER*/
fieldset{
	width:262px;
	border:none;
}


label{
	display:block;
	width:262px;
	float:left;
	font: 11px arial;
	color:#333333;
	padding-bottom:10px;
	position:relative;
}

label input{
	width:262px;
	border: 1px solid #999999;
	font:11px arial;
	color:#000;
}
#submit{
	width:80px;
	float:right;
	margin-right:0px;}
/*FIM NEWSLETTER*/



/*CONTATO*/

#contato_tit h3{
	background:#333333 url(../imgs/icon3d.png) left no-repeat;
	width:870px;
	color:#FFFFFF;
	margin:0 auto;
	height:20px;
	font:14px Arial, Helvetica, sans-serif;
	padding:7px 0 0 30px;
}
#contato{
	width:900px;
	height:400px;
	margin:0 auto;
}

#contato fieldset{
	width:262px;
	border:none;
}


#contato label{
	display:block;
	width:200px;
	float:left;
	font: 11px arial;
	color:#fff;
	padding-bottom:10px;
	position:relative;
}

#contato label input{
	width:200px;
	border: 1px solid #999999;
	font:11px arial;
	color:#000;
}
#submit{
	width:30px;
	float:right;
	margin-right:0px;}
#contato #lcolun{
	width:215px;
	height:360px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
#contato #img{
width:215px;
height:50px;
border-bottom:1px solid #666666;
}
#contato span{
	text-align:justify;
}



#contato #rcoluncont{
	width:390px;
	height:360px;
	float:right;
}
#contato #rcoluncont h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
/*FIM CONTATO*/

/*FORMULARIO*/

#form{
	font:13px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

#form fieldset{
	width:390px;
	border:none;
}

#form legend{
	font:bold 12px arial;
	margin-bottom:25px;
	color:#333333;

}

#form label{
	display:block;
	width:380px;
	float:left;
	font: 11px arial;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
	position:relative;
}

#form label input{
	width:380px;
	border: 1px solid #333333;
	font:11px arial;
	background:#333333;
	color:#fff;
}



#form textarea{

/*scrollbar-arrow-color:#333333;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-face-color:#ffffff;
scrollbar-shadow-color:#666666;
scrollbar-darkshadow-color:#666666;
scrollbar-track-color:#ffffff;*/

	width:380px;
	height:100px;
	font:11px arial;
	border: 1px solid #333333;
	color:#fff;
	background:#333333;
	
}

#form label small{
	color:#CCCCCC;
	font-size:8px;
	position:absolute;
	right:15px;
}

/*FIM FORMULARIO*/





/*NEWSLETTER*/

#newsletter{
	width:200px;
	}
#newsletter fieldset{
	width:200px;
	border:none;
}

#newsletter legend{
	font:bold 12px arial;
	margin-bottom:25px;
	color:#333333;

}

#newsletter label{
	display:block;
	width:200px;
	float:left;
	font: 11px arial;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
	position:relative;
}

#newsletter label input{
	width:200px;
	border: 1px solid #333333;
	font:11px arial;
	background:#333333;
	color:#fff;
}

/*FIM NEWSLETTER*/


/*PORTFOLIO*/


#portfolio{
	width:900px;
	height:750px;
	margin:0 auto;
}
#portfolio h3{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

.websites{
}














/*INICIO ULTIMOS TRABALHOS*/

#featured{
	width:200px;
	padding-right:250px;
	position:relative;
	height:150px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:250px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0;
	padding-left:13px;  
	font-size:8px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left;
	margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:10px; font-family:arial; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:40px; 
	color:#fff;  background:#333; 
	text-decoration:none;
	line-height:20px;
}
/*
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}*/

#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:250px; height:150px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:85px;
	left:0;
	height:70px;
	background: url('images/transparent-bg.png');
}
#featured .info h2{ 
	font-size:10px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:arial; font-size:10px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/*FIM ULTIMOS TRABALHOS*/

/*SEVEN 3D*/
#seven3d{
	width:900px;
	height:730px;
	margin:0 auto;
	
}

#seven3d #lcolun2{
width:520px;
float:left;
padding:10px;
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
background:url(../imgs/bg_seven.png);
}
#seven3d #lcolun2 h1{
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#seven3d #lcolun2 p{
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif bold;
}

.color {color: #FF6600}
.italico{font-style:italic;}


#seven3d #rcolun2{
width:360px;
height:211px;
float:left;
background:url(../imgs/simbolo.png) no-repeat center;
}
/*FIM SEVEN 3D*/


/*SOLUCOES*/
#solucoes{
	width:900px;
	height:730px;
	margin:0 auto;
}

#solucoes #lcolun2{
width:255px;
height:490px;
float:left;
padding:10px;
background:url(../imgs/bg_seven.png) repeat-x;
}

#solucoes #lcolun2 #menusolu ul li{
	list-style:none;
	margin-left:-25px;
	}
#solucoes #lcolun2 #menusolu .selected{
		font:12px Arial, Helvetica, sans-serif;
		color:#F60;
	}

#solucoes #lcolun2 #menusolu ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font:12px Arial, Helvetica, sans-serif;
	}
	
	#solucoes #lcolun2 #menusolu a:hover{
	text-decoration:none;
	color:#F60;
	font:12px Arial, Helvetica, sans-serif;
	}
	
#solucoes #lcolun2 h1{
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}
#solucoes #lcolun2 p{
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif bold;
}

#solucoes #rcolun2{
width:615px;
height:490px;
float:right;
background:url(../imgs/bg_seven.png) repeat-x;
}




/*MOBILE*/

#rcolun2 #ipho{
	background:url(../imgs/ipho.png) no-repeat;
	width:452px;
	margin:0 auto;
	height:310px;
	top:10px;
	position:relative;
	}
#rcolun2 #iphotext{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #iphotext h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
/*ecommerce*/

#rcolun2 #ecommerce{
	background:url(../imgs/ecommerce.png) no-repeat;
	width:490px;
	margin:0 auto;
	height:250px;
	top:10px;
	position:relative;
	}
#rcolun2 #ecommercetext{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #ecommercetext h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
		
/*SEM*/
#rcolun2 #semimg{
	background:url(../imgs/sem.png) no-repeat;
	width:598px;
	margin:0 auto;
	height:250px;
	top:10px;
	position:relative;
	}
#rcolun2 #semtxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #semtxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
/*EMARKETING*/
#rcolun2 #mktimg{
	background:url(../imgs/emarketing.png) no-repeat;
	width:598px;
	margin:0 auto;
	height:250px;
	top:10px;
	position:relative;
	}
#rcolun2 #mkttxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #mkttxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
		
/*3D*/

#rcolun2 #dimg{
	background:url(../imgs/3d.jpg) no-repeat;
	width:590px;
	margin:0 auto;
	height:250px;
	top:10px;
	position:relative;
	}
#rcolun2 #dtxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #dtxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
/*COMUNICAÇÃO VISUAL*/
#rcolun2 #midiaimg{
	background:url(../imgs/midia.jpg) no-repeat;
	width:500px;
	margin:0 auto;
	height:287px;
	position:relative;
	}
#rcolun2 #midiatxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #midiatxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
/*HOSPEDAGEM DE SITES*/

#rcolun2 #hospimg{
	background:url(../imgs/hospedagem.png) no-repeat;
	width:598px;
	margin:0 auto;
	height:261px;
	position:relative;
	}
#rcolun2 #hosptxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #hosptxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}

/*REDES*/
#rcolun2 #netimg{
	background:url(../imgs/rede.jpg) no-repeat;
	width:598px;
	margin:0 auto;
	height:288px;
	position:relative;
	}
#rcolun2 #nettxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #nettxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}
/*IDENTIDADE VISUAL*/

#rcolun2 #identimg{
	background:url(../imgs/identidade.jpg) no-repeat;
	width:598px;
	margin:0 auto;
	height:277px;
	top:10px;
	position:relative;
	}
#rcolun2 #identtxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #identtxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}

/*SEO*/
#rcolun2 #seoimg{
	background:url(../imgs/seo.jpg) no-repeat;
	width:550px;
	margin:0 auto;
	height:295px;
	top:10px;
	position:relative;
	}
#rcolun2 #seotxt{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px;
	text-align:justify;
		}
		
#rcolun2 #seotxt h1{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
		}

















/*FIM SOLUCOES*/



















































/*INICIO rodape*/
#rodape{
	text-align:center;
	font:12px arial, Helvetica, sans-serif;
	color:#CCCCCC;
	width:984px;
	height:30px;
	margin-bottom:0;
	margin:0 auto;
}
/*FIM rodape*/





/*BANNER*/


a:link,a:visited{
 color:#fff;
 text-decoration:none;
}
a img{
 border:0;
}
div.wrap{
 width:900px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:900px;
  height:52px;
  margin:22px 0 0;
  background:url(../images/banner/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:299px;
  background:url(../images/banner/header-bg.jpg) 50% 0 no-repeat;
 }
 div#header div#slide-holder{
  z-index:40;
  width:900px;
  height:299px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:880px;
   height:278px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   top:233px;
   width:900px;
   height:46px;
   display:none;
   position:absolute;
   background:url(../images/banner/slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font:10px Arial, Helvetica, sans-serif;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font:12px Arial, Helvetica, sans-serif;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../images/banner/silde-nav.png);}
div#nav ul li a{background:url(../images/banner/nav.png) no-repeat;}




/*PORTFOLIO*/

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 5px solid #444444;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*FIM PORTFOLIO*/


/*SOLUCOES*/
#imgsites #web01{
	float:left;
	width:275px;
	height:205px;
	margin:10px 10px;
	background:url(../imgs/web01.png) no-repeat;
	}
#imgsites #web02{
	float:right;
	width:275px;
	height:205px;
	margin:10px 10px;
	background:url(../imgs/web02.png) no-repeat;
	}
#desc p{
	width:605px;
	padding:10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	}
#desc h1{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px;
	color:#FFF;
	}