@charset "utf-8";

/*** estruturação geral ***/
*    { margin:0; padding:0; border:0; }
.body { background:url(img-layout/bg_body.jpg) repeat-x top #ececec; }

#geral    { background:url(img-layout/bg_geral.jpg) repeat-y center; width:720px; display:block; margin:auto;}
.bggeral  { background:url(img-layout/bg_geralover.jpg) no-repeat center top; }
#topo     { padding:30px 10px 0 20px ; width:660px; text-align:right; }
#logo 	  { display:block; float:left; }
#tel  	  { margin: -15px 0 0 0; display:block; }
#conteudo { width:690px; margin:auto; clear:both; }
#footer   { background:url(img-layout/bg_footer.jpg) no-repeat center top; height:100px; clear:both; padding-top: 40px; margin-bottom:0;}

/*** menu ***/
#menu            { float:right; width:290px; margin: 40px 0 0 0; }
#menu li         { list-style:none; display:block; float:left; margin:0 0 0 5px; }
#menu li a, #menu li a:link { font:normal 11px arial; color:#242424; text-align:center; text-transform:uppercase; text-decoration:none; width:67px; height:18px; line-height:18px; display:block; }
#menu li a:hover { color:#fff; background:url(img-layout/bg_menu.jpg) center center no-repeat;}

/**** menu lateral ***/
#menulat			{ float:left; display:block; width:200px; margin:25px 30px 0 20px; height:350px; }
#menulat li		 	{ list-style:none; border-bottom:1px solid #dbdbdb; height:35px; line-height:35px; }
#menulat li a 	 	{ background:url(img-layout/menu_list.jpg) no-repeat center left; padding: 3px 10px 2px 20px; font:normal 12px arial, sans-serif; text-transform:uppercase; text-decoration:none; color:#000; }
#menulat li a:hover { background:#087099; color:#fff; margin-left:5px; }

/*** mini box da home ***/
#boxes { width:690px;}

.minibox 	 { background:url(img-layout/bg_minibox.jpg) no-repeat bottom left; width:202px; height:180px; display:block; float:left; margin: 20px 0 0 20px; }
.minibox img.icon { width:62px; height:66px; margin:1px 5px 0 0; display:block; float:left; }
.minibox h2, .minibox h1  { padding:15px 0 0 0; }
.minibox h2, .minibox h2 a, .minibox h1, .minibox h1 a { font:bold 11px arial; color:#fff; text-transform:uppercase; text-decoration:none; width:120px; display:block; float:left; }
.minibox p   { margin:0 14px 0 14px; }
.minibox p, .minibox p a, .minibox p a:link{ text-align:center; text-decoration:none; clear:both; font:normal 11px arial; color:#3a3a3a; line-height:18px; }
.minibox p .mais, .minibox p a .mais { color:#c00; display:block; }
.minibox p a:hover 		 { color:#767676; }
.minibox p a:hover .mais {text-decoration:underline; }

/**** formatação da interna ****/
#interna 	{ margin: -40px 0 0 250px; width:400px; z-index:300; font:normal 12px arial; }
#interna p 	{ font:normal 12px arial; color:#222; line-height:24px; margin-bottom:20px; }
#interna h1 { font-size:22px; font-weight:bold; letter-spacing:-1px; margin-bottom:20px; cursor:default; }
#interna h2 { font-size:14px; color:#087099; margin:0 0 15px 0; padding: 15px 0 0 0; }

#breadscrumb	 			 { display:block; height:18px; border-bottom:1px solid #d1d1d1; margin-bottom:5px; }
#breadscrumb, #breadscrumb a { color:#9b9b9b; font-size:10px; text-transform:uppercase; text-decoration:none; }
#breadscrumb a.atual 		 { color:#666; }
#breadscrumb a:hover, #breadscrumb a.atual:hover { color:#444; }

/*** demonstração online ****/
.demotipo { display:block; width:180px; float:left; margin: 20px 20px 0 0; padding-bottom:20px; border-bottom:1px solid #eee; }
.demotipo h2 { font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#0874a0; cursor:default; }
.demotipo p { font-size:11px !important; color:#3c3c3c; line-height:16px !important; margin-bottom:0px !important; }
.demotipo .player { display:block; margin:0;}
.demotipo img { border:1px solid #ccc; padding:2px; }

#interna ul { padding:0 0 0 50px; cursor:default; }
#interna li { list-style-image:url(img-layout/setalist.jpg); padding: 0 0 0 5px; line-height:22px; width:300px; margin-bottom:15px; }

/**** rodapé outras formatações ****/
.contfoot 			{ border-top:1px solid #ccc; width:675px; margin:auto; text-align:center; }
.contfoot p, .contfoot p a, .contfoot p a:link { font:normal 10px Arial; color:#444; text-transform:uppercase; text-decoration:none; margin:30px 0 0 0; }
.contfoot p a:hover { text-decoration:underline; }
#telfoot, #logofoot { margin:15px 0 0 0; } 
#telfoot 			{ width:120px; height:50px; display:block; float:left; }
#telfoot p 			{ font:normal 12px arial; text-align:left; color:#444; margin: 10px 0 0 20px; cursor:default; }
#telfoot p b 		{font-size:14px; font-weight:normal; display:block; }
#logofoot			{ widows:120px; height:50px; background:#ccc; display:block; float:right; }

.form-contato input, textarea { padding-left:2px; border:solid 1px #aaa; font:11px arial; line-height:20px; }
.form-contato input           { height:20px; }
.form-contato label           { font:11px Arial; }
.form-contato td.label        { width:70px; vertical-align:top; padding-right:10px; }
.form-contato td              { height:20px; } 


/***** SLIDE SHOW clientes *****/
/*** set the width and height to match your images **/

#slideshow 				   { position:relative; height:85px; margin:70px 0 0 15px; }
#slideshow IMG			   { position:absolute; top:0; left:0; height:85px; width:170px; z-index:8; opacity:0.0; }
#slideshow IMG.active 	   { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }