/*------------------------------------------------------------------
[Master Stylesheet]
Theme Name: Dekor HTML5 Template
Theme URI: http://www.templaza.com/
Author: templaza
Author URI: http://themeforest.net/user/templaza
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ajax contact form, animation, blog, bootstrap, business, corporate, css3, html5, portfolio, responsive
------------------------------------------------------------------*/

/**
* Table of Contents:
* 1.0 - Reset
* 2.0 - Off canvas
* 3.0 - Isotope
* 4.0 - Content
*   4.1 - Header / .tz-header
*   4.2 - Slider / .tz-slider
*   4.3 - Introduce / .tz-introduce
*   4.4 - About / .tz-about
*   4.5 - Why choose / .tz-why-choose
*   4.6 - Lastest shop / .tz-lastest-shop
*   4.7 - Lastest shop / .tz-award
*   4.8 - Portfolio / .tz-portfolio
*   4.9 - Our blog / .tz-our-blog
*   4.10 - Partner / .tz-partner
*   4.11 - Our team / .tz-team-slider
*   4.12 - Simple Porduct / .tz-simple-product
*   4.13 - Free Shipping / .tz-free-shipping
*   4.14 - Quote / .tz-quote
*   4.15 - Skill / .tz-overlay-skill
*   4.16 - Custom Html / .custom-html
*   4.17 - Connected / .tz-overlay-connected
*   4.18 - The Say / .tz-the-say
*   4.19 - Shop Tab / .tz-shop-tab-wrap
*   4.20 - Font awesome / .tz-awesome
*   4.21 - Bestsellers / .tz-bestsellers
*   4.22 - Love Words / .tz_love_words
*   4.23 - Custom Porduct / .tz-custom-product
*   4.24 - Count / .tz-count
*   4.25 - Love Words 2 / .tz-love-words2
*   4.26 - Video / .tz-video
*   4.27 - Custom Blog / .tzcustom-block
*   4.28 - Portfolio Page / .tzportfolio-wrap
*   4.29 - Single Portfolio / .tzsingle-wrap
*   4.30 - Blog Page / .tzblog-wrap
*   4.31 - Single Post Page / .tzsingleblog-wrap
*   4.32 - Comment Post / .tzcomments-area
*   4.33 - Shop / .tzcategory-shop-wrap
*   4.34 - Our Facts / .tz-our-facts
*   4.35 - Our Office / .tz-our-office
*   4.36 - Contact Pages / .tz-contact
*   4.37 - Page default & typho / .tzpage-default
*   4.38 - Shortcode
*   4.39 - Forum / .tz-forum
*   4.40 - Joom page default
*   4.41 - 404 Page/ .404-page
* 5.0 - Footer / .tz-footer
* 6.0 - Home Color
*   6.1 - Home Yellow / .home-yellow
*   6.2 - Home Black / .home-back
*   6.3 - Home Blue / .home-blue
*   6.4 - Home Red / .home-red
* 7.0 - Home RTL / .home-rtl
* 8.0 - Responsive
* 9.0 - Add Carrinho
* 10.0 - GERAIS
* -----------------------------------------------------------------------------
*/



/**
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */
 
.bar_top {
    background: #f4f4f4!important;
}
.bar_top {
    width: 100%;
    height: 30px !important;
    color: #FFF;
    position: fixed;
    z-index: 99999999;
     padding: 5px 0; /**/
}
.bar_top li {
    list-style: none;
    display: inline-block;
}
 
 
.ocultar{ display:none;}
.mostrar{ display:block;}


.margin_top25_search{
	margin-top:25px !important;	
}
.margem-right-10{ margin-right:10px;}
.margin_top10{ margin-top:10px;}
.margin_top25{ margin-top:25px;}
.margin_top50{ margin-top:50px;}


.margin_bottom50{ margin-bottom:50px;}


.padding_top20{ padding-top:20px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}

@media (max-width: 1000px) {
    .oculta_mobile{
       display:none;
    }
	.margin_top25_search{
		margin-top:0px !important;	
	}
}










*{
    padding: 0;
    margin: 0;

}

/**
 * 9.0 - Add Carrinho
 * -----------------------------------------------------------------------------
 */
		/*  
		======================== java script de selecão de quantidade =====================================================
		*/
		.add-to-cart label { float:left; margin: 7px 5px 0 0; font-weight:normal; color:#666;  }
		.add-to-cart .qtd { float:left; margin:3px 0 0; border: 0; box-shadow: none; padding: 5px 2px; text-align: center;  color: #FC0D1B; }
		.add-to-cart .qtd:focus { box-shadow: none; background: none; }
		.add-to-cart button.button { float:left; }
		.add-to-cart .qtd { float:left; margin:0px 0 0; border: 0; box-shadow: none; /* padding: 3px 2px;*/ text-align: center;  color: #FC0D1B; }
		.add-to-cart .qtd:focus { box-shadow: none; background: none; }
		.add-to-cart button.button { float:left; }
		input.qtd { width:2.5em !important; }
		
		.product-qtd {
			background: #fff;
			float: left;
			border: 1px solid #ddd;
			width: 75px;
			margin: 0 20px 0 0;
		}
		.product-qtd
		{
			-moz-box-shadow: 0 0 3px 0 #ccc;
			-webkit-box-shadow: 0 0 3px 0 #ccc;
			box-shadow: 0 0 3px 0 #ccc;
		}
		
		.add-to-cart input.qtd-decrease,
		.add-to-cart input.qtd-increase { 
			float: right; 
			width:35px;
			height:16px; 
			border:none; 
			padding:0px;     
			margin: 0;
			background-image:url(../css/btn-qty.png);
			background-color:transparent;
			background-repeat:no-repeat;
			cursor:pointer;
		}
		.add-to-cart input.qtd-decrease{background-position:0 100%;}
		.add-to-cart input.qtd-decrease:hover{}
		.add-to-cart input.qtd-increase{background-position:0 0; }
		.add-to-cart input.qtd-increase:hover{}
		/*  
		======================== java script de selecão de quantidade =====================================================
		*/
		/*  
		======================== botão de adicionar ao carrinho =====================================================
		*/
		
		/* Add to Links + Add to Cart */
		.add-to-box { margin:15px 0; clear: both;  }
		.add-to-box .add-to-cart { float:left; }
		.add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; }
		.add-to-box-link .add-to-links { margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; }
		.add-to-box-link .add-to-links li { display:block !important; }
		.add-to-box-link .add-to-links li .separator { display:none !important; }
		
		 .product-shop .add-to-box-link .add-to-links li { float: left; clear: both;  margin: 0 0 5px 0; }
		
		@media (max-width: 480px) {
			 .add-to-cart button.button { clear: both; /* margin-top: 15px; */}
		}
		
		button.button span,
		.product-qtd
		{
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			behavior: url(css/css3.htc);
		}
		 button.btn-cart span span
		{
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		/*	behavior: url(css/css3.htc);*/
		}
		 button.btn-frete span span
		{
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		/*	behavior: url(css/css3.htc);*/
		}
		
		 button.btn-next span span
		{
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		/*	behavior: url(css/css3.htc);*/
		}
		
		 button.btn-coment span span
		{
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
			behavior: url(css/css3.htc);
		}
		button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
		button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
		button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
		button.button span { display:block; height:32px; border:0; background:#FC0D1B; padding:0 0 0 15px; font: 12px/32px Arial, Helvetica, sans-serif; text-align:center;/* text-transform:capitalize;*/ white-space:nowrap; color:#fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
		
		 button.btn-cart span { background: url("../css/icon-cart.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-cart span span { background: #A6BF26; padding: 0 18px; text-indent: 0; }
		 button.btn-cart:hover span { background: url("../css/icon-cart.png") no-repeat scroll 14px 50% #090; }
		 button.btn-cart:hover span span { background: #a09b98; }
		
		 button.btn-frete span { background: url("../css/icon-frete4.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-frete span span { background: #F90; padding: 0 18px; text-indent: 0; }
		 button.btn-frete:hover span { background: url("../css/icon-frete4.png") no-repeat scroll 14px 50% #090; }
		 button.btn-frete:hover span span { background: #a09b98; }
		
		 button.btn-pagseguro span { background: url("../css/uol2.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-pagseguro span span { background: #A6BF26; padding: 0 18px; text-indent: 0; }
		 button.btn-pagseguro:hover span { background: url("../css/uol2.png") no-repeat scroll 14px 50% #090; }
		 button.btn-pagseguro:hover span span { background: #a09b98; }
		
		 button.btn-next span { background: url("../css/icon-next.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-next span span { background: #A6BF26; padding: 0 18px; text-indent: 0; }
		 button.btn-next:hover span { background: url("../css/icon-next.png") no-repeat scroll 14px 50% #090; }
		 button.btn-next:hover span span { background: #a09b98; }
		
		 button.btn-last span { background: url("../css/icon-last.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-last span span { background: #F93; padding: 0 18px; text-indent: 0; }
		 button.btn-last:hover span { background: url("../css/icon-last.png") no-repeat scroll 14px 50% #090; }
		 button.btn-last:hover span span { background: #a09b98; }
		
		 button.btn-coment span { background: url("../css/icon-coment.png") no-repeat scroll 14px 50% #A09B98; height: 35px; line-height: 35px; font-size: 13px; padding: 0 0 0 58px; width: auto; }
		 button.btn-coment span span { background: #60564D; padding: 0 18px; text-indent: 0; }
		
		 button.btn-coment:hover span { background: url("../css/icon-coment.png") no-repeat scroll 14px 50% #FC0D1B; }
		 button.btn-coment:hover span span { background: #a09b98; }
		
		@media screen and (max-width : 568px) {
			.tabela_cart td{padding:0px !important;}
		}
		/*  
		======================== fim botão de adicionar ao carrinho =====================================================
		*/
/**
 * 10.0 - GERAIS
 * -----------------------------------------------------------------------------
 */
 
 	.float_left{float:left;}
 	.float_right{float:right;}
	
	.right{text-align:right !important;}
	.left{text-align:left !important;}
	
	.width100{width:100% !important;}
	.oculto{display:none;}
	.padding0{ padding:0px !important;}
	.padding5{ padding:5px !important;}
	.padding_top15{ padding-top:15px !important;}
	.padding-top30px{ padding-top:30px !important;}
	.margin5{ margin:5px !important;}
	.margin-top20{ margin-top:20px !important;}
	.margin-top50{ margin-top:50px !important;}
	.margin-top80{ margin-top:80px !important;}
	.margin-top100{ margin-top:100px !important;}
	
	.margin_bottom10{margin-bottom:10px !important;}
	.margin_bottom15{margin-bottom:15px !important;}
	
	.border_radius5 {border-radius: 5px;}
	.borderccc{ border:#CCC solid 1px;}
	.link{cursor:pointer;}
	.cinza {color: #ccc !important;}	
	.preto {color: #000 !important;}
	
	.font_size12em{font-size:1.2em !important;}
	.font_size17em{ font-size:1.7em !important;}
	.font_size18px{ font-size:18px !important;}
	
	/* ***** titulo de "PAGAMENTO" pagamento.php ******* */
	.titulo1 {
		font-size: 18px;
		margin-bottom: 10px;
		position: relative;
		z-index: 99;
	}
	
	/******* botao de atualização de cadastro / pagamento entrega.php *******/
	.bot_at_cadastro{
		font-size:1.2em;
		padding:5px;
		line-height:30px; 
		background-color:#CC0; 
		border:1px solid #CC0; 
		border-radius:3px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	
	.cmxform .cabecalho {
		background-color: #666;
		padding-left: 15px;
		color: #FFF;
		width: 100%;
		margin-bottom: 10px;
	}
	.cmxform .label {
		max-width: 100%;
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
		color: #000;
		text-align: left;
		padding-left: 0px;
		margin-top: 10px;
		margin-bottom: 0px;
	/*	min-width: 35%;
		margin-bottom: 10px;
		 border: #3F0 solid 1px; */
	}
	.cmxform .error{ color:#F00; font-weight:normal;}
	

/**
 * 11.0 - FLEXSLIDER
 * -----------------------------------------------------------------------------
 */
 		
		
		/* ************************************************************************
		/* ************************* FLEXSLIDER **************************************/
		
		/* Browser Resets */
		.ma-thumbnail-container .flex-container a:active,
		.ma-thumbnail-container .flexslider a:active,
		.ma-thumbnail-container .flex-container a:focus,
		.ma-thumbnail-container .flexslider a:focus  {outline: none;}
		.ma-thumbnail-container .slides,
		.ma-thumbnail-container .flex-control-nav,
		.ma-thumbnail-container .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
		
		/* FlexSlider Necessary Styles
		*********************************/ 
		.ma-thumbnail-container .flexslider {margin: 0; padding: 0;}
		/*.ma-thumbnail-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
		.product-view .product-img-box .more-views .flex-direction-nav li a { border: 0; width: auto; height: auto;  }
		.ma-thumbnail-container .flexslider .slides img { /*width: 100%;*/ display: block;}
		.ma-thumbnail-container .flex-pauseplay span {text-transform: capitalize;}
		
		/* Clearfix for the .slides element */
		.ma-thumbnail-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
		html[xmlns] .ma-thumbnail-container .slides {display: block;} 
		* html .ma-thumbnail-container .slides {height: 1%;}
		
		/* No JavaScript Fallback */
		/* If you are not using another script, such as Modernizr, make sure you
		 * include js that eliminates this class on page load */
		.no-js .ma-thumbnail-container .slides > li:first-child {display: block;}
		
		
		/* FlexSlider Default Theme
		*********************************/
		.ma-thumbnail-container .flexslider {margin: 0 0 20px; position: relative; zoom: 1;}
		.ma-thumbnail-container .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
		.ma-thumbnail-container .loading .flex-viewport {max-height: 300px;}
		.ma-thumbnail-container .flexslider .slides {zoom: 1;}
		
		.ma-thumbnail-container .carousel li {/**/ margin-right: 5px;  text-align: center; }
		
		
		/* Direction Nav */
		.ma-thumbnail-container .flex-direction-nav {*height: 0;}
		.ma-thumbnail-container .flex-direction-nav a {width: 22px !important; height: 22px !important; border: 0 !important; margin: 0; display: block; border-radius:5px; position: absolute; top: -25px; cursor: pointer; text-indent: -9999px; }
		.ma-thumbnail-container .flex-direction-nav .flex-next {  right: 0; }
		.ma-thumbnail-container .flex-direction-nav .flex-next:hover { }
		.ma-thumbnail-container .flex-direction-nav .flex-prev { right: 26px;}
		.ma-thumbnail-container .flex-direction-nav .flex-prev:hover {  }
		.ma-thumbnail-container .flexslider:hover .flex-next { }
		.ma-thumbnail-container .flexslider:hover .flex-prev { }
		.ma-thumbnail-container .flexslider:hover .flex-next:hover, .ma-thumbnail-container .flexslider:hover .flex-prev:hover {opacity: 1;}
		
		
		/**/.ma-thumbnail-container .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
		
		.thumbnail-item img{width:70px; cursor:pointer;}
		
		/* Control Nav */
		.ma-thumbnail-container .flex-control-nav {width: 100%; position: absolute; top: -16px; text-align: center;}
		.ma-thumbnail-container .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
		.ma-thumbnail-container .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
		.ma-thumbnail-container .flex-control-paging li a:hover { background: #fff; }
		.ma-thumbnail-container .flex-control-paging li a.flex-active { background: #fff; cursor: default; }
		
		.ma-thumbnail-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
		.ma-thumbnail-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
		.ma-thumbnail-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
		.ma-thumbnail-container .flex-control-thumbs img:hover {opacity: 1;}
		.ma-thumbnail-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
		
		
		.ma-thumbnail-container .flex-direction-nav .flex-next { background: url(arrow-right.png) no-repeat 8px 50% #06C !important;   }
		.ma-thumbnail-container .flex-direction-nav .flex-prev { background: url(arrow-left.png) no-repeat 5px 50% #06C !important; }
		.ma-thumbnail-container .flex-direction-nav .flex-next:hover,
		.ma-thumbnail-container .flex-direction-nav .flex-prev:hover { background-color:  #09C !important; }
		
		
		.ma-thumbnail-container .ma-loading {
			width: 16px;
			height: 16px;
			position: absolute;
			z-index: 99;
			background: url(../images/loader.gif) no-repeat ;
			top: 50%;
			left: 50%;
			margin: -8px 0 0 -8px;
		}
		
		.ma-thumbnail-container .carousel li {
			margin-right: 5px;
			text-align: center;
		}		
		
		/* ************************* //FLEXSLIDER **************************************/
		/* ************************************************************************		
		
