/*
-----------------------------------------------
DHTMLX LTD. (c)2007
www.dhtmlx.com CSS
GLOBAL
version:  2007.12.03
----------------------------------------------- */
/* Heading */
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#454545; font-family: 'Maven Pro',Tahoma,sans-serif; line-height:1; }
h1{ font-size:2.5em; margin-bottom:15px; }
h2{ font-size:2.2em; margin-bottom:15px; }
h3{ font-size:1.9em; margin-bottom:15px; }
h4{ font-size:1.5em; margin-bottom:15px; }
h5{ font-size:1.5em; margin-bottom: 15px; padding:0px; font-style:italic; }
h6{ font-size:1.3em; margin-bottom: 15px; padding:0px; letter-spacing: 1px; }

.btn_topo {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_topo:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


img.shadow {padding:4px; border:1px solid #ededed;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
img.shadow:hover {-moz-box-shadow: 0 0 5px #cb5406;-webkit-box-shadow: 0 0 5px #cb5406; box-shadow: 0 0 5px #cb5406; border: 1px solid #cb5406;}
/* Resets, stylers & helpers */
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
.noMarginRight {margin-right:0 !important;}
.noMarginLeft {margin-left:0 !important;}
.noMarginTop {margin-top:0 !important;}
.noMarginBottom {margin-bottom:0 !important;}
.intro-text {color:#cb5406; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; margin:30px 0; text-shadow:0px 1px 0 rgba(0,0,0,0.2), 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff;}
/*  MAIN CLASSES  */
html{
	overflow-y: scroll;
}

body{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#000000;
	background:#ffffff;
	
}

div.dokuwiki{
	font-size:12px;
}

a:link, a:visited{
	xfont: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0379A1;
	text-decoration: underline;
}

a:active{
	xfont: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0482AD;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

a img, a img:hover{
	border:0;
	background-color: transparent; 
}

/* link image background remover for Opera */
a.noBG, a.noBG:hover{
	background: none;
}

/*td{
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}*/

b{
	color: #000000;
}

h1{
	font: 18px/18px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
}

h1.features{
	font: bold 19px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 0 0 0 22px;
	margin-bottom: -8px;
}

div.product_review_header h1{
	font: bold 20px/14px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;	
	margin: 0;
	padding-top: 20px;
	text-decoration: none;
}

div.product_review_header h1:hover{
	color: #C7C7C7;
}

h2{
	font: bold 14px/16px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 24px 0 6px 0;
}

h2.featbullet{
	font: bold 14px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 32px 0 0 0;
	background: url(images/features_bullet.gif) left no-repeat;
	background-position: 4px 50%;
	background-repeat: no-repeat;
	padding: 4px 6px 2px 22px;
	text-decoration: none !important;
}

div.bl_head_clear h2, div.bl_head_clear_c h2{
	margin: 0 0 0 0;
	padding: 10px 0 0 25px;
}

h2.inProducts{
	font: bold 14px/16px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 0 12px 0 0;
}
h10.inProductsh1{
	font: 12px Trebuchet MS, Arial, Tahoma;
	color:#900;
	margin: 0 12px 0 0;
}
h2.inFeatures{
	font: bold 14px/16px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 6px 0 2px 8px;
}

h2.inSapmle{
	font: bold 14px/16px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
}

h3{
	font: bold 12px/14px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
	margin: 2px 0 6px 0;
}

div.raz_words h2.inProducts{
	padding: 16px 14px 14px 70px;
	text-align: right;

}

/*  main div  */
.main{
	width: 912px;
}

/*  LISTS  */
ul{
	color: #000000;
	font: 11px/16px Arial, Tahoma, Helvetica, sans-serif;
	xmargin: 20px;
	xpadding: 0;
	xlist-style: disc;
}

/*list without points*/
ul.nopoint{
	list-style:none;
	margin: 0px;
	padding:0px;
}
/*  appliacation features list on main page  */
ul.inFeatures{
	list-style: none;
	color: #707070;
	font: bold 11px/20px Arial, Tahoma, Helvetica, sans-serif;
}

li.list_header{
	font: 16px/22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ABABAB;
	margin-left: -1px;
}

/*  list in Services, Try our other products */
div.try ul, div.services ul, div.demoapps ul{
	color: #464646;
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	margin: 22px 15px 0 18px;
	padding: 10px 0 5px 0;
	text-align: left;
}

/*  list in Latest updates  */
div.updates ul{
	color: #464646;
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	margin: 22px 15px 0 18px;
	padding: 10px 0 5px 0;
	text-align: left;
}

/*  list in NOW AVAILABLE download block on product page */
ul.inFresh{
	list-style: none;
	font: 11px/18px  Arial, Tahoma, Helvetica, sans-serif ;
	color: #000;
	padding: 0 0 0 20px;
	text-align: left;
	width: px;
}

ul.inFresh li{
	background: url(images/list.gif) left no-repeat;
	padding-left: 10px;
	line-height: 18px;
}

a.linktoallsamples{
	.font-weight:bold;
}

/* HEADER */
DIV.header, DIV.header_xm{
	width: 912px;
	height: 79px;
	background: url(images/bg_header_dhx.jpg);
	margin-top: 1px;
	font-size: 12px;
	
}
DIV.header_xm{
	background: url(../images/bg_header.jpg);
}

.header_old{
	width: 912px;
	height: 79px;
	background: url(images/bg_header.jpg);
	margin-top: 1px;
	font-size: 12px;
	
}

.header_menu_pos{
	height: 30px;
	width: 410px;
}

/* HEADER -- Profile, Company, Team, Contact Us and other internal pages image under header  */
.section_img{
	width: 912px;
	height: 70px;
	padding-bottom: 20px;
}

/* FOOTER */
.footer{
	width: 912px;
	height: 27px;
	margin: 24px 0 10px 0;
	padding: 13px 0 10px 0;
	border-top: 2px solid #e2e2e2;
	background-color: #fff;
	float: left;
	font: 10px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #797979;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	font: 10px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #797979;
	text-decoration: none;
}

a.footerlink:hover{
	font: 10px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #535353;
	background: #C1C1C1;
}

a.footerlinkimg:link, a.footerlinkimg:visited, a.footerlinkimg:active{
	font: 10px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #797979;
	text-decoration: none;
}

a.footerlinkimg:hover{
	font: 10px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #535353;
	background: #f6f6f6;
}

a.footerlink_nobg a:hover{
	background-color: red;
}

.raz_features_list{
	width:  245px;
	height: 147px;
	margin-left: 200px;
	padding-top: 10px;
}
/*  MAIN PAGE -- advertising space  */
/*  TOP PRODUCT  --  main div  */
.razs{
	width: 912px;
	height: 299px;
}	

/*  TOP PRODUCT  -- LEFT SPACE - photo and logo */
.raz{
	width: 456px;
	height: 299px;
	float: left;
}

/*  TOP PRODUCT  --  logo  */
.raz_logo{
	top: 178px;
	width: 120px;
	height: 54px;
	margin-left: 28px;
	position: absolute;
}

/*  TOP PRODUCT  --  RIGHT SPACE -- quote, app.features, learn more  */
.raz2{
	width: 456px;
	height: 299px;
	margin: 0;
	float: right;
}

.raz_quote{
	width: 456px;
	height: 70px;
	margin: 0;
	background: url(images/customer_quote_short.gif);
}

.raz_words{
	width: 456px;
	height: 62px;
	background-color: #EBEBEB;
}

.raz_features{
	width: 456px;
	height: 167px;
	background: url(images/bg_ad_features.gif) repeat top;
	margin: 0;
	text-align: left;
}

.bottom_content{
	width: 920px;
	height: 280px;
	float: left;
}

.left_content{
	height: 220px;
	float: left;
}

.try{
	width: 262px;
	height: 220px;
	background: url(images/title_try.gif) top left repeat-x;
	float: left;
}

.updates{
	width: 311px;
	height: 270px;
	background: url(images/title_upd_blog.gif) top left repeat-x;
	float: left;
}

.services{
	width: 339px;
	height: 110px;
	background: url(images/title_serv.gif) top left repeat-x;
	float: left;
}
.demoapps{
	width: 339px;
	height: 110px;
	background: url(images/title_demoapps.gif) top left repeat-x;
	float: left;
}

.vert_line{
	width: 1px;
	height: 220px;
	background: url(images/vert_line.gif) no-repeat left;
	float: left;
}

.button_learn{
	width: 124px;
	height: 36px;
	margin: 0;
	padding-top: 10px;
}

.button_prod{
	width: 141px;
	height: 25px;
	padding: 0 20px 10px 730px;
}

.button_clear{
	height: 25px;
	padding-top: 6px; 
}



.inFresh{
	color: #0482AD;
	text-align: right;
}

.bls .inFresh{
	width: 230px;
}

.bl{
	width: 264px;
	margin: 0;
	padding-top: 5px;
}

.bl_new{
	width: 234px;
	height: 40px;
	margin: 0;
}

/*  PRODUCT PAGE */
/*  PRODUCT PAGE -- blocks */
/*  PRODUCT PAGE -- main div for New Edition, Downloads, Supported Browsers, Customers Say, Documentation, Customer Logos */
.bls{
	width: 264px;
	margin: 0;
	padding: 0;
	float: right;
}

/*  BLOCK -- Clear*/
.bl_head_clear{
	width: 264px;
	height: 45px;
	background-image: url(images/bl_head_clear.gif);
}

/*  BLOCK -- Clear Collapsed*/
.bl_head_clear_c{
	width: 264px;
	height: 37px;
	background-image: url(images/bl_head_clear_c.gif);
	background-repeat: no-repeat;
}

/*  BLOCK -- Supported Browsers*/
.bl_head_brows{
	width: 264px;
	height: 45px;
	background-image: url(images/bl_head_brows.gif);
	margin-bottom: 10px;
}

/*  BLOCK -- middle space*/
.bl_middle{
	margin: 0;
	padding: 0 18px 4px 18px;
	background: url(images/bl_middle.gif) repeat-y;
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
}

ul.bl_middle, li.bl_middle, a.bl_middle, a.bl_middle:active, a.bl_middle:hover, a.bl_middle:visited{
	list-style: none;
	color: #000000;
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/null.gif);
}

div.bl_middle .customer{
	color: #808080;
	text-align: right;
	padding-bottom: 12px;
}

.bl_bottom{
	width: 264px;
	height: 11px;
	background: url(images/bl_bottom.gif) top no-repeat;
}

.product_header_logo{
	width: 620px;
	height: 56px;
	margin: 14px 0 18px 0;
	float: left;
	border-right: 4px solid #2D8EB6;
}

div.product_header_logo h2{
	color: #969696;
	text-align: right;
	margin: 12px 18px 0 0; 
	float: right;
}

.product_content{
	width: 620px;
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left
	padding: 0;
	float: left;
}

div.viaturas_header_logo h2,h10{
	color: #969696;
	text-align: right;
	margin: 12px 18px 0 0; 
	float: right;
}

.viaturas_header_logo{
	width: 900px;
	height: 56px;
	margin: 14px 0 18px 0;
	float: left;
	border-right: 4px solid #2D8EB6;
}
.viaturas_content{
	width: 900px;
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left
	padding: 0;
	float: left;
}

.internalpage_content{
	width: 830px;
	padding: 0 0 20px 30px;
	text-align: left;
}

.internal_services{
	width: 200px;
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 20px 20px;
	float: right;
}

/*  rss & newsletter link on the top of product pages  */
.rss_newsletter{
	width: 240px;
	height: auto;
	margin: 24px 0 0 20px;
	float: right;
}

h1.inSample{
	font: bold 18px/20px Trebuchet MS, Arial, Tahoma;
	color: #0482AD;
}

.screenshot{
	width: 120px;
	height: 120px;
	background: url(images/screen_shadow.gif) bottom center no-repeat;
	margin-left: 8px;
}

.internal_title{
	font: 14px/12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #A1A1A1;
	margin: 6px 0 4px 0;
}

.tab_content{
	width: 550px;
	height: 200px;
	padding: 34px 0 0 50px;
	overflow:visible;
}


.noCenter{
	text-align: left;
	padding: 30px 100px 40px 70px;
}

h1.title{
	margin:30px;
}

/* PRODUCTS PAGE - REVIEW */
.products_page_header{
	width: 620px;
	margin-top: 12px;
	float: left;
}

.product_review{
	width: 620px;
	height: 200px;
	float: left;
	margin-top: 22px;
}

.product_review_header{
	width: 600px;
	height: 60px;
	background: url(images/horiz_line.gif) top left no-repeat;
	padding: 5px 0 0 20px;
	float: left;
}

/*  NEWS  */
.news_date{
	font: 10px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#B0B0B0;
}

.news_title{
	font: bold 12px/12px Tahoma, Arial, Helvetica, sans-serif;
}

a.news:link, a.news:visited{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#0482AD;
	text-decoration: none;
}

a.news:active{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#0482AD;
	text-decoration: none;
}

a.news:hover{
	color: #5E5E5E;
	text-decoration: underline;
}



/* DOWNLOAD BUTTON in Now Available*/
.download_button{
	width: 264px;
	height: 44px;
	padding: 0;
	margin-bottom: 8px;
	background: url(images/bg_download2.gif) bottom center no-repeat;
}

/*screenshort container on Features page*/
div.feat_scr{
	overflow: hidden;
	margin-left: 10px;
}

/*skin buttons on products pages*/
div.skinbutton{
	float: left;
	width: 88px;
	text-align: center;
	height: 23px;
	padding-top: 4px;
	margin-right: 10px;
	font-size: 9px;
	font-weight: bold;
	background-repeat : no-repeat;
}
div.sb_inactive{
	cursor: pointer;
	background-image: url(images/but_theme_inactive.gif);
	color: gray;
}
div.sb_active{
	cursor: default;
	background-image: url(images/but_theme_active.gif);
	color: #0482AD;
}
div.skinslabel{
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	height: 23px;
	padding: 4px;
	color: #0482AD;
	font-weight: bold;
}

/*div box which includes samples lists*/
div.samplesbox{
	height:230px;
	margin-bottom:10px;
}
/* OUTROS */
/*////////////////////////////*/

/* EXTJS*/
.edit {
            background-image:url(../ext/shared/icons/fam/cog_edit.png) !important;
}

.add {
            background-image:url(../ext/shared/icons/fam/add.png) !important;
}
.delete {
            background-image:url(../ext/shared/icons/fam/delete.gif) !important;
}

.exit {
            background-image:url(../ext/shared/icons/fam/cross.gif) !important;
}

.noonline {
            background-image:url(../images/nonline.png) !important;
}


.reload {
            background-image:url(../images/reload.png) !important;
}

.assist {
            background-image:url(../images/assist.png) !important;
}
.bateria {
            background-image:url(../images/battery.png) !important;
}

.telemoveis {
            background-image:url(../images/phone.png) !important;
}

.detalhe {
            background-image:url(../ext/shared/icons/fam/book.png) !important;
}
.carregamento {
            background-image:url(../images/saldo.png) !important;
}
.bsalva {
            background-image:url(../ext/shared/icons/fam/accept.png) !important;
}

.descargas {
            background-image:url(../ext/shared/icons/fam/application_go.png) !important;
}
.xls {
            background-image:url(../images/excel.png) !important;
}

.email {
            background-image:url(../images/mail16.png) !important;
}
.viatura {
            background-image:url(../images/viatura.png) !important;
}


.pdf {
            background-image:url(../images/pdf.png) !important;
}
.listagem {
            background-image:url(../images/listagens.png) !important;
}

.listagemrota {
            background-image:url(../images/rota.png) !important;
}
.listagemdescarga {
            background-image:url(../images/descargag.png) !important;
}
.listagemresultados {
            background-image:url(../images/resultados.png) !important;
}
.equipamento {
            background-image:url(../ext/shared/icons/fam/table_refresh.png) !important;
}
.zoombtx {
            background-image:url(../ext/shared/icons/fam/zoom.png) !important;
}
.recolhaicon {
            background-image:url(../images/down.png) !important;
}
.recolhaUicon {
            background-image:url(../images/downu.png) !important;
}
.voltar {
            background-image:url(../images/voltar.png) !important;
}
.info {
            background-image:url(../img/info.png) !important;
}
.Brasilicon {
            background-image:url(../images/br.png) !important;
}
.Francaicon {
            background-image:url(../images/fr.png) !important;
}
.Angolaicon {
            background-image:url(../images/ang.png) !important;
}
.Portugalicon {
            background-image:url(../images/pt.png) !important;
}

/***************************************************/
a.linkmenutop {
	color: #FFFFFF;
	text-decoration: none;
}
a.linkmenutop:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.linkmenutop:hover {
	color: #0482AD;
	text-decoration: none;
}
/* */
	a.linkmenuinner {
	color: #000000;
	text-decoration: none;
}
a.linkmenuinner:visited {
	color: #000000;
	text-decoration: none;
}
a.linkmenuinner:hover {
	color: #000000;
	text-decoration: none;
}
.contactos{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
	margin-left:12px;
}
/* Tabel style */
th
{
	background-color:Orange;
	font-weight:bold;
	text-transform:uppercase;
}
td.info
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;	
	/*background-color:Gray;	*/
	
}
td.command
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;	
	font-weight:bolder;
	background-color:#AAAAAA;
}
td.descr
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;	
	/*background-color:#CCCCCC;*/
}
/* Fim Table style */

.carrega {
	color: #900;
}

.red {background:#f7836f !important;}
.green {background:#66ca0d !important;}
.blue {background:#93baf8 !important;}
.default-color {background:white !important;}
.amarelo {background:#fdf68b !important;}
.gold {background:#f9ebc6 !important;}
.cinza {background:#efefef !important;}
.vermelho {background:#fe0101 !important;}

/* LOADING */

#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  21000; /* Normal loading masks are 20001 */
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  21001;
  height:   auto;
  margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
  background: url(../images/loading.gif) no-repeat;
  color:      #555;
  font:       bold 13px tahoma,arial,helvetica;
  padding:    0px 42px;
  margin:     0;
  text-align: center;
  height:     auto;
}

/**
 * @author Bruno Tavares
 * http://www.extdesenv.com.br
 * EXT LOADING MASK
 */
.ext-ux-opaque .ext-el-mask{
	opacity: 1 !important;
    -moz-opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	background:#F4F4F4;
}

/*
MENSAGENS SITE
*/
#msg-ct {
	position: absolute;
	left: 682px;
	top: 0px;
	width: 217px;
	height: 22px;
}

#msg {
	width: 217px;
	height: 35px;
	background-image: url(../images/msg-bg.png);
	color: #777;
	font-size: 11px;
	cursor: pointer;
	visibility: hidden;
}

#msg-inner {
	line-height: 12px;
	text-align: center;
	padding: 5px 10px 0;
}

.msg-over {
	color: #789030 !important;
}

#msg img {
	width: 19px;
	height: 19px;
}


.x-window-dlg .ext-mb-download {
         background:transparent url(../images/loading.png) no-repeat top left;
         height:46px;
 }