/***
Author: Markus Steiger - 01@01241.com

***/

html,body {
	margin:				0;
	padding:			0;
	height:				100%;
	text-align:			center;
	color: #313131;
	font-family: "Verdana", "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 11px;
}

#container {
	position:			relative;
	width:				878px!important;
	width:				878px;		/* IE Fix for (2) 1px borders being inside container. */
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	height:				100%;
	min-height:			100%;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
            text-align: left;
}

 /***                          M  O  O  T  O  O  L  S         ***/

/***                                Toggler                       ***/

.toggler {
            color:#000000;
            margin: 1px 0px 10px 0px;
            padding: 6px 8px 6px 13px;
            cursor: pointer;
}
   
 /***                              kwick                           ***/

#kwicks_container { margin:0px; padding: 0px; height: 16px; }
#kwicks { position: relative; top: 0px; left: 0px; float: left; }
#kwicks .kwick {  float: left; display: block; width: 40px; height: 16px;}
#kwick_1 {overflow: hidden; }
#kwick_2 {overflow: hidden; }
#kwick_3 {overflow: hidden; }
#kwick_4 {overflow: hidden; }
#kwick_5 {overflow: hidden; }
#kwicks_container ul { list-style: none; margin: 0px; padding: 0px; }

dl.corner {line-height: 150%; background: url(../images/c_tl.gif) top left no-repeat; padding:0; width:50%;}
dl.corner dt { padding:10px; background: transparent  url(../images/c_tr.gif) top right no-repeat; }
dl.corner dd {background: url(../images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.corner dd p {margin:0px; padding:10px;}
dl.corner dd p.last {margin-top:-16px; padding:0px; background:transparent url(../images/c_br.gif) bottom right no-repeat; }

dl.corner2 {line-height: 160%; background: url(../images/c_tl2.gif) top left no-repeat; padding:0; }
dl.corner2 dt { padding:0px; background: transparent  url(../images/c_tr2.gif) top right no-repeat; }
dl.corner2 dd {background: url(../images/c_bl2.gif) bottom left no-repeat; padding:0; margin:0;}
dl.corner2 dd p {margin:0px; padding:15px;}
dl.corner2 dd p.last {margin-top:-16px; padding:0px; background:transparent url(../images/c_br2.gif) bottom right no-repeat; }

 /***  H E A D E R    plus Elemente ***/


#header {
width: 100%;
text-align: left;
height: 143px;
background:  url(../images/bg_header2.gif) no-repeat bottom left;
border: 0px solid #dedede;
}

#toplogo {
position: absolute;
top: 0px;
width: 300px;
height: 70px;
margin-left: 104px;
padding: 0 0px;
background: url(../images/logo_nicomatic.gif) no-repeat left top;
z-index:500;
border: 0px solid #dedede;
}

#topadress {
position: absolute;
text-align:left;
top: 1px;
left: 592px;
width:280px;
padding: 0 0px;
font-size: 9px;
color:#676767;
line-height: 160%;
border: 0px solid #dedede;
}

#toppfad {
position: relative;
text-align: left;
font-size: 11px;
padding: 0 0px;
color: #999999;
margin: 0px 0px 0px 0px;
border:0px solid black;
}

#topsearch {
position: absolute;
top: 84px;
left: 593px;
width:210px;
}

#topimage {
position: relative;
top: 0px;
left: 6px;
height: 67px;
width:867px;
background: url(../images/topimage_blank.gif) bottom left no-repeat;
}

#topimage h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 20px;
font-weight: normal;
margin: 0px 0px 0px 54px;
padding-top: 5px;
letter-spacing:0.02cm;
color: #ffffff;
}

h1 {
font-size: 28px;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-weight: normal;
text-transform: normal;
font-style: normal;
line-height: 110%;
margin: 0px 0px 20px 0px;
max-width:100%;
letter-spacing:-1px;
color: #919A9F;
}

h2 {
font-size: 28px;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-weight: normal;
text-transform: normal;
font-style: normal;
line-height: 110%;
margin: 10px 0px 10px 0px;
letter-spacing:-1px;
color: #919A9F;
	}

h3 {
font: 24px "Trebuchet MS", sans-serif;
color: #919A9F;
line-height: 130%;
margin: 20px 0px 8px 0px;
letter-spacing:0.00cm;
	}
h4 {
	font-size:11px;
	color:#333333;
            line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing:0.01cm;
font-weight: bold;
	}

h5 {
	font-size:11px;
	color:#000000;
	font-weight: normal;
            line-height: 150%;
	letter-spacing:0.04cm;
	margin: 0px;
	}

.topline {
margin: 50px 0px 0px 0px;
padding: 10px 0px 10px 0px;
max-width: 100%;  
border-top: 1px solid #cccccc;
}

.absatz_border {
line-height: 160%;
margin: 0px 0px 15px 0px;
padding: 9px 8px 9px 12px;
max-width: 100%;  
border: 1px solid #dedede;
}

table { border-collapse: separate; border:none; empty-cells: hide }
td {vertical-align:top; padding: 4px;  text-valign:top; }
.td_norm { padding: 12px 12px 12px 12px; }


.normalfont { font-family: "Verdana", "Trebuchet MS", Lucida Grande, sans-serif; font-size: 11px; }
.norm9 { font-size: 9px; }
.grau9 { font-size: 9px; color:#5B5B5F; }
.gesperrt    { letter-spacing:0.06cm;  }
.black { color:#000000; }
.white { color:#ffffff; border:none; background-color:#ffffff; }
.grau { color:#999999; border:none; }
.green { color:#009900; border:none; }

.print_only { color: #000000; display:none; }
.screen_only { display:visible; }


li { list-style-image:url("../images/ico_bullet_li.gif"); margin: 0px; }
ul { list-style-image:url("../images/ico_bullet_li.gif"); margin:0; padding-left:17px; }

ul.space { list-style-image:url("../images/ico_bullet_li2.gif"); margin:0; padding-left:17px; }
li.space { list-style-image:url("../images/ico_bullet_li2.gif"); margin: 0px; }

dl { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
blockquote { margin-left: 30px; margin-top: 10px; margin-bottom: 10px; }
hr { clear:both; color:#dedede; background-color:#dedede; height:1px; border:none; }
hr.mar0 { color:#dedede; margin:0px; background-color:#dedede; height:1px; border:none; }
hr.mar3 { clear:both; color:#dedede; margin:3px 0px 3px 0px; background-color:#dedede; height:1px; border:none; }
hr.mar10 { clear:both; color:#dedede; margin:10px 0px 10px 0px; background-color:#dedede; height:1px; border:none; }
.doclink { margin:0px 0px 0px 9px; padding:0px 0px 7px 0px; list-style: url("../images/liststyle_html2.gif"); }  

.bg_grey   { background-color: #f4f4f4; border: 1px solid #efefef;}
.bg_greydark   { background-color: #dedede; border: 1px solid #cccccc;}
.bg_greydark2   { background-color: #BFBFBF; border: 1px solid #BFBFBF;}
.bg_yellow { background-color: #FFFFED; border: 1px solid #cccccc; }   

.top0 { margin-top: 0px;}
.top10 { margin-top: 10px;}
.top20 { margin-top: 20px;}
.top40 { margin-top: 40px;}
.top80 { margin-top: 80px;}
.top100 { margin-top: 100px;}
.top150 { margin-top: 150px;}
.bottom0 { margin-bottom: 0px;}
.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom40 { margin-bottom: 40px;}
.left20 { padding-left: 20px;}
.left60 {margin: 10px 0px 20px 60px;clear:both;}

.float_image { margin: 0px 15px 10px 0px; float:left; clear:both;}

 /***     Documentos / Enderecos   ***/

.doc_titel {
font: 30px "Trebuchet MS", sans-serif;
font-weight: bold;
line-height: 110%;
margin: 0px 0px 10px 0px;
max-width:100%;
letter-spacing:0.01cm;
color: #919A9F;
}




 /***      D   I   T   T   O     ***/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #cccccc;
    padding: 1px 5px 2px; 
    margin-right: 2px;
    background-color: #ffffff; 
    color: #666666;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 2px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #cccccc; 
    padding: 1px 5px 2px; 
    margin-right: 2px; 
    text-decoration: none !important; 
    color: #1347A1;
    background-color: #ffffff;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_pages a:active {
    background-color: #f1f1f1;
    color: #000;
}

#ditto_box_2col {
padding: 9px 8px 8px 0px;
border-top: 0px solid #dedede;
margin: 15px 0px 15px 0px;
clear:both;
}



#content { color: #333333; }
#content  b {font-weight:bold;color: #000000;letter-spacing:0.01cm;}
 /***     #content p {margin-left:0px;margin-top:14px;margin-bottom:14px;line-height: 150%;} ***/



 /***     Spalte  L I N K S   ***/
#spalte_links {
	margin-top:0px;
            margin-right: 10px;
	float: left;
	width: 50px;
border: 0px solid red;
}

#spalte_links_home {
	margin-top:0px;
            margin-right: 10px;
	float: left;
	width: 50px;
border:0px solid red;
}


 /***     Spalte  M I T T E    ***/
#spalte_mitte {
	margin-top: 10px;
	float: left;
	width: 480px;
	text-align: left;
            line-height: 160%;
	padding: 0px 15px 0px 0px;
border:0px solid red;
}

#spalte_mitte_home {
	margin-top: 10px;
	float: left;
	width: 508px;
	text-align: left;
            line-height: 160%;
	padding: 0px 15px 0px 0px;
border: 0px solid red;
}


 /***     Spalte  R E C H T S    ***/
#spalte_rechts {
            margin:0px 0px 0px 0px;
            padding: 0px 5px 0px 0px;
	float: right;
	width: 300px;
	text-align: left;
border:0px solid red;
}

#spalte_rechts_home {
            margin:10px 8px 0px 0px;
            padding: 0px 0px 0px 3px;
	float: right;
	width: 265px;
	text-align: left;
border:0px solid red;
            line-height: 160%;
}







 /***                  F    O    O    T    E    R                     ***/

#footer {
bottom:	 0;
width: 99%;
height: 120px;
line-height: 170%;
margin-left: 0 !important;
margin-bottom: 0 !important;
margin-top: 50px;              	          
margin-bottom: -1px;	   	           
color:#5B5B5F;
font-size: 9px;
border-top: 1px solid #dedede;
}

.footerleft {
float:left;
text-align: right;
width: 40px;
margin-right: 10px;
height:60px;
padding: 10px 0px 0px 0px;
}

.footermiddle {
float:right;
width: 460px;
margin-right: 13px;
height: 60px;
padding: 10px 0px 0px 40px;
}

.footerright {
float:right;
width: 285px;
height: 70px;
}


* html #footer{
margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
/*only ie gets this style*/
height:140px;
/* for ie*/
}

#clearfooter {width:100%;height:1px;clear:both;}
#footer p {clear:left;margin-left:0px;}


 /***        L  I  N  K  S      ***/        

a:link     {padding-bottom: 0;color: #1347A1;text-decoration: none;border-bottom: 1px solid #dedede;}
a:hover  {padding-bottom: 0;color: #FF0000;text-decoration: none;border-bottom: 1px solid #FF0000;}
a:visited {padding-bottom: 0;color: #AB7EDA;text-decoration: none;border-bottom: 1px solid #dedede;}

a.mapindex:link     {heigh:20px;color: #1347A1;text-decoration: none;padding: 2px 4px 3px 6px; display:block; margin-bottom:2px; border: 1px solid #dedede;}
a.mapindex:hover  {height:20px;color: #000000;text-decoration: none;padding: 2px 4px 3px 6px; display:block; border: 1px solid #dedede;}
a.mapindex:visited {height:20px;color: #AB7EDA;text-decoration: none;padding: 2px 4px 3px 6px; display:block; border: 1px solid #dedede;}
a.mapindex:active  {height:20px;color: #000000;text-decoration: none;padding: 2px 4px 3px 6px; display:block; border: 1px solid #dedede;}
.focus {height:19px;padding: 2px 4px 3px 6px; margin-bottom:2px; display:block; border: 1px solid #dedede; color: #000000; text-decoration: none; background-color:#F1F1BE; }

a.nav:link, a.nav:visited { color: #1347A1;text-decoration: none;border-bottom: 0px solid #ffffff;margin:0px;}
a.nav:hover { color: #ff0000;text-decoration: none;border-bottom: 0px solid #dedede;margin:0px;}
a.nav:active { text-decoration: none; background-color:#00ACF0; color:#ffffff;}

a.black:link, a.black:visited {color:#5B5B5F;text-decoration: none;border-bottom: 0px solid #ffffff;}
a.black:hover {text-decoration: none; background-color:none; color:#1347A1; none;border-bottom: 1px solid #dedede;}
a.black:active {	text-decoration: none; background-color:#000000; color:#ffffff; }

a.whitelink2:link, a.whitelink2:visited {color:#ffffff;background-color:none;text-decoration: none;border-bottom: 0px solid #ffffff;}
a.whitelink2:hover {text-decoration: none; background-color:none; color:#ffffff; none;border-bottom: 0px solid #dedede;}
a.whitelink2:active { text-decoration: none; background-color:none; color:#ffffff; }

a.whitelink3:link {color:#666666;text-decoration: none; border-bottom: 0px solid #ffffff;}
a.whitelink3:visited {color:#999999;text-decoration: none; border-bottom: 0px solid #cccccc;}
a.whitelink3:hover {text-decoration: none; background-color:#000000; color:#ffffff; border-bottom: 0px solid #000000;}
a.whitelink3:active {text-decoration: none; background-color:#000000; color:#ffffff; }

a.whitelink:link {color:#ffffff;text-decoration: none; border-bottom: 0px solid #ffffff;}
a.whitelink:visited {color:#cccccc;text-decoration: none; border-bottom: 0px solid #cccccc;}
a.whitelink:hover {text-decoration: none; background-color:#000000; color:#ffffff; border-bottom: 0px solid #000000;}
a.whitelink:active {text-decoration: none; background-color:#000000; color:#ffffff; }

a.extern:link  { color: #1347A1; text-decoration: none; border-bottom: 1px solid #dedede; padding: 0 0 0 16px; word-wrap: break-word;
background: url(../images/ico_link_extern_hover.gif) no-repeat 0% 0px;}
a.extern:visited { color: #AB7EDA; text-decoration: none; border-bottom: 1px solid #dedede; padding: 0 0 0 16px; word-wrap: break-word;
background: url(../images/ico_link_extern_hover.gif) no-repeat 0% -30px;}
a.extern:hover { color: #000000; border-bottom: 1px solid #cccccc; padding: 0 0 0 16px; word-wrap: break-word;
background: url(../images/ico_link_extern_hover.gif) no-repeat 0% -60px;}

a.pdf:link  { color: #1347A1; text-decoration: none; border-bottom: 1px solid #dedede; padding: 0 0 0 14px; word-wrap: break-word;
background: url(../images/ico_link_pdf_hover.gif) no-repeat 0% 1px;}
a.pdf:visited { color: #AB7EDA; text-decoration: none; border-bottom: 1px solid #dedede; padding: 0 0 0 14px; word-wrap: break-word;
background: url(../images/ico_link_pdf_hover.gif) no-repeat 0% -29px;}
a.pdf:hover { color: #FF0000; border-bottom: 1px solid #FF0000; padding: 0 0 0 14px; word-wrap: break-word;
background: url(../images/ico_link_pdf_hover.gif) no-repeat 0% -59px;}

a.nav2:link  { color: #1347A1; text-decoration: none; border-bottom: 0px solid #dedede; padding: 0 0 0px 15px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 3px;}
a.nav2:visited { color: #AB7EDA; text-decoration: none; border-bottom: 0px solid #dedede; padding: 0 0 0px 15px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 3px;}
a.nav2:hover { color: #000000; border-bottom: 1px solid #cccccc; padding: 0 0 0px 15px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 3px;}

a.nav3:link  { display:block; color: #1347A1; text-decoration: none; margin:0px; border-bottom: 1px solid #dedede; padding: 6px 0px 6px 16px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 11px;}
a.nav3:visited { display:block; color: #AB7EDA; text-decoration: none; margin:0px; border-bottom: 1px solid #dedede; padding: 6px 0px 6px 16px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 11px;}
a.nav3:hover { display:block; color: #000000; text-decoration: none; margin:0px; border-bottom: 1px solid #cccccc; padding: 6px 0px 6px 16px; word-wrap: break-word;
background: url(../images/ico_arrow_right_dark.gif) no-repeat 0% 11px;}



 /***                         M  A  P         ***/

#mapbubble {
text-align:left;
}

.map3col {
width:505px;
height:420px;
border: 1px dotted #666666;
float:right;
}

.map2col {
width:650px;
height:420px;
border: 1px dotted #666666;
float:right;
margin-top:0px; 
}

#mapbubble image {
display:block;
margin: 0px 0px 0px 0px;
}


/***           TAG CLOUD                     ***/

.s1 { font-size: 100%; }
.s2 { font-size: 120%; }
.s3 { font-size: 180%; }
.s4 { font-size: 240%; }
.s5 { font-size: 280%; }
.s6 { font-size: 3.2em; }



/***           TOP TAB MENU                     ***/

#tabmenu {
margin: 0px;
padding: 0px;
position: absolute;
top:80px;
left:49px;
overflow:hidden;
}

#tabmenu ul {
height: 38px;
list-style: none;
margin: 0px;
padding: 0px;
}

#tabmenu li {
list-style: none;
height: 60px;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}
#tabmenu li a {
height: 60px;
text-indent: -9000px;
display: block;
float: left;
margin: 0px;
padding: 0px;
text-decoration: none;
border-bottom: 0px solid #ffffff;
}
#tabmenu .current a { background-position: 0 -121px;}


a#home { width: 69px; height: 60px; background: url(../images/tab_home.gif);}
a#produtos { width: 92px; height: 60px;background: url(../images/tab_produtos.gif);}
a#quem { width: 119px; height: 60px; background: url(../images/tab_quem.gif);}
a#noticias { width: 87px; height: 60px;background: url(../images/tab_noticias.gif);}
a#contato {width: 86px; height: 60px; background: url(../images/tab_contato.gif);}

a#home:hover,
a#produtos:hover,
a#quem:hover,
a#noticias:hover,
a#contato:hover
{ 
background-position: 0 -60px;
}



/***     ACCORDION    ***/

#accordion h2 {
font: 16px "Trebuchet MS", sans-serif;
font-weight:bold;
color:#ffffff;
padding:4px 6px 4px 20px;
letter-spacing:0.01cm;
margin-bottom:0px;
height:auto;
}

div.t3 {
padding:0px 0px 4px 23px;
font-weight:bold;
margin:0px;
}


#accordion ul {
margin:0px 0px 0px 0px;
padding:0px 0px 6px 40px;
}

#accordion li {
margin:0px 0px 0px 0px;
padding:0px 0px 4px 0px;
list-style: url("../images/liststyle_html.gif"); 
}