﻿body				{ background: url(../_img/_layout/bg_body.jpg) repeat-x #000; }
h2				{ color: #2142bd; font-size: 18px; /*margin: 17px 0 0 0;*/ }
h2.esp			{ background: url(../_img/_layout/bg_tit.jpg) no-repeat; font-size: 18px; color: #fff; width: 310px; height: 50px; line-height: 60px; padding: 0 0 0 60px; margin: 10px 0 5px 0;}
hr				{ height: 1px; font-size: 1px; line-height: 1px; border: none; border-top: 1px solid #9c9c9c; margin: 10px 0 0 0; *margin: 0; }
p				{ color: #606060; font-size: 12px; margin:  5px 0 15px 0; /**margin: 16px 0 0 0; */ line-height: 18px; }
div#all			{ background: #fff; /*margin: 0 2px 0 4px;*/ width: 938px;}

/* ---------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------*/
div#header		{ background: url(../_img/_layout/bg_header.png) no-repeat; margin: 0 0 0 -5px; }
div#header h1 a	{ display: block; text-indent: -9999px; background: url(../_img/_layout/logo_dati.png) no-repeat; width: 211px; height: 137px; float: left;}
div#h_side		{ float: left; margin: 0 0 0 20px; width: 680px; }
.tit_conces		{ display: block; }
.lgh			{ float: left; margin-right:10px; }
.field_busca	{ border: 1px solid #8f8f8f; float: left; height: 18px; padding: 2px 0 0 2px; width: 235px; color: #7f848f; font-size: 14px; margin: 0;}
.bt_busca		{ text-indent: -9999px; background: url(../_img/_buttons/bt_search.gif) left top no-repeat; border: none; width: 25px; padding: 0; float: left; margin: 1px 0 0 0}
.form_busca		{ margin: 20px 0 0 35px; float: left; }
/* ---------------------------------------------------------------------------- NAV  ----------------------------------------------------------------------------*/
div#nav			{ background: url(../_img/_layout/bg_nav.png) no-repeat top left; height: 49px; padding: 0 0 0 20px; margin-left:5px; }
div#nav ul			{ background: url(../_img/_layout/bg_ul_nav.jpg); height: 49px; }
div#nav a			{ display: block; float: left; height: 49px; text-indent: -9999px; position: relative; }
div#nav li 			{ display: inline; }
a.emp			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -17px top; width: 72px;  }
a.ser			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -108px top; width: 76px; margin: 0 0 0 20px;  }
a.esq			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -207px top; width: 115px; margin: 0 0 0 20px;  }
a.sup			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -344px top; width: 104px; margin: 0 0 0 20px;  }
a.not			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -472px top; width: 70px; margin: 0 0 0 20px;  }
a.ass			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -565px top; width: 150px; margin: 0 0 0 20px;  }
a.con			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -739px top; width: 67px; margin: 0 0 0 20px;  }
a.prod			{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -826px top; width: 92px; margin: 0 0 0 20px;   }
/* HOVER */
a:hover.prod	{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -826px bottom; width: 92px; margin: 0 0 0 20px;   }
a:hover.con		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -739px bottom; width: 67px; margin: 0 0 0 20px;  }
a:hover.ass		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -565px bottom; width: 150px; margin: 0 0 0 20px;  }
a:hover.not		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -472px bottom; width: 70px; margin: 0 0 0 20px;  }
a:hover.sup		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -344px bottom; width: 104px; margin: 0 0 0 20px;  }
a:hover.esq		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -207px bottom; width: 115px; margin: 0 0 0 20px;  }
a:hover.ser		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -108px bottom; width: 76px; margin: 0 0 0 20px;   }
a:hover.emp		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -17px bottom; width: 72px;  }
a.active		{ background-position: bottom }
/* ACTIVE */
a.act_con	 	{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -739px bottom; width: 67px; margin: 0 0 0 20px;  }
a.act_ass		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -565px bottom; width: 150px; margin: 0 0 0 20px;  }
a.act_not		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -472px bottom; width: 70px; margin: 0 0 0 20px;  }
a.act_sup		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -344px bottom; width: 104px; margin: 0 0 0 20px;  }
a.act_esq		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -207px bottom; width: 115px; margin: 0 0 0 20px;  }
a.act_ser		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -108px bottom; width: 76px; margin: 0 0 0 20px;   }
a.act_prod		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -826px bottom; width: 92px; margin: 0 0 0 20px;   }
a.act_emp		{ background: url(../_img/_buttons/bg_btns.jpg) no-repeat -17px bottom;  width: 72px; }

/* ---------------------------------------------------------------------------- MAIN ----------------------------------------------------------------------------*/
div#main			{ width: 940px; margin: 0 auto; padding: 0 0 0 4px; }

/* ---------------------------------------------------------------------------- BANNER ----------------------------------------------------------------------------*/
/*div#center_banner{ margin: 0 0 0 -6px; }*/
div#center_banner	{background: url(../_img/_layout/bg_head.jpg) no-repeat 0 bottom; height: 283px;}
div#center_banner img{ float: left; }
div#center_banner a{ display:block;float: left; }
div#gallery {background: url(../_img/_layout/background_carrousel.jpg) no-repeat 0 -2px;; height: 283px;width:689px;float:left;}
div#gallery img { position:relative;top:17px;left:18px; }
div#banner { position: relative; height: 275px; width: 690px; float: left;}
.jcarousel-control  { position: absolute; bottom: 5px; right: 5px; }
.jcarousel-control a { padding: 5px; background: #fff; color: #000; margin: 0 1px; font-size: 11px; }

/* ---------------------------------------------------------------------------- CATEGORIA EQUIPAMENTOS ----------------------------------------------------------------------------*/
div#side_cates				{ width: 175px; float: left; margin: 0 0 20px 0; }
div#cate						{ width: 175px; margin: 10px 0 0 0; }
div#top_cate					{ height: 20px; background: url(../_img/_layout/bg_top_cat.jpg) no-repeat; }
div#bottom_cate				{ height: 14px; background: url(../_img/_layout/bg_bot_cat.jpg) no-repeat; }
div#center_cate				{ background: url(../_img/_layout/bg_center_cat.jpg) repeat-y; min-height: 50px; }
* html div#center_cate			{ height: 50px; }
div#center_cate ul				{ background: #838383; width: 162px;  margin: 0 0 0 5px; padding: 5px 0;  }
div#center_cate ul li ul			{ margin: 0; display: none; }
div#center_cate a				{ font-size: 12px; color: #fff;padding: 0 10px; display: block; height: 20px; line-height: 20px;}
div#center_cate h2.filt_busc	{ height: 35px; line-height: 35px; color: #fff; font-size: 14px; background: #a5a5a5; width: 154px; margin: 0 0 0 5px; padding: 0 0 0 8px;}
div#center_cate h2 a			{ /*height: 35px; line-height: 35px;*/ height: auto; padding: 3px 0; color: #fff; font-size: 14px; background: url(../_img/_bullets/arrow_more.gif) no-repeat  5px center; #a5a5a5; width: 137px;/* margin: 0 0 0 5px;*/ padding: 0 0 0 25px; margin: 0 0 5px 0;}
div#center_cate li.tp_busc		{ color: #fff; font-size: 14px; padding: 10px 0 10px 5px; font-weight: bold; }
div#center_cate h2 a:hover		{ color: #fff; font-size: 14px;  width: 137px;  padding: 0 0 0 25px; background: url(../_img/_bullets/arrow_more.gif) no-repeat  5px center  #d2d2d2;}
div#center_cate h2 a.active	{   color: #fff; font-size: 14px; font-weight: bold; background: url(../_img/_bullets/arrow_less.gif) no-repeat 5px center  #838383; width: 137px;  padding: 0 0 0 25px;}
div#center_cate a:hover		{ background: #d2d2d2; color: #a85409;    }
div#center_cate a.active_sub	{ background: #d2d2d2; color: #a85409; font-weight: bold;  }
div#center_cate a                         { padding: 0 0 0 20px;  }
#promocoes					{ margin: 25px 0 0 -5px; display: block; width: 180px; }
div#content_equip			{ float: left; width: 495px; margin: 0 0 0 5px }

/* ---------------------------------------------------------------------------- SIDE PROMO LEFT ----------------------------------------------------------------------------*/
div#side_lanca				{ background: url(../_img/_layout/bg_promo.jpg) no-repeat; width: 181px; height:292px; padding: 15px 0 0 0;  }
ul#list_lanca				{ margin: 20px 0 0 5px; width: 181px ;   }
ul.lancamentos				{ width: 118px; }
ul#list_lanca li  a				{ display: block; float: left; font-size: 10px; color: #000; }
ul#list_lanca li				{ width: 130px !important; }
ul#list_lanca li span			{ display: block; text-align: center; font-weight: bold; line-height: 15px;}
ul#list_lanca li img			{ margin: 0 0 10px 0; }
div#side_lanca h2				{ background: url(../_img/_layout/lancamentos.jpg) no-repeat; width: 131px;height: 21px; text-indent: -9999px; margin: 0 0 0 25px;}

/* ----------------------------------------------------------------------------  EQUIPAMENTOS INTERNO  ----------------------------------------------------------------------------*/
div#content_detalhes			{ width: 315px; margin: 0 10px; float: left; }


/* ---------------------------------------------------------------------------- SIDES VENDAS EQUIP. SUPORT. ----------------------------------------------------------------------------*/
div#side_es			{ width: 745px; float: left; }
div.equip_suport		{ width: 359px; float: left; }
div.top_sides		{ height: 265px; }
div.top_sides h2		{ text-transform: uppercase; color: #696a6e; font-size: 14px; padding: 20px 0 0 30px; font-weight: bold; }
div.center_sides		{ background: url(../_img/_layout/bg_center_vendas.jpg) repeat-y; padding: 0 45px; height: auto; min-height: 50px; }
* html div.center_sides{ height: 50px; }
div.center_sides p	{ margin: 0; padding: 0 0 10px 0; }
div.bottom_sides		{ background: url(../_img/_layout/bg_bot_vendas.jpg) no-repeat; height: 65px; }
div#eq_top			{ background: url(../_img/_layout/bg_topsup.jpg) no-repeat left top; }
div#supr_top			{ background: url(../_img/_layout/bg_topvend.jpg) no-repeat left top; }
div#supr_vend		{ margin: 0 0 0 25px; }

/* ---------------------------------------------------------------------------- EQUIPAMENTOS ----------------------------------------------------------------------------*/
div#content_equip				{ margin: 10px 0 10px 15px float: left; }
h2.tit_pg						{ color: #000; margin: 12px 0 0 10px; }
ul#tp_pagi						{ background: url(../_img/_layout/bg_pgequip.jpg) repeat-x center; padding: 0 0 0 380px;}
ul#pagi_bottom					{ margin: 0 0 20px 40px; }
ul.pagi_equip  					{  height: 20px;}
ul.pagi_equip li					{ display: inline;  }
ul.pagi_equip li a					{ display: block; float: left; width: 18px; height: 18px; text-align: center; font-size: 12px; border: 1px solid #000; line-height: 20px; margin: 0 0 0 3px; color: #000;background: #fff;  }
ul.pagi_equip li a:hover			{ background: #4d96d9; color: #fff; }
ul.pagi_equip li.ui-tabs-selected a { background: #4d96d9 ; color: #fff; }
ul.pagi_equip li a.active			{ background: #4d96d9 ; color: #fff; }
ul.pagi_equip li a.bcontrol		{ background: none; border: none;}
ul.pagi_equip li a:hover.bcontrol 	{ color: #4d96d9; }
div#pic_equip					{ width: 310px; height: 190px; margin: 10px 0 0 100px; }
#rotator .ui-tabs-hide 			{ display:none;}
ul.list_equips 					{ margin: 30px 0 30px  30px;}
ul.list_equips li 					{ display: inline; }
ul#list-busca li a					{ width:130px; display: block; text-align: center; float: left; margin: 0 18px  25px 12px; height: 120px}
ul.list_equips li a				{ width:110px; display: block; text-align: center; float: left; margin: 0 12px  20px 12px; height: 120px}
ul.list_equips span.tit			{ font-size: 12px; color: #000;  margin: 0 0 8px 0; font-weight: bold; }
ul.list_equips span				{ display: block;   }
ul.list_equips span.pic			{ border: 1px solid #c7c7c7;  height: 81px; width: 106px; padding: 25px 0 0 0; }
div#side_busc					{ float: left; margin: 10px 0 0 10px; }
div#area_busca					{ background: url(../_img/_layout/bg_search.jpg) no-repeat; width: 156px; height: 254px; padding: 5px 10px  }
div#area_busca h2					{ font-size: 12px; color: #000; font-weight: bold; }
div#area_busca p					{ margin: 17px 0; font-size: 12px; color: #000; }
div#area_busca input.field_b		{ border: 1px solid #606060; width: 155px; height: 15px; margin: 0 0 7px 0; font-size: 11px; color: #838383; padding: 2px 0 0 0; }
div#area_busca select				{ width: 155px; margin: 0 0 7px 0px; color: #838383; font-size: 11px; height: 18px; border: 1px solid #606060; }
div#area_busca input.bt_busca		{  width: 58px; height: 19px; }

/* ---------------------------------------------------------------------------- CONTENT ----------------------------------------------------------------------------*/
div#content		{ background: #fff; padding: 10px 70px; width: 798px; }
a.solucoes		{ color: #303b77; font-size: 14px; font-weight: bold; width: 210px; display: block; float: left; margin: 20px 0 0 0;}
a:hover.solucoes{ text-decoration: underline; }
a.bt_01			{ display: block; width: 100px; height: 85px; background: url(../_img/_buttons/bt_01.jpg) top left no-repeat; float: left; }
a:hover.bt_01	{ background: url(../_img/_buttons/bt_01.jpg) no-repeat bottom left; }
a.bt_02			{ display: block; width: 100px; height: 85px; background: url(../_img/_buttons/bt_02.jpg) top left no-repeat; float: left; }
a:hover.bt_02	{ background: url(../_img/_buttons/bt_02.jpg) no-repeat bottom left; }
a.bt_03			{ display: block; width: 100px; height: 85px; background: url(../_img/_buttons/bt_03.jpg) top left no-repeat; float: left; }
a:hover.bt_03	{  background: url(../_img/_buttons/bt_03.jpg) no-repeat bottom left; }
a.bt_04			{ display: block; width: 126px; height: 85px; background: url(../_img/_buttons/bt_04.jpg) top left no-repeat; float: left; }
a:hover.bt_04	{ background: url(../_img/_buttons/bt_04.jpg) no-repeat bottom left;  }
a.bt_05			{ display: block; width: 126px; height: 85px; background: url(../_img/_buttons/bt_05.jpg) top left no-repeat; float: left; }
a:hover.bt_05	{ background: url(../_img/_buttons/bt_05.jpg) no-repeat bottom left;  }
a.bt_06			{ display: block; width: 126px; height: 85px; background: url(../_img/_buttons/bt_06.jpg) top left no-repeat; float: left; }
a:hover.bt_06	{ background: url(../_img/_buttons/bt_06.jpg) no-repeat bottom left; }
span.divisao		{ background: url(../_img/_layout/divisao.jpg) no-repeat; width: 10px; height: 85px; float: left; margin: 0 8px; }

.list_solu li		{ margin: 0 0 10px 10px;position:relative; }
.list_solu li img		{ float:left; }
.list_solu li p		{ float:left; font-size:11px; width:250px;margin-left:10px; }
.leia-mais  { margin-left:100px;color:#000;  }
.leia-mais:hover { text-decoration:underline !important;  }
a.bt_nesc		{ background: url(../_img/_buttons/bt_equip.jpg) no-repeat top left; height: 148px; width: 870px; display: block; text-indent: -9999px }
a:hover.bt_nesc	{ background: url(../_img/_buttons/bt_equip.jpg) no-repeat bottom left; }

/* ---------------------------------------------------------------------------- CONTENT INTERNO ----------------------------------------------------------------------------*/
div#content_interna_esp		{ width:908px;  background: url(../_img/_layout/bg_content_interno.jpg) repeat-x top #fff; padding: 10px 10px 10px 20px; float: left;}
div#content_interna			{ width: 649px;  background: url(../_img/_layout/bg_content_interno.jpg) repeat-x top #fff; padding: 10px 20px 10px 20px; _padding: 10px 12px 10px 20px; float: left;}
p.bread						{ font-size: 11px; color: #a8a8a8; font-weight: bold; padding: 5px 0 0 0; margin: 0 0 25px 0;}
.arrow_bread				{ font-weight: normal; }
.loca_goo					{ color: #2142bd; font-size: 14px; text-align: center; font-weight: bold; display: block; margin: 10px 0; }

/* ---------------------------------------------------------------------------- ASSISTÊNCIA TÉCNICA ----------------------------------------------------------------------------*/
div.box-tp1					{ float: left; width: 283px; height: 460px; background: url(../_img/_layout/box-tp1.jpg) no-repeat;  margin: 10px 0 0 0; padding: 25px;}
div.box-tp1 h2				{ font-size: 14px; color: #777777; font-weight: bold; }
div.box-tp1 select,input			{ font-size: 11px; color:  #353535; margin: 10px 0 0 0; width: 270px; height: 16px; border: 1px solid #d7d7d7; font-style: italic; }
div.box-tp1 select				{ *height: 20px; }
div.box-tp1 textarea			{ width: 258px; height: 100px; padding: 5px; margin: 25px 0 0 0; border: 1px solid #d7d7d7; font-size: 11px; color:  #353535;  overflow: auto;}
div.box-tp1 input				{ padding: 2px 0 0 0; }
div.box-tp1 input.bt_sub		{ width: 137px; height: 49px; margin: 10px 0 0 0; border: none;}
div p.obr						{ margin-top:10px !important; }
p.alert-error                              { height: 20px; color: red; }
p.txt-info                                    { font-size: 12px; font-style: italic; margin: 0 0 5px 0 !important; background: #e2e2e2; padding: 0 0 0 5px; width: 263px;  }
div.box-tp2					{ float: left; width: 191px; height: 417px; background: url(../_img/_layout/box-tp2.jpg) no-repeat;  margin: 10px 0 0 0; padding: 25px; }
div.box-tp2 h2				{ font-size: 14px; color: #777777; font-weight: bold; }
div.box-tp2 ul					{ margin: 20px 0 0 0; }
div.box-tp2 li 					{ margin: 0 0 30px 0; }
div.box-tp2 li span				{ display: block; font-size: 12px; line-height: 15px; }
div.box-tp2 li span.date		{ color: #3a74d1;  font-weight: bold; }
div.box-tp2 li span.info		{ color: #777777; }

/* ---------------------------------------------- OVERPG ---------------------------------------------- */
div#overpage 					{ background: #ccc;     }
div#overpage div.main				{  overflow: auto;  }
div#overpage div.main div			{ padding: 10px; }
div#overpage div .main p				{ line-height: 18px; margin: 0 0 10px 0;  }
div#overpage div.main a				{ font-size: 11px; color: #C8593E; }
div#overpage div.main a:hover		{ text-decoration: underline; }
div#overpage div.main p				{ font-size: 11px; color: #874700; margin: 0 0 10px 0;}
div#overpage h3				{ height: 30px; line-height: 30px; background: #f1f1f1; padding: 0 10px; color:#874700; font-size:18px;  }
div#overpage h3 span			{ color:#874700; font-size:18px;   float: left;}
div#overpage p.line-close 	{   }
div#overpage h3 a				{  float: right; display: block; font-weight: bold; font-size: 11px; color: #636363; }
div#overpage h3 a:hover		 { text-decoration: underline; }

/* ---------------------------------------------------------------------------- SHOW ROOM ----------------------------------------------------------------------------*/
ul.list-perguntas input		{ width: 10px; float: left;margin: 0 ; }
form#necs input.bt_reco		{ background: url(../_img/_buttons/bt_recom.jpg) no-repeat; width: 269px; height: 49px; margin: 20px 0; border: 0; }
form#necs input				{border: none; }
ul.list-perguntas label		{ width: 110px; float: left; display: block; font-size: 11px; color: #606060; padding: 2px 0 0 5px; }
ul.list-perguntas p			{ color:#606060; font-size:12px; line-height:18px; margin: 0 !important; *border: 1px solid #fff; font-weight: bold;}
ul.list-perguntas li			{ margin: 0 0 10px 0;   width: 614px; }
ul.list-perguntas li div.bg-ask-top { background: url(../_img/_layout/bg-ask-top.jpg) no-repeat top left; height: 23px; width: 614px; }
ul.list-perguntas li div.bg-ask-bot { background: url(../_img/_layout/bg-ask-bot.jpg) no-repeat top left; height: 23px; width: 614px; }
ul.list-perguntas li div.bg-ask-cen { background: url(../_img/_layout/bg-ask-cen.jpg)  ;  padding: 0 20px; }

div#showroom					{/* width: 520px;*/ background: url(../_img/_layout/bg_show.jpg) no-repeat;  height: 140px; overflow: hidden; position: relative;}
div#showroom li a				{ display: block; float: left; border: 2px solid #868686 }
div#showroom li a:hover			{  border: 2px solid #2142BD }
div#side_bts					{ float: right; padding: 5px 0 0 0; background: #FFFFFF url(../_img/_layout/bg_content_interno.jpg) repeat-x scroll center top }

/* ---------------------------------------------------------------------------- SERVIÇOS ----------------------------------------------------------------------------*/
div#content_serv				{ background: #FFFFFF url(../_img/_layout/bg_content_interno.jpg) repeat-x scroll center top; padding: 10px 0px 10px 25px; width: 913px; }
ul.list_serv					{ margin: 0 0 20px 0; }
ul.list_serv li				{ float: left; width: 430px; height: 150px; margin: 0 0 20px 0; }
ul.list_serv li.list_tp2 div	{ float: left; width: 300px; margin: 0 0 0 10px }
ul.list_serv li  div				{ float: left; width: 280px; margin: 0 0 0 5px; padding: 5px;}
ul.list_serv li p				{ margin: 10px 0 0 0; }
ul.list_serv li h2				{ margin: 0; }
ul.list_serv li.list_tp2		{ width: 425px; border-right: 10px solid #7e9fe1;padding: 0 7px 0 0;}
ul.list_serv li a				{ font-size: 12px; color: #2142bd; text-decoration: underline; text-align: right; display: block; margin: 15px 0 0 0;  }
ul.list_serv li  div a			{ height: 25px; line-height: 25px;  }
ul.list_serv li a:hover		{ text-decoration: none; color: #cc0000; }
a.tpserv1					{ display:block; float:left; height:85px; width:100px; background: url(../_img/_buttons/bt_01.jpg) left top no-repeat; margin: 10px 10px 0px 0; }
a:hover.tpserv1				{ background: url(../_img/_buttons/bt_01.jpg) no-repeat left bottom; }
a.tpserv2					{ display:block; float:left; height:85px; width:105px; background: url(../_img/_buttons/bt_02.jpg) no-repeat left top; margin: 10px 10px 0px 0; }
a:hover.tpserv2				{ background: url(../_img/_buttons/bt_02.jpg) no-repeat left bottom; }
a.tpserv3					{ display:block; float:left; height:85px; width:105px; background: url(../_img/_buttons/bt_03.jpg)  no-repeat left top; margin: 10px 10px 0px 0; }
a:hover.tpserv3				{ background: url(../_img/_buttons/bt_03.jpg) no-repeat left bottom; }
a.tpserv4					{ display:block; float:left; height:85px; width:120px; background: url(../_img/_buttons/bt_04.jpg)  no-repeat left top; margin: 10px 10px 0px 0; }
a:hover.tpserv4				{ background: url(../_img/_buttons/bt_04.jpg) no-repeat left bottom; }
a.tpserv5					{ display:block; float:left; height:85px; width:125px; background: url(../_img/_buttons/bt_05.jpg) no-repeat left top; margin: 10px 10px 0px 0; }
a:hover.tpserv5				{ background: url(../_img/_buttons/bt_05.jpg) no-repeat left bottom; }
a.tpserv6					{ display:block; float:left; height:85px; width:125px; background: url(../_img/_buttons/bt_06.jpg)  no-repeat left top; margin: 10px 10px 0px 0; }
a:hover.tpserv6				{ background: url(../_img/_buttons/bt_06.jpg) no-repeat left bottom; }

/* ---------------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------------*/
div#footer					{ background: url(../_img/_layout/bg_footer.jpg) #dcdcdc repeat-x; height: 73px; /*margin: 0 1px 0 4px;*/ padding: 15px 0 0 0;  width: 938px;position:relative;}
div#footer p					{ text-align: left; font-size: 12px; color: #3d3d3d; line-height: 18px; margin: 0 0 0 15px;}
div#footer a					{ font-weight: bold; font-size: 12px; color: #3d3d3d; text-decoration: none; }
div#footer a.m2				{ float: right; margin: 0 15px 0 0; }
div#side_solu				{ float: left; width: 370px; }

div#side_serv				{ float: left; margin: 0 0 0 55px; width: 370px; }
.twitter-logo 				{ display:block;width:30px;height:30px;text-indent:-9999px;background:transparent url(../_img/_layout/twitter_logo.jpg) no-repeat;position:absolute;top:20px;left:818px; }
.orkut-logo 					{ display:block;width:61px;height:28px;text-indent:-9999px;background:transparent url(../_img/_layout/orkut_logo.jpg) no-repeat;position:absolute;top:20px;left:857px; }
.grafrio 							{ display:block;width:117px;height:84px;background:transparent url(../_img/_layout/grafrio.jpg) no-repeat;position:absolute;top:0;left:682px; }
/* ---------------------------------------------------------------------------- NOTÍCIA INTERNA ----------------------------------------------------------------------------*/
div#pic_noticia				{ float: left; margin: 15px 20px 0 0; }
div#pic_noticia img			{ border: 1px solid #abafb3; }
p.title_noticia span			{ display: block; }
p.title_noticia span.date	{ font-size: 12px; color: #ce0000;  }
p.title_noticia span.titl	{ font-size: 18px; color: #414141; margin: 2px 0 0 0; }

ul.list_notici li img			{ float: left; margin: 0 10px 0 0; border: 1px solid #999;}
ul.list_notici li				{ margin: 0 0 20px 0;color: #606060;font-size: 12px; position:relative; }
* html ul.list_notici li				{ height:88px; }
ul.list_notici li a			{ cursor: pointer; }
ul.list_notici li a span		{ font-size: 12px; color: #606060; display: block; line-height: 15px; float: left; width: 500px; }
ul.list_notici li a span.tit	{ font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; }
ul.list_notici li a:hover		{ text-decoration: underline; }

div#lis-esp-not 					{ text-align: center; }
div#lis-esp-not p a					{ border: 1px solid #2C2C2C; padding: 0px 4px 1px 4px; color: black; }
div#lis-esp-not p a.numeros:hover	{ background-color: #3E91DD; color:#fff; }
div#lis-esp-not p a.setas			{ border: none; }
div#lis-esp-not p a.setas:hover		{ color: #3E91DD; }
div#lis-esp-not p span.pagina-atual	{ border: 1px solid #2C2C2C; padding: 0px 4px 1px 4px; color: #fff; background-color: #3E91DD; }

/* ---------------------------------------------------------------------------- SERVIÇOS INTERNO ----------------------------------------------------------------------------*/
div.pic_det					{  border: 1px solid #bfbfbf; padding: 15px 20px 15px 15px; margin: 10px 0 0 0; width: 270px; }
ul.list_pics	li 				{ display: inline; }
ul.list_pics	li a				{ display: block; float: left; border: 1px solid #dbdbdb; margin: 10px 3px 10px 0; }
ul.list_opcoes li a			{ display: block; font-size: 14px; font-weight: bold; color: #000; }
ul.list_opcoes li a.serv1		{ background: url(../_img/_bullets/soli.jpg) no-repeat left center; padding: 20px 0 0 40px; height: 30px;  }
ul.list_opcoes li a.serv2		{ background: url(../_img/_bullets/reco.jpg) no-repeat left center; padding: 20px 0 0 40px; height: 30px; }
ul.list_opcoes li.serv3		{ background: url(../_img/_bullets/alu.jpg) no-repeat left center; padding: 0 0 0 40px;line-height: 20px; font-size: 14px; font-weight: bold; color: #000; }

/* ---------------------------------------------------------------------------- DADOS EQUIPAMENTO ----------------------------------------------------------------------------*/
div#dados					{ }
div#dados_side				{ border: 1px solid #bebebe; width: 360px; float: left; height: auto; margin: 40px 0 0 0;  }
div#dados_side div				{ padding: 5px 10px; }
ul#nav_dados					{ position: relative; margin: -30px 0 0 -1px; border: 1px solid #BEBEBE; border-right:none; border-top: none; border-bottom: none; }
ul#nav_dados li				{ display: inline; }
ul#nav_dados a				{ display: block; width: 145px; height: 30px; background: #f6f6f6; border: 1px solid #BEBEBE; float: left; border-left: none; font-weight: bold; font-size: 14px; color: #acacac; line-height: 30px; text-align: center;  }
ul#nav_dados a.active			{ background: #fff; color: #000; border-bottom: none; }
div#box-dados li p				{ font-size: 11px; color: #000; }
div#box-desc	p				{ font-size: 11px; color: #000; }
div#box-dados li p span			{ display: block; }
div#box-dados li p .tit			{ font-weight: bold;  }
/* ---------------------------------------------------------------------------- SERVIÇOS INTERNO ----------------------------------------------------------------------------*/
.img_serv					{ float: left; margin: 0 15px 0 0;}
div.info_serv				{ width: 535px; float: left; }
div.info_serv h2				{ text-transform: uppercase; }
a.nesc_side					{ float: right; margin: -52px 0 0 0;}
ul#list_serv					{ margin: 20px 0 0 0; }
ul#list_serv	li				{ background: url(../_img/_layout/bg_listserv.jpg) no-repeat center left;  line-height: 23px; margin:  0 0 10px 0; padding: 0 0 0 25px; font-size: 14px; }
div#prod_rel					{ background: url(../_img/_layout/bg_prel.jpg) no-repeat ; width: 890px; height: 237px; padding: 15px 0 0 20px; }
* html div#prod_rel			{  width: 890px; }
div#prod_rel li 				{ float: left; display: inline;  margin: 20px 0 0 30px; width: 170px; }
div#prod_rel li span			{ display: block; text-align: center; width: text-transform: uppercase; }
div#prod_rel li a				{ color: #000; font-size: 12px; font-weight: bold;  }
div#prod_rel li img				{  display: block; margin: 20px  auto 10px auto; }
/* --------------------------------------------------------------------------- Busca ----------------------------------------------------------------------------*/
div#content_busc				{ width: 670px ; float: left; margin: 0 0 0 20px; }
select.filtro_busca			{ float: right; margin: 10px 30px 10px 0; width: 200px; }
.telBusca 							{ font-size:10px;width:250px;float:left;padding-left:20px;text-align:right; }
/* --------------------------------------------------------------------------- Busca ----------------------------------------------------------------------------*/
ul#pagi_busca				{ float: right;  margin: 10px 30px 10px 0;  }
/* ---------------------------------------------------------------------------- CONTATO ----------------------------------------------------------------------------*/
div#content_contato			{ width: 552px; height: 398px; background: url(../_img/_layout/bg_cont.jpg) no-repeat; padding: 60px 0 0 10px; margin: 0 0 0 30px;  }
div#content_contato input 		{ display: block; float: left; border: 1px solid #d7d7d7; width: 230px; height: 18px; padding: 6px 0 0 2px; margin: 0 0 0 22px; font-size: 11px; color: #353535;}
div#content_contato select 		{ display: block; float: left; border: 1px solid #d7d7d7; width: 235px; height: 25px; margin: 18px 0 0 22px; font-size: 11px; color: #353535; padding: 3px }
div#content_contato select.assunto { display: block; width: 490px;}
div#content_contato textarea	{ width: 480px; border: 1px solid #d7d7d7; padding: 5px; margin: 18px 0 0 22px; height: 165px; font-size: 11px; color: #353535; overflow: auto;}
div#content_contato input.env	{ width: 100px; height: 36px; padding: 0; margin: 10px 40px 0 0 ; float: right; background: url(../_img/_buttons/bt_env.jpg) no-repeat right top; text-indent: -9999px; border: 0;}
div#confirm					{  height: 400px; }
div#confirm p					{ text-align: center; padding: 60px 0 0 0; color: #0A14A7; font-weight: bold; }

* html div#content_contato input 	{  margin: 0 0 0 11px; width: 240px}
* html div#content_contato select { margin: 18px 0 0 11px; width: 240px; }
* html div#content_contato select.assunto { display: block; width: 498px;}
* html div#content_contato select.sel_cid	{ margin: 18px 0 0 18px  }
* html div#content_contato textarea	{ width: 485px; }
* html div#content_contato input.env	{  margin: 10px 17px 0 0 ; }

/* ---------------------------------------------------------------------------- ÁREA DE LOGIN ----------------------------------------------------------------------------*/
div#login					{ width: 245px; height: 281px; background: url(../_img/_layout/bg_login.jpg) no-repeat; padding:25px 20px 0 19px; margin: 20px auto 20px auto; }
div#login h2					{ font-size: 14px; color: #777777; width: 200px; text-align: center ; margin: 0 auto;}
div#login input 				{ width: 240px; height: 18px; padding: 4px 0 0 2px; }
div#login input.bt_cont		{ width: 137px; height: 40px; border: none; margin: 30px 0 0 40px; }

div#alug						{ width: 400px; height: 411px; background: url(../_img/_layout/bg_alug.jpg) no-repeat; padding: 30px 0 0 30px; }
div.info_serv a.bt_equip		{ display: block; width: 245px; height: 49px; text-indent: -9999px; background: url(../_img/_buttons/bt_verequip.jpg) no-repeat top left;  margin: 30px 0 10px 220px;}
div.info_serv a:hover.bt_equip{ display: block; width: 245px; height: 49px; text-indent: -9999px; background: url(../_img/_buttons/bt_verequip.jpg) no-repeat bottom left; }

/* ---------------------------------------------------------------------------- RECOMENDAR PRODUTO ----------------------------------------------------------------------------*/
ul#area_opcoes				{ position: relative; margin: 0 0 20px 0; }
div#recon					{ width: 280px; /*height: 270px;*/ background: #fff; padding: 10px; border: 1px solid #BFBFBF;position: absolute;  display: none; }
div#recon label				{ display: block; font-size: 12px; color: #2142BD}
div#recon input				{ margin: 5px 0 10px 0; padding: 5px 0 0 2px; font-style: normal; height: 18px; }
div#recon input.bt_env			{ width: 100px; height:35px; border: none; }
div#recon a					{ text-align: right; font-size: 12px; font-weight: bold; color: #2142BD; width: 100%; display: block; }

/* ---------------------------------------------------------------------------- ROLLOVER PEDIDOS ----------------------------------------------------------------------------*/
ul.list-pedidos                             {  }
ul.list-pedidos li                           {  cursor: pointer; }
ul.list-pedidos li div                      { position: absolute; min-height: 150px; width: 300px; background: #eeeeee; right: 1px; padding: 10px; border: 3px solid #aeaeae; display: none;}

/* ---------------------------------------------------------------------------- CLASSES ----------------------------------------------------------------------------*/
a.bt_voltar					{ background: url(../_img/_buttons/bg_voltar.jpg) no-repeat top left; display: block; width: 100px; height: 31px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 31px; margin: 20px 0 20px 0px;}
a:hover.bt_voltar			{ background: url(../_img/_buttons/bg_voltar.jpg) no-repeat bottom left; color: #3a74d1 ;  }

/* ---------------------------------------------------------------------------- HELPERS ----------------------------------------------------------------------------*/
.clear						{ clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.left						{ float: left; margin: 0px 10px 10px 0; }
.right						{ float: right; margin: 0px 0 10px 10px; }
.req						{ color: red; margin-left: 5px; }
.att						{ color: red; font-weight: bold; }
.clearfix:after				{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix         				{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix               				{ display: block; }
/* End hide from IE Mac */


/* --------------------------------------------------------------------------------- *\
	JCarousel
\* --------------------------------------------------------------------------------- */


.jcarousel-skin-sete-foto .jcarousel-container-horizontal { width: 690px;  }
.jcarousel-skin-sete-foto .jcarousel-clip-horizontal { width: 690px;  }
.jcarousel-skin-sete-foto .jcarousel-item  { width: 690px; height: 274px; }
.jcarousel-skin-sete-foto .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-sete-foto .jcarousel-next-horizontal  { position: absolute; top: 100px; right: 10px; width: 36px; height: 72px; cursor: pointer; background: transparent url(../_img/_produtos/slide/gal-next.png) no-repeat 0 0; }

.jcarousel-skin-sete-foto .jcarousel-item-horizontal  { margin-left: 0px; _margin-left: 0; }
.jcarousel-skin-sete-foto .jcarousel-item-horizontal  a { display: block; border: 1px solid #999; width: 90px; height: 90px; }

.jcarousel-skin-sete-foto .jcarousel-next-disabled-horizontal,
.jcarousel-skin-sete-foto .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-sete-foto .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; }

.jcarousel-skin-sete-foto .jcarousel-prev-horizontal { position: absolute; top: 100px; left: 24px; width: 36px; height: 72px; cursor: pointer; background: transparent url(../_img/_produtos/slide/gal-prev.png) no-repeat 0 0; }

.jcarousel-skin-sete-foto .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-sete-foto .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-sete-foto .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; }

.jcarousel-skin-sete-video .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-sete-video .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-sete-video .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; }
/*-----------------------------------------------------------------------*/
.link-not { display:block;width:85px;height:85px;position:absolute;top:-1px;left:-2px; background:transparent url(../_img/_layout/moldura_pq.png) no-repeat;}


.mold { display:block;width:115px;height:115px;position:absolute;top:-3px;left:-4px; background:transparent url(../_img/_layout/moldura_gr.png) no-repeat;}




/* Página de produtos --------------*/

.produto {
display:block;
float:left;
width:206px;
height:270px;
padding:25px 20px;
margin:20px;
border: 1px solid #527A93;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.produto:hover {
border:#CCCCCC 1px solid;
}
.produto_titulo {
display:block;
color:#26355B;
border-bottom: 1px solid #26355B;
margin-bottom:3px;
font-size:14px;
padding-bottom:5px;
}

.produto_preco_avista {
color: #FF3300;
font-size:13px;
display:block;
margin-bottom:3px;
}
.produto_preco_promo {
color: #FF0000;
font-size:13px;
display:block;
margin-bottom:3px;

}

