@charset "utf-8";

/* ESTILO Copeli */













/* -----------------------------------PARTE 1------------------------------------------------------*/







/* CABEÇALHO DAS PAGINAS*/

*{

	margin:0 auto;

	padding:0;

}

body{

	margin:0;

	padding:0;

	background-color:#a5d0f9;
	background-image:url(images/fundo.gif);
	
	

}



/* AQUI É A DIV PRINCIPAL, TUDO ESTÁ DENTRO DELA*/



#geral{

	position:relative;

	top:0;

	left:0;

	display:block;

	width:1000px; 

	margin-top:20px;

	

}

#geral_index{

	position:relative;

	top:20px;

	left:0;

	display:block;

	width:1000px; 

	height:720px;	

	margin-top:0px;

	

}





#topo{

	position:relative;

	top:0;

	left:0;

	display:block;

	width:1000px;

	height:100px;
	
	background-image:url(images/fundo_logo.jpg);

	
}



	/* AQUI ESTA O LOGO*/



	#logo{

	position:absolute;

	left:0;

	width:193px;

	height:61px;

	float:left;

	display:block;

	}

	#logo2{

    position:absolute;

	bottom:10px;

	right:4px;

	width:300px;

	height:50px;

	display:block;

	float:right;

	background-image:url("images/logo2.png")!important;

	background-repeat:no-repeat;

	background-image: none;

	filter:none !important;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo2.png',sizingMethod='scale');			

	}

	

	/* AQUI ESTA O LINK BUSCA*/



	#busca{
	position:absolute;
	top:30%;
	right:299px;
	_right:109px;
	float:right;
	display:block;
	font:bold 12px verdana, arial, helvetica;
	width:1px;
	height:42px;
	color:#FFF;

	

}

#busca input{
	border:1px solid #FFF;
	color:#FFF;

}




#menu_index{

	position:relative;

	top:0;

	left:0;

	float:left;

	display:block;

	width:1000px;

	height:34px;

	background:#fff;

	z-index:3;	

	}

#menu1{

	position:relative;

	top:0;

	left:0;

	float:left;

	display:block;

	width:1000px;

	height:120px;

	background:#fff;

	

	}

#fundo{

	position:relative;

	top:0;

	left:0;

	float:left;

	display:block;

	width:1000px;

	height:584px;

	background-image:url("images/img_home.jpg");



	

}

#outside{

	position:absolute;

	top:0;

	left:0;

	height:21px;

	

	

}



	/* AQUI ESTÃO A IMAGEM E O MENU*/



	#barra_menu{

	position:absolute;

	top:16%;

	left:0;

	display:block;

	width:1000px; 

	height:10px;	

	}

	#barra_menu_index{

	position:absolute;

	top:55%;

	left:0;

	display:block;

	width:1000px; 

	height:10px;	

	}

	



		.menu-hv * { 

		margin: 0;

		padding: 0;

	}

	.menu-hv a { 

		display: block; 

	}

	.menu-hv li { 

		list-style: none; 

		float: left;

		height: 1%; 

	}

	.menu-hv li ul { 

		position: absolute; 

		visibility: hidden;

	}

	.menu-hv li ul li { 

		float: none; 

		white-space: nowrap; 

		display: inline; /* o inline é pro IE */

	}

	.menu-hv li ul li ul { 

		position: relative; 

		left: 50%; 

		top: 20%; 

	}

	.menu-hv li:hover ul, .menu-hv li.over ul { 

		visibility: visible;

	}

	.menu-hv li:hover ul ul, .menu-hv li.over ul ul {

 		visibility: hidden;

 	}

	.menu-hv ul ul li:hover ul, .menu-hv ul ul li.over ul {

 		visibility: visible;

 	}



/* visual */

	.menu-hv { 

	

		background:#0c1072 url(img/bg-menu.jpg) repeat-x top;

		width: 1000px;

		margin:0; 

		height:20px;

	}

	.menu-hv a { 

		font-family:Verdana, Arial, Helvetica, sans-serif; 

		font-size:9pt; 

		font-weight: bold;  

		text-decoration: none; 

		color: #fff; 

		padding: 0 17px; 

		line-height: 18px;

	}

	*html  .menu-hv a { 

		font-family:Verdana, Arial, Helvetica, sans-serif; 

		font-size:9pt; 

		font-weight: bold;  

		text-decoration: none; 

		color: #fff; 

		padding: 0 17px; 

		line-height: 18px; 

	}

	.menu-hv a:hover { 

		text-decoration:underline; 

		background-color:#304298; 

		color: #a5d0f9; 

		text-decoration:none;

	}

	.menu-hv ul li ul {  

		background-color: #0c1072;

		filter: alpha(Opacity=90); /*para ie*/

		opacity:0.90; /*para firefox*/

		-khtml-opacity:0.90; /*para opera*/

		border:none;  

	}			

	.barra1 a span{

    	position:absolute;

		left:11.5%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}

	

	.barra2 a span{

    	position:absolute;

		left:20.5%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}

	

	.barra3 a span{

    	position:absolute;

		left:36%;

		top:2.2%;

		color:#fff;

		font-size:13pt;		

	}

	

	.barra4 a span{

    	position:absolute;

		left:49.45%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}

	

	.barra5 a span{

    	position:absolute;

		left:58.6%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}

	

	.barra6 a span{

    	position:absolute;

		left:72.5%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}



	.barra7 a span{

    	position:absolute;

		left:84.5%;

		top:2.2%;

		color:#fff;

		font-size:13pt;

	}




/* AQUI ESTÃO OS DIREITOS E O LOGO DA LIBERTTAS*/



#credito{

	position:relative;

	top:0;

	left:0;

	display:block;

	width:1000px;

	height:30px;

	float:left;

	

}



h1{

	font:9px verdana, arial, helvetica;

	color:#000;

	text-align:center;

	position:relative;

	top:6px;

}

#logolib{

	position:absolute;

	top:5px;

	right:0;

	display:block;

	float:right;

	width:100px;

	height:17px;

	background-image:url("images/liberttas.png")!important;

	background-repeat:no-repeat;

	background-image: none;

	filter:none !important;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/liberttas.png',sizingMethod='scale');

	

}

/* AQUI ESTÃO OS BANNERS*/



#banner{

	position:absolute;

	bottom:1%;

	left:0;

	display:block;

	width:1000px;

	height:135px;

	float:left;

}

#banner1{

	position:relative;

	top:12%;

	width:300px;

	height:300px;

	display:block;

	float:left;		

}

#banner3{ 

	position:relative;

	top:-30px;

	right:8%;

	float:right; 

	display:block;

	

	

}

#banner5{ 

	position:absolute;

	top:-78px;

	right:2%;

	float:right; 

	display:block;

	width:200px; 

	height:686px;	

}



/* -----------------------------------PARTE 2------------------------------------------------------*/







/* PÁGINA QUEM SOMOS*/

/* AQUI ESTA A PALAVRA CHAVE*/



#meio{

	position:relative;

	top:0;

	left:0;

	float:left;

	display:block;

}

#nome{

	position:absolute;

	top:70%;

	left:5%;

	display:block;

	float:left;

	width:500px;

	font:25px Humanst521 BT,verdana, arial, helvetica;

	color:#003879;

	text-align:left;

}

#categ{



	font:9px verdana, arial, helvetica;

	color:#003879;

	text-align:left;

	margin-left:50px;

	border-bottom:1px solid #003879;



}

#home{

	position:absolute;

	top:80%;

	right:1%;

	display:block;

	width:50px;

	float:right;

}

#home a{

	font:bold 12px verdana, arial, helvetica;

	text-align:right;

	color:#0085ce;

	text-decoration:none;

}

#home a:hover{

	text-decoration:underline;

}

#voltar{

	position:absolute;

	bottom:5px;

	left:45%;

	display:block;

	width:100px;

	float:left;

}

#voltar a{

	font:bold 12px verdana, arial, helvetica;

	text-align:right;

	color:#0085ce;

	text-decoration:none;

}

#voltar a:hover{

	text-decoration:underline;

}

#barra{

	position:absolute;

	top:90%;

	right:0;

	display:block;

	width:995px;

	float:right;



}





/* AQUI ESTA O BANNER*/



.img{

	position:relative;

	top:0;

	left:45px;

	float:left;

}

.texto_copeli{

	position:absolute;

	top:100px;

	left:16%;

	width:700px;

	float:left;

	font:bold italic 25px Humanst521 BT, verdana, arial, helvetica;

	text-align:left;

	color:#0074c5;

}



/* AQUI ESTÃO OS TEXTOS*/



#texto{

	position:absolute;

	top:270px;

	left:15%;

	display:block;

	width:700px;

	height:200px;

	

}

#texto1{

	position:absolute;

	top:270px;

	left:15%;

	display:block;

	width:700px;

	height:420px;

	

	

}

#texto2{

	position:absolute;

	top:270px;

	left:15%;

	display:block;

	width:700px;

	height:620px;

	

	

}



h6{

font:bold italic 14px verdana, arial, helvetica;

color:#003879;

text-align:left;

margin-bottom:10px;

}

h5{

font:bold 12px verdana, arial, helvetica;

color:#003879;

text-align:center;

}

.text{

font:11px  verdana, arial, helvetica;

color:#7f7e7b;

text-align:left;

margin-bottom:10px;

}



#produtos{ 

	position:relative;

	top:5%;

	left:5%;

	float:left; 

	width:100px; 

	height:150px;

	margin-left:30px;

	



}

#busca_prod{ 

	position:relative;

	top:5%;

	left:5%;

	float:left; 

	width:130px; 

	height:200px;

	margin-left:10px; 



}

#repres{ 

	position:relative;

	top:0;

	left:10%;

	float:left; 

	width:800px; 

	height:500px;

	

}	

#flash{ 

	position:relative;

	top:0;

	left:0;

	float:left; 

	width:500px; 

	height:500px; 

	

}

#inf{ 

	position:relative;

	top:80px;

	left:0;

	float:right; 

	width:280px; 

	height:500px; 

	

}

#img_empresa{ 

	width:320px; 

	height:600px;	

}





/* PÁGINA TRABALHE CONOSCO ------------------------*/

/* AQUI ESTA A PALAVRA CHAVE*/



#tabela{

	

	width:660px;

	height:520px;

	font:bold 16px Humanst521 BT, verdana, arial, helvetica;

	color:#7f7e7b;

	text-align:left;

	

	

}



	.contato{

	margin-top:40px;

	}

	

	.contato span{

		font:bold 10px Handel Gothic BT,verdana,arial,helvetica, sans-serif;

		color:#003399;	

		text-align:left;

	

	}

	.fone span{

		font:bold 12px Humanst521 BT, verdana, arial, helvetica;

		color:#7f7e7b;

		text-align:left;

		

	}

	.fonte tr td{

		font:bold 12px Humanst521 BT, verdana, arial, helvetica;

		color:#7f7e7b;

		text-align:left;

	

	}

	.login tr td{

		font:bold 12px verdana, arial, helvetica, sans-serif;

		color:#7f7e7b;

		text-align:right;

	

	}

	.login tr td span{

		color:#fff;

	}

	.adm tr td{

		font:bold 12px verdana, arial, helvetica, sans-serif;

		color:#7f7e7b;

		text-align:left;

	}

	.adm tr td span{

		color:#fff;

	}

	

	input { 

		background:none; 

		font: 12px verdana, arial, helvetica, sans-serif;

		color:#000;

		border:1px solid #003399;

		float:left;

		vertical-align: middle; 

	}

	textarea{ 

		background:none; 

		font: 12px verdana, arial, helvetica, sans-serif;

		color:#000;

		border:1px solid #003399;

		float:left;



}





 

form.margem{ 

		margin: 10px 10px 20px 10px;

	}



#trabalhe{

        position:relative;

		top:5%;

		border-top:1px solid #003399;

		border-bottom:1px solid #003399;

		

		

}

#botao{

       position:absolute;

	   left:30%;



}

*html #botao{

       position:absolute;

	   left:20%;



}

#teste{

       position:absolute;

	   left:40%;

	   }

/* AQUI ESTÃO OS PRODUTOS*/



#prod{

	width:900px;

	height:400px;

		

}

#prod1{

	width:900px;

	height:640px;	

}

#prod2{

	width:900px;

	height:620px;	

}

#esq{

	position:absolute;

	top:4%;

	left:50px;

	display:block;

	float:left;

	width:650px;

	height:640px;

	

	

}

#d1{ 

	position:relative;

	top:0;

	left:50px;

	float:left; 

	display:block;

	width:800px; 

	height:150px;

	background-color:#FFF;

}

#d2desc{ 

	position:relative;

	top:0;

	left:00px;

	float:left; 

	display:block;

	width:900px; 

	height:580px;

	background-color:#FFF;

}
#desc_linha{ 

	position:relative;

	top:0;

	left:0;

	float:left; 

	display:block;

	width:650px; 

	height:200px; 

	

}

#desc_top{ 

	position:relative;

	top:0;

	left:0;

	float:left; 

	display:block;

	width:900px; 

	height:160px; 
	
	

	

}

#desc_prod{ 

	position:relative;

	top:3%;

	right:0;

	float:right; 

	display:block;

	width:650px; 

	height:120px; 

	

}

#gdesc_prod{ 

	position:relative;

	top:3%;

	right:0;

	float:right; 

	display:block;

	width:600px; 

	height:280px; 

	

}

#img_desc{ 

	position:relative;

	top:3%;

	left:0;

	float:left; 

	display:block;

	width:130px; 

	height:120px;

	

}

#gimg_desc{ 

	position:relative;

	top:3%;

	left:40px;

	float:left; 

	display:block;

	width:190px; 

	height:500px;



	

}



h4{

font:bold 12px verdana, arial, helvetica;

color:#003879;

text-align:left;

border-bottom:1px solid #fff;



}

h2{

font:bold 12px verdana, arial, helvetica;

color:#003879;

text-align:left;

margin-bottom:6px;



}

h3{

font:bold 25px verdana, arial, helvetica;

color:#003879;

text-align:left;

margin-bottom:10px;

}



.text_prod{

font:11px  verdana, arial, helvetica;

color:#000;

text-align:left;

}

.text_prod1{

font:11px  verdana, arial, helvetica;

color:#F00;

text-align:left;
font-weight:bold;

}
.links{

font:11px  verdana, arial, helvetica;

color:#000;

text-align:left;

}



.saiba span{

position:absolute;

bottom:0;

right:0;

float:right;

font:bold 11px  verdana, arial, helvetica;

color:#003879;

text-align:right;

text-decoration:none;

cursor:pointer;

}

.saiba:hover span{

text-decoration:underline;

}

.quant{

	position:relative;

	top:0;

	left:0;

	float:left; 

	display:block;

	width:650px; 

	height:20px;

	

}

.pag{

	position:relative;

	top:0;

	left:50px;

	float:left; 

	display:block;

	width:800px; 

	height:20px;


	

}

.sel{

font:bold 11px verdana, arial, helvetica;

color:#003879;

text-align:left;

}

 /*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);						

}



/* ------------------ADMINISTRAÇÃO ------------------------*/



#menu {

	position:relative;

	top:0;

	left:0;

	float: left;

	width: 150px;

	height:545px;

	background-color:#fcedee;

	border:1px solid #fff;

	filter: alpha(Opacity=70); /*para ie*/

		opacity:0.70; /*para firefox*/

		-khtml-opacity:0.70; /*para opera*/

}

#stats{

	text-align: right;

	font-size: 12px;

	padding-top: 75px;

	padding-right: 15px;

}

#msg{

	height:16px;

	color:#003399;

	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 #003399;

	background:#fff;

}

#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;

	font:11px Verdana,Arial, Helvetica, sans-serif;

	color:#003399;

}

#menu li a{

font:11px Verdana,Arial, Helvetica, sans-serif;

color:#7f7e7b;

text-align:left;

text-decoration:none;

}



#corpo {

	position:absolute;

	top:4%;

	left:7%;

	float:left;

	width: 900px;

	height: 500px;

	display:block;

	

	

}

#ola{

	position:relative;

	top:0;

	right:0;

	float:right;

	width:700px;

	height:15px;

	border-bottom:1px solid #fff;

}



#conteudo {

	position:relative;

	top:5.5%;

	right:0;

	float:right;

	width:700px;

	height:500px;

	border:1px solid #fff;

			

	

	

	

}

#meio1 {

		position:absolute;

		top:0;

		right:0;

		float:right;

		width:700px;

		height:500px;

		background-color:#fcedee;

		filter: alpha(Opacity=70); /*para ie*/

		opacity:0.70; /*para firefox*/

		-khtml-opacity:0.70; /*para opera*/

		

		

		

		

	}

	#iframe {

		position:absolute;

		top:0;

		right:0;

		float:right;

		width:700px;

		height:500px;

		

		

		

		

	}

	#iframe a{

		color: #7f7e7b;

		font:11px Verdana, Arial, Helvetica, sans-serif;

		text-align:left;

		text-decoration:none;

	}

	

	#publi{

		position:absolute;

		top:5%;

		right:0;

		float:right;

		width:702px;

		height:16px;

		background-color:#fcedee;

		filter: alpha(Opacity=70); /*para ie*/

		opacity:0.70; /*para firefox*/

		-khtml-opacity:0.70; /*para opera*/

		}

		#publi a{

		color: #7f7e7b;

		font:11px Verdana, Arial, Helvetica, sans-serif;

		text-align:left;

		text-decoration:none;

	}

	a.novo span{

		color: #7f7e7b;

		font:11px Verdana, Arial, Helvetica, sans-serif;

		text-align:left;

		text-decoration:none;

		}

	

		table.borda {

		border-collapse: collapse;

		}

		table.borda tr td {

		border:1px solid #7f7e7b;

		}

	



.google a { 

color:#003879;

text-align:left;

text-decoration:none;

}



.google a:hover {

color:#000;

text-align:left;



}