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

/* STRUCTURE > MISC
/////////////////////////////////////////////////////*/

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

input { border:none; background:none; margin:1px 0 1px 0; }

br.clear {clear: both; line-height: 0; height: 0;}
div.clear {height:250px; width:100%;}

div.wrapper { width:1000px; height:auto; margin:0 auto; border:1px solid #CCC; border-top:none; border-bottom:none;}

div.wrapper div.content { padding:0 0 10px 0; background:url(../images/bg_content.gif) 0 0 repeat-y; margin-top:20px; }

/* STRUCTURE > HEADER
/////////////////////////////////////////////////////*/

div.wrapper div.header { background:url(../images/bg_header.png) 0 0 no-repeat; height:220px; width:1000px; position:relative;}

div.wrapper div.header a.logoLink { display:block; width:220px; height:130px; position:absolute; top:65px; left:60px; }

div.wrapper div.header span { display:none; }

div.wrapper div.header div.globalSearch { display:block; width:300px; height:70px; position:absolute; right:21px; top:131px;}

div.wrapper div.header div.globalSearch form {position:relative;}

div.wrapper div.header div.globalSearch form input.sInput {  font:normal 12px Verdana, Arial, Helvetica, sans-serif; position:absolute; left:0; top:1px; padding:2px; width:150px; background:none;}

div.wrapper div.header div.globalSearch form select.sCombo { font:normal 10px Verdana, Arial, Helvetica, sans-serif; padding:0; position: absolute; top:42px; *top:40px; left:53px; width:10px; width:155px; border:none; background:none;}

div.wrapper div.header div.globalSearch form button { position:absolute; left:210px; top:36px; width:50px; height:23px; margin:0 0 0 20px; background:none;}

/* STRUCTURE > NAVBAR
/////////////////////////////////////////////////////*/

div.wrapper div.navbar { background: url(../images/bg_navbar.png) 0 0 no-repeat; height:40px; width:1000px;}

div.wrapper div.navbar ul li { list-style:none; float:left; padding:0 38px 0 38px;}

div.wrapper div.navbar ul li a { font: bold 13px/50px Arial, Helvetica, sans-serif; height:62px; color:#FFF; text-decoration:none; }

div.wrapper div.navbar ul li a:hover {text-decoration:underline;}

/* STRUCTURE > LEFT CONTENT
/////////////////////////////////////////////////////*/

div.content blockquote.leftContent { float:left; width:221px; padding:0 0 240px 0; background:url(../images/bg_stars.gif) bottom center no-repeat;}

div.content blockquote.leftContent h2 { margin:0 30px 0 25px;}

blockquote.leftContent table.leftMenu { margin:5px 0 0 50px; }

blockquote.leftContent table.leftMenu a { font: normal 12px Arial, Helvetica, sans-serif; color:#317e96; text-decoration:none; background:url(../images/bullet_pink.gif) 0 50% no-repeat; padding-left:8px; }

blockquote.leftContent table.leftMenu a.subCategoria { font: normal 11px Arial, Helvetica, sans-serif; color:#317e96; text-decoration:none; background:url(../images/bullet_pink.gif) 0 50% no-repeat; padding-left:8px; margin-left:10px; }

blockquote.leftContent table.leftMenu a:hover { text-decoration:underline; }

blockquote.leftContent div.info  { margin:5px 0 0 50px; }

blockquote.leftContent div.info a { display:block; font: normal 12px/20px Arial, Helvetica, sans-serif; color:#317e96; text-decoration:none; background:url(../images/bullet_pink.gif) 0 50% no-repeat; padding-left:8px; }

blockquote.leftContent div.info a:hover { text-decoration:underline; }

/* STRUCTURE > middleContent
/////////////////////////////////////////////////////*/

div.content blockquote.middleContent { float:left; width:557px; _width:547px; }

div.content blockquote.middleContent div.produtosCOL {width:46%; _width:45%; text-align:center; float:left; margin:10px; min-height:330px; height:auto !important; _height:330px;}

div.content blockquote.middleContent table { width:100%;}

/* STRUCTURE > rightContent
/////////////////////////////////////////////////////*/

div.content blockquote.rightContent { float:right; width:220px; padding:0 0 240px 0; background:url(../images/bg_stars.gif) bottom center no-repeat;}

div.content blockquote.rightContent h2 { margin:0 30px 0 25px;}

div.content blockquote.rightContent p.carrinho { text-align:center; padding:15px 0 25px 0; display:block; font: bold 20px Arial, Helvetica, sans-serif; color:#FF6600; }

div.content blockquote.rightContent p.carrinho a { display:block; margin:10px 0 0 0; font:bold 14px Arial, Helvetica, sans-serif; color:#CC0000; text-decoration:none; }

div.content blockquote.rightContent div.news { width:150px; margin:10px auto 0 55px; font:normal 11px Arial, Helvetica, sans-serif; color:#777;}

blockquote.rightContent div.news input { width:131px; padding:2px; height:12px; display:block; line-height:12px; font: normal 11px Arial, Helvetica, sans-serif; margin:1px 0 1px 0; border:1px solid #999;}

blockquote.rightContent div.news button { width:67px; height:18px; margin-top:2px; font:normal 11px Arial, Helvetica, sans-serif; line-height:18px; background:#FFF; border:1px solid #999;}

blockquote.rightContent div.marcas { width:162px; text-align:center; margin:10px auto 0 auto;}

/* STRUCTURE > FOOTER
/////////////////////////////////////////////////////*/

div.footer { display:block; background:url(../images/bg_footer.png) 0 0 no-repeat; width:100%; height:88px; position:relative;}

div.footer a.powered { display:block; text-indent:-10000px; position:absolute; height:17px; width:130px; top:0; right:0;}

div.footer div.links { position:absolute; top:25px; left:236px; color:#FFF; font:normal 11px Arial, Helvetica, sans-serif;}

div.footer div.copy { position:absolute; top:45px; left:236px; color:#FFF; font:normal 11px Arial, Helvetica, sans-serif;}