/* Estilo Principal */
* {
     margin: 0px;
     border: 0px;
     padding: 0px;
}

body {
	background: #eee url(../img/fundobody.png) top center repeat-y;
	text-align: center;
	font: 62.5% "Trebuchet MS", Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
	color: #000;
}

p {
     font-size: 1.1em;
}

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

a:hover {
     text-decoration: underline;
}


/* Divisões Principais */

#geral {
     width: 778px;
     margin: 0 auto;
     position: relative;
}

#topo {
     height: 140px;
}

#logo {
     width: 200px;
     height: 140px;
     float: left;
}

#menusup {
     width: 338px;
     height: 30px;
     margin-top: 12px;
     margin-right: 1px;
     background: url(../img/fundomenusup.png) top right no-repeat;
     float: right;
     text-align: right;
}

#menu {
     width: 500px;
     height: 26px;
     margin-top: 72px;
     float: right;
}

#barrasuperior {
     width: 778px;
     height: 30px;
     background: url(../img/barra-superior.jpg);
}

#conteudohome {
     width: 778px;
     height: 342px;
     background: #000 url(../img/fundoconteudohome.png) 0px 27px no-repeat;
     float: left;
     text-align: left;
}

#casos {
     width: 304px;
     float: left;
}

#sep {
     width: 1px;
     height: 296px;
     margin-top: 36px;
     float: left;
     background: #212121;
}

#noticias {
     width: 247px;
     float: left;
}

#campanha {
     width: 226px;
     float: left;
}

#barrainferiorpreta {
     width: 778px;
     height: 25px;
     background: url(../img/barra-inferior-preta.jpg) repeat-x;
     clear: both; 
}

#total {
     width: 778px;
     min-height: 270px;
     background: #fff;
     float: left;
     text-align: left;
     padding-bottom: 50px;
}

#conteudosec {
     width: 778px;
     background: #fff;
     float: left;
     text-align: left;
}

#esquerdasec {
     width: 210px;
     float: left;
}

#esquerdasec p {
     text-align: right;
     padding-right: 10px;
     font-size: 1.2em;
     font-style: italic;
     line-height: 1.2em;
     margin-top: 10px;
}

#esquerdasec strong {
     color: #dc931a;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 1.3em;
     font-style: normal;
}

#esquerdasec ul {
     text-align: right;
     list-style: none; 
     margin: 10px 0px 20px 0px;
     line-height: 1.5em;
}

#esquerdasec li a, #esquerdasec li a:visited  {
     font-size: 1.2em;
     text-transform: uppercase;
     color: #777;
     font-weight: bold;
     padding-right: 10px;
}

#esquerdasec li a:hover {
     color: #dc931a;
     text-decoration: none;
     background: url(../img/setalista.png) center right no-repeat;
}

#direitasec {
     width: 517px;
     float: right;
     margin: 0px 11px 50px 0px;
}

#direitasec h1, #total h1 {
     font-size: 2em;
     line-height: 1.2em;
     background: url(../img/fundoh1.png) no-repeat;
     padding: 3px 0px 0px 55px;
     margin: 14px 0px;
     color: #333;
}

#direitasec h2, #total h2 {
     background: url(../img/seta.png) 45px center no-repeat;
     font-size: 1.5em;
     text-transform: uppercase;
     padding-left: 55px;
     color: #dc931a;
     line-height: 1.5em;
     margin: 1.5em 0em 0em 0em;
}

#direitasec h3, #total h3 {
     font-size: 1.4em;
     text-transform: uppercase;
     padding-left: 55px;
     color: #000;
     line-height: 1.5em;
     margin: 1.5em 0em 0em 0em;
}

#direitasec p, #total p {
     font-size: 1.2em;
     padding-left: 55px;
     line-height: 1.5em;
     margin: 1.5em 0em 1.5em 0em;
}

#direitasec p.erro, #total p.erro {
	 width: 358px;
     border: 1px solid #f00;
     color: #f00;
     padding: 5px 0px 5px 30px;
     background: url(../img/erro.png) 5px 5px no-repeat;
}

#direitasec strong {
     color: #dc931a;
     font-weight: bold;
}

#direitasec a {
     text-decoration: underline;
}

#direitasec a:hover {
     text-decoration: none;
}

#direitasec ul {
     list-style: url(../img/setacinza.png);
     padding-left: 70px;
     font-size: 1.2em;
     line-height: 1.5em;
     margin: 1.5em 0em 1.5em 0em;
}

#direitasec ol {
     padding-left: 77px;
     font-size: 1.2em;
     line-height: 1.5em;
     margin: -1.3em 0em 0em 2em;
}

#direitasec ol li {
     font-style: italic;
}

#direitasec li.noticia {
     font-style: normal;
     list-style: none;
     margin-left: -15px;
}

#direitasec li span {
     color: #999;
     font-size: 0.9em;
}

#barrainferiorbranca {
     width: 778px;
     height: 25px;
     background: url(../img/barra-inferior-branca.jpg) repeat-x;
     clear: both; 
}

#rodape {
     width: 778px;
     height: 77px;
     background: url(../img/fundorodape.jpg) repeat-x;
     float: left;
     font-size: 1em;
     line-height: 1.3em;
}

#r1, #r2, #r3 {
     margin-top: 19px;
     float: left;
     height: 47px;
     padding-top: 5px;
}

#r1 {
     width: 295px;
     border-right: 1px solid #edc774;
     text-align: right;
     padding-right: 9px;
     text-transform: uppercase;
}

.given-name {
     display: none;
}

#r2 {
     width: 237px;
     border-right: 1px solid #edc774;
     text-align: left;
     padding-left: 9px;
}

#r3 {
     width: 200px;
     text-align: left;
     padding-left: 9px;
}


/* Menu */

#menu ul {
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0;
}

#menu li {
	float: left;
	height: 26px;
	list-style-image: none;
	list-style-type: none;
}

#menu a {
	display:block;
	height: 26px;
	overflow: hidden;
	text-decoration: none;
}

#menu #menu_empresa {
	background-image: url(../img/ic-menu-empresa.png);
	width: 61px;
}

#menu #menu_produtos {
	background-image: url(../img/ic-menu-produtos.png);
	width: 68px;
}

#menu #menu_casos {
	background-image: url(../img/ic-menu-casos-de-sucesso.png);
	width: 115px;
}

#menu #menu_noticias {
	background-image: url(../img/ic-menu-noticias.png);
	width: 59px;
}

#menu #menu_distribuidores {
	background-image: url(../img/ic-menu-distribuidores.png);
	width: 97px;
}

#menu #menu_representantes {
	background-image: url(../img/ic-menu-representantes.png);
	width: 105px;
}

#menu #menu_palestras {
	background-image: url(../img/ic-menu-palestras.png);
	width: 72px;
}

#menu a:hover {
	background-position: 0 -26px;
}

#menu a.selected, #menu a.selected:hover {
	background-position: 0 -26px;
}


/* Menu Horizontal e Submenus */

#nav, #nav ul {
	list-style: none;
	text-align: left;
}

#nav {
     margin-left: 3px;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #777;
}

#nav a:hover {
	color: #000;
}

#nav li {
	float: left;
    font: bold 1.2em "Trebuchet MS", Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
    height: 18px;
}

#nav li ul {
	position: absolute;
	background: #ddd;
	width: 200px;
	left: -999em;
	text-align: left;
	border-bottom: 5px solid #dc931a;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	border: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li ul li {
     font-size: 1em;
     border-top: 1px solid #aaa;
     width: 189px;
     padding: 8px 3px 2px 8px;
}

#nav li ul li ul {
	background: #eee;
}

#nav li ul li ul li ul{
	background: #ddd;
}

#nav li ul li ul li ul li{
	border-bottom: 1px solid #aaa;
}

#nav li ul ul {
	margin: -35px 0 0 192px;
}



/* Casos de Sucesso */

#casos ul {
     margin: 15px 0px 0px 19px;
	padding: 0;
}

#casos li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	width: 277px;
	margin-bottom: 8px;
}

#casos .imgcaso {
     border: 1px solid #777;
     padding: 2px;
     float: left;
     margin-right: 10px;
}

#casos h2 {
     font-size: 1.2em;
     color: #e3a715;
     margin-bottom: 5px;
}

#casos h2 a, #casos h2 a:visited, #casos h2 a:link {
     color: #e3a715;
}

#casos p {
     line-height: 1.1em;
     color: #999;
     margin-bottom: 6px;
}

#casos p a, #casos p a:visited, #casos p a:link {
     color: #999;
}

#casos p a:hover {
     color: #ccc;
}


/* Notícias */

#noticias ul {
     margin: 15px 0px 0px 26px;
	padding: 0;
}

#noticias li {
	float: left;
	width: 215px;
	list-style-image: url(../img/seta.gif);
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #999;
}

#noticias li a, #noticias p a:visited, #noticias p a:link {
     color: #999;
}

#noticias p a:hover, #noticias li a:hover {
     color: #ccc;
}


/* Classes */

.continuar, .vertodos {
     color: #999;
     font-size: 1em;
}

.vertodos {
     margin-left: 19px;
     clear: both;
}

.imglateral {
     margin-top: 3px;
}

.pointer {
     cursor: pointer;
}

.focus {
	background-color: #ccc;
}

.imggaleria {
	padding: 2px;
	border: 1px solid #ccc;
}

p.sucesso {
     color: #080;
     padding: 5px 0px 5px 30px;
}

ul.admin li {
	list-style: none;
	line-height: 2em;
	
}

ul.admin li img {
	vertical-align: middle;
	margin-right: 10px;
}

/* Formulários */

#direitasec form, #total form {
     padding: 3px 0px 0px 55px;
}

fieldset {
     margin-top: 10px;
}

label {
     font-size: 1.1em;
     line-height: 1.3em;
     margin: 0em 0em 0.7em 0em;
     text-transform: uppercase;
     color: #555;
}

label span {
     text-transform: lowercase;
     color: #c00;
}

input, select, textarea {
     padding: 2px;
     font-size: 1.2em;
     line-height: 1.3em;
     margin: 0em 0em 1em 0em;
     border: 1px solid #777;
     background: #eee;
}

input {
     height: 17px;
}

input.botao {
     width: 140px;
     height: 30px;
     cursor: pointer;
     border: 0px;
     border-bottom: 3px solid #ccc;
     background: #999;
}

input.radio {
     margin: 0px;
     height: 17px;
     width: 17px;
}

input[type="file"] {
	 height: 25px;
	 border: 1px solid #777;
}

input[type="radio"] {
	 margin: 0px;
     height: 17px;
     width: 17px;
}

input[type="checkbox"] {
	 margin: 3px;
     height: 17px;
     width: 17px;
}

span.radio {
	font-size: 1.2em;
	line-height: 1.5em;
}

textarea {
     font: 1.2em "Trebuchet MS", Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
}


/* Tabelas */

table {
     width: 500px;
     font-size: 1.1em;
     line-height: 1.2em;
     padding: 3px 0px 0px 55px;
}

thead {
     background: #dc931a;
     color: #000;
     height: 22px;
     text-align: center;
     font-weight: bold;
     font-style: italic;
     font-size: 1.1em;
}

td {
     padding: 2px 1px 1px 4px;
     border: 1px solid #eee;
     height: 20px;
}

caption {
	font-style: italic;
}

table.adm {
     width: 515px;
     font-size: 1.2em;
     line-height: 1.3em;
     padding: 3px 0px 0px 55px;
}

table.adm thead {
     background: #dc931a;
     color: #000;
     height: 25px;
     text-align: center;
     font-weight: bold;
     font-style: italic;
     font-size: 1.1em;
}

table.adm td {
     padding: 2px 1px 1px 4px;
     border: 1px solid #eee;
     height: 25px;
}


/* Google Maps */

#mapa1, #mapa2, #mapa3 {
     margin: 3px 0px 0px 55px;
     width: 459px;
     height: 350px;
     border: 1px solid #777;
}


/* Galeria de Imagens */

div .galeria {
	margin: 20px 0px 0px 55px;
}

div .galeria ul li {
	height: 460px;
	width: 460px;
}

table.gal_adm {
	margin-top: 15px;
}

table.gal_adm td {
	text-align: center;
	height: 120px;
	width: 100px;
	vertical-align: top;
}

/* Área do Cliente */

#clientepainel {
	z-index: 10;
	position: absolute;
	top: 190px;
	right: 15px;
}

#clientepainel img {
	margin-left: 10px;
}

#total table {
	width: 95%;
	margin-top: 10px;
	font-size: 1.2em;
}

#total thead {
     background: #ddd;
     color: #000;
     height: 22px;
     text-align: left;
     font-weight: bold;
     font-size: 1.2em;
     font-style: normal;
}

#direitasec h2 > table, #total h2 table {
	margin-bottom: 40px;
}