/* ========== GLOBAL */
body{padding:0;margin:0;font-family:tahoma,arial,verdana, sans-serif;font-size:10px;color:#555;background:#fff url(../images/background.gif) top left repeat-x;}
a{text-decoration:none; color:#555555;}
a:hover{text-decoration:none; color:#999999;}
a:active{outline: none;}
:-moz-any-link:focus {outline:none;}
:focus {outline: 0;}
img{border:0;}
form{padding:0; margin:0;}
.icone{vertical-align:-4px;margin-right:4px;}
input,select,textarea{font-family:tahoma,arial,verdana, sans-serif;font-size:11px;color:#555;}
textarea{line-height:1.6em;}

/* ========== LAYOUT */


div#header_deslizante{width:100%; margin:0 auto; height:173px; background:url(../images/loja/bg_desliza.jpg) bottom left repeat-x;}

div#bannerinside {
margin:0 auto;
padding-left:0;
padding-top:40px;
text-align:center;
width:80%;
}

div#header {
float:none;
height:118px;
margin-bottom:-30px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
width:100%;
}

div#logotipo {
height:130px;
margin:0 auto;
text-align:left;
width:1000px;
}

div#container{width:98%;margin:0 auto; margin-top:10px;  }
div#navigation{float:left; width:180px; border-right:1px dashed #cddef8; position:absolute; margin-right:450px; *margin-left:-800px;  margin-top:10px; *margin-top:10px;}
div#footer{  position:relative;  float:left; width:100%; height:165px; margin-top:100px; margin-bottom:0; text-align:center;  background:url(../images/loja/bg_rodape.jpg) center top ;}

.rodape_loja{margin: 0 auto; width: 800px; }

.foto{ padding:2px; margin:0 auto; border:1px solid #f0f0f0; background:#fff;}
div#destaques{ width:98%; margin:0 auto; margin-top:10px; float:right;}
div#selos{width:98%; margin:0 auto; margin-top:10px; float:right;}
div#produtos{ margin:auto; float:left; border: 1px solid #333333;}

div#box_acessados{float:right; margin-top:30px; *margin-top:30px;margin-right:10px; background:#fff;width:167px;border:1px solid #ccc; padding-bottom: 10px;}
div#box_mobile{float:right; margin-top:10px; *margin-top:330px; margin-right:10px;  *margin-right:-168px; background:url(../images/loja/bg_mobile.jpg);width:167px;height:109px;}
div#box_novidades{float:right; margin-top:20px; *margin-top:460px; margin-right:10px;  *margin-right:-168px; ;width:167px; height:260px;}

div#box_destaques{text-align:center;float:right; margin-top:10px; *margin-top:5px; margin-right:-10px; *margin-right:-5px; background:#fff;width:181px;border:1px solid #ccc;}
div#geral{width:100%; position:relative; float:left;}

/* ========== FORMULARIO */

#formulario{margin:2px;padding:0;}
#formulario th{text-align:right;font-size:11px;color:#555;line-height:1.6em;}
#formulario td{font-size:11px;padding:3px;color:#555;line-height:1.6em;}
#formulario span{color:#a0522d;}

/* ========== THUMBS */

div#thumbs{border:1px solid #fff;margin:10px;padding:3px;text-align:center;line-height:1.5em; width:170px; height:130px; float:left;border:1px solid #fff;}

/* ========== JQUERY-CAROUSEL */
.jcarousel-container{ background:#00CC33;}
.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;}
.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:75px;height:75px;}
.jcarousel-skin-tango .jcarousel-container{background:#fff;margin:0;width:170px;}
.jcarousel-skin-tango .jcarousel-container-vertical{width:90%;padding:0;text-align:center;}
.jcarousel-skin-tango .jcarousel-clip-vertical{height:140px;text-align:center;margin:1px;padding:6px;line-height:1.5em;}
.jcarousel-skin-tango .jcarousel-item{ width:170px; height:140px; margin: 0 auto ; }
.jcarousel-skin-tango .jcarousel-item-vertical{margin-bottom:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff;color:#000;}
.jcarousel-next{z-index:3;display:none;}
.jcarousel-prev{z-index:3;display:none;}
.jcarousel-skin-tango .jcarousel-next-vertical{position:absolute; bottom:5px; left:140px; width:32px;height:32px;cursor:pointer;background:transparent url(../images/carousel_down.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover{background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active{background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active{cursor:default; background-position:0 -96px;  }
.jcarousel-skin-tango .jcarousel-prev-vertical{position:absolute; top:5px; left:140px; width:32px; height:32px; cursor:pointer; background:transparent url(../images/carousel_up.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover{background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active{background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active{cursor:default;background-position:0 -96px;}

/* ========== BOXES AND CONTENTS */

div.box{background:#fff;margin:0;margin-bottom:10px;width:180px;border:1px solid #ccc;}
div.content{background:#fff;margin:0;margin-bottom:10px;margin-left:198px;margin-top:10px;width:606px;border:1px solid #fffff;float:left;}
div.produto{padding:0;background:#fff;margin:0;margin-bottom:10px;width:606px;border:1px solid #fff;float:right;}
div.carousel{background:#fff;margin:0;margin-bottom:10px;width:180px;border:1px solid #ccc;}
div.produto-descricao p{padding:5px;font-size:11px;color:#444;line-height:1.5em;}
.box h1,.content h1,.carousel h1{font-size:11px;color:#444;height:25px;margin:1px;padding:0;padding-left:6px;line-height:22px;background:#e4e4e4 url(../images/loja/box_h1.jpg) repeat-x bottom left;border-top:3px solid #333333;}
.box p,.box td,.content p,.content td{background:#fbfbfb;margin:1px;padding:6px;line-height:1.5em;}
.box ul,.content ul{margin:0;padding:0;list-style-type:none;}
.box li a,.content li a{height: auto !important; margin:2px;padding:0;padding-left:6px;line-height:22px;background:#fafafa/*url(../images/loja/bg_menu.jpg) repeat-x top left*/ ;color:#444;display:block;text-decoration:none; border-bottom: 1px solid #e4e4e4;}
.box li a:hover,.content li a:hover{color:#999999;background:#f1f1f1;}
.box li ul li a{height:25px;margin:1px;padding:0;padding-left:6px;line-height:22px;background:#fbfbfb;color:#444;display:block;text-decoration:none;}
.box li ul li a:hover{color:#8a0507;background:#fff;}

/* ========== TABLE GRID */

table#table_grid{padding:0;margin:0;}
#table_grid th{font-size:11px;color:#555;padding:6px;background:#f9f9f9 url(../images/grid_th.gif) bottom left repeat-x;font-weight:normal;text-align:left;}
#table_grid td{font-size:11px;color:#555;padding:5px;text-align:left;}

table#table_grid2{padding:0;margin:0;}
#table_grid2 th{font-size:11px;color:#555;padding:6px;background:#f9f9f9 url(../images/grid_th.gif) bottom left repeat-x;font-weight:normal;text-align:left;}
#table_grid2 td{font-size:11px;color:#555;padding:5px;text-align:left;}

.td1{background:#f9f9f9;}
.td2{background:#fff;}

/* ========== MENU HEADER */

div#menu_header_box{
width:100%;
padding:0;
margin:0;
margin-bottom: -7px;
position:relative;
height:38px;
margin-right:auto;
margin-left:auto; 
background-image:url(../images/loja/bg_menuheader.jpg);

}

div#menu_header {
height:38px;
margin:0 auto;
padding:0;
position:inherit;
width:926px;
}

#menu_header ul{
padding:0;
margin:0;
}
#menu_header li{
float:left;
padding:0;
margin:0;
text-decoration:none;
list-style:none;
}
#menu_header li a{
padding:0;
margin:0;
margin-right:0px;
width:100px;
height:38px;
line-height:37px;
display:block;
float:left;
color:#adadad;
text-decoration:none;
font-weight:none;
text-align:center;
cursor:pointer;
background-image:url(../images/loja/bg_menuheader.jpg);
}

#menu_header li a:hover{
color:#cccccc;
}

/* ========== BOXES DO MENU */

div#box_menu{margin:0;padding:1px;width:193px;border:1px solid #e8eaec;}
#box_menu h1{margin:0;padding:6px;font-weight:normal;font-size:11px;color:#555;}

/* ========== ACCORDION MENU */

ul#destaques{list-style-type:none;margin:0;margin-bottom:10px;padding:1px;width:179px;border:1px solid #e8eaec; text-align:center;}
ul#destaques li a{padding:0;margin:0;height:25px;line-height:22px;padding-left:5px;font-size:11px;font-weight:bold;color:#555;background:#f0f1f3 url(../images/menu_side.gif) bottom left repeat-x;}
ul#destaques li a:hover{background-position:top left;color:#333333;}
ul#destaques li ul li a{padding:0;margin:0;height:25px;line-height:22px;padding-left:5px;font-weight:normal;background:#f9f9f9;color:#555;border-top:1px solid #fff;}
ul#destaques li ul li a:hover{color:#333333;background:#fbfafa;border:0px;border-top:1px solid #fff; }



ul#menu{list-style-type:none;margin:0;margin-bottom:10px;padding:1px;width:179px;border:1px solid #e8eaec;}
ul#menu a{display:block;text-decoration:none;}
ul#menu ul{list-style-type:none;margin:0;padding:0;border:0;}
ul#menu li a{padding:0;margin:0;min-height:25px; height:auto !important; line-height:22px;padding-left:5px;font-size:11px;font-weight:bold;color:#555;background:#f0f1f3 url(../images/menu_side.gif) bottom left repeat-x;}
ul#menu li a:hover{background-position:top left;color:#333333;}
ul#menu li ul li a{padding:0;margin:0;height: auto !important;line-height:22px;padding-left:5px;font-weight:normal;background:#f9f9f9;color:#555;border-top:1px solid #fff;}
ul#menu li ul li a:hover{color:#185f9a;background:#fbfafa;border:0px;border-top:1px solid #fff; }

/* ========== TIP */

a.tip{position:relative;padding:0;color:#555;text-decoration:none;cursor:help;z-index:24;}
a.tip:hover{text-decoration:none;background:transparent;z-index:25;}
a.tip span{display:none;}
a.tip:hover span{line-height:1.4em;text-decoration:none;display:block;position:absolute;width:200px;top:3em;left:3em;padding:6px;border:1px solid #dcd46e;background-color:#f7f3c9;color:#555;}

/* ========== JQUERY - TABLE */

td.hover,tr.hover{background-color:#fbfafa;color:#185f9a;}

/* ========== JQUERY - TABS */
#tabs{margin:0;padding:0;}
.usual{background:#fff;color:#555;padding:0;margin:0;}
.usual ul{margin:0;padding:0;}
.usual li{margin:0;padding:0;list-style:none;float:left;}
.usual ul a{padding:0;margin:0;margin-right:1px;height:27px;line-height:27px;width:86px;text-align:center;display:block;text-decoration:none;color:#555;background:url(../images/usual.gif) top left;font-weight:bold;font-size:11px;}
.usual ul a:hover{color:#185f9a;background-position:bottom;}
.usual ul a.selected{margin-bottom:0;color:#185f9a;cursor:default;background:url(../images/usual.gif) bottom left;}
.usual div{margin:0;padding:1px;clear:left;border:1px solid #cddef8;}
.usual p, .usual li, .usual ul{margin:0;padding:0;}