/*
Magnetec Ind. Eletroeletrônica Ltda.
Pedro O. S. S. (c) 2009 - pedrozorio@gmail.com.
*/

body {
	background:url(../images/WEBSITE_2009_02.jpg) top scroll repeat-x;
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	margin-bottom:0px;
	margin-top:0px
}

/* Formulários */

input, textarea, select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999;
	border:1px #CCC solid;
	background-color: #FFF;
}
.neutro {
	border:none;
	background-color:none;
	text-decoration:none;
	}
#envia {
	width: 120px;
	height: 25px;
	background-color:#999999;
	border:0px solid #CCCCCC;
	color:white
}

/* Links */

a { color: #999;}
a:hover { color: #808080; }
.blue { color: #547592; text-decoration:none; text-align:justify;}
.blueb { color: #666; background: inherit; }
.whitehouse { background-color:#666; color: #FFFFFF; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
.whitehouse:hover { color:#000; font-weight:bold; text-decoration:none;}
.orangelink { color: #FFCC00; background: inherit; }
.img { float: left; border: 1px solid #e2e2e2; padding: 2px; margin: 4px 4px 4px 4px; }
.img0 { background:#ffffff; border: 1px solid #cccccc; padding: 3px; margin: 4px 4px 4px 4px; }
.bgtop {background: url(../imagens/bgbg.gif) repeat-x bottom;}
.upper {text-transform: uppercase; }
.lower {text-transform: lowercase; }
.blueb:hover, .orangelink:hover { color:#036; background: inherit; }
.texto {font-family: verdana; font-size:10px; color:#666666; }
/* conteúdo */

#main { 
	width: 900px;
	margin: 25px auto 0 auto; 
}

/* logo superior esquerdo */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { color: #000; background: #fff; }

/* menu superior horizontal*/

ul.menubar{
  float: none;
  margin: 0px;
  padding-top: 5px;
} 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
ul.menubar a{
  padding: 5px;
  display:block;
  color: #FFF;
  background-color:  #022744;
  text-decoration: none;
  padding: 5px;
}
ul.menubar a:hover{
  color: #069;
  background-color:  #FFF;
}
ul.menu, ul.menu ul{
  margin: 0;
  padding: 3px;
  width:150px; /* Width of Menu Items */
  background-color: #022744; /* IE6 Bug */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  color: #FFF;
  background-color: #022744;
  border: 0px;
}
ul.menu li a {
 font-color: #FFF;
  text-decoration: none;
  padding: 3px;
}
ul.menu li sup{
  display: inline; 	
} 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li:hover { 
		background-color: #FFF;
}
 
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */


    .note {
          background:#FFFFFF url(../imagens/rbgeven.gif) no-repeat;
          padding-top:10px;
          padding-left:10px;
          }

/* destaque lado esquerdo */

#intro_left {
	clear: left;
	float: left;
	width: 355px;
	color: #666666;
	margin: 5px 0 1px 0;
	
}
#logotop{
	clear: left;
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 0px; margin: 0; }

	/* menu esquerdo vertical */
	
	#menu_left { 
		float: left;  
		margin: 0 0 5px 0;
		padding: 0 0 1px 0;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		background: #FFFFFF url(../imagens/bgupto.gif) repeat-x center right;
	}
		#menu_left li { list-style: none; border-bottom:#B4D2F1;  }
		#menu_left li a { 
			display: block; 
			color: #6c96d4;
			background: url(../imagens/arrow.gif) no-repeat center left;
			width: 205px;
			padding: 6px 32px 6px 20px;
			margin: 0 0 1px 0; 
			font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
			font-size: 9pt;
			text-decoration: underline; 
		}	
		#menu_left li a:hover { background: #FFFFFF url(../imagens/arrow.gif) no-repeat center left; color: #6c96d4;  }

/* destaque lado direito */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(../imagens/intro.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* lado esquerdo */
	
#left {
	float: left;
	width: 250px;
}

	.box {
		padding: 0px 0px;
		width:500px;
		height:125px;
		margin: 0 0 10px 0;
	}
	.bod {
      width: 760px;
	  background-color:#FFFFFF;
	  padding: 0px 10px 0px 10px;
}
/* lado direito */

#right {
	float: right;
	width: 643px;
}

        .banner_left {
		float: left;
		padding: 0px;
		width: 100px;
		height: 170px;
		border:#BCCEDA 0px dashed;
		margin: 8px 0px 0px 15px;
        background: #FFFFFF;
	}
        .leftcol {
		float: left; 
		padding: 8px 15px 8px 0px;
		width: 195px;
		height: 170px;
		border:#BCCEDA 0px dashed;
		text-align: justify;
		margin-top: 8px;
        background: #FFFFFF url(../imagens/bgleftcol.gif) repeat-y scroll center top;
	}

    	.leftcol2 {
		float: left;
		padding: 8px 15px 8px 0px;
		width: 195px;
		height: 170px;
		border:#BCCEDA 0px dashed;
		text-align: justify;
		margin-top: 8px;
		background: #FFFFFF url(../imagens/bgleftcol.gif) repeat-y scroll center top;
	}


	.centercol {
		float: left;
		padding: 0px 0px;
		width: 15px;
		height: 250px;
		border-right: #BCCEDA 0px solid;
		margin: 0px;
		background: #FFFFFF url(../imagens/centertop.gif) no-repeat;
		}

	.rightcol { 
		float: right; 
		padding:  10px 10px;
		width: 408px;
		height: 250px;
		border-left:#BCCEDA 0px dotted;
        margin: 0px;
		background: #FFFFFF url(../imagens/bgrightop0.gif) no-repeat;
		}

	.special {
		clear: both;
		margin:0px 0 20px 0;
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
		}
   .adendo {
		clear: both;
		margin:0px 0 10px 0;
		padding: 5px 10px;
		border: 1px solid #ccc;
		background: #F7FAFD;
		color: #444;
		}
	.rightype {
		padding: 0px 0px;
		border-bottom: 1px  dashed #ccc;
		background: #e2e2e2;
		color: #444;
		}
	#rightop {
		float: left;
        padding: 5px 10px 0px 10px;
		width: 480px;
		height: 120px;
		border:#BCCEDA 0px dashed;
        margin: 0px;
		background: #FFFFFF url(../imagens/toplaw.gif) repeat-x scroll center bottom;
		}
		
	#publ {
		float: right;
        text-align: justify;
        padding: 8px;
		width: 385px;
		height: 130px;
		border-left:#BCCEDA 0px dotted;
		margin-top: 10px;
		margin-right:10px;
		background: url("../imagens/acesso_brief.jpg") no-repeat;
		}
	#publ2 {
		float: right;
        text-align: justify;
        padding: 5px;
		width: 385px;
		height: 130px;
		border-left:#BCCEDA 0px dotted;
		margin-top: 10px;
		margin-right:10px;
		background: #FFFFFF;
		}

/* Textos conteúdo, cabeçalhos */

h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3  { clear: left; font: bold 1.1em "Trebuchet MS", Helvetica, Sans-Serif; color: #000; background: url(../imagens/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
. texto {

}
table {
      font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	  font-size:11px;
      line-height: 1.2em;
}
  #listagem {
		float: right;
        padding: 20px 5px 5px 20px;
		width: 310px;
		height: auto;
		border: 1px thick #BCCEDA;
        margin-right: 20px;
		background: #FFFFFF url(../imagens/bglist.gif) repeat-x top left scroll;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size:10pt;
        color:#666666;
		line-height:15px;
                    }
   #listagem a {
		float: left;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size:10pt;
        color:#4682B4;
                    }

/* rodapé */

#footer {
color:#999;
direction:ltr;
float: left;
width:99%;
clear: both;
padding: 5px;
}
/*NOTICIAS*/
#title #title2 #comment #corpo { font-family: Tahoma, Arial, Verdana }
#title { float:left; position:absolute; font-size:14px; color:#666; width:370px;}
#title2 { font-size:14px; color:#666}
#comment{ font-size:10px; color:#999}
#corpo{ font-size:8pt; color:#000}