@charset "utf-8";
/* CSS Document */


/* BODY */
*, img {padding: 0; margin: 0; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality;}
#okzy img {padding: 0 !important; margin: 0 !important;}
#okzy {padding: 1em .2em 1em .5em !important;}
h4 img, h5 img {padding: -1em !important; margin: -.6em -.4em !important;}
body {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #818181; font-size:.8em; line-height:1.3em; text-align:left !important;}

a, img, img a, hr { text-decoration:none; border:none}
a:link {color:#3C86B3;}
a:visited {color: #265C7F;}
a:active, a:hover {color: #00AEEF;}
.red {color: #D42E12 !important;}

#bartop{height: 1.2em; width: 100%; min-width: 840px; background: #265C7F; }
#barbot{height: 4em; width: 100%; min-width: 840px; background: #3C86B3;}

img.logoimg {padding: 5px 5px 5px -5px !important;  margin: 0 0 0 -13px !important;}

hr {background-color:#F1F1F1; margin: 2px 0 0 0; height: 1px;}

h5{color: #8E8E8E; padding: .6em .6em .4em .6em; text-align:left; font-weight:bold; font-size:.9em; background: #F5F5F5; font-size: 1em; border-bottom: solid #A7A7A7 1px;}
h4{font-family: Arial; font-weight:bold; color: #4D4948; font-size:1em;}
h3{font-family: Arial; font-size: 1.8em; font-weight:bold; color: #4D4948; line-height:1em;}
h2{font-family: Arial; font-weight:100; font-size:1.4em; color: #827F7F; padding:.4em 0 .3em .3em ; margin: .1em .2em 0 .2em; border-left: solid #FAFAFA 1px; border-bottom: solid #FAFAFA 1px;}
#imiddle h2 {border: 0 !important; margin: 0 !important;}

#middle, #left, #right p {text-align:center;} 
#wrapper p {text-align:center;}
#iwrapper {min-width: 800px; max-width: 980px; margin: 0 auto; padding: 20px 1%; text-align:center;}
#ileft, #iright {position:relative; float: left; width: 49%; padding: 10px .5%; text-align:left !important;}
#inleft {border-right: 1px solid #9A9A9A; margin-right:1.2%; padding: 10px .25% 10px .4% !important}
#inleft, #inright {position:relative; float: left; width: 49%; padding: 10px 0; text-align:left !important;}
#lef, #rig, #mid {position:relative; float: left; width: 48%; padding: 10px .5%; text-align:left !important;}
#imiddle {background:url(img/dot.gif) 48.5% repeat-y; float: left; width: 100%; text-align:left !important;}

.s-left, .s-right, .cont-left, .cont-right {position:relative; padding: 10px 1%; width:46% !important; float:left}
.cont-left {border-right: 1px solid #CECECE}

/* Header */
#submenu p{padding: 0 15px 0 0; text-align:right;}
#logo {float:left;}
#menu {float:right; text-align:right;}
#navbar {margin: 0 5px 0 0; height: 98px; background-image: url(images/navbg1.jpg) no-repeat; text-align: right; padding: 5px 5px 5px 0;}

#divisor { margin: 0 5px 5px 5px; height: 12px; background: url(img/divisor.png) no-repeat center;}
#submenu {float:right; margin: -1.8em 20px 0 0; text-align:right; font-size:.9em; line-height:1.2em;}

/* Footer */
#footer {height: 12em; width:100%; min-width: 840px; text-align: center; font-size: .85em; clear: both; bottom: 0; overflow:hidden; background-color: #f5f5f5;}

#footerContent {min-width: 820px; max-width: 1024px; clear: both; margin: 0 auto; padding:10px; line-height:1.3em; text-align:left !important;}
#footerContent h5 {margin:0; padding:5px 0;}
#footerContent p {margin:0; padding:2em 0;}

/* Nifty - Cantos arredondados */
#nifty{background: #F5F5F5;}

#nifty p{padding: 10px; text-align:left; line-height:1.3em;}

b.rtop, b.rbottom{display:block; background: #FFF}
b.rtop b, b.rbottom b{height: 1px; display:block; overflow: hidden; background: #F5F5F5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{height: 2px; margin: 0 1px;}

/* Colunas */
ul.column{width: 100%; list-style: none; float: right;}
ul.column li {width: 100%; float: right; padding: 1em 0 2em 0;}
ul.column li .imgblock {width: 218px; float: right; padding: 0 7px; text-align: right; line-height:8px; margin-bottom:5px;}
ul.column li .imgblock img {padding: 5px; margin-right: 3px; text-align: center;}	
ul.column li .detail{ padding-right: 235px; background:url(dot.gif) 49.5% repeat-y;}
ul.column .detail img {padding: 5px; text-align: center;}

/* Conteúdo */
#wrapper {min-width: 820px; max-width: 1024px; margin: 0 auto; padding: 0 0 0 10px; text-align:left !important;}

#maintext {border: 1px solid #ccc; margin: 0 5px 5px 5px;  display: inline; /* IE Hack */ padding: 4px; float: left;text-align:left !important;}

#left {float: left; width: 48.5%; height: 100%; text-align:left !important;}
#right {padding: 0 0 0 51.5%; width: 48.5%; height: 100%; text-align:left !important;}
#middle {float: left; height: 100%; width: 100%; text-align:left !important;}

/* Links */
outer {float: right; width: 67px; height: 9px; margin: -6px 10px 0 10px; background: url(img/leia_mais_hover.gif) 0 no-repeat !important;}
outer span {display: none !important;}
outer a {display: block; width:100%; overflow:hidden; background: url(img/leia_mais.gif) top left no-repeat !important; font-size:0px;}
outer a:hover { background-image: none !important;}

div.mais {
display: block; width:100%; overflow:hidden; background: url(img/leia_mais.png) bottom no-repeat !important; font-size:0px;}
div.mais a {
display: block; width:100%; overflow:hidden; background: url(img/leia_mais.gif) top no-repeat !important; font-size:0px;}
div.mais a:hover {background-image: none;}

/* Menu */
/* Step 10 - Clearing the float */
#frig {display:block; float: right; padding: 0 0 0 10px; background:transparent url(menu/bg.png) 6px 0 no-repeat;height:67px;}

#fri {float:right; margin: 5px 40px 0 0;}

/* Step 3 - get rid of the bullets and margin */
#frig ul, #footer ul {list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#frig li, #footer li {float:left;}

/* Step 5 - Adding the initial images */

#frig li.li1 {width:78px;background:transparent url(menu/m_home_n.png);}
#frig li.li1b {width:78px;background:transparent url(menu/m_home_open.png);}
#frig li.li2 {width:108px;background:transparent url(menu/m_emp_n.png);}
#frig li.li2b {width:108px;background:transparent url(menu/m_emp_open.png);}
#frig li.li3 {width:184px;background:transparent url(menu/m_prod_n.png);}
#frig li.li3b {width:184px;background:transparent url(menu/m_prod_open.png);}
#frig li.li4 {width:98px;background:transparent url(menu/m_cont_n.png);}
#frig li.li4b {width:98px;background:transparent url(menu/m_cont_open.png);}


/* Step 6 - General link styling */

#frig a {display:block; height:0; padding-top:59px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #frig a:link, * html #frig a:visited {height:59px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#frig a#it1, #frig a#it1b {width:78;background:transparent url(menu/m_home_open.png) -130px -90px no-repeat;}
#frig a#it2, #frig a#it2b {width:108px;background:transparent url(menu/m_emp_open.png) -130px -90px no-repeat;}
#frig a#it3, #frig a#it3b {width:184px;background:transparent url(menu/m_prod_open.png) -130px -90px no-repeat;}
#frig a#it4, #frig a#it4b {width:98px;background:transparent url(menu/m_cont_open.png) -130px -90px no-repeat;}


/* Step 9 - Adding the :hover style */
ul {list-style:none;}

#frig a#it1:hover, #frig a#it1b:hover {width:78px; z-index:50;background:transparent url(menu/m_home_hover.png);}
#frig a#it2:hover, #frig a#it2b:hover {width:108px; z-index:50;background:transparent url(menu/m_emp_hover.png);}
#frig a#it3:hover, #frig a#it3b:hover {width:184px; z-index:50;background:transparent url(menu/m_prod_hover.png);}
#frig a#it4:hover, #frig a#it4b:hover {width:98px; z-index:50;background:transparent url(menu/m_cont_hover.png);}


* html #frig a:hover {height:59px; he\ight:0;}

#frig a#it1:active, #frig a#it1b:active {width:78px; z-index:50;background:transparent url(menu/m_home_open.png);}
#frig a#it2:active, #frig a#it2b:active {width:108px; z-index:50;background:transparent url(menu/m_emp_open.png);}
#frig a#it3:active, #frig a#it3b:active {width:184px; z-index:50;background:transparent url(menu/m_prod_open.png);}
#frig a#it4:active,# frig a#it4b:active {width:98px; z-index:50;background:transparent url(menu/m_cont_open.png);}