/* CSS site EPA Plus 2010 */
/*__________Destaque_*/
#destaque {
	background:url(../img/tv.gif) no-repeat;
	width:600px;
	height:400px;
	margin:-5px 0 10px -5px;
	position:relative;
	float:left;
}
#destaque #nav { 
	list-style:none;
	position:absolute;
	bottom:0;
	right:10px;
	}
	#destaque #nav li {
		background:url(../img/tv-nav.gif) no-repeat;
		width:32px;
		height:25px;
		float:left;
		text-align:center;
	}
	#destaque #nav li a {
		color:#fff;
		font-size:14px;
		font-weight:bold;
		line-height:18px;
		display:block;
		height:100%;
	}
#slide {
	position:relative; 	
	padding:10px;
	width:580px;
	height:360px;
	overflow:hidden;
	}
	#slide ul {
		list-style:none;
	}
	#slide ul li{ float:left;}
/*________/_Destaque_*/	
/*__________Quadro_*/
#quadro {
	background:#fff url(../img/quadroB.gif) repeat-y;
	width:290px;
	height:370px;
	position: relative;
	float: right;
	margin:0 0 35px;
	}
	#quadro h1 {
		height:33px;
		line-height:33px;
		text-indent:10px;
		background:url(../img/quadroA.gif) no-repeat top;
		}
    h2.aguarde { margin:0 0 0 15px;}
		#quadro h1 a {
			color:#c00;
			font-weight:bold;
			font-size:18px;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display:block;
			z-index:5;
		}
#quadro ul#produtos { list-style:none;}
	#quadro ul#produtos li {
		width:290px;
		margin:0 auto;
	}
	#quadro .produto {
		height:120px;
		padding:20px 10px 0 50%;
		position:relative;
		}
		#quadro .produto.alt { 
			padding:20px 50% 0 10px;
			border:0;
		}
	#quadro .produto img {
		position:absolute;
		top:50%;
		left: auto;
		right:50%;
		z-index:1;
		margin:-75px 15px 0;
		height:150px;
		width:115px;
		}
		#quadro .produto.alt img {
			left:50%;
			right:auto;
			}
	#quadro h2 {
		color:#000;
		font-size:14px;
		font-weight:bold;
		position:relative;
		z-index:2;
	}
	#quadro .produto.alt h2 { text-align:right;}
	#quadro .produto p, #quadro .produto p em { 		
		font-size:36px;
		color:#c00;
		font-weight:bold;
		margin:10px 0 0;
		position:relative;
		z-index:2;
		}
		#quadro .produto p em {
			font-size:18px;
			vertical-align: super; 
		}
		#quadro .produto.alt { text-align:right;}
	#quadro .validade {
		display:block;
		width:100%;
		position:absolute;
		bottom:0;
		text-align: center;
		padding:10px 0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		background:url(../img/quadroC.gif) no-repeat bottom;
	}
/*________/_Quadro_*/
/*_____TV_*/
#tv {
	width:340px;
	clear:left;
	float:left;
	margin:0 0 20px;
	} 
	#tv div {
		display:block;
		background:url(../img/index/bg-tv.gif) no-repeat;
		width:320px;
		height:265px;
		padding:10px;
	}
	#tv p { 
		text-align:center;
		line-height:20px;
	}
/*___/_TV_*/
#meio { 
	float:left;
	width:270px;
	display:inline;
	margin:0 15px 20px;
	}
	#meio h1, #meio h2 { margin:0 0 10px;}

	#meio p { text-align:justify; }
	#meio a.mais {
		font-weight:bold;
		display:block;
		margin:5px 0 0;
		position:absolute;
		right:0;
		bottom:0;
	}
#meio #dicas p { 
	border:2px solid #c00;
	padding:5px;
}
#noticia {
	padding:40px 10px 10px;
	height:248px;
	position:relative;
	}
	#noticia h1 { 
		background:url(../img/index/epa.png) no-repeat top  right; 
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:238px;
		padding:10px;
		}
		#noticia h1 a {
			color:#c00;
			font-weight:bold;
			font-size:18px;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display:block;
			z-index:5;
		}

	#noticia h2 { font-size:12px;}
	#noticia p { padding: 5px; text-align:justify;}
	#noticia img { margin:15px auto; display:block;}
/*__________Lateral_*/
ul#banners { float:right; list-style:none; margin:0 0 20px;}
	ul#banners li { margin:0 0 10px;}
#trabalhe {
	width:250px;
	height:155px;
	display:block; 
	text-indent:-9999px; 
	overflow:hidden;
	background: url(../img/index/trabalhe.jpg) no-repeat -4px;
	}
#cartao { 

	background: url(../img/index/cartao.jpg) no-repeat -4px;
	width:250px;
	height:155px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;}