html {
	       min-height: 600px;
	       }
	 
body {
           margin: 0;
           padding: 0;
           background: #f6f6f6;
           }
           
hr {
           width: 98%;
           height: 1px;
           color: #ccc;
           }


/*   barra superior   */


div#head {
           font-family: verdana;
           font-size: 11px;
           color: #fff;
           display: block;
	       position: relative;
	       width: 100%;
	       height: auto;
           border: 0;
           background: #039;
           text-align: right;
           }
           
#head a:link, #head a:visited {
           color: #fff;
           line-height: 20px;
           text-decoration: none;
           border: 1px solid #039;
           background: transparent;
           }

#head a:hover{
           color: #fff;
           line-height: 20px;
           text-decoration: none;
           border: 1px solid #fff;
           background: #06c;
           }
           

/*   barra logomarca   */


div#logo {
           border: none;
           display: block;
	       position: relative;
	       width: 100%;
	       height: auto;
           border: 0;
           background: #fff url(../i/fundo_logo.jpg) right repeat-y;
           }


/*   barra menu   */


div#menu {
           font-family: verdana;
           font-size: 11px;
           color: #ccc;
           display: block;
	       position: relative;
	       width: 100%;
	       height: auto;
           line-height: 18px;
           border: 0;
           border-top: 2px solid #000;
           border-bottom: 2px solid #000;
           background: #e4e4e4;
           }
           
#menu a:link, #menu a:visited {
           margin: 2px;
           color: #000;
           text-decoration: none;
           border: 1px solid #e4e4e4;
           background: #e4e4e4;
           }
           
#menu a:hover {
           margin: 2px;
           color: #000;
           text-decoration: none;
           border: 1px solid #999;
           background: #ccc;
           }
           


/*   barra conteúdo left  */



table#content {
           border: 0;
           margin: 10px 0;
           padding: 0;
           }
           

table#content h1#topico {
           font-family: verdana;
           font-size: 18px;
           margin: 0 0 5px 0;
           color: #000;
           }

#cl        {
           border-right: 1px solid #ccc;
           }

#cl div#emp {
           width: 100%;
           margin: 0 0 20px 0;
           color: #666;
           font-family: verdana;
           font-style: normal; font-variant: normal; font-weight: normal;
           font-size: 11px;
           text-align: left;
           border: 1px solid #000;
           background: #fff;
           }

img#empresa {
           margin: 0 5px 0 0;
           }
           

/*   barra conteúdo right  */


#cr h1     {
           font-size: 24px;
           border-bottom: 1px solid #000;
           margin: 0;
           }
           
#cr ul#news {
           margin: 5px 0 5px 15px;
           }
           
#cr ul#news li {
           font-family: "Trebuchet MS";
           font-style: normal; font-weight: normal; font-size: 12px;
           list-style-type: square;
           margin: 5px 0;
           }
           
form#acesso {
           margin: 5px 0;
           font-family: Verdana;
           font-style: normal; font-weight: normal; font-size: 11px;
           }

form#acesso input {
           font-family: Verdana;
           font-style: normal; font-weight: normal; font-size: 11px;
           border: 1px solid #ccc;
           background: #e4e4e4;
           }


/*   cases   */


div#cases {
           margin: 10px 0;
           font-family: verdana;
           font-size: 11px;
           color: #000;
           display: block;
	       position: relative;
	       width: 100%;
	       height: auto;
           line-height: 18px;
           border: 1px solid #ccc;
           background: #fff;
           }

#cases a:link, #cases a:visited {
           color: #03c;
           text-decoration: none;
           }

#cases a:hover {
           color: #03c;
           text-decoration: underline;
           }

#cases hr {
           color: #ccc;
           height: 1px;
           width: 100%;
           margin: 10px;
           }

#cases h1 {
           font-size: 18px;
           margin: 10px;
           }
           
#cases p  {
           margin: 5px 10px;
           }

#cases ul#produto li {
           list-style-type: square;
           margin: 5px 30px 15px 30px;
           }

#cases ul#produto ol li {
           list-style-type: decimal;
           margin: 5px 10px;
           }
           
#cases ul#valores li {
           list-style-type: square;
           margin: 5px 30px 5px 30px;
           }

#cases img#tb {
           display: block;
           margin: 0 0 30px 0;
           }


/*   contato   */


#cases form {
           margin: 20px;
           }

#cases form input, textarea {
           font-family: Verdana;
           font-style: normal; font-weight: normal; font-size: 11px;
           border: 1px solid #ccc;
           background: #e4e4e4;
           }

#cases ul#contato li {
           list-style-type: none;
           margin: 5px 30px 10px 15px;
           }


/*   barra inferior  */


div#bottom {
           font-family: verdana;
           font-size: 11px;
           color: #000;
           margin-left: auto;
           margin-right: auto;
           padding-bottom: 10px;
           display: block;
	       position: relative;
	       width: 98%;
	       height: auto;
           border: 0;
           background: transparent;
           text-align: left;
           }