/* @override http://www.energia.tv/cstyles/ui_truewhite.css */

@charset "UTF-8";

/* @group Genericos */



/* Genericos */

* { margin: 0; padding: 0; }

body { background: #EFEFEF url(/images/ui/bkg_trueWhite.gif) repeat-x 0 0; background-image: url(/images/ui/bkg_trueWhite.gif); }

a, a:visited { text-decoration: none; color: #003366 }

a:hover { color:#0066CC }

h1, h2, h3, h4, h5, h6 { color: #3A64A6; font-family: Tahoma, Geneva, sans-serif; font-weight: bolder; font-variant: normal; text-transform: none; display: block; }

.headline { padding: 1.15em; color:#000033; font-size: 1.5em; padding: 0 1.5em 0 1em; margin: 1em 0 0 0; }

#containerTitle { overflow:hidden; }

#containerTitle h1 { text-shadow: #000000 0 2px 1px; }

#containerTitle h1 a:link, #containerTitle h1 a:visited { color: #6798ca; font-size: 0.70em; }

#containerTitle h1 a:hover { color: #6997fc; }

/* @end */


/* @group Cabeçalho Da Página */

#cabecalho { min-height: 132px; max-width: 1360px; }

#energiaLogo { display: block; padding-top: 20px; padding-right: 0; padding-bottom: 0; padding-left: 0px; }

#energiaMoto { /*padding-left:15px;*/ position: absolute; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #3A64A6; font-size: 1.1em; visibility: visible; left: 220px; width: auto; top: 50px; z-index: 9999; line-height: 1.1; }

/* @end */

/* @group Coluna Esquerda */

#leftCol { width: 200px; }

#leftCol .container { width: 200px; position:relative; }

/* Navegação Principal (menu esquerdo) */

#leftCol .container #navbar { font-size: 14px; line-height: 32px; font-weight: bold; text-transform: capitalize; display: block; margin: 0; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 15px; }

#leftCol .container #navbar li { list-style: none; }

#leftCol .container #navbar li a { display: block; width: 170px; background-image: url(/images/ui/bt_navLeft-L.jpg); background-repeat: no-repeat; background-position: right center; text-align: center; text-decoration: none; color: #333333; margin: 0 0 0 0; }

#leftCol .container #navbar li a:hover { display: block; width: 170px; background-image: url(/images/ui/bt_navLeft-A.jpg); background-repeat: no-repeat; background-position: right center; text-align:center; text-decoration: none; color: #FFFFFF; }

#leftCol .container #navbar li.subm a:link, #leftCol .container #navbar li.subm a:visited { display: block; width: 145px; text-shadow: white 0 1px 0; text-align: center; background-image: none; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px; clear: none; position: relative; background-color: #DDDDDD; margin: 0 0 0 1.1em; font-size: 0.8em; }

#leftCol .container #navbar li.subm a:hover { background-color: #f5f5f5; color: navy; }

/* Depoimento Lateral */

#depoimentoLateral { background-color: #ffffff; display: block; width: 127px; border: double #f3f3f3 6px; font-style: italic; font-weight: bold; line-height: 1.5; position: relative; padding-top: 1.5em; padding-bottom: 1em; padding-left: 2em; padding-right: 1em; margin-left: 15px; }

#depoimentoLateral .abreAspas { display: block; width: auto; height: auto; position: absolute; left: 0; top: 0; font: 44px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6798ca; }

#depoimentoLateral .fechaAspas { display: block; width: auto; height: auto; position: absolute; font: 44px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; right: 0; color: #6798ca; bottom: -15px; padding-top: 0; }

/* @end */
/* @group Coluna Direita */

#rightCol { width: 160px; list-style:none; }

/* @end */
/* @group Coluna Central */

#middleCol {
	background-color: #FFFFFF;
	min-width: 530px;
	max-width: 1000px;
	font-size: 12px;
	position: relative;
	min-height: 640px;
}

#topOfContainer { background-image: url(/images/ui/bkg_midCol_TM.png); background-repeat: repeat-x; background-position: left bottom; display: block; height: 18px; position: relative; }

#topOfContainer #container_TL { background-image: url(/images/ui/bkg_midCol_TL01.png); background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0px; padding: 0px; height: 18px; width: 18px; }

#topOfContainer #container_TR { background-image: url(/images/ui/bkg_midCol_TR01.png); background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0px; padding: 0px; height: 18px; width: 18px; right: 0px; position: absolute; bottom: 0px; }

#listaDeClientes li.column { line-height: 24px; margin-bottom: 1em; }

/* Cabeçalho da Coluna Central (breadcrumbs) */

.container #containerTitle { background-color: #1A2359; background-image: url(/images/ui/bkg_tituloDaPagina.jpg); background-repeat: repeat-x; display: block; height: 96px; width: 100%; position: static; }

.container #containerTitle h1 { color: #FFFFFF; font-size: 36px; line-height: 96px; vertical-align:middle; margin: 0 0 0 1em; padding: 0; background-color: #EFEFEF; }

/* Rodapé da Coluna Central (visite também) */

.container #containerBase { background-color: #1A2359; background-image: url(/images/ui/bkg_tituloDaPagina.jpg); background-repeat: repeat-x; display: block; height: 96px; width: 100%; position: static; }

.container #containerBase h3 { color: #FFFFFF; line-height: 96px; vertical-align:middle; margin: 0; padding: 0; margin: 0 0 0 1em; }

/* Arredondamento da Coluna Central (Base) */

#BaseOfContainer { background-image: url(/images/ui/bkg_midCol_BM.png); background-repeat: repeat-x; background-position: left bottom; display: block; height: 18px; position: relative; }

#BaseOfContainer #container_BL { background-image: url(/images/ui/bkg_midCol_BL01.png); background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0px; padding: 0px; height: 18px; width: 18px; }

#BaseOfContainer #container_BR { background-image: url(/images/ui/bkg_midCol_BR01.png); background-repeat: no-repeat; background-position: left bottom; display: block; margin: 0px; padding: 0px; height: 18px; width: 18px; right: 0px; position: absolute; bottom: 0px; background-color: #EFEFEF; }

/* @end */



/* Rodapé da Página */

/* @group Rodapé da Página */

#rodape {
	height: 9em;
	clear: both;
	text-align: center;
	font-size: 0.75em;
	max-width: 1360px;
}

#rodape .container p { text-align: center; color: #888888; margin: 0 0 0.5em 0; }

/* Menu do Rodapé */

#menuRodape { height: auto; width: 66%; list-style-type: none; }

#menuRodape li { display: inline; }

#menuRodape li a, #menuRodape li a:link { text-decoration: none; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; color: #000066; }

#menuRodape li a:hover {
	text-decoration: underline;
	color: #0000ff;
}

#menuRodape li a:visited { color:  #000066; }

/* @end */

/* @group Específicos: Produtos */

a.item:link { border: 2px solid #EEEEEE; }

a.item:hover { border: 2px solid #0000FF; }

/* @end */



/* @group Específicos: Depoimentos */

#middleCol .container .columns.adaptive-250-400 .container.same-height .column .container.full-height { padding: 1em; }

form { display: block; width: 500px; margin: 0 auto; }

/* @end */
form p label { display: block; float: left; width: 12em; text-align: right; font-variant: normal; margin-right: 1em; line-height: 1.3; vertical-align: middle; }

form fieldset { display: block; width: 100%; clear: both; float: none; margin-top: 2em; margin-bottom: 2em; }

form fieldset p label { display: block; float: left; width: 20em; margin-left: 13em; text-align: left; height: 2em; clear: both; }

form fieldset legend { display: block; width: 12em; text-align: right; float: left; clear: both; }

form p textarea { width: 45%; }
form > p > input, textarea     { width: 45%; display: inline; }

#listaDeProdutos { display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; min-width: 500px; text-align: center; clear: both; height: auto; width: 99%; background-repeat: repeat; background-position: left top; }

#listaDeProdutos li { display: block; width: 124px; height: 200px; padding: 1px; float: left; margin: 0px; }
#listaDeProdutos li a p , #listaDeProdutos li h4, #listaDeProdutos li img{ text-align: center; }

#listaDeProdutos li a { height: 188px; width: auto; display: block; border: 1px solid #eaeaea; overflow: hidden; padding-top: 10px; margin: 0px; background-color: #ffffff; }

#listaDeProdutos li a:hover { background-color: #e5e5e5; }