============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #0476CD; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */
body.home{
	background-color:#fff;
	background-image:url(images/fundohome_bg.jpg);
	background-position:center 169px;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body.prod-list{
	background-color:#fff;
	background-image:url(images/fundoprod_bg.jpg);
	background-position:center 169px;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


nav.pagination{
	margin-top:25px;
}
nav.pagination ul,
nav.pagination ul li{
	list-style:none!important;
	padding:0!important;
	margin:0 2px!important;
	border-radius: 8px; moz-border-radius: 8px; web-kit-border-radius: 8px;
}
nav.pagination ul{
	float:right!important;
}
nav.pagination ul li{
	display:block!important;
	float:left!important;
	margin-left:5px!important;
	border-radius: 8px; moz-border-radius: 8px; web-kit-border-radius: 8px;
}
nav.pagination ul li.current_page,
nav.pagination ul li a{
	background:#e8e8e9!important;
	display:block!important;
	width:28px!important;
	border-radius: 8px; moz-border-radius: 8px; web-kit-border-radius: 8px;
	
	color:#666!important;
	line-height:28px!important;
	text-align:center!important;
	text-decoration:none!important;
}
nav.pagination ul li.previous_page a,
nav.pagination ul li.next_page a{
	padding:0 5px!important;
	width:auto!important;
}
nav.pagination ul li.current_page,
nav.pagination ul li a.current,
nav.pagination ul li a:hover{
	background:#ec118f!important;
	
	color:#fff!important;
}
/* ------------- */
	

table{
	margin:0;
	/*border:1px solid #CCC;*/
}

td.azul{
	background-color:#007DB3;
	margin:0;
	padding:0px;
	height:30px;
	
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:0px solid #fff;
}

td{
	margin:0;
	background-color:#f7f5f5;
	padding:10px;
	
	font-size:12px;
	color: #333;
	text-align:center;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:2px solid #fff;
}
/*------------------
| BASE             |
-------------------*/
#center_box{
	width: 986px;
	margin: 0 auto;
}
#main_container{
	width: 100%;
	margin: 0;
}
header.main{
	display:block;
	width:100%;
	margin:0 auto;
	height:170px;	
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	width:163px;
	height:169px;
	z-index:80;
	top:0;
}
.top{
	width:100%;
	height:110px;	
	margin:0 auto;
	background-image:url(images/sombra.png);
	background-repeat: no-repeat;
	background-position:center bottom;
}


#menu{width:420px; height:46px; float:left; margin-left:180px; margin-top:64px;}	
#topmenu ul {margin:0;padding:0;list-style-type: none;}
#topmenu li { width:105px; float:left; padding:12px 0px 10px 0px; background-image: url(images/menu_1.png); background-repeat:no-repeat; margin-top:10px; text-align:center;}
#topmenu li.peq{width:93px; float:left; padding:12px 0px 10px 0px; background-image: url(images/menu_2.png); background-repeat:no-repeat; margin-top:10px; text-align:center;}
#topmenu li a{font-size:15px; color:#000;text-decoration:none;}
#topmenu li a:hover{color: #ec118f;}


#garrafeira {width:325px; height:109px; float:right; background-image:url(images/carrinho_bg.png); background-position:right bottom; background-repeat:no-repeat;}	
#garrafeira a{font-size:15px; color:#010101; text-decoration:none; margin:0 0; padding:0px 0px 0 0px; font-weight: bold;}
#garrafeira a:hover{color:#ec118f;}
#garrafeira .bot1{width:113px; height:27px; float:right; background-image: url(images/bot_carrinho.png); background-repeat:no-repeat; padding-top:13px; margin-right:-10px; z-index:10;}	
#garrafeira .bot1:hover{ background-image: url(images/bot_carrinho_over.png); background-repeat:no-repeat;}
#garrafeira .bot2{width:112px; height:27px; float:right; background-image: url(images/bot_registo_over.png); background-repeat:no-repeat; padding-top:13px; z-index:5; margin-right:10px;}
#garrafeira .bot2:hover{background-image: url(images/bot_registo.png); background-repeat:no-repeat; padding-top:13px; z-index:20; margin-right:10px;}	

#garrafeira .allitems{width:288px; height:44px; float:left; margin:8px 0px 0 20px;}	
#garrafeira .allitems .items{width:110px; height:31px; float:left;font-size:18px; color:#000; padding-top:12px; }
#garrafeira .allitems .price{width:100px; height:31px; float:left; font-size:18px; color:#ec118f; padding-top:12px; text-align:right; margin-right:10px;}
#garrafeira .allitems .checkout{width:65px; height:44px; float:left;}

.top_bottom{
	width:100%;
	height:59px;	
	margin:0 auto;
	background-image:url(images/topbar_bg.jpg);
	background-repeat:repeat-x;
}

.top_center{
	width:986px;
	height:59px;	
	margin:0 auto;
	background-image:url(images/sombra.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	text-align:right;
}

.top_center .pesquisa{width:465px; height:53px; margin-top:3px; float:right;}
.top_center .pesquisa p{font-size:20px; margin:12px 0px 0px 0px; float: left; color:#fff; padding-right:10px;}
.top_center .pesquisa input[type="text"]{width:310px; color:#999; height: 51px; float: left; background-image: url(images/input_pesquisa.jpg); background-repeat: no-repeat; border: 0px; margin: 0px;padding-left: 16px;}
.top_center .pesquisa input[type="submit"]{width:47px;height:53px;float:left;background-image: url(images/input_pesquisa2.jpg);background-repeat:no-repeat;text-indent:-9999px;border: 0px;}

#banner{
	width:986px;
	height:330px;
	margin:0 auto;
	margin-top:15px;
}

#banner .mainbanner{width:617px; height:325px; float:left;}
#banner .rightbanners{width:353px; float:right;}
#banner .rightbanners img{margin-bottom:5px;}





#menucategorias{
	width:986px;height:136px;
	background-image: url(images/menu_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin-top:6px;
	margin:0 auto;
}
#menucategorias ul li a{
	height:48px;
	margin:5px 5px 0px 5px; 
	float:left;
	width:110px;
	font-size:14px;
	color:#424344;
	padding-top:0px;
	text-decoration:none;
	line-height:15px;}
#menucategorias ul li a:hover{
	font-size:14px; 
	color:#07b9ea;
}

/*
#categorias_container ul{
	width: 847x;
	height: 136px;
	list-style: none;
	margin:0;
	padding:0;
}
#categorias_container ul li{
	float:left;
	width: 110px;
	height: 136px;
	margin-right: 2px;
}
*/
#categorias_container{ float: left;}
#categorias_container ul#categorias_ul{height:136px;margin:0 auto;list-style:none;float:left;margin-left:7px; float: left;}
#categorias_container ul#categorias_ul li{width:119px;height:87px;float:left;margin:8px 1px 0px 1px;background-image:url(images/menu_cat_bg.png);background-repeat:no-repeat;text-align:center;}

#menucategorias .nav .left{width:40px; height:40px;background-image: url(images/setas_nav.png);background-position:top left;background-repeat:no-repeat;float:left;}
#menucategorias .nav .left:hover{background-image: url(images/setas_nav.png);background-position:left -43px;background-repeat:no-repeat;}
#menucategorias .nav .right{width:40px;height:40px;background-image: url(images/setas_nav.png);background-position:-80px top;background-repeat:no-repeat;float:left;}
#menucategorias .nav .right:hover{background-image: url(images/setas_nav.png);background-position:-80px -43px;background-repeat:no-repeat;}

.main-menu .nav .left{width:40px; height:40px;background-image: url(images/setas_nav.png);background-position:top left;background-repeat:no-repeat;float:left; cursor:pointer;}
.main-menu .nav .left:hover{background-image: url(images/setas_nav.png);background-position:left -43px;background-repeat:no-repeat;}
.main-menu .nav .right{width:40px;height:40px;background-image: url(images/setas_nav.png);background-position:-80px top;background-repeat:no-repeat;float:left; cursor:pointer;}
.main-menu .nav .right:hover{background-image: url(images/setas_nav.png);background-position:-80px -43px;background-repeat:no-repeat;}

#main-menu .nav .left{width:40px; height:40px;background-image: url(images/setas_nav.png);background-position:top left;background-repeat:no-repeat;float:left; margin-left:15px; margin-top:33px; margin-right:15px;}
#main-menu .nav .left:hover{background-image: url(images/setas_nav.png);background-position:left -43px;background-repeat:no-repeat;}
#main-menu .nav .right{width:40px;height:40px;background-image: url(images/setas_nav.png);background-position:-80px top;background-repeat:no-repeat;float:left; margin-left:15px; margin-top:-53px;}
#main-menu .nav .right:hover{background-image: url(images/setas_nav.png);background-position:-80px -43px;background-repeat:no-repeat;}


.categorias_ul_hidden{
	position:relative;
	width: 300px;
	height: 100px;
	background: orange;
	z-index:100;
	top:0px; 
	left:0px;
}

/* MAIN MENU */
.main-menu{width:986px;height:136px; background-image: url(images/menu_bg.png); background-position:center center; background-repeat:no-repeat; margin-top:6px; margin:0 auto;}

.main-menu .inBox{position:relative; width:850px; height:87px; display:block; float: left;}

.main-menu li{/*float:left; line-height:1; height:48px;*/
width:119px;height:87px;float:left;margin:8px 1px 0px 1px;/*background-image:url(images/menu_cat_bg.png);background-repeat:no-repeat;*/ border-radius:14px; background-color:#fff; 
text-align:center; list-style:none;}

.main-menu li span{display:inline-block; padding:0 8px; font-size:14px; color:#424344; /*text-shadow:-1px -1px 1px #270808;*/}

.main-menu li.withSmallSub{position:relative; }
.main-menu li.withSub span{/*background: url('../img/ico/main-menu-arr.png') 10px 50% no-repeat;*/ padding:0 8px 0 5px; border-radius:5px; line-height:14px;}
.main-menu li.withSub span img{margin:6px 0px 3px 0px;}
.main-menu ul a, .main-menu ul strong{display:block; /*width:92px; line-height:46px;*/ height:46px; color:#fff; font-weight:normal; text-decoration:none;font-size:12px; 
position:relative; /*overflow:hidden;*/}

.main-menu ul a:hover, .main-menu li:hover a, .main-menu li.hover a, .main-menu strong, .main-menu ul a.activeclick{background:#f7f7f7; cursor:pointer; }/*bg icons pricipais*/
	

.main-menu li.withSub:hover a, .main-menu .withSub strong:hover, .main-menu .withSub strong.hover, .main-menu li.withSub:hover strong, .main-menu li.withSub.hover strong {
	width:119px;height:89px; margin-bottom:-1px; z-index:6; border-radius:14px 14px 0px 0px;}
.main-menu li:hover .sub, .main-menu li.hover .sub{top:88px; border-radius:0px 10px 10px 10px; margin-left:1px; background: #Fff;}

#main-menu li.withSub:hover a, #main-menu .withSub strong:hover, #main-menu .withSub strong.hover, #main-menu li.withSub:hover strong, #main-menu li.withSub.hover strong {
	width:auto;height:89px; margin-bottom:-1px; z-index:6; border-radius:14px 14px 0px 0px;}
#main-menu li:hover .sub, #main-menu li.hover .sub{top:88px; border-radius:0px 10px 10px 10px; margin-left:1px; background:#fff; /*border-left:1px solid #CCC;*/  }


.main-menu .sub{position:absolute; left:-1px; top:-5000px; border:none; background:#ea3ba0; width:960px; margin:0; z-index:5; }

.main-menu li:hover .sub a, .main-menu li.hover .sub a{background:none!important; background-color:none!important;}

.main-menu .subspc{margin:20px 0 10px; overflow:hidden;}

.main-menu .sub{border:1px solid #ec118f; background-color: #f7f7f7 !important;}
.main-menu .smallSub{width:270px; background-color: #f7f7f7 !important;}
.main-menu .sub ul{background-color:#f7f7f7 !important; display:-moz-inline-box; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:-1px 0 0; padding:0 15px; width:210px; border:0;}
.main-menu .sub li{display:block; background-color: #f7f7f7 !important; background-image:none!important; height:auto!important; padding:0!important; text-align:left!important; width:240px; }


.main-menu .sub a, .main-menu .sub strong{line-height: normal; padding:8px 0; border:0; text-transform:none; height:auto !important; margin:0 !important; width:auto !important;}
.main-menu .sub a{text-decoration:underline; font-size:12px; color:#525151; text-decoration:none; font-weight:bold;}
.main-menu .sub a:hover{text-decoration:none; color:#ec118f;}
.main-menu .rightSub{left:auto; right:0;}

#main-menu .sub a, #main-menu .sub strong{line-height: normal; padding:8px 0; border:0; text-transform:none; height:auto !important; margin:0 !important; width:auto !important;}
#main-menu .sub a{text-decoration:underline; font-size:12px; color:#525151; text-decoration:none; font-weight:bold; width:auto!important; background-color:none!important; background-image:none!important;}
#main-menu .sub a:hover{text-decoration:none; color:#ec118f;}
#main-menu .rightSub{left:auto; right:0;}

/*#menuByCountry .sub li{position:relative;}
#menuByCountry .sub a, #menuByCountry .sub strong{padding-left:28px;}
#menuByCountry li:before, #menuByCountry li .ie-before {left:0; right:auto;}
.main-menu .sub strong{background:none; color:#e9bb5d; text-decoration:underline;}
.main-menu ul #menuByCountry a, .main-menu ul #menuByCountry strong{width:105px;}
.main-menu ul #itemMenu11 a, .main-menu ul #itemMenu11 strong{width:118px;}
.main-menu ul #itemMenu75 a, .main-menu ul #itemMenu75 strong{width:80px;}

.main-menu .sprite { padding: 0; margin: 0; text-shadow: none; display: block; background: none; }
.main-menu li span.new { width: 35px; height: 35px; left: auto; right: 0; background: url('../img/sprite/menu-new.png') 0 0 no-repeat !important; padding:0 !important; }
.main-menu li span.xmas { width: 33px; height: 33px; left: auto; right: -3px; top:-5px; background: url('../img/sprite/menu-xmas.png') 0 0 no-repeat !important; padding:0 !important; }
/*
#menucategorias ul{height:136px;margin:0 auto;list-style:none;float:left;margin-left:7px;}
#menucategorias ul li{width:119px;height:87px;float:left;margin:8px 1px 0px 1px;background-image:url(images/menu_cat_bg.png);background-repeat:no-repeat;text-align:center;}

#menucategorias ul li .icon1 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_1.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon1 a:hover{font-size:14px; color:#07b9ea; background-image:url(images/menuprod_1_over.gif);}

#menucategorias ul li .icon2 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_2.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon2 a:hover{font-size:14px; color:#c6d11d; background-image:url(images/menuprod_2_over.gif);}

#menucategorias ul li .icon3 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_3.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon3 a:hover{font-size:14px; color:#ec118f; background-image:url(images/menuprod_3_over.gif);}

#menucategorias ul li .icon4 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_4.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon4 a:hover{font-size:14px; color:#ff6f18; background-image:url(images/menuprod_4_over.gif);}

#menucategorias ul li .icon5 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_5.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon5 a:hover{font-size:14px; color:#fa1d22; background-image:url(images/menuprod_5_over.gif);}

#menucategorias ul li .icon6 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/menuprod_6.gif); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon6 a:hover{font-size:14px; color:#9b0cd8; background-image:url(images/menuprod_6_over.gif);}

#menucategorias ul li .icon7 a{height:48px; margin:5px 5px 0px 5px; float:left; width:110px; font-size:14px; color:#424344; background-image:url(images/icon_teste1.png); background-position:center top; background-repeat:no-repeat; padding-top:45px; text-decoration:none; line-height:15px;}
#menucategorias ul li .icon7 a:hover{font-size:14px; color:#9b0cd8; background-image:url(images/icon_teste1_over.png);}
*/

#menucategorias .nav{width:40px; height:40px; float:left;margin:30px 12px 0px 12px;}
#menucategorias .nav a.left{width:40px; height:40px;background-image: url(images/setas_nav.png);background-position:top left;background-repeat:no-repeat;float:left;}
#menucategorias .nav a.left:hover{background-image: url(images/setas_nav.png);background-position:left -43px;background-repeat:no-repeat;}
#menucategorias .nav a.right{width:40px;height:40px;background-image: url(images/setas_nav.png);background-position:-80px top;background-repeat:no-repeat;float:left;}
#menucategorias .nav a.right:hover{background-image: url(images/setas_nav.png);background-position:-80px -43px;background-repeat:no-repeat;}



/*------------------
| FOOTER            |
-------------------*/

footer#main{width:100%; height:300px; margin:0 auto; margin-top:40px;}
footer#main .firstrow{width:986px; height:133px; margin:0 auto;}
footer#main .firstrow .center{width:990px; margin:0 auto; border-top: 5px solid #EAE9E9;}

footer#main .firstrow #fastlinks{width:990px; height:63px; margin:0 auto; margin-top:25px; }
footer#main .firstrow #fastlinks ul {width:100%; margin:0; padding:0; list-style-type: none;}
footer#main .firstrow #fastlinks li { float: left;padding: 0 9px 0 9px;border-right: 1px solid #CCC;width: 215px;}
footer#main .firstrow #fastlinks li* {float:left; padding:0 15px 0 15px; border-right: 1px solid #CCC; min-width:200px;}
footer#main .firstrow #fastlinks li.last {float:left; padding:0 0px 0 10px; border-right:0px; width: 220px;}
footer#main .firstrow #fastlinks li.portes {float:left; padding:0 10px 0 10px; border-right:1px solid #CCC; width: 260px;}
footer#main .firstrow #fastlinks li .text{float:left; min-width:100px; margin-top:5px; display:inline;}
footer#main .firstrow #fastlinks li img{float:right; margin-left:15px;}
footer#main .firstrow #fastlinks li p{font-size:14px; color:#4a494a; text-decoration:none; margin-top:2px;}
footer#main .firstrow #fastlinks li p2{font-size:16px; color:#4a494a; text-decoration:none; margin-top:2px;}
footer#main .firstrow #fastlinks li a{font-size:18px; color:#999; text-decoration:none;}
footer#main .firstrow #fastlinks li a:hover{color: #ec118f;}


footer#main .secondrow{
	width:100%;
	height:143px;
	margin:0 auto;
	background-image:url(images/footer_bg.jpg);
	background-repeat:repeat-x;	
}
footer#main .secondrow .center{
	width:986px;
	height:135px;
	margin:0 auto;
}
footer#main .secondrow .center .leftcol{
	width:534px;
	height:131px;
	float:left;
	margin:6px 0 0 0;
	background-image:url(images/barra_footer.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#newsletter{width:478px; height:55px; float:left; margin-top:33px;}
#newsletter .text{width:156px; height:50px; font-size:18px; color:#fff;float:left;margin-top:5px;}
#newsletter p{font-size:11px; margin:4px 0px 0px 0px;}
#newsletter input[type="text"]{width:254px; color:#999; height: 53px; float: left; background-image: url(images/input_newsletter.jpg); background-repeat: no-repeat; border: 0px; margin: 0px;padding-left: 16px;}	
#newsletter input[type="submit"]{width:45px;height:55px;float:left;background-image: url(images/input_newsletter_bot.jpg);background-repeat:no-repeat;text-indent:-9999px;border: 0px;}

footer#main .secondrow .center .rightcol{
	width:420px;
	height:143px;
	float:right;
	margin:0px 0 0 0;
	background-image:url(images/mapa_footer.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	color:#fff;
}

footer#main .secondrow .center .rightcol .text{width:210px; height:55px; float:left; margin:41px 0 0 0; font-size:14px;}
footer#main .secondrow .center .rightcol a{font-size:18px; color:#fff; text-decoration:none;}
footer#main .secondrow .center .rightcol .text:hover{color:#6d0440;}

footer#main .thirdrow{width:986px; height:41px; margin:0 auto; text-align:center;}
footer#main .thirdrow .text{float:left; font-size:11px; color:#999; margin-top:12px;}
footer#main .thirdrow .webcomum{float:right;}

/*------------------
| main content        |
-------------------*/
#content{
	width:966px;
	margin:0 auto;
	padding:10px;
	background-image:url(images/produtos_bg.png);
	background-repeat:no-repeat;
} 
	
/*
#prodlist{margin:0 auto;}
#prodlist ul {margin:0 auto; padding:0; list-style:none; margin-top:10px;}
#prodlist ul li{width:225px; height:270px; float:left; margin:0px 4px 10px 4px; border:4px solid #ebebeb; background-color:#FFF; padding:15px 0 0 0;}
#prodlist ul li .new{width:84px; height:81px; position:absolute; margin-top:-4px; margin-left:-4px; background-image:url(images/icon_new.png); background-repeat:no-repeat;}
#prodlist ul li img{margin:12px 0 0 0px; text-align:center;}
#prodlist ul li .text{width:192px; margin:0 auto; text-align:center; padding:8px 0px 9px 0px; border-bottom:1px solid #c1bfbf;}
#prodlist ul li .price{width:192px; margin:0 auto; text-align:center;}
#prodlist ul li .price img{float:left; margin-top:7px; margin-left:0px;}
#prodlist ul li .price p{float:right; font-size:14px; color:#000; margin-top:11px; font-weight:bold;}
#prodlist ul li a{font-size:14px; color:#727272; text-decoration:none;}
#prodlist ul li a:hover{color:#ec118f;}
#prodlist ul li:hover{-webkit-box-shadow: -1px 0px 19px rgba(50, 50, 50, 0.73); -moz-box-shadow:    -1px 0px 19px rgba(50, 50, 50, 0.73);box-shadow:         -1px 0px 19px rgba(50, 50, 50, 0.73);}
*/


#prodlist{margin:0 auto;}
#prodlist ul {margin:0 auto; padding:0; list-style:none; margin-top:10px;}
#prodlist ul li{width:225px; height:270px; float:left; margin:0px 4px 10px 4px; border:4px solid #ebebeb; background-color:#FFF;}
#prodlist ul li .new{width:84px; height:81px; position:absolute; margin-top:-4px; margin-left:-4px; background-image:url(images/icon_new.png); background-repeat:no-repeat; padding:12px 8px; font-size:18px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#prodlist ul li .master{width:76px; height:81px; position:absolute; margin-top:-4px; margin-left:144px; background-image:url(images/icon_master.png); background-repeat:no-repeat; padding:12px 5px; font-size:16px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right;}
#prodlist ul li img{margin:12px 0 0 18px; text-align:center;}
#prodlist ul li .text{width:192px; margin:0 auto; text-align:center; padding:8px 0px 9px 0px; border-bottom:1px solid #c1bfbf;}
#prodlist ul li .price{width:192px; margin:0 auto; text-align:center;}
#prodlist ul li .price img{float:left; margin-top:7px; margin-left:0px;}
#prodlist ul li .price p{float:right; font-size:14px; color:#000; margin-top:11px; font-weight:bold;}
#prodlist ul li a{font-size:14px; color:#727272; text-decoration:none;}
#prodlist ul li a:hover{color:#ec118f;}
#prodlist ul li:hover{-webkit-box-shadow: -1px 0px 19px rgba(50, 50, 50, 0.73); -moz-box-shadow:    -1px 0px 19px rgba(50, 50, 50, 0.73);box-shadow:         -1px 0px 19px rgba(50, 50, 50, 0.73);}


#produto .new{
	width:84px; 
	height:81px; 
	position:absolute; 
	margin-top: 1px;
	margin-left: 1px;
	background-image:url(images/icon_new.png);
	background-repeat:no-repeat; 
	padding: 13px 0px 0px 10px;
	font-size:18px; 
	color:#fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

.titulo {margin:0 auto; width:986px; margin-top:20px; height:45px;}
.titulo a{color:#ec118f; font-size:15px; text-decoration:none;}
.titulo a:hover{text-decoration:underline;}
h1{margin:8px 0px 0px 20px; font-size:30px; color:#999; display:inline; font-style:normal; }
h2{margin:8px 5px 0px 5px; font-size:15px; color:#ec118f; display:inline;}

h4{margin:28px 0px 0px 0px; font-size:30px; color:#999; display:inline; padding-top:20px;}

.space {margin:0 auto; width:986px; height:15px;}




#produto{margin:0 auto; width:950px; margin-top:10px; background-image:url(images/spaceline.jpg); background-position:bottom center; background-repeat:no-repeat; margin-bottom:30px; padding-bottom:50px;}
#produto .left{width:358px; float:left;}

#produto .left .boximg{width:358px; border:4px solid #ebebeb; background-color:#FFF; text-align: center; padding:25px 0 0 0;}
#produto .left .boximg img{margin:20px 0px 10px 5px; }

#produto .left .boximg .zoombox{margin:0 auto; width:210px; height:45px; border-top:1px solid #ebebeb; font-size:12px; color:#727272; text-align:center; padding-top:15px; margin-top:15px;}
#produto .left .boximg .zoombox img{margin:0 auto; vertical-align:middle;}
#produto .left .boxdesc{width:348px; font-size:14px; color:#999; margin-top:20px; padding-left:10px;}

#produto .center{width:557px; float:left; margin-left:20px;}
#produto .center h3{font-size:24px; color:#727272; margin:10px 0 0 0;}
#produto .center .boxbuy{ width:557px; height:93px; background-image:url(images/buy.jpg); background-repeat:no-repeat; margin-top:30px;}
#produto .center .boxbuy .qtd{ width:70px; height:70px; font-size:14px; color:#080808; float:left; margin:13px 0 0 28px;}
#produto .center .boxbuy .qtd input{ background-image: url(images/input_qtd.png); background-repeat: no-repeat; border: 0px; margin: 0px; padding-left:6px; height:37px; width:70px; margin-top:10px;}
#produto .center .boxbuy .price{ width:130px; height:70px; font-size:14px; color:#080808; float:left; margin:13px 0 0 40px;}
#produto .center .boxbuy .price h5{ font-size:18px; color:#e8118c;  margin:10px 0 0 0px;}
#produto .center .boxbuy .price p{ font-size:13px; color:#920556; margin:0px 0 0 0px;}
#produto .center .boxbuy .buybtn{ width:113px; height:39px; float:left; margin:28px 0 0 10px;}
#produto .center .text{ width:537px; font-size:13px; color:#080808; margin-top:30px; padding:0px 10px 0 10px; line-height:19px;}
#produto .center .boxbuy .caixa{ width:130px; height:70px; font-size:14px; color:#080808; float:left; margin:13px 0 0 20px;}
#produto .center .boxbuy .caixa h5{ font-size:18px; color:#e8118c;  margin:10px 0 0 0px;}
#produto .center .boxbuy .caixa p{ font-size:13px; color:#920556; margin:0px 0 0 0px;}



#geral{margin:0 auto; width:950px; margin-top:10px; margin-bottom:20px;}
#geral .left{width:254px; float:left; }

#submenu ul{margin:0 auto; list-style:none; margin-top:20px; }
#submenu ul li{width:223px; margin:8px 5px 0px 5px; border-bottom:4px solid #ebebeb; background-color:#FFF; padding:5px 0px 12px 0px;}
#submenu ul li a{font-size:18px; color:#000; text-decoration:none;}
#submenu ul li a:hover{color:#ec118f;}
#submenu ul li a.selected{font-size:18px; color:#ec118f; text-decoration:none;}

#geral .maincontent{width:620px; float:left; margin-left:10px; background-image:url(images/lat_bar.jpg); background-position:top left; background-repeat:no-repeat; padding:20px 0px 0px 50px;; font-size:12px; color:#262626; line-height:19px;}
#geral .maincontent img{margin:0 0 10px 15px; float:right;border:3px solid #ebebeb; }
#geral .maincontent .divfltright{margin:0 0 10px 15px; float:right; }


#noticias{/*width:850px;*/height:auto;margin-top:13px;}	
article#noticia{width:400px;float:left;margin:0px 50px 35px 20px;}
article#noticia h3{font-size:14px;color:#ec118f;margin:0;}
article#noticia span.sabermais{font-size:12px;color:#007fb3;margin:0;} 
article#noticia img{border:4px solid #d8d8d8;float:left;margin-right:15px;}	
article#noticia a{font-size:12px;color:#7e7f7f;margin:10px 0 0 0;text-decoration:none;}
article#noticia a:hover{color:#000;}


article#new{width:850px;float:left;margin:0px 50px 35px 20px;}
article#new h3{font-size:17px;color:#ec118f;margin:0; margin-top:20px;}
article#new p{font-size:12px;color:#7e7f7f;margin:10px 0 0 0;text-decoration:none; line-height:19px;}
article#new ul{margin:0 auto; list-style:none; margin-top:20px; }
article#new ul li{width:150px; margin:8px 10px 0px 5px; border:4px solid #ebebeb; float:left;}
article#new a{font-size:15px;color:#000; padding:10px 0 10px 0;text-decoration:none; }
article#new a:hover{color:#ec118f;}


/*------------------
| contactos        |
-------------------*/

#contact-form{
	width:600px;
	height:auto;
	float:left;}
	
#contact-form p{
	width:100px;
	margin:12px 0px 9px 0;
	float:left;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#373837;
	text-decoration:none;}
	
#contact-form ul,
#contact-form li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:9px;
}

#contact-form input[type="text"],
#contact-form input[type="email"]{
	padding:6px;
	background-color:transparent;
	border:0px;
	border-bottom:1px solid #CCC;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-decoration:none;}

#contact-form textarea{
	padding:6px;
	background-color:transparent;
	border:0px;
	border-bottom:1px solid #CCC;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-decoration:none;}

#contact-form select{
	background-color:#e9e9e9;
	padding:4px;
	border:1px solid #CCC;
	margin-top:10px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;}

#contact-form input[type="button"]{
	float:right!important;
	padding:5px 30px!important;
	margin-right: 55px;
	margin-top:30px;
	background-color:#007EB2;
	border:0;
	color:#FFF;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
}




/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/*------------------- menu steps wizard -----------------------*/

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size:14px;
	text-transform:uppercase;
}
.wizard-steps div {
    position:relative;
}
.marginBottomMe{
	height:60px;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 9px;
    text-align:center;
    width:13px;
    margin: 3px 8px 0px 0px;
    line-height:13px;
    color: #98abb6;
    background: #FFFFFF;
    border: 2px solid #98abb6;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 22px;
    padding:2px 18px 2px 10px;
    float: left;
    font-size:12px;
    line-height:24px;
    color:#53656F;
    background: #F0F0F0;
    text-decoration:none;
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 14px solid #F0F0F0;
    border-bottom: 14px solid #F0F0F0;
    border-left:14px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -14px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left:14px solid #F0F0F0;
    position: absolute;
    content: "";
    top: 0px;
    right: -14px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#EC118F;
    background: #ffbbd2;
}
.wizard-steps .completed-step a:before {
    border-top: 14px solid #ffbbd2;
    border-bottom: 14px solid #ffbbd2;
}
.wizard-steps .completed-step a:after {
    border-left: 14px solid #ffbbd2;
}
.wizard-steps .completed-step span {
    border: 2px solid #EC118F;
    color: #EC118F;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#FFFFFF;
    background: #EC118F;
}
.wizard-steps .active-step a:before {
    border-top: 14px solid #EC118F;
    border-bottom: 14px solid #EC118F;
}
.wizard-steps .active-step a:after {
    border-left: 14px solid #EC118F;
}
.wizard-steps .active-step span {
    color: #EC118F;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #ffbbd2;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #601925;
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#601925;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 14px solid #601925;
    border-bottom: 14px solid #601925;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 14px solid #601925;
}

div.data table a.prod_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background:none;
	padding:0;
	color:#EC118F;
	border: none;
	text-decoration:none;
}









/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 550px;
    height:120px;

    /* custom decorations */
    border:1px solid #ccc;
    background:url(/media/img/gradient/h300.png) repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:680px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

.main-menu .nav {
    float: left !important;
    height: 40px !important;
    margin: 30px 12px 0 !important;
    width: 40px !important;
}

.line_trough{
	text-decoration:	line-through;
}

.pink{
	color:	#EC118F;
}

.black{
	color: #000;
}

#product_tbs {
    width: 100%;
    height: 130px;
    background-color: #EC118F;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#product_tbs .prev {
    width: 40px;
    height: 40px;
    background-image: url(images/setas_nav.png);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

#product_tbs .next {
    width: 40px;
    height: 40px;
    background-image: url(images/setas_nav.png);
    background-position: -80px top;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

#product_tbs div li {
    margin: 15px 5px 11px 5px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color: #fff;
}

#product_tbs div ul li img {
    margin: 0px !important;
	height: 120px;
}