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

*{
margin:0 auto;
padding:0;
}
body {
	background-color: #666666;
	margin:0 auto;
	padding:0;
}
#geral{
position:relative;
top:0;
left:0;
width:1000px; 
height:760px;
display:block;

}
#index1 {
	position:relative;
	left:0;
	top:0;
	width:800px;
	height:880px;
	display:block;
	
}
#index2{
	position:relative;
	left:0;
	top:0;
	width:800px;
	height:670px;
	display:block;
	
}

/*---------------------------INDEX------------------------------*/
#gindex {
	position:relative;
	left:0;
	top:3.5%;
	width:1000px;
	height:700px;
	float:left;
	display:block;
	background-image:url("images/fundo.gif");
	background-repeat:no-repeat;
	
	
}
#logo{
	position:absolute;
	left:45px;
	top:215px;
	width:195px;
	height:83px;
	float:left;
	display:block;
}
.fonte1 {
	font-family: "Lucida Calligraphy";
	font-size: 18px;
	color: #9191C8;
}
#botao{
	position:relative;
	top:6%;
	right:2%;
	float:right;
	width:660px;
	height:640px;
	display:block;
}
#video {
	position:relative;
	top:60%;
	left:5%;
	width:200px;
	height:187px;
	float:left;
	display:block;
}
#peca {
	position:relative;
	bottom:0;
	left:0;
	width:800px;
	height:200px;
	float:left;
	display:block;
}
.titulo {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}


/*-----------EMPRESA,SERVIÇOS,CLIENTES E CONTATO--------------------*/


#empresa {
	position:relative;
	left:0;
	top:2%;
	width:800px;
	height:820px;
	display:block;
	
	
	
	
}
#servicos {
	position:relative;
	left:0;
	top:3%;
	width:800px;
	height:620px;
	display:block;
	
	

	

}
#clientes {
	position:relative;
	left:0;
	top:3%;
	width:800px;
	height:600px;
	display:block;
	

	
	
	
}
#contato {
	position:relative;
	left:0;
	top:3%;
	width:800px;
	height:600px;
	display:block;



	
	
}
#contato_meio {
	position:relative;
	left:40%;
	top:2%;
	float:left;
	width:190px;
	height:100px;
	display:block;
	
}



/*-----ESTILOS TEXTOS------*/


.style1 {
	color: #FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.style2 {
	color: #FFFFFF;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	margin:20px 10px 2px 2px;
}
.style3 {
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 2px 2px;
}
.style4 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:20px;
	
}
.style5 {
	color: #FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 40px 0 40px;
}
.style6 {
	color: #FFFFFF;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.imagem1{
border:1px solid #fff;
}

/*-----------------------PORTFÓLIO--------------------------------*/

#portfolio{
	position:relative;
	left:0;
	top:2%;
	width:800px;
	height:880px;
	display:block;
	padding-bottom:20px;

	
}
#centro{
	position:relative;
	left:0;
	top:0;
	width:790px;
	height:610px;
	display:block;
	
	
}
#pimg{
	position:absolute;
	top:2%;
	left:9%;
	display:block;
	float:left;
	width: 750px;
	height:150px;
	
}
.quant{ 
	position:relative;
	top:0;
	left:0;
	display:block;
	float:left; 
	width:750px; 
	height:20px; 
	
}
.fotos { 
	position:relative;
	top:0;
	left:0;
	float:left; 
	width:100px; 
	height:74px;
	

}
.pag{ 
	position:relative;
	top:19%;
	left:0;
	display:block;
	float:left; 
	width:750px; 
	height:20px;
}
*html .pag{ /*CORREÇÃO NO IE 5 E 6 */
	position:relative;
	top:-4%;
	left:0;
	display:block;
	float:left; 
	width:510px; 
	height:20px;
}
#imagens{
	position:absolute;
	top:30%;
	left:47%;
	width: 400px;
	height: 400px;
	float:left; 
	display:block;
}
#preferencia{
	position:absolute;
	top:30%;
	left:9%;
	float:left; 
	display:block;
	width: 200px;
	height: 373px;
}
#preferencia ul{
	list-style-type: none;
}
#select{
	position: relative;
	right:0;
	top:2%;
	float:right;
	width:420px;
	height:20px;
}
	form.estilo{
		margin:0;
		padding:0;
	}
	#meuselect {  
		width:200px;
		background:#666666; 
		font:11px verdana,arial, helvetica, sans-serif; 
		color:#fff;
	}
	
	#meuselect option.impar { 
		width:135px;  
		background-color:#666666; 
		color:#fff;
	}
.imagem2{
	width: 100px;
	height: 100px;
	border:1px solid #fff;
}
.imagem3{
	width: 117px;
	height: 88px;
	border:1px solid #fff;
}
#videos{
	position:relative;
	top:66%;
	left:2%;
	width:332px;
	height:180px;
	float:left; 
	border:1px solid white;
	
	
}
/*------------------ADMINISTRAÇÃO-------------------------*/

#menu {
	position:relative;
	top:0;
	left:0;
	float: left;
	width: 150px;
	height:440px;
	background-color: #333333;
	border:1px solid #fff;
}
#stats{
	text-align: right;
	font-size: 12px;
	padding-top: 75px;
	padding-right: 15px;
}
#msg{
	height: 16px;
	color:#fff;
	text-align:center;
	font:11px Verdana,Arial, Helvetica, sans-serif
}
#aut{
	position:relative;
	top:23%;
	left:0;
	width:350px;
	height:160px;
	text-align: center;
	padding-top: 30px;
	border:1px solid #fff;
	background:#000000;
}
#menu ul{
	text-align:left;
	margin:0;
	padding:0;
	list-style-type: none;
}
#menu li{
	margin:0;
	padding:0 0 0 20px;
	line-height:18px;
}
#corpo {
	position:absolute;
	top:35%;
	left:7%;
	float:left;
	width: 700px;
	height: 440px;
	display:block;
	
}
#ola{
	position:relative;
	top:0;
	right:0;
	float:right;
	width:400px;
	height:15px;
	border-bottom:1px solid #fff;
}

#conteudo {
	position:relative;
	top:5.5%;
	right:0;
	float:right;
	width:400px;
	height:400px;
	border:1px solid #fff;
}
	#iframe {
		position:absolute;
		top:0;
		right:0;
		float:right;
		width:400px;
		height:400px;	
	}
	#iframe a{
		color: #FFFFFF;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		text-decoration:none;
	}
	input{ 
		background:none; 
		font: 11px verdana, arial, helvetica, sans-serif;
		color:#FFFFFF;
		border:1px solid #FFFFFF;
		float:left;
		vertical-align: middle; 
		
	}
	textarea{ 
		background:none; 
		font: 11px verdana, arial, helvetica, sans-serif;
		color:#FFFFFF;
		border:1px solid #FFFFFF;
		float:left;
	}
	form.margem{ 
		margin: 0 4px 0 4px;
	}

 /*INPUT FILE*/       
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
*html div.fakefile{ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);						
}

input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index: 2;
}
*html input.file{ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);						
}

 /*RODAPÉ*/ 
 #credito{
	position:relative;
	top:4%;
	left:0;
	float: left;
	display:block;
	width: 1000px;
	height:25px;

}
#credito1{
	position:relative;
	top:0;
	left:0;
	float: left;
	display:block;
	width: 800px;
	height:25px;
	
}

 #liberttas {
	position:absolute;
	top:1%;
	right:0;
	float:right;
	width: 119px;
	height:20px;
	background-image:url("images/liberttas.png")!important;
	background-repeat:no-repeat;
	background:none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/liberttas.png",sizingMethod="scale");
	}

 h3{
	font: 9px verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
 }
 #sistema {
	position:absolute;
	top:1.7%;
	left:8%;
	float:left;
	width: 564px;
	height:57px;
	background-image:url("../images/sistema.png")!important;
	background-repeat:no-repeat;
	background:none;
	filter:none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/sistema.png",sizingMethod="scale");
	}