body, span, p, form, img, a, input, select, textarea, html{margin:0; padding:0; border:none; outline:none}ul, ol, li{list-style-type:none;padding:0; margin:0;}input::-moz-focus-inner{padding:0; border:0;}button::-moz-focus-inner{padding:0; border:0;}h1, h2, h3, h4, h5, h6{margin:0; padding:0; line-height:normal; font-weight:normal; font-family:fonte;}
.al{text-align:left;}.ac{text-align:center;}.ar{text-align:right;}.fl{float:left;}.fr{float:right;}.cb{clear:both;}.pr{position:relative;}.db{display:block;}

html{}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4; color:#FFF;}

@font-face {
    font-family: fonte;
    src: url('../../fontes/bankgothic.eot');
    src: url('../../fontes/bankgothic.eot@#iefix') format('embedded-opentype'),
		 url('../../fontes/bankgothic.woff2') format('woff2'),
	     url('../../fontes/bankgothic.woff') format('woff'),
         url('../../fontes/bankgothic.ttf') format('truetype'),
		 url('../../fontes/bankgothic.svg#fonte') format('svg');
    font-weight:normal;
    font-style:normal;
}

h1{color:#C0C0C0; font-size:35px; padding:28px 0 25px 0;}
h2{color:#C0C0C0; font-size:20px;}
h3{color:#C0C0C0; font-size:22px;} 
h4{color:#C0C0C0; font-size:16px;}

.big{font-family:fonte; color:#C0C0C0; font-size:25px; padding:0;}
.small{ font-family:fonte; font-size:19px; color:#C0C0C0; padding:0; line-height:120%;}
.tt{}
.code{} 

/* links */
a, a:hover{color:#990000; text-decoration:none;}
a:hover{text-decoration:underline;}

/* CLASSES DO SITE
---------------------------------------------------------*/
/*--Topo--*/
#headerBlock{width:100%; height:170px; float:left; background:url(../../images/bg-topo.png) repeat-x 0 0; border-bottom:1px solid #FFF;}
.topo-geral { width:992px; height:170px; margin:0 auto 0 auto;}
.li-top-logo{width:217px; height:121px; background: url(../../images/png-master.png) no-repeat -8px -12px; margin:10px 0 0 10px;}
 
.info-contato { float:right; width:510px}
.li-top-fone{width:510px; height:37px; background:url(../../images/png-master.png) no-repeat -11px -142px; padding:33px 0 0 0; text-align:right;}
.li-top-fone a {  font-family:fonte; font-size:22px; color:#000;}
.email-contato { width:; height:20px;}
.email-contato a{font-size:12px; text-align:right; font-family:Verdana, Geneva, sans-serif; color:#000;}
.email-contato a:hover, .li-top-fone a:hover { text-decoration:none;}
.li-top-redes{width:; height:;} 

/*--Menu--*/
.li-menu{width:620px; height:51px; float:right; margin:28px 0 0 0; text-align:right;}


/*--Corpo--*/
#mainBlock{ width:100%; height:auto; float:left; padding:0 0 55px 0; background:#000;}
.corpo{width:992px; margin:0 auto 0 auto;}
.banner{width:988px; height:317px; margin:18px 0 0 0; border:2px solid #FFF}
 
.slider-baterias{width:992px; height:auto; padding:25px 0 37px 0; position:relative; background:url(../../images/img-titulo-baterias.gif) repeat-x 0 37px }
.slider-baterias h3{ font-size:25px; color:#C0C0C0; padding:0 21px 15px 0; margin:0 15px 0 0; background:#000; /*float:left;*/ display:table; clear:both;}


.slider-baterias .bx-next{position:absolute; top:-40px; right:0 !important; z-index:999; width:23px; height:26px; background:url(../../images/png-master.png) no-repeat -41px -293px}
.slider-baterias .bx-prev{position:absolute; top:-40px; right:23px !important; left:auto; z-index:999; width:23px; height:26px; background:url(../../images/png-master.png) no-repeat -18px -293px}


.slider2 li { position:relative;}

 
.lista-produtos{ width:33.3%; margin:0 0 25px}
.lista-produtos a, .lista-produtos-home a{ width:248px; height:210px; position:relative; display:block; margin:0 auto; transition:all 0.1s linear; }
.lista-produtos a i, .lista-produtos-home a i{ width:236px; height:202px; position:absolute; top:4px; left:4px; background:rgba(0,0,0,0.5); display:block; z-index:0;}
.lista-produtos a b, .lista-produtos-home a b{ width:200px; font-family:fonte; color:#FFF; position:absolute; bottom:15px; right:25px; text-align:right; font-weight: normal; font-size:20px; transition:all 0.1s linear; }

.lista-produtos a i:before, .lista-produtos-home a i:before{ border-top: 1px solid #FFF; border-bottom: 1px solid #fff; width:237px; height:200px; content:''; display:block; position:absolute; top:0px; left:0px; z-index:1;transition:all 0.2s ease-out;}
.lista-produtos a i:after, .lista-produtos-home a i:after{ border-left: 1px solid #FFF; border-right: 1px solid #fff; width:235px; height:202px; content:''; display:block; position:absolute; top:0px; left:0px;z-index:1; transition:all 0.2s ease-out;}

.lista-produtos a:hover b, .lista-produtos-home a:hover b{ text-align:center; font-size:25px; bottom: 80px; text-shadow: 2px 2px 5px #000;}
.lista-produtos a:hover i, .lista-produtos-home a:hover i{background:rgba(0,0,0,0);}
.lista-produtos a:hover i:before, .lista-produtos-home a:hover i:before{ transform:scale(0,1)}
.lista-produtos a:hover i:after, .lista-produtos-home a:hover i:after{ transform: scale(1,0)}

.left {width:521px; height:225px;}

.content-interna { width:950px; background:#222222; border-radius:4px; margin:32px 0 0 0; padding:0 21px 30px 21px}

.empresa { width:100%; float:left; padding:10px 0;}

.promocao-home .image-with-text { float:left; width:521px; height:225px; font-family:fonte; color:#FFFFFF; font-size:43px; display:block}
.promocao-home h3{ font-size:25px; color:#C0C0C0; padding:0 0 20px 0} 
.promocao-home h4 { color:#C0C0C0; font-size:40px; font-family:fonte; float:left}
.promocao-home .big { color: #C0C0C0; font-size:41px; float:left; padding:0; margin:0}
.promocao-home .small { color:#C0C0C0; font-size:16px; float:left; padding:10px 0 0 0;}
.promocao-home i { border:none; float:left; }   
.promocao-home strong { font-size:17px; line-height:60px; font-family:Verdana, Geneva, sans-serif;}
.info-promocao { float:left; width:299px; padding:0 0 0 20px}

.right{width:443px; height:225px; padding:0 0 0 28px;}

/*Produtos*/
.produtos {width:425px; min-height:140px; border-bottom:3px solid #333333; padding:0 0 17px 0; margin:27px 22px 27px 22px; font-size:12px; line-height:150%;} 
.produtos img { float:left; padding:0 20px 10px 0}
.produtos span { font-size:12px; }
.produtos h3 { color:#C0C0C0; font-size:20px;}


/*FORMULÁRIO HOME*/
.right h3{ font-size:25px; color:#C0C0C0; padding:0 0 5px 0;}
.right h4 { font-family:Verdana, Geneva, sans-serif; color:#878787; font-size:11px; padding:0 0 6px 0;}
.right .formulario input, .contato-home .formulario textarea{padding:0 0 0 38px;}
.right .formulario input, .right .formulario select { height:31px}
.right .formulario select { padding:5px 13px 5px 35px; font-family:fonte; font-size:16px;} 
.right .formulario p{ width:48%; padding:0 2% 0 0; margin:0 0 8px; position:relative} 
.right .formulario p.ico-info{ width:89%; margin:0; padding:0}
.right .formulario textarea{ height:83px; border-radius:5px 0 0 5px; width:100%; border-right:0; padding:7px 35px 7px 42px}
.right .formulario input[type=submit]{ width:41px; height:83px; background:url(../../images/bt-enviar.png) no-repeat 0 0; border:none; padding:0; margin:0 0 0 -3px; float:left}
.right .obrigado{padding:20px 0 0 0;}

.right span{position:absolute; top:7px; left:11px; width:24px; height:22px; display:block;}

.ico-nome span{ background:url(../../images/ico-forms.png) no-repeat -3px 0;}
.ico-email span{ background:url(../../images/ico-forms.png) no-repeat 0 -145px;}
.ico-tel span{background:url(../../images/ico-forms.png) no-repeat 0 -37px;}
.ico-bateria span{ background:url(../../images/ico-forms.png) no-repeat 0 -110px;}
.ico-info span{ background:url(../../images/ico-forms.png) no-repeat 0 -73px;}



/*Página de Contato*/
.content-contato{width:500px; padding:42px 56px 21px 0;}
.content-contato h1 { padding:0 0 15px 0}
.right-contato{ width:406px; background:#222; padding:0 15px 15px 15px; border-radius:4px; margin:32px 0 0 0}
.right-contato h3 {color:#FFF; font-size:27px; padding:15px 0 15px 0;}

.right-contato a{ color:#fff}
.right-contato iframe{ border:1px solid #fff; padding:2px; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:4px; margin:0 0 13px 0;}

.localizacao-contato{ width: 100%; margin: 0 0 20px 0;}
.localizacao-contato span{ display:block; width:100%; padding:0 0 10px 30px;  box-sizing:border-box; -webkit-box-sizing:border-box; background:url(../../images/ico-right-contato.png) no-repeat; line-height:22px;}
span.endereco-contato{ background-position:0 0;}
span.telefones-contato{background-position:0 -84px;}
span.email-contato{background-position:0 -172px; padding:0 0 0 30px;} 

#map_content{width:; height:; min-height:200px; min-width:200px;}

/*--Rodapé--*/
#footerBlock{width:100%; clear:both; float:left; border-top:5px solid #333333; background:#000;}
.li-rod{width:992px; height:90px; margin:0 auto 0 auto; position:relative; padding:15px 0 0 0}
.li-rod h3 { position:absolute; top:-19px; left:0; background:#333333; display:block; border-radius:20px; font-size:15px; color:#DDDDDD; padding:7px 14px;}
.contato-rodape { height:70px; padding:16px 0 0 55px; background:url(../../images/png-master.png) no-repeat -127px -262px;}
.telefone-rodape { width:510px; height:37px; background:url(../../images/png-master.png) no-repeat -10px -203px; padding:16px 0 0 167px; font-family:fonte; font-size:22px; color:#FFF; }  
.telefone-rodape a:hover { text-decoration:none !important;}

.webcis{width:100%; float:left;padding:8px 0 8px 0; color:#CCC}


/*--links rodapé--*/
.li-rod a, .li-rod a:hover{color:#FFF; text-decoration:none;}
.li-rod a:hover{text-decoration:underline;}

.webcis a{width:992px; margin:0 auto;  font-size:10px; text-align:right; color:#fff}
.webcis span { float:left; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

/*---- Botões de Redes Sociais ---*/
.rod-redes a{display:block; float:left; width:29px; height:28px; background:url(../../images/ico-redes.png) no-repeat; margin:0 3px; transition:all ease-in 0.4s;}
.rod-redes a:hover{transform: scale(1.2);}

a.bt-facebook{ background-position: 0 0;}
a.bt-twitter{ background-position: -80px 0;}
a.bt-google{ background-position: -160px 0;}
a.bt-likedin{ background-position: -240px 0;}
a.bt-instagram{ background-position: -320px 0;}
a.bt-outro{background-position: -400px 0}
a.bt-skype{background-position: -480px 0}
a.bt-youtube{ background-position: -560px 0;}

a.bt-skype:hover{transform: rotate(0deg);}
.bt-skype span{display:none}
.bt-skype:hover span{display:block; position:absolute; top:20px; left:0; background: #FFF; box-shadow:0 0 4px #000; color:#000; padding:5px; border-radius:5px}

/*--Noticias--*/
a.teaser-noticias{width:100%; text-decoration:none;}
.teaser-noticias img{background:#FFF; padding:2px; border:1px solid #CCC; float:left;}
.teaser-noticias b{}
.teaser-noticias span{}
.teaser-noticias i{}
.ver-todas{}

.lista-noticias{padding:0 0 5px 15px; background:url(../../images/ico-seta.png) no-repeat 0 5px; border-bottom:1px dotted #eee; margin:0 0 10px 0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
.lista-noticias strong{font-size:11px}

.imagem-noticia img{margin:0 10px 10px 0;}

/* CLASSES DE FORMULÁRIOS
---------------------------------------------------------*/
/* Classes Gerais do Formulário*/
input, select, textarea{border-radius:4px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:7px 35px 7px 10px; height:35px; float:left; font-family:fonte; font-size:16px; font-weight:normal; border:1px solid; color:#BABABA}
select{ font-family:Verdana, Geneva, sans-serif; font-size:12px;}
input[type=checkbox], input[type=radio]{ border:none; width:auto; margin:0 5px 0 0; height:16px;}
label{ float:left; padding:0 20px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
textarea{ height:90px;}
input[type=submit]{ float:right; border:none; width:auto; padding:0 40px; font-size:17px; height:40px; cursor:pointer; transition:all .1s linear; border-bottom:3px solid; color:#000;}
input[type=submit]:focus{ box-shadow:inset -2px 2px 3px rgba(0,0,0,0.4); border-bottom:1px solid;}
input:focus, select:focus, textarea:focus{ box-shadow:0px 0px 4px rgba(0,0,0,0.2);}

/*Tracar Rota*/
.tracar-rota{ padding:10px 0 0 0; width:100%;}
.tracar-rota strong{ padding:0 0 4px 0; width:100%; float:left; display:block;}
.tracar-rota input[type=text]{ width:62%; margin:0 3% 0 0;}
.tracar-rota input[type=submit]{ width:35%; padding:0; border:none; font-size:14px; font-weight:bolder; height:35px; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:3px solid;}


/*Place holder*/
::-webkit-input-placeholder{color:#BABABA;}
::-moz-placeholder{color:#BABABA;}
:-ms-input-placeholder{color:#BABABA;} 
input:-moz-placeholder{color:#BABABA;}

.formulario p{ width:100%; margin:0 0 18px; float:left;}
.formulario strong{ width:100%; padding:0 0 5px; display:none;}

/*Campos Obrigatórios*/
input[name=nome], input[name=email], input[name=telefone]{ border-left:5px solid #CC0000 !important;}
.right input[name=nome], .right input[name=email], .right input[name=telefone]{ border-right:5px solid #CC0000; border-left:1px solid #555555 !important;}

/* Configuração dos Campos de Erro */
.error, .valid{background-image:url(../../images/img-error-form.png); background-repeat:no-repeat;}
.error{ background-position:right 8px; border-color: #B20000;}
.valid{ background-position:right -76px; border-color: #555 !important;}
select.error, select.valid{background-image:none}
label.error{}
form.cmxform span.error, span.error{color:#f00; font-style:italic; font-size:10px; margin:0;}

.right .formulario .error{ background-position:right 5px; border-color: #B20000; border-left:1px solid #B20000 !important;}


/*Cores do formulário*/

input, select, select.valid, textarea, textarea.valid{ background:#333333; border-color:#555555;}
input[type=submit]{ background:#C0C0C0; border-color:#D7A700;}
input[type=submit]:focus{border-color:#000;}
.tracar-rota input[type=submit]{background:#C0C0C0; border-color:#D7A700; color:#000;}

/*Obrigado*/
.obrigado{width:100%; float:left; box-sizing:border-box;}
.obrigado big{font-size:22px; color:#C0C0C0; display:block; width:100%; border-bottom:1px solid #C0C0C0; padding:0 0 2px 0; margin:0 0 8px;}
.obrigado b{display:block; width:100%; float:left; padding:0 0 5px 0;}
.obrigado a{ padding:5px 10px; display:block; background:#CCC; border-radius:5px; margin:30px 0 0 0; font-family:fonte; font-size:12px; color:#333; transition:all 0.2s linear;}
.obrigado a:hover{ background:#ddd; text-decoration:none;}

/* CLASSES GERAIS
---------------------------------------------------------*/
/* Texto c/ Imagem */
.imgtxt-top-left, .imgtxt-bottom-left {position:relative; margin:1em 0; clear:both;}
.imgtxt-top-right, .imgtxt-bottom-right {position:relative; float:right;  margin:1em 0; clear:both;}
.imgtxt-top-center, .imgtxt-bottom-center {position:relative; margin:1em auto; clear:both;}
.imgtxt-left {position:relative; float:left; margin:0 1em 1em 0;}
.imgtxt-right {position:relative; float:right; margin:0 0 1em 1em;}
.imgtxt-left img, .imgtxt-right img, .imgtxt-top-left img, .imgtxt-column-right-image img, .imgtxt-column-left-image img, .imgtxt-top-center img, .imgtxt-bottom-center img{}
.imgtxt-column-left {position:relative; clear:both; width:100%;}
.imgtxt-column-left .imgtxt-column-left-text {position:relative; float:left; margin:0 1em 1em 0; width:60%;}
.imgtxt-column-left .imgtxt-column-left-image {position:relative; float:left; margin:0 0 1em 1em;  width:35%;}
.imgtxt-column-right {position:relative; clear:both; width:100%;}
.imgtxt-column-right .imgtxt-column-right-text {position:relative; float:right; margin:0 0 1em 1em; width:60%;}
.imgtxt-column-right .imgtxt-column-right-image {position:relative; float:left; margin:0 1em 1em 0; width:35%;}

/* Galeria de imagem Padrão */
.galerias-padrao{ width:100%;}
.galerias-padrao li{ width:25%; float:left; text-align:center; margin:0 0 25px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.galerias-padrao li img{padding:2px; border:1px solid #CCC; background:#fff;}
.galerias-padrao li span{margin:0; font-size:10px; display:block; clear:both; width:80%; padding:5px 10%;}

/* Espaçamento Ferramenta */
.spaceAfterCP, .spaceBeforeCP{ width:100%; }


/* Botão Voltar e subir ao topo*/ 
.link-back{line-height:22px; display:block; clear:both; float:right; background:#f2f2f2; border-radius:5px; font-family:fonte; font-size:15px; padding:0 7px; margin:25px 0 0 0;} 	
.link-back:hover{background:#DDD; text-decoration:none;}

.cd-top{ display:block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; border-radius:50px; text-indent: 100%;  background:url(../../images/bt-to-top.png) no-repeat center;  visibility: hidden; opacity: 0;  -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  transition: all .3s linear; z-index:1100;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}

/*Cores botão subir ao topo*/
.cd-top{  background-color:#C0C0C0;}
.cd-top:hover{  background-color:#E1AE00}


/* TABS */
.accordion{ width:100%;}
.accordionButton:first-child{ margin:0;}
.accordionButton{width:100%; line-height:36px; height:36px; font-size:16px; padding:0 0 0 10px; margin: 15px 0 0 0; outline:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:2px solid; font-family:fonte; transition:all 0.2s ease-out; float:left;}
.accordionButton span{ width:36px; height:36px; display: block; float:right;}
.accordionButton i{ width:24px; height:24px; border:2px solid; border-radius:50px; display:block; position:relative; margin:3px 0 0 4px;}
.accordionButton i:after{ width:14px; height:4px; content:''; position:absolute; top:10px; left:5px; transition:all 0.2s ease-out;}
.accordionButton i:before{ width:4px; height:14px; content:''; position:absolute; top:5px; left:10px; transition:all 0.2s ease-out;}

.on span i:after{ transform:rotate(360deg);}
.on span i:before{ display:none; transform:rotate(90deg);}

.accordionContent{width:98%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 20px 20px; margin:0 0 15px; border-right: 1px dotted;}

/*TABS Cores*/
.accordionButton{ background: #f2f2f2; color:#333; border-color:#CCC;}
.accordionButton i{ border-color: #999;}
.accordionButton i:after,.accordionButton i:before{ background:#999;}
.accordionButton:hover{ background: #e2e2e2; }
.on{background: #e2e2e2;}
.accordionContent{border-color:#CCC; }

		
/* PAGINATE-ESTRUTURA */
.ul-paginate{width:100%; margin:35px 0 0 0;}
.article_paginate_navi{ margin:0 auto; font-weight:bolder;display:table;}
.article_paginate_navi a, .article_paginate_navi span{ width:20px; height:20px; display:block; float:left; text-align:center; line-height:20px; padding:1px; border:1px solid; margin:0 3px; border-radius:3px; text-decoration:none;}
.article_paginate_navi span{ cursor:default;}

.apn_next, .apn_prev{ float:left;}
.apn_prev i, .apn_next i{ display:none}
.apn_prev a i, .apn_next a i{ display:table;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent; margin:4px auto;}

.apn_prev i{border-right:10px solid;}
.apn_next i{border-left:10px solid;} 

/*Cores dos botões*/
.article_paginate_navi a{color:#333; background:#f2f2f2; border-color: #999}
.article_paginate_navi a:hover{ background:#999; color:#000; border-color: #000}

/*======= Menu ========*/
#pmenu a{display:block; float:left; font-family:fonte; text-decoration:none;}
#pmenu li{float:left; width:auto; position:relative;}
#pmenu .psubmenu{display:none; position:absolute; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:999; left:0; padding:19px 0 19px 19px}
#pmenu li:hover > .psubmenu{display:block;}
#pmenu .psubmenu li{ width:100%;}
.psubmenu a{box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}
.icone-home { width:60px; height:51px; background:url(../../images/png-master.png) no-repeat -76px -347px; float:left}

/*Configurações menu principal*/
#pmenu a{color:#FFF; padding:0 25px; height:52px; line-height:52px; font-size:18px}
#pmenu li:hover > a,#pmenu .act_path a{color:#fff; background:url(../../images/img-hover-menu.png) no-repeat center bottom;  }

/*Configurações DropDown*/
#pmenu .psubmenu{top:52px; width:310px; border:1px solid #FFFFFF; border-top:4px solid #FFF; background:rgba(0, 0, 0, 0.9); } 
#pmenu ul.psubmenu a{height:25px; line-height:25px; font-size:15px; color:#FFF; float:left; text-align:left; background:url(../../images/img-hover-menu-dropdown.png) no-repeat 0 7px}
#pmenu ul.psubmenu a:hover{ background:none; color:#F2D23E; background:url(../../images/img-hover-menu-dropdown.png) no-repeat 0 -23px}

/* LIGHTBOX
---------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*--User Style--*/
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../../images/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:28px;}
	#cboxLoadingOverlay{background:url(../../images/loading_background.png) no-repeat center center;}
    #cboxLoadingGraphic{background:url(../../images/loading.gif) no-repeat center center;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(../../images/loading_background.png) no-repeat center center;}
    #cboxLoadingGraphic{background:url(../../images/loading.gif) no-repeat center center;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; padding:0; border:0}
    #cboxClose.hover{background-position:-25px -25px;}
	
    .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
    .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
    .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
    .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/* BX_SLIDER 
---------------------------------------------------------*/
.slider-banner{height:; overflow-y: hidden;}
.bx-next{position:absolute; top:0; right:0; z-index:999; width:30px; height:30px;}
.bx-prev{position:absolute; top:0; left:0; z-index:999; width:30px; height:30px;}
.bx-pager{position:absolute; top:11px; right:14px; height:16px; z-index:1400;}
.bx-pager-item{float:left;}
.bx-pager a{background:#000; width:13px; height:13px; display:block; padding:0; margin:0 0 0 5px; text-indent:-99999px; border:1px solid #FFF; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,1)}
.bx-pager .active, .bx-pager a:hover{background:#FFC700; text-indent:-99999px;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative; margin:0 auto; padding:0;}
.bx-wrapper img{max-width:100%; display:block; height:auto; margin:0 auto;}

/*--SKITTER SLIDER--*/
/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative; width:992px; height:288px;}
.box_skitter img {max-width:none;} /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden; position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:15;}
.box_skitter .box_clone img {position:absolute; top:0; left:0; z-index:15;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.box_skitter .prev_button:hover, .box_skitter .next_button:hover {opacity:0.5 !important;}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.box_skitter .info_slide .image_number:hover {background:#000;}
.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover {background:#cc3333; float:left; padding:2px 10px; margin:0 5px 0 0;}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute; bottom:-40px; left:auto; z-index:151; padding:5px 0 5px 5px;}
.box_skitter .info_slide_dots .image_number {background:#333; float:left; margin:0 5px 0 0; cursor:pointer; width:18px; height:18px; text-indent:-9999em; overflow:hidden; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {background:#cc3333; float:left; margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../../images/loader.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter {z-index:150; position:absolute; bottom:0px; left:0; color:#fff; display:none; opacity:0.8; background:#000;}
.box_skitter .label_skitter p {padding:10px; margin:0; font:normal 22px arial,tahoma; letter-spacing:-1px;}
.box_skitter .progressbar {background:#000; position:absolute; top:5px; left:15px; height:5px; width:200px; z-index:99; border-radius:20px;}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden;}
.box_skitter .preview_slide ul {height:100px !important; overflow:hidden !important; margin:0 !important; list-style:none !important; display:block !important; position:absolute !important; top:0 !important; left:0 !important;}
.box_skitter .preview_slide ul li {width:100px !important; height:100px !important; overflow:hidden !important; float:left !important; margin:0 !important; padding:0 !important; position:relative !important; display:block !important;}
.box_skitter .preview_slide ul li img {position:absolute !important; top:0 !important; left:0 !important; height:150px !important; width:auto !important;}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000;}
.box_skitter .focus_button {position:absolute; top:50%; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em;margin-top:-25px; background:url(../../images/focus-button.png) no-repeat left top; opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../../images/pause-button.png) no-repeat left top;opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.box_skitter .play_pause_button.play_button {background:url(../../images/play-button.png) no-repeat left top;}
.box_skitter .play_pause_button.play_button {}
.box_skitter .play_pause_button:hover {opacity:0.5 !important;}
.box_skitter .focus_button:hover {opacity:0.5 !important;}