﻿/* MTI Sistemas e Automao Ltda */
/* Alterao: 20/10/2008 */
/* Nome: Francis */
/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background:url(lib/css/bg.jpg) repeat-x;
	
	
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

/* Cabeçalho */
#cab{
	width:100%;
	height:122px;
	margin:auto;

}

#header{
	width:100%;
	height:122px;
	background:url(lib/css/bg_header.jpg);
	margin:auto;

}

#logo{
	width:300px;
	height:85px;
	float:left;
	margin-left:30px;
	padding-top:7px;
	
}

#bn_disk{
	width:230px;
	height:80px;
	float:right;
	margin-right:25px;
	margin-top:5px;
	
}
#bn_loja{
	width:100px;
	height:80px;
	float:right;
	margin-right:15px;
	margin-top:5px;
	
}


#menu{
	width:900px;
	height:22px;
	float:center;
	margin:auto;
}
#menu ul{
	width:900px;
	height:18px;
	float:left;
	margin-top:3px;
	padding-top:3px;
}
#menu ul li{
	height:18px;
	float:left;
	padding:0 1px 0 0;
}
#menu ul li a{
	display:block;
	padding:0 9px;
	font:bold 11px/18px Tahoma, Palatino, serif, Helvetica, sans-serif;
	color:#8A8A8A;
	background-color:inherit;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#0000CA;
	background-color:inherit;
	
}

/* Fim do Cabeçalho */

#banner{
	width:830px;
	height:292px;
	background:url(lib/css/bg_ban_01.jpg);
	margin:auto;
}

#bannerprincipal{
	float:left;
	width:790px;
	height:240px;
	background-color:#CCC;
	margin:14px 0px 0px 18px;
	
}
#img_cartao{
	width:760px;
	height:969px;
	background:url(lib/css/farmapaulo.png);
	margin:auto;
}

#form_cartao{
	width:760px;
	height:730px;
	margin:auto;
}
#farm_pop{
	width:760px;
	height:570px;
	background:url(lib/css/bg_farmpop.jpg);
	margin:auto;
}

#framecartao{
	width:830px;
	height:auto;
	background:url(lib/css/bg_frame.jpg) repeat-y;
	margin:auto;
}
#frame{
	width:830px;
	height:510px;
	background:url(lib/css/bg_frame.jpg) repeat-y;
	margin:auto;
}
#frame2{
	width:830px;
	height:630px;
	background:url(lib/css/bg_frame.jpg) repeat-y;
	margin:auto;
}
#frame3{
	width:830px;
	height:300px;
	background:url(lib/css/bg_frame.jpg) repeat-y;
	margin:auto;
}

#frame_loja{
	width:100%;
	height:800px;
	margin:auto;
}
/*Menus */


#menus
	{
		float:left;
		width:485px;
		height:405px !important;
		margin-left:10px;
		
	}

#menus .cartao
	{
		float:left;
		width:240px;
		height:135px;
	}	

	
	#menus .cartao a 
	{
		background-image:url(lib/css/bg_cartao.jpg);
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .cartao a:hover 
	{
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_cartao_over.jpg);
		
	
	}

	#menus .cartaoSelecionado
	{
		float:left;
		width:240px;
		height:135px;
	}
	
	#menus .cartaoSelecionado a
	{
		float:left;
		width:240px;
		background-image:url(lib/css/bg_cartao_over.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}

#menus .plena
	{
		float:left;
		width:240px;
		height:135px;
		
	}	

	
	#menus .plena a 
	{
		background-image:url(lib/css/bg_plena.jpg);
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .plena a:hover 
	{
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_plena_over.jpg);
		
	
	}

	#menus .plenaSelecionado
	{
		float:left;
		width:240px;
		height:135px;
	}
	
	#menus .plenaSelecionado a
	{
		float:left;
		width:240px;
		background-image:url(lib/css/bg_plena_over.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}
#menus .manipula
	{
		float:left;
		width:240px;
		height:135px;
		margin-left:5px;
	}	

	
	#menus .manipula a 
	{
		background-image:url(lib/css/bg_manipula.jpg);
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .manipula a:hover 
	{
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_manipula_over.jpg);
		
	
	}

	#menus .manipulaSelecionado
	{
		float:left;
		width:240px;
		height:135px;
	}
	
	#menus .manipulaSelecionado a
	{
		float:left;
		width:240px;
		background-image:url(lib/css/bg_manipula_over.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}
#menus .aloingressos
	{
		float:left;
		width:480px;
		height:135px;
		margin-left:5px;
	}	

	
	#menus .aloingressos a 
	{
		background-image:url(lib/css/aloingressos.jpg);
		width:480px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .aloingressos a:hover 
	{
		width:480px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/aloingressos_over.jpg);
		
	
	}

	#menus .aloingressosSelecionado
	{
		float:left;
		width:480px;
		height:135px;
	}
	
	#menus .aloingressosSelecionado a
	{
		float:left;
		width:480px;
		background-image:url(lib/css/aloingressos.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}

#menus .convenio
	{
		float:left;
		width:240px;
		height:135px;
		margin-left:5px;
	}	

	
	#menus .convenio a 
	{
		background-image:url(lib/css/bg_convenio.jpg);
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .convenio a:hover 
	{
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_convenio_over.jpg);
		
	
	}

	#menus .convenioSelecionado
	{
		float:left;
		width:240px;
		height:135px;
	}
	
	#menus .convenioSelecionado a
	{
		float:left;
		width:240px;
		background-image:url(lib/css/bg_convenio_over.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}
#menus .franquia
	{
		float:left;
		width:240px;
		height:135px;
	}	

	
	#menus .franquia a 
	{
		background-image:url(lib/css/bg_franquia.jpg);
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
	}
	
		
	#menus .franquia a:hover 
	{
		width:240px;
		height:135px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_franquia_over.jpg);
		
	
	}

	#menus .franquiaSelecionado
	{
		float:left;
		width:240px;
		height:135px;
	}
	
	#menus .franquiaSelecionado a
	{
		float:left;
		width:240px;
		background-image:url(lib/css/bg_franquia_over.jpg);
		height:135px;
		background-position:top left;
		display:block;
	}
	
/* Fim Menus*/

#lista_pop
	{
		float:left;
		width:285px;
		height:120px !important;
		padding-top:400px;
		margin-left:20px;
		
	}

#lista_pop .link_lista
	{
		float:left;
		width:182px;
		height:90px;
	}	

	
	#lista_pop .link_lista a 
	{
		background-image:url(lib/css/lista_pop.jpg);
		width:182px;
		height:90px;
		display:block;
		background-position:top left;
	}
	
		
	#lista_pop .link_lista a:hover 
	{
		width:182px;
		height:90px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/lista_pop_over.jpg);
		
	
	}

	#lista_pop .link_listaSelecionado
	{
		float:left;
		width:182px;
		height:90px;
	}
	
	#lista_pop .link_listaSelecionado a
	{
		float:left;
		width:182px;
		background-image:url(lib/css/lista_pop_over.jpg);
		height:100px;
		background-position:top left;
		display:block;
	}
	
#cad_cartao
	{
		float:left;
		width:300px;
		height:95px !important;
		padding-top:850px;
		margin-left:30px;
		
	}

#cad_cartao .link_cartao
	{
		float:left;
		width:300px;
		height:95px;
	}	

	
	#cad_cartao .link_cartao a 
	{
		background-image:url(lib/css/bg_cadastro.jpg);
		width:300px;
		height:95px;
		display:block;
		background-position:top left;
	}
	
		
	#cad_cartao .link_cartao a:hover 
	{
		width:300px;
		height:95px;
		display:block;
		background-position:top left;
		cursor:pointer;
		background-image:url(lib/css/bg_cadastro_over.jpg);
		
		}

	#cad_cartao .link_cartao Selecionado
	{
		float:left;
		width:300px;
		height:95px;
	}
	
	#cad_cartao .link_cartao Selecionado a
	{
		float:left;
		width:300px;
		background-image:url(lib/css/bg_cadastro_over.jpg);
		height:95px;
		background-position:top left;
		display:block;
	}
#quadro
	{
		float:right;
		width:320px;
		height:500px !important;
		margin-right:15px;
		background-image:url(lib/css/bg_quadro.jpg);
		
	}
	
#video
	{
		float:right;
		width:290px;
		height:230px;
		margin-top:10px;
		margin-right:10px;
		background:url(lib/css/bg_video.jpg);
	}
#player
	{
		float:right;
		width:255px;
		height:143px;
		float:left;
		margin-top:17px;
		margin-left:18px;
	}
	

#prazo
	{
		float:right;
		width:290px;
		height:95px;
		margin-right:10px;
	}
#login_conv
	{
		float:right;
		width:290px;
		height:120px;
		margin-right:10px;
		margin-top:10px;
		font:11px/18px Tahoma, Palatino, serif, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		
	}
#banner_disk
	{
		float:left;
		width:480px;
		height:100px !important;
		margin-left:5px;
		
		
	}
/* Páginas Internas */

#frame_esquerdo
	{
		float:left;
		width:580px;
		height:500px !important;
		
		
	}

#frame_direito
	{
		float:right;
		width:230px;
		height:500px !important;
		margin-right:15px;
		background-image:url(lib/css/bg_quadro.jpg);
		
	}

#texto
	{
		float:left;
		width:540px;
		height:auto !important;
		margin: 20px 0px 0px 30px;
		font-family:Tahoma, Helvetica, sans-serif;
		color:#333;
		font-size:11px;
		text-align:justify;
	}
/* Rodape */

#rodape{
	width:100%;
	height:80px;
	margin:auto;
	background:url(lib/css/bg_rodape.jpg) repeat-x;
}	
#quadro_rodape{
	width:830px;
	height:80px;
	margin:auto;
	padding-top:25px;
	font-family:Tahoma, Helvetica, sans-serif;
	color:#C10000;
	font-size:11px;
	text-align: center;
	

}

/* Final do Rodape */

/* Final do CSS */

