@charset "utf-8";
/* CSS Document */
@import url("css/menus.css");
@import url("css/fonts.css");
@import url("css/slide.css");
@import url("css/shbox.css");
@import url("css/bxmsg.css");

/*****************************************************************
 PRESETS
 *****************************************************************/
body{ 
	background: url(images/bg.png);
	margin: 0px;
	padding: 0px;
}

*{
	margin: 0px;
	padding: 0px;
}

ul{list-style:none;}
a {text-decoration:none;}
.clear{ clear: both; width: 100%; height: 1px;}

.hr{ clear: both; width: 100%; height: 20px; background: url(images/hr.png) center no-repeat;}

/*****************************************************************
 HEADER
 *****************************************************************/
#header{	
	background: #000 url(images/header.png) no-repeat;	
	position: relative; 
	width: 100%;
	margin: 0px;
	padding: 0px; 
	z-index: 2;
	border-bottom: 10px solid #000; 
}

#head{	
	background: none;
	position: relative; 
	margin: 0px auto;
	padding: 0px;
	width: 1000px; 
	z-index: 2;
}

/*****************************************************************
 FOOTER
 *****************************************************************/
#footer{		
	background: #000;
	background: linear-gradient(#333, #000);
	background: -webkit-linear-gradient(#333, #000);
	background: -moz-linear-gradient(#333, #000);
	background: -o-linear-gradient(#333, #000);
	
	background-repeat: no-repeat;
	
	position: relative; 
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	
	border-top: 10px solid #000;
}

#foot{ 	
	background: url(images/foot.png) right no-repeat;
	position: relative; 
	margin: 0px auto;
	padding: 20px 0 0 0;
	width: 1000px; 
}

.footer_cols {
	float:left; 
	width:25%; 
	text-align:left;
}

.footer_cols ul {
	list-style:none;
	margin-left: 10px;
}

.redes{	
	width: 20px;
	height: 20px;
	padding: 10px;
}
.twit{	background: url(images/twit.png) center center no-repeat;}
.face{	background: url(images/face.png) center center no-repeat;}
.tube{	background: url(images/ytube.png) center center no-repeat;}
.skip{	background: url(images/skipe.png) center center no-repeat;}
.gmai{	background: url(images/gmais.png) center center no-repeat;} 

/*****************************************************************
 POSTER
 *****************************************************************/
#poster{	
	background: none;
	position: relative; 
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

#post{ 
	background: none;
	position:relative;
	margin: 0px auto;
	padding: 30px 0px;
	width: 1000px; 
	min-height: 200px;
}

/*****************************************************************
 LOGO
 *****************************************************************/
.logo {
	background:url(images/logo.png) 0 0 no-repeat;
	position:absolute; 
	display:block; 
	padding: 0; 
	margin: 0;
	width:450px; 
	height:150px; 
	z-index: 100;
}

/*****************************************************************
 GRIDS DE CONTEÚDO
 *****************************************************************/
.grid_0, .grid_1, .grid_2, .grid_3 {
	display: inline;
	float: left;
	position: relative;
}

.grid_0 { 
	background: none;
	width:1000px;
}

.grid_1 { 
	background: none;
	width:280px;
}

.grid_2 {
	background: none;
	width:400px;
}

.grid_3 {
	background: none;
	width:700px;
}

/*****************************************************************
 SEARCH
 *****************************************************************/
#searcher {
	float:right; 
	right: 0px; 
	width: 270px;
	height: 70px;
}
#searcher fieldset {
	border:none;
	padding:0;
}
#search {	
	padding: 9px 10px; 
	overflow: hidden; 
	border: 0px; 
	background: #c0c0c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#b1b1b1));
	background: -moz-linear-gradient(#e4e4e4, #b1b1b1);
	background: linear-gradient(#e4e4e4, #b1b1b1);
	-pie-background: linear-gradient(#e4e4e4, #b1b1b1);
	background-image: -o-linear-gradient(#e4e4e4, #b1b1b1);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	box-shadow: 0px 15px 10px -10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 15px 10px -10px rgba(0,0,0,.5);
	-o-box-shadow: 0px 15px 10px -10px rgba(0,0,0,.5);
}
#searcher input {
	width: 204px; 
	height: 18px;
	margin: 0; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color:#464646;
	background: #fff; 
	padding: 10px 36px 10px 10px;
	border: 1px solid #a9a9a9;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	
	background-image: url(images/search.png);
	background-position: right center; 
	background-repeat:no-repeat;
}

/*****************************************************************
 VISUAL DOS BOXES
 *****************************************************************/
.box {
	background: #E6E6E6;
	background: linear-gradient(#FEFEFE, #E6E6E6);
	background: -webkit-linear-gradient(#FEFEFE, #E6E6E6);
	background: -moz-linear-gradient(#FEFEFE, #E6E6E6);
	background: -o-linear-gradient(#FEFEFE, #E6E6E6);
		
	position: relative; 
	border: 1px solid #CCC;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	
	box-shadow: 0px 6px 10px -7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 6px 10px -7px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 6px 10px -7px rgba(0,0,0,.5);
	-o-box-shadow: 0px 6px 10px -7px rgba(0,0,0,.5);
}

.panel {
	position: relative; 
	border: 0;
		
	background: rgba(255,255,255,0.5);
	
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}


/**********************************************************
 GALERIA
 **********************************************************/
#galeria{
	background: none;
	width: 280px; 
	padding: 0;
}

.galeria { 
	width: 280px; 
	background: none;
	list-style: none;
}

.galeria li{ 
	background: none; 
	width: 90px; 
	margin: 0 0 0 5px;	
	border: 0;
	float: left;
}
.galeria li:first-child{ 
	margin: 0;
}

.galeria img {
	width: 100%;
	border: 0;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	-o-box-shadow: 5px;
	
	box-shadow: 0px 8px 8px -5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 8px 8px -5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 8px 8px -5px rgba(0,0,0,.5);
	-o-box-shadow: 0px 8px 8px -5px rgba(0,0,0,.5);
}

.galeria a {
	width: 90px;
	height: 59px;
	margin: 0px;
	border: 0;
	text-decoration:none;
	display: block;
	position: relative;
}

.galeria li a em {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	color: rgba(255,255,255,0);
	background: url(images/nlook.png) center no-repeat;
	text-decoration: none;
	padding: 0;
	border: 0;
	-webkit-transition: 0.62s;
	transition: 0.62s;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.galeria li a:hover em {
	color: #FFF;
	background: rgba(0,0,0,.6) url(images/look.png) center no-repeat;
	-webkit-transition: 0.62s;
	transition: 0.62s;
}

/**********************************************************
 LISTA DE SERVIÇOS
 **********************************************************/
.service{
	position: relative; 
	background: none;
	list-style: none;
}

.service li {	
	margin-bottom: 10px;
	background: none;	
	min-height: 60px;
}

.service li.dual {	
	float: left;
	width: 340px;
}

.service li:last-child {	
	border-bottom: 0; 
}

.service .figura { 
	display: block; 		
	margin-bottom: 10px; 
}

.naesquerda{ 
	float: left; 
	margin-right: 15px; 
}

.nadireita{ 
	float: right; 
	margin-left: 15px; 
}

.service .mini {  
	width:150px; 
	height:110px;
}

.service .menor {  
	width:240px; 
	height:160px;
}

.service .small {  
	width:240px; 
	height:240px;
}

.service .large {  
	width:300px; 
	height:200px;
}

.service .figura img{ 
	max-width:100%; 
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
	-o-box-shadow: 10px;
	
	/*box-shadow: 0px 13px 10px -7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 13px 10px -7px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 13px 10px -7px rgba(0,0,0,.5);
	-o-box-shadow: 0px 13px 10px -7px rgba(0,0,0,.5);*/
}

.service .title { 
	padding: 10px 0;		
}

.service strong { 
	padding: 5px 0;	
	display: block;	
}

/**********************************************************
 LISTA DE SERVIÇOS
 **********************************************************/
dl{
	float: left;
    width: 270px;
	padding-left: 50px;
}

dt{
	letter-spacing: 2px;
}

dl.faze1{	background: url(images/im1.png) top left no-repeat; }
dl.faze2{	background: url(images/im2.png) top left no-repeat; }
dl.faze3{	background: url(images/im3.png) top left no-repeat; }