/* tamanhos do layout relativos
*984px = *61.5em
*760px = *47.5em
*400px = *25em
*355px = *22.75em
*360 = *22.5em
*/
@import "reset.css";
@import "topo.css";
@import "navegacao.css";
@import "formulario.css";
@import "atalhos.css";
@import "interna.css";
@import "faq.css";
@import "icones.css";
@import "imprensa.css";
@import "investidores.css";
@import "agenciavirtual.css";
@import "rodape.css";
@import "acessibilidade.css";
/*centraliza o site*/
div#container {
	background: url("/hpcopel/_images/bgBody.gif") repeat-x scroll center 11px #ECF0F3;
    margin: 0 auto;
    padding-top: 11px;
    position: relative;
    top: -11px;
    width: 100%;
}
	/*abaixo do menu principal*/
	div#conteudo {
		/*float:left;
		width:47.5em*/
		margin:0 auto;
		width:61.5em		
	}
		/*titulo da secao*/
		div#conteudo a.subtitulo {
			width:11.10em;
			float:left;
			margin-bottom:10px;
			font-weight:bold;
			font-size:2.25em;
			letter-spacing:-1px;
			color:#666666;
			clear:left
		}
		div#conteudo a.subtitulo:hover { text-decoration:none }
		/*area dinamica*/
		div#conteudo div#conteudoCentral { float:left }
		
			/*só aparece na subhome*/
			div#conteudo div#conteudoCentral div.servicos {
				float:left;
				width:61.35em;
				height:22.5em;
				color:#333333;
				background:#ffffff url('/hpcopel/_images/bgServicos.jpg') no-repeat top right;
			}
			
				    div#conteudo div#conteudoCentral div.residencial {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgResidencial.jpg') no-repeat top right;
		}
		
	    div#conteudo div#conteudoCentral div.comercial {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgComercial.jpg') no-repeat top right;
		}

	    div#conteudo div#conteudoCentral div.industrial {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgIndustrial.jpg') no-repeat top right;
		}

	    div#conteudo div#conteudoCentral div.poderesPublicos {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			margin-bottom:1em;
			/* height:22.5em; */
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgPoderesPublicos.jpg') no-repeat top right;
		}

	    div#conteudo div#conteudoCentral div.rural {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgRural.jpg') no-repeat top right;
		}

	    div#conteudo div#conteudoCentral div.geracao {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgGeracao.jpg') no-repeat bottom right;
		}
			
		div#conteudo div#conteudoCentral div.transmissao {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgTransmissao.jpg') no-repeat bottom right;
		}
		
		div#conteudo div#conteudoCentral div.fornecedores {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			margin-bottom:1em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgFornecedores.jpg') no-repeat top right;
		}
		
	    div#conteudo div#conteudoCentral div.sustentabilidade {
			float:left;
			/*width:47.5em*/
			width:61.5em;			
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgSustentabilidade.jpg') no-repeat top right;
		}

	   div#conteudo div#conteudoCentral div.educacao {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			height:16em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgEducacao.jpg') no-repeat bottom right;
		} 
		
		div#conteudo div#conteudoCentral div.aCopel {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			margin-bottom:1em;
			height:22.5em;
			color:#333333;
			background:#ffffff url('/hpcopel/_images/bgACopel.jpg') no-repeat top right;
		}

			div#conteudo div#conteudoCentral div.investidores {
				height:7.5em;
				background:#ffffff url('/hpcopel/_images/bgInvestidores.jpg') no-repeat top right;
			}

			div#conteudo div#conteudoCentral div.investidoresIngles {
				height:7.5em;
				background:#ffffff url('/hpcopel/_images/bgInvestidoresIngles.jpg') no-repeat top right;
			}

				div#conteudo div#conteudoCentral div.servicos p.descricao,
				div#conteudo div#conteudoCentral div.residencial p.descricao,
                div#conteudo div#conteudoCentral div.sustentabilidade p.descricao,
                div#conteudo div#conteudoCentral div.fornecedores p.descricao,
                div#conteudo div#conteudoCentral div.rural p.descricao,
                div#conteudo div#conteudoCentral div.poderesPublicos p.descricao,
                div#conteudo div#conteudoCentral div.industrial p.descricao,
                div#conteudo div#conteudoCentral div.comercial p.descricao,
                div#conteudo div#conteudoCentral div.geracao p.descricao,
                div#conteudo div#conteudoCentral div.transmissao p.descricao,
                div#conteudo div#conteudoCentral div.educacao p.descricao,
                div#conteudo div#conteudoCentral div.aCopel p.descricao {
			padding:20px 0 10px;
			margin:0 20px;
			font-size:0.875em;
			line-height:1.4em;
			width:33.5em; 
		}
				
				div#conteudo div#conteudoCentral div.servicos ul,
				div#conteudo div#conteudoCentral div.residencial ul,
                div#conteudo div#conteudoCentral div.sustentabilidade ul,
                div#conteudo div#conteudoCentral div.fornecedores ul,
                div#conteudo div#conteudoCentral div.rural ul,
                div#conteudo div#conteudoCentral div.poderesPublicos ul,
                div#conteudo div#conteudoCentral div.industrial ul,
                div#conteudo div#conteudoCentral div.comercial ul,
                div#conteudo div#conteudoCentral div.geracao ul,
                div#conteudo div#conteudoCentral div.transmissao ul,
                div#conteudo div#conteudoCentral div.educacao ul,
                div#conteudo div#conteudoCentral div.aCopel ul {
			margin:0 20px;			
			width:29.3em;
		}
		
		div#conteudo div#conteudoCentral div.servicos ul li,
		div#conteudo div#conteudoCentral div.residencial ul li,
        div#conteudo div#conteudoCentral div.sustentabilidade ul li,
        div#conteudo div#conteudoCentral div.fornecedores ul li,
        div#conteudo div#conteudoCentral div.rural ul li,
        div#conteudo div#conteudoCentral div.poderesPublicos ul li,
        div#conteudo div#conteudoCentral div.industrial ul li,
        div#conteudo div#conteudoCentral div.comercial ul li,
        div#conteudo div#conteudoCentral div.geracao ul li,
        div#conteudo div#conteudoCentral div.trasmissao ul li,
        div#conteudo div#conteudoCentral div.educacao ul li,
        div#conteudo div#conteudoCentral div.aCopel ul li { 
        	float:left;
        	background: rgb(255, 255, 255);
        	background: rgba(255, 255, 255, 0.85);
        	border-color: #F1F1F1 #E0E0E0 #E0E0E0 #F1F1F1;
        	border-style: solid;
        	border-width: 1px;
        	margin-bottom: 10px;
        	padding: 10px;
        
        }
        
		div#conteudo div#conteudoCentral div.servicos ul li a,
		div#conteudo div#conteudoCentral div.residencial ul li a,
        div#conteudo div#conteudoCentral div.sustentabilidade ul li a,
        div#conteudo div#conteudoCentral div.fornecedores ul li a,
        div#conteudo div#conteudoCentral div.rural ul li a,
        div#conteudo div#conteudoCentral div.poderesPublicos ul li a,
        div#conteudo div#conteudoCentral div.industrial ul li a,
        div#conteudo div#conteudoCentral div.comercial ul li a,
        div#conteudo div#conteudoCentral div.geracao ul li a,
        div#conteudo div#conteudoCentral div.transmissao ul li a,
        div#conteudo div#conteudoCentral div.educacao ul li a,
        div#conteudo div#conteudoCentral div.aCopel ul li a {
			float:left;
			padding:0 10px;
			color:#333333;
			width:39em;
			font-size:0.75em;
			line-height:1.4em;
			border-left:1px solid #FF6600
		}
						
		div#conteudo div#conteudoCentral div.servicos ul li a span.setinhaConteudo,
		div#conteudo div#conteudoCentral div.residencial ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.sustentabilidade ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.fornecedores ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.rural ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.poderesPublicos ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.industrial ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.comercial ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.geracao ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.transmissao ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.educacao ul li a span.setinhaConteudo,
        div#conteudo div#conteudoCentral div.aCopel ul li a span.setinhaConteudo {
			color:#ff6600;
			text-decoration:underline;
			font-size:1.35em;
		}
		
		/*destaques da subhome*/		
		div#conteudo div#destaques, div#conteudo div#destaquesDuasColunas {
			float:left;
			/*width:47.5em*/
			width:61.5em;
			padding:12px 0;
			background:#DAE1E9;
			margin:1em 0
		}
			div#conteudo div#destaques ul, div#conteudo div#destaques ul li, div#conteudo div#destaques ul li a, div#conteudo div#destaquesDuasColunas ul, div#conteudo div#destaquesDuasColunas ul li, div#conteudo div#destaquesDuasColunas ul li a { float:left }
			div#conteudo div#destaques ul { background:#FFFFFF; margin-left:0.8em; width:19.4em }
			div#conteudo div#destaquesDuasColunas ul { background:#FFFFFF; margin-left:0.8em; width:29.2em; } 
		
				div#conteudo div#destaques ul li {
					width:17.5em;
					display:inline;
					margin:0 0 0 15px;
				}
				
				div#conteudo div#destaquesDuasColunas ul li {
					width:26.5em;
					display:inline;
					margin:0 0 0 15px;
				}
				
						div#conteudo div#destaques ul h2, div#conteudo div#destaquesDuasColunas ul h2 {
							font-size:1.25em;
							padding:7px 0;
							margin-top:10px;
							color:#FF6600;
							border-top:1px solid #FF6600
						}
						div#conteudo div#destaques ul li a {
							float:left;
							width:23.3em;
							padding:10px 0;
							color:#666666;
							font-size:0.75em;
							line-height:1.4em;
							border-top:1px solid #e0e0e0
						}
						
						div#conteudo div#destaquesDuasColunas ul li a {
							float:left;
							width:35.3em;
							padding:10px 0;
							color:#666666;
							font-size:0.75em;
							line-height:1.4em;
							border-top:1px solid #e0e0e0
						}
						
						div#conteudo div#destaques ul li a:hover {
							background:#ECF0F3;							
							color:#000000;
							text-decoration:none							
						}
							div#conteudo div#destaques ul a span.tituloDestaque, div#conteudo div#destaquesDuasColunas ul a span.tituloDestaque {
								background:url("../_images/bgSetinhaCinza.gif") no-repeat right;
								color:#333333;							
								font-size:1.25em;
								padding-right:14px;
								text-decoration:underline
							}
							div#conteudo div#destaques ul a:hover span.tituloDestaque {
								background:url("../_images/bgSetinha.gif") no-repeat right;
								color:#FF6600;									
							}