/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* / AUTHOR BRUNO G G M BINCOLETTO - brunoggmb@gmail.com Interface Designer and Developer / */
/* /////////////////////////////////////////////////////////////////////////////////////// */

* { text-decoration: none; padding: 0; margin: 0; border: 0; }

br.clear { clear: both; line-height: 0; height: 0; }

html { background:#999; }

body { background:#999; margin:0; }

div.wrapper { width:955px; margin:0 auto 0 auto; background: url(images/bg_wrapper.gif) 0 0; position:relative !important; }

/* TOP HEADER
//////////////////////////////////////////////*/

div.wrapper div.header { background:url(images/bg_header.gif) 0 0 repeat-x; height:103px; }

div.wrapper div.header a.logo { background:url(images/logo.gif) 0 0 no-repeat; width:189px; height:103px; display:block; }

div.wrapper div.header a.logo span { position:absolute; top:-100px; }

/* INDEX TOP MARQUEE
//////////////////////////////////////////////*/

div.wrapper div.header div.marquee { z-index:1000; background:url(images/bg_marquee.gif) 0 0 repeat-x; height:124px; width:500px; position:absolute; top:0; left:270px; display:block; }

div.wrapper div.marquee span.left { background:url(images/bg_left_marquee.gif) 0 0 no-repeat; width:8px; height:124px; position:absolute; top:0; left:0; }

div.wrapper div.marquee span.right { background:url(images/bg_right_marquee.gif) 0 0 no-repeat; width:8px; height:124px; position:absolute; top:0; right:0; }

div.wrapper div.header div.marquee marquee { width:98%; padding:10px 0 0 0; margin:0 auto 0 auto; }

/* INDEX POPUP
//////////////////////////////////////////////*/

div.wrapper #popup { background:#FFF; font:normal 12px Arial, Helvetica, sans-serif; width:300px; height:auto; border:1px solid #000; position:fixed; z-index:1000; left:40%; top:140px; display:block; _position:absolute; _top:30px; _left:30%; }

div.wrapper #popup h2 { background:#000; width:auto; padding:2px; position:relative; font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; }

div.wrapper #popup h2 a { color:#FFF; width:20px; position:absolute; right:5px; top:0; }

div.wrapper #popup p { padding:10px; }

div.wrapper blockquote.leftContent { width:185px; min-height:500px; height:auto !important; height:500px; float:left; background:#C1272D url(images/bg_leftContent.gif) top left no-repeat; margin:0 5px 0 0; padding:20px 0 0 0; }

div.wrapper blockquote.middleContent { width:643px; min-height:465px; height:auto !important; height:465px; float:left; background:url(images/bg_content.gif) 0 0 repeat-x; margin:0 5px 0 0; position:relative; }

div.wrapper blockquote.rightContent { width:117px; min-height:465px; height:auto !important; height:465px; float:left; background:url(images/bg_rightcontent.gif) 0 0; }

/* LEFT CONTENT MENU AND BANNER
//////////////////////////////////////////////*/

blockquote.leftContent ul li { width:100%; display:block; margin:0 0 2px 0; height:23px; }

blockquote.leftContent ul li a { list-style:none; background:#660203; padding:0 0 0 5px; width:180px; display:block; color:#FFF; font:bold 14px/23px Arial, Helvetica, sans-serif; }

blockquote.leftContent ul li a:hover { background:#EC1C24; }

blockquote.leftContent div.banner { padding:7px; background:url(images/bg_flash.gif) 0 0 no-repeat; width:150px; margin:20px auto 0 auto; }

/* MIDDLE CONTENT PAGE TITLE 
//////////////////////////////////////////////*/

div.wrapper blockquote.pageTitle { width:765px; height:54px; float:left; background:url(images/bg_gray.gif) 0 0 no-repeat; position:relative; }

div.wrapper blockquote.pageTitle h1 { font:bold 24px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 0 0 40px; }

/* MIDDLE CONTENT > PORTFOLIO > CATEGORIES
//////////////////////////////////////////////*/

//blockquote.pageTitle ul { width:400px; position:absolute; top:8px; right:100px; }

blockquote.pageTitle ul { width:400px; position:absolute; top:0px; right:100px; }

blockquote.pageTitle ul li { list-style:none; float:left; }

//blockquote.pageTitle ul li a { font:bold 12px/23px Arial, Helvetica, sans-serif; display:block; color:#FFF; float:left; padding:0 7px 0 7px; }

blockquote.pageTitle ul li a { height:26px; font:bold 12px/23px Arial, Helvetica, sans-serif; display:block; color:#FFF; float:left; padding:7px; 7px 0 7px; }

blockquote.pageTitle ul li a:hover { color:#000; background: #EEE; }

/* MIDDLE CONTENT NAV FOOTER
//////////////////////////////////////////////*/

div.wrapper div.navfooter { border-top:5px solid #CCC; border-bottom:5px solid #CCC; width:550px; height:40px; display:block; position:absolute; bottom:40px; left:45px; }

div.wrapper div.navfooter ul { width:495px; margin:0 auto; height:40px; }

div.wrapper div.navfooter ul li { list-style:none; float:left; }

div.wrapper div.navfooter ul li,
div.wrapper div.navfooter ul li a { font: bold 12px/30px Arial, Helvetica, sans-serif; color:#999; padding:0 2px 0 2px; }

div.wrapper div.navfooter ul li a:hover { color:#222; }

/* CONTENT
//////////////////////////////////////////////*/

blockquote.middleContent div.content { padding:10px 20px 110px 20px; }

blockquote.middleContent div.content p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:0 0 5px 0; }

blockquote.middleContent div.content h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#000; }

blockquote.middleContent div.content h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#000; }

blockquote.middleContent div.content p.qs { width:400px; font:normal 14px Arial, Helvetica, sans-serif; }

blockquote.middleContent div.index p { float:left; width:230px; display:block;}

blockquote.middleContent div.index a { font-size: 10px; font-style: italic;}


/* MIDDLE CONTENT > CONTENT > QUEM SOMOS
//////////////////////////////////////////////*/

blockquote.middleContent div.content div.logoQS { width:190px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; position:absolute; right:20px; top:10px; }

blockquote.middleContent div.content p.qs { font:normal 12px/18px Arial, Helvetica, sans-serif;}

blockquote.middleContent span.legenda_qs { font-size: 10px; font-style: italic; line-height:10
px;}

/* MIDDLE CONTENT > CONTENT > FALE CONOSCO
//////////////////////////////////////////////*/

blockquote.middleContent div.content form.faleConosco { margin:40px auto 0 auto; width:368px; font:bold 12px Arial, Helvetica, sans-serif; }

blockquote.middleContent div.content form.faleConosco label { width:70px; float:left; text-align:right; margin:0 3px 0 0; }

blockquote.middleContent div.content form.faleConosco input,
blockquote.middleContent div.content form.faleConosco textarea { font: normal 12px Arial, Helvetica, sans-serif; background:#EEE; float:left; padding:2px; margin:0 0 10px 0; display:block; width:285px; border:1px solid #888; border-bottom:1px solid #CCC; border-right:1px solid #CCC; }

blockquote.middleContent div.content form.faleConosco input:focus { background:#FFF; }

blockquote.middleContent div.content form.faleConosco button { border:1px solid #999; margin:0 5px 0 0; padding:2px; float:right; background:#FFF; }

/* MIDDLE CONTENT > CONTENT > SERVIÇOS
//////////////////////////////////////////////*/

blockquote.middleContent div.content div.servicos { width:90%; margin-bottom:20px; }

div.content div.servicos ul { margin:0 20px 0 20px;}

div.content div.servicos ul li { font:bold 14px Arial, Helvetica, sans-serif; padding:2px;}

div.content div.servicos .formatacao_servicos {font:bold 14px Arial, Helvetica, sans-serif;}

/* MIDDLE CONTENT > CONTENT > CLIENTES
//////////////////////////////////////////////*/

blockquote.middleContent div.content div.cliente { padding-bottom:15px; margin-bottom:15px; }

blockquote.middleContent div.content div.cliente a { text-align:center; width:200px; float:left; display:block; height:130px; }


/* MIDDLE CONTENT PORTFOLIO
//////////////////////////////////////////////*/

blockquote.middleContent div.content div.portfolio { text-align:center; }

blockquote.middleContent div.content div.portfolio p { margin:5px 0 5px 0; }

div.content ul.paging { width:500px; }

div.content ul.paging li { list-style-type: none; display:inline; }

div.content ul.paging li a { font:bold 12px/20px Arial, Helvetica, sans-serif; list-style-type: none; display:inline; padding:0 5px 0 5px; color:#CC0000; }

div.content ul.paging li a:hover { color:#000; text-decoration:underline; }


/* MIDDLE CONTENT > CONTENT > FTP SERVER
//////////////////////////////////////////////*/

blockquote.middleContent div.content div.ftp_server { width:90%; margin-bottom:20px; }

div.content div.ftp_server ul { margin:0 20px 0 20px;}

div.content div.ftp_server ul li { font: bold 14px Arial, Helvetica, sans-serif; padding:2px;}