*{ font-family: Arial, Verdana, sans-serif; margin:0; padding:0;}
body{ margin:0; padding:0; color:#000; background-color: #FFF; overflow-x: hidden; line-height:160%; }
   a{ color:#000000;}
 img{ border:0;}
ul li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
div{ margin:0; padding:0;}
fieldset{ padding:5px;}

/* ==================
	CLASSES
=====================*/
.clear{clear:both;}
.center{ margin:0 auto; width:960px;}
.l{ float:left;}
.r{ float:right;}
body.black, body.black *{ color:#FFF !important; background-color:#000 !important;}
body.white *{ color:#000 !important; background-color:#FFF !important;}
body.black a, body.black a{ text-decoration:underline !important;}
body.black input{ border:1px solid #FFF !important;}
.breadcrumbs > a{ text-decoration:none;}
.pagination ul{ text-align:center;}
.pagination ul li{ float:left; margin-right:5px; margin-top:10px;}
/*
#form1.boxformComponent .componentheading{ margin-top: 20px; margin-bottom: -5px;}
*/
/* ==================
	FONTS
=====================*/
body{ font-size:0.8em;}
h1, h2, h3, h4, h5, h6{ font-size:0.8em; }
h2, .componentheading{ font-size:1.0em; font-weight:bold;}
.item-page > h2{ font-size:22px; margin-bottom:10px;}
.selectmenu > p{ font-size: 0.76em;}
.breadcrumbs .separator, .breadcrumbs, .latestnews > a{ font-size:0.8em;}
.ckformMOD .ckCSSlabel{ font-size:12px; }
#product .box > h3 a, #product > h3, #product > h2, h2.titleint{ font-size:1.4em;}
.ckformMOD div.fc-error{ font-size: 0.7em;}

/* =============
  ACCESS TOOLS
================ */	
#header #fontsize{ /* margin-top:-28px; margin-left:750px; position:absolute; */ float: right; margin-top: -127px; }
#header #fontsize ul{}
#header #fontsize ul > li{ border:1px solid transaparent; float:left; margin-left:2px;}
#header #fontsize ul > li:first-child{ margin-left:0px;}
#header #fontsize ul > li a{ color: #0B2F46; display: block; font-size: 18px; text-align: center; width: 30px; padding:1px; 
font-size:18px !important; text-decoration:none;}
#header #fontsize ul > li.smalltitle > a{ /* font-size:14px !important; */ }
#header #fontsize ul > li.bigtitle > a{}
#header #fontsize ul > li.resettitle > a{ border: 1px solid #E6E6E6;}
#header #fontsize ul > li.whitetitle > a{ border: 1px solid #000; color: #000 !important; background-color:#FFF !important;}
#header #fontsize ul > li.blacktitle > a{ background-color: #000 !important; border: 1px solid #000; color: #FFF !important;}
#header #fontsize ul > li.goto > a{ background-position:13px 3px; background-repeat:no-repeat; background-image: url("../img/goto_black.png");
font-size:14px !important;}

/* =============
	TOP
================ */	
#global{ margin:0; padding:0;}
#header{ background-color:#FFF; width: 100%; z-index: 8; padding:0 auto; top:0;}
body #header h1{ background: url("../img/logo-etc.png") no-repeat 0 0 !important; float: left; height: 83px;
margin-top: 10px; width: 348px;overflow:hidden; background-size: 100% !important;}
#header h1 > a{ display:block; padding-top:150px;}
#header #menu{ float:left; margin-top:13px; margin-bottom:17px; width:100%; clear:both; background: url("../images/bg-menu.jpg") repeat-x 0 0 !important; border-radius:5px;}
#header #menu ul.menu{}
#header #menu ul.menu > li{ float: left; color: #555; display: block; font-size: 1em; border-left:1px solid #537c96; padding:2px 0; height:36px;}
#header #menu ul.menu > li a{ color: #FFF; display: block; padding: 5px 0 0; text-align: center; text-decoration: none; width: 140px;}
#header #menu ul.menu > li.active, #header #menu ul.menu > li:hover, #page .column1 ul.menu > li a:hover{background: url("../images/bg-menu-hover.jpg") repeat-x 0 0 !important;}
#header #menu ul.menu > li.active > a, #header #menu ul.menu > li:hover > a{ color:#000;}
#header #menu ul.menu > li:first-child{ border:none;}
#header #menu ul.menu > li:first-child:hover{ border-radius:5px 0px 0 5px;}
#search{ height:39px; margin-left:7px; border-radius:0 5px 5px 0;}
#search label{ display:none;}
#search #mod-search-searchword, #search .inputbox{ border: 1px solid #FFF; padding:6px 2px; margin-top:7px; width:210px;
float:right; margin-right:9px; border-radius:5px;}
#search .ckBtnCon{ float:left;}
#search .button, #search .btn{float:right; margin-right:-250px; margin-top:8px; height:25px; cursor:pointer; display:none;}

/* =============
	FOOTER
================ */	
#footer{ border-top: 1px solid #244459; padding: 10px 0; font-size:1em; margin:0 auto;}
#footer *{ font-size:1em; color: #0a2f47; }
.pagination ul li a{ color:#114577;}
#footer .footer_sys ul li{ list-style: none; float: left; margin-right: 5px; }

/* =============
	MAIN
================ */	
#page{ background:#FFF;}
#page > #breadcrumbs{ /* margin-top:210px; position:absolute; */ width:100%; margin-bottom:12px; padding-left:2px;}
#page #main{ padding-bottom:40px;}
#page .component{color:#555}
#page .column1, #page .column2, #page .column3 { float:left;}
#page .component.nocolumns{ width:100%;}
#page .column1{ width:300px; margin-right:20px;}
#page .column3{ float:right;}
#page .column2.col111{ width:300px; margin: 0 10px}
#page .column2.col110{ width:682px;}
#page .column3{width:300px; margin-left:20px;}
#page .column1 ul.menu > li{ margin-bottom:5px;}
#page .column1 ul.menu > li a{ border-top:none; padding:5px; text-decoration:none; color:#FFF; background: url("../images/bg-menu.jpg") repeat-x 0 0; display:block; border-radius:5px;}
#page .column1 ul.menu > li.active a{ color:#000;}
#page .column1.col110{ width: 245px;}
#page .selectmenu{ margin:-5px 0 0 0; width:250px !important;}
#page .selectmenu select{ padding:5px 0; width:100%; border-radius:5px; border: 1px solid #999; padding-right:4px;}
#page .column3 > div{ float:right;}
.ckformMOD div.fc-error{ position: absolute;}

/* =============
	FORM NEWS
================ */
#page #box-atas, #page #box-credito{ margin:0px !important;}
#page #form1.boxformComponent .componentheading, #page #leftcol .boxformComponent label{ color:#0b2f47;}
#page #form1.boxformComponent input{ border:none;}
#page #form1.boxformComponent input[type="submit"]{ background-color:#0a2f47; color: #FFF; cursor: pointer; float: left;
/* padding:5px; */ border-radius: 5px; height:24px; width: 40px; font-size: 0.7em;}
table#ckformcontainer{ width: 250px;}
#page #form1.boxformComponent input[type="text"]{ border:1px solid #999; padding:5px 0; width:200px;  border-radius:5px; float: left;}
#page #form1 .ckBtnCon{ /* margin:0 -10px 0 0;*/ margin: 0 -18px 0 0; padding-left: 5px; text-align:left; float:left;}
#page #form1 .ckCSSclear{ /* float:left; width:5px; */ display: none;}
#page #form1 .ck_mandatory{ display:none;}
#page #box-credito{ margin-top:30px !important;}
/* =============
	ADD
================ */
.lista-ata { margin: 0 0 20px;}
.lista-ata li:first-child { list-style: none !important; }	
.lista-ata li { color: #555; list-style: square inside none !important; margin: 0 0 5px;}
.controle #lista-produtos li { cursor: pointer; float: left; margin: 0 20px 20px 0; position: relative;}
.controle a, controle p > a{ color: #555555; font-weight: bold; text-decoration: underline;}
.controle p{color: #555555; margin: 0 0 5px;}
.controle #lista-produtos li img{ border: 1px solid #F4F4F4;}

/* =============
  HOME - NOT
================ */
#page .boxhome { background: url("../img/bg_promo_wide.png") no-repeat scroll 0 -10px transparent}
#page .boxhome .title{ background: url("../images/bg-menu.jpg") repeat-x 0 0 !important; margin-bottom:5px; border-radius:5px 5px 0 0;}
#page .boxhome h2{ color:#FFF; text-align:center; padding:3px 0;}
#page .boxhome h3{ padding:0 5px;}
#page .boxhome h3 > a, #page .boxhome h3 > span { color:#000; text-decoration:none;}
#page .customrsSociais h2{ color:#0b2f47; margin-bottom:10px; margin-top:20px;}
#page .customrsSociais ul li{ float:left; margin-left:5px;}
#page .customrsSociais ul li:first-child{ margin-left:0px;}
.banner .theme-default .nivoSlider{ box-shadow:none !important;}
.banner .theme-default .nivo-controlNav{ margin-top:-40px; padding:0; width:960px; position:absolute; z-index:9;}
.banner{ margin-bottom:34px;}
#page .banner .nivo-caption{ padding:0; display:none !important;}
#page .banner .nivo-caption > *{ padding:5px 10px;}
#page .boxhome h3 > a:hover{ text-decoration:underline;}
#rightcol #form1{ width:250px;}
.moduletablersSociais, #rightcol #form1{ margin-left:20px;}
.latestnews > a{ display: block; margin-bottom: 5px; padding: 0 5px !important; text-decoration: none;}
.latestnews > a:hover{text-decoration:underline;}
/* =============
  PRODUCT
================ */
#box-abas > .abas { border-bottom:2px solid #114577;}
#box-abas > .abas > h3{ float:left; margin:0 0.4em 0.1em 0;}
#box-abas > .abas > h3 > a{ text-decoration: none; padding: 1em 2em 0.5em 0.8em; background:#EFEFF0; border-radius:4px 4px 0 0}
#box-abas > .abas > h3 > a.active, #box-abas > .abas > h3 > a:hover { background-color: #114577; color: #FFFFFF !important; cursor: pointer; transition: all 0.2s ease-in-out }
#box-abas > .bx_ctt{ clear:both; padding:10px;}
#description{ margin-bottom:20px;}
#product .box{ float:left; margin-right:1%; overflow:hidden; width:32%; margin-bottom:20px;}
#product .box > a{ border:1px solid #F4F4F4; margin: 0 0 5px; display:block; padding:5px 0; }
#product .box a img{ height:298px; width:298px;}
#product .box > h3 a{ color:#555555}
#product > h2, #product > h3, #product > p { margin-bottom:10px;}
#box-prod #media{ width:40%; overflow:hidden; padding:0; margin:10px 0;}
#box-prod #media > #img{ text-align:center;}
#product > h3, #product > h2{font-weight:bold;}

#box-prod #media, #box-prod #description{ display: inline-block; vertical-align: top;}
#box-prod #description{ width: 54%; margin-left: 5%;}
.nivo-controlNav.nivo-thumbs-enabled a{ }
.nivo-controlNav.nivo-thumbs-enabled img{ width: 80px !important; }

/* =============
	COLORS
================ */
body.black #header h1 > a{ background-image: url("../img/logo-etc.png") !important; background-size: 100% !important;}
body.black #header #menu ul.menu > li{ border-left:1px solid #fff;}
body.black #header #menu{ background:#000 !important;}
body.black .mod-search-searchword{ border:1px solid #FFF;}
body.black #box-credito, body.white #box-credito{ background-image:none !important;}
body.black #header #menu ul.menu > li.current.active, body.black #header #menu ul.menu > li:hover{ color:#FF0 !important;}
body.black .banner .theme-default .nivo-controlNav{ background:none !important;}

body.white #header h1 > a{ background-image: url("../img/logo-etc.png") !important; background-size: 100% !important;}
body.white #header #menu{ background:#FFF !important;}

/* =============
	SEARCH
================ */
dl.search-results{ margin-top:20px;}
dt.result-title, dt.result-title a { color: #114577}
dd.result-text{ margin-bottom:10px;}

/* =============
	FORMS
================ */
#ckpoweredby, .ck_mandatory_desc, form.ckform.ckform_block .ck_mandatory, hr.noborder{ display: none; }
form.ckform.ckform_block{ margin-top: 25px;}
form.ckform.ckform_block > div{ display: block; clear: both;}
form.ckform.ckform_block .ckCSSlabel{ float: none; width: 100%;}
form.ckform.ckform_block input, .ckCSSinput{ padding: 5px; width: 300px;}
form.ckform.ckform_block hr{ margin-top: 35px;}
form.ckform.ckform_block .ckBtnCon{ text-align: left; margin-top: 30px;}
form.ckform.ckform_block .ckBtnCon input{ width: 100px; font-size: 1em;}
form.ckform.ckform_block input[type=radio]{ width: auto;}
h1.ckformtitle, form.ckform h2{ font-size: 22px;  margin: 10px 0; }
form.ckform .div_form_alignleft{ float: left; margin-right: 5px; clear: none !important; width: 45%; margin-bottom: 17px;}
form.ckform .div_form_alignfull{ width: 100%; clear: both;}
form.ckform .div_form_alignfull input, form.ckform .div_form_alignfull textarea{ width: 77%;}
form.ckform .div_form_alignfull textarea{ height: 160px;}
.ckform div.fc-error{ float: none !important; clear: both; position: absolute; margin-top: -2px;}
form.ckform label.nolabel{ display: none; }
form.ckform .margint5{ margin-top: 5px !important;}
#form1.boxformComponent{ margin-bottom: 20px; margin-top: 37px !important;}