/* General Elements */
html {
 background:#fff;
}
 
body {
 width:779px;
 background:#fff;
 color:#000;
 text-align:left;
 margin:0 auto;
 padding:0;
 font-family:arial, "Trebuchet MS", "Bitstream Vera Sans", "Lucida Console", Arial, sans-serif;
}

a:link, a:hover, a:visited {
 color:#c00;
}
a:active {
 color:#fc3;
}

/* for by htmlarea */
.headline {font-family:  "Trebuchet MS", arial; font-size: 32px; font-weight:bold }
.headline2 {font-family: "Trebuchet MS", arial; font-size: 22px; font-weight:bold }
.headline4 {font-family: "Trebuchet MS",verdana; font-size: 14px; font-weight:bold}
.headline5 {font-family: "Trebuchet MS",verdana; font-size: 14px; }


h1 {
 padding:0 5px 5px 5px;
 margin:0 0 0.2em 0;
 font-size:1.5em;
 font-weight:bold;
 font-family:"Trebuchet MS";
 color:#D0252E;
}

h1 acronym,
h1 abbr {
 border-bottom:0;
}

h2 {
 padding:8px;
 height:32px;
 margin:0;
 color:#fff;
 background:url(hsep.gif) top left no-repeat;
 text-align:left;
 font-size:1.0em;
 margin-left:10px;
}

/* description */
h2 span {
 font-size:0.6em;
 padding-left:10px;
 
}

h3 {
 font-size:0.9em;
 margin:.5em 0 0 0;
 text-align:left;
 padding:0 5px;
 color:#c00;
}

/*date*/
h3 span {
 font-size:0.6em;
 padding-left:20px;
 color:#000;
 font-weight:normal;
 font-style:italic;
 font-family:verdana;
}

p {
 margin:0.2em 0;
 padding:0;
 text-align:left;
}

/* font sizing */
p, pre{
 font-size:0.8em;
 line-height:1.8em;
}

em {
 font-style:italic;
 font-weight:bold;
 text-decoration:underline;
}

img { border:0; }

abbr, acronym {
 cursor:help;
 border-bottom:1px dotted #000;
} 

/* FORMS STYLES */
form { margin:0;}


label {
 float:left;
 width:35%;
 margin-right:0.5em;
 padding-top:0.2em;
 text-align:right;
 font-weight:bold;
 color:#111;
 font-size:0.7em;
}
 
input, textarea, select {
 font-family:verdana, "Trebuchet MS";
 color: #000;
 background-color: #eee;
 border: 1px solid #ccc;
 padding: 5px;
 margin-bottom: 3px;
 font-size:0.6em;
}

input:focus,
textarea:focus, select:focus {
 color: #fff;
 background-color: #333;
 border: 1px solid #555;
}

input.b {
 background:#000;
 color:#fff;
 font-weight:bold;
 height:36px;
 border:1px outset #999;
 padding:1px 5px;
 font-size:0.6em;
  cursor:pointer;
 cursor:hand;
}

input.b:hover {
 border:1px inset #999;
 cursor:pointer;
 cursor:hand;
}

.error {
 color:red;
}
.error-message {
 color:red;
 font-size:0.7em;
 font-weight:bold;
}
.radiobt {
 border:0;
 background:transparent;
}
	
.control-button {
 background:#CD2210; /* nice red F52F15 */
 border:1px outset #f00;
 color:#fff;
 font-weight:bold;
}

/* for Config Manager */
label.nfa,
label.nfi {
 float:none;
 display:inline;
 margin:0;
 padding:0;
  cursor:pointer;
  cursor:hand;
 
 font-size:0.7em;
 text-transform:lowercase;
}
label.nfa {
 color:#0C8B02;
}
label.nfi {
 color:#EFBB60;
}
label span.section {
 color:#36c;
}
/* END FORM STYLES */

/* specific styles */

#header {
 background:#fff url(top1b.gif) top repeat-x;
 height:189px;
 padding:0;
}
#slice1 {
 height:34px;
}

#slicemenu {
 height:32px;
 background:#C9CD53 url(topgreen.gif) repeat-x;
}

#slicemenu img, #slicemenu a {
 float:left;
}

#slicemenu a:link,
#slicemenu a:visited, #footer a {
 height:22px;
 padding-top:10px;
 padding-right:2px;
 color:#000;
 font-weight:bold;
 font-family:arial;
 font-size:0.66em;
 text-decoration:none;
 text-transform:uppercase;
 text-align:center;
 background:transparent url(nsep.jpg) top right no-repeat;
}
#slicemenu a:hover {
 color:#00632C;
}

#slicemenu a:active {
 color:#c00;
}

#slicemenu #aempresa,
#slicemenu #aambiente
 {
 background:transparent;
 background-url:none;
}

#slicemenu #ainicio { width:50px;}
#slicemenu #aempresa { width:120px;}
#slicemenu #aambiente { width:120px;}

#slicemenu #aempaque { width:65px;}
#slicemenu #aindustrial { width:140px;}
#slicemenu #aspecial { width:140px;}

/* current location */
#inicio #ainicio,
#empaque #aempaque,
#industrial #aindustrial,
#special #aspecial,
#empresa #aempresa, 
#ambiente #aambiente {
 color:#D0252E;
}

#slice3 {
 height:117px;
}

#slicefoot {
 height:6px;
 background:#fff url(bot.jpg) top left repeat-x;
}

#navigation {
 width:210px;
 float:left;
 border:1px solid #eee;
 background:url(hbak.gif) top left repeat-x;
  padding-bottom:10px;
}

#navigation p {
 padding:0 10px;
 padding-left:15px;
}

#navigation ul {
 font-weight:bold;
 padding:0;
 margin:0;
 list-style: none;
 margin-left: 5px;
 padding-left: 0;
 text-indent:-10px;
}

#navigation li {
 font-size:0.8em;
 padding:5px 15px;
 margin:0;
 
}

#navigation li.action {
 color:#fff;
 padding:5px 5px;
 background:#c00;
 float:left;
 width:90px;
 text-align:center;
}

#content {
 padding:10px;
}

table.pdfs {
 margin:0 auto;
 padding:0;
}

table.pdfs td {
 padding:0 10px;
 font-size:0.8em;
}

.section {
width:530px;
float:left;
margin-left:10px;
 border:1px solid #eee;
  background:url(hbak.gif) top left repeat-x;
  padding-bottom:10px;
}

.section .gallery,
.section p {padding:0 10px;}

#empresa p {
 margin:0;
 padding:0 6px;
}

#empresa h2 {
 padding:5px;
 margin:0;
 background:none;
 color:#000;
}

/* footer */
#footer {
 background:#68707D url(footerbak.jpg) repeat-x;
 text-align:center;
 height:27px;
}
 
#footer a {
 display:block;
 float:left;
 color:#fff;
 background:transparent;
 text-transform:none;
 padding:0;
 height:21px;
 padding-right:16px;
 padding-left:15px;
 padding-top:6px;
 background:transparent url(fb.gif) top right no-repeat;
}

/* globals */
.navigator {
 font-size:0.7em;
 text-align:center;
 padding:5px 10px;
}

/* mnemonic to not display some elements like skip navigation */
.nono { display:none }
.cl {clear:left}
.cr {clear:right}
.cb { clear: both; }
.fl {float:left}
.fr {float:right}
.spacer { clear: both; }
.float { float:left; }