/*
====================================
Formatação da página (fonte, cor...)
====================================
*/
html {
  height: 100%;
}

body {
  margin:0;
  padding:0;
  height:100%;
  text-align: center;
  font-family: verdana, arial, helvetica;
  font-size: 13px;
  color: #4b4b4b;
}

img{
	border: 0px;
}

ul{
	list-style: disc;
}
hr{
	height: 1px;
	color:#c0c0c0;
}
a, a:link, a:active {
  font-weight: normal;
  text-decoration: none;
  color: #235486;
}
a, a:visited {
font-weight: normal;
  text-decoration: none;
  color: #235486;
}
a:hover {
  text-decoration: underline;
}

a.internalLink, a.internalLink:link, a.internalLink:active {
  font-weight: bold;
  text-decoration: none;
  color: #235486;
}

a.internalLink, a.internalLink:visited {
font-weight: bold;
  text-decoration: none;
  color: #235486;
}
a.internalLink:hover {
  text-decoration: underline;
}

a.externalLink[href ^="http://"] {
	background: url(../images/global/external.jpg) center right no-repeat;
	padding-right: 13px;
}

a.linkWhite, a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited{
	font-weight: bold;
	text-decoration: none;
	color: #fff;	
	//font-size: 13px;/*Adjust to ie*/
}
a.linkWhite:hover {
  text-decoration: underline;
}

p{
	text-align:justify;
}

h3{
	background-color:#F5F4F4;
	border-left: #40ae38 solid 5px;
	height:20px;
	line-height:20px;
	padding:5px;
	width:99%;
}
h3.red{
	background-color:#F5F4F4;
	border-left: #ae3838 solid 5px;
	height:20px;
	line-height:20px;
	padding:5px;
	width:99%;
}
/*
===========================

===========================
*/

#divBar{
	width: 100%;
	height: 1px;
	background-color: #0079b2;	
	float: left;
}

#divBarWhite{
	width: 100%;
	height: 1px;
	background-color: #FFF;	
	float: left;
}


#idSecao{
	width: 100%;
	border-bottom: dashed 1px #c0c0c0;
	text-align: left;
	font-size:24px;	
	color: #3084bf;
	margin-top: 10px;
}

#divAll {
	height:100%;
	background-color:#ffffff;
	width: 100%;
	min-width:780px;
	position: relative;
	margin: 0px auto;
	text-align:left;
	/*height: 500px;
	background-color:green;
	position: relative;*/
}

#divTopo{
	width: 100%;
	height:120px;
	/*margin: 0 auto;*/
	/*background-color:#FFE313;*/
}

#divLogo{
	width: 228px;
	height: 82px;
	background:url(../images/global/logo.gif);
	float:left;
	/*margin-top:50px;
	margin-left:10px;*/
	
}

#divMenuTopo{
	margin-right:8px;
	text-align: right;
	color: #666666;
	font-size: 14px;
	height: 43px;
	line-height: 43px;
}

#divDegrade{
	width: 100%;
	height: 90px;
	border-bottom: solid 1px #f4f4f4;
	background:url(../images/global/degrade90.jpg);

}

#divFlags{
	margin-top: -20px;
	margin-right: 5px;
	//margin-right: 0px; /*Fix to ie*/
	float: right;
	text-align: right;
	width: 100%;
	height: 25px;
	visibility: hidden;
}


#divContent{
	width: 100%;
	*width: 99%;
	//margin-top: 10px; /*fix to ie*/
	
}

#divContentInside{
	min-height:300px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

#homeMain{
	margin-right:  220px;
	margin-left:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding:  0;
}

#homeContent{
	position:  absolute;
	top:  145px;
	right:  10px;
	margin:  0;
	padding:  0;
	width:  200px;
}

#divClear{
	clear: both;
}

.divClear{
	clear: both; 
}

#divRodape{
	clear: both;
	width: 100%;
	height: auto;
	color: #999999;
	padding-top: 15px;
	margin-bottom: 10px;
}

#divContentRodape{
	background:url(../images/global/degrade90.jpg);
	width: 100%;
	height: 90px;
	color: #999999;
	text-align: right;
}

#divStartNow{
	margin: 0 auto;
	width: 780px;
	/*hack para centralizar esta div no IE*/
	//position: relative;
	//left: 50%;
	//margin-left: -350px;
}

#divActionPlataform{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#divActionPlataform h3{
	width: 96%;
}

#divActionPlataform ul, #divAction ol{
	font-size: 18px;
	padding-top: 8px;
}

#divStartNowRemote, #divStartNowNovus, #divStartNowMonitor{
	margin-top: 10px;
	width: 350px;
	padding: 0 10px 0 10px;
	float: left;
	height: 220px;
	position: relative;
}

#divAction, #divPlataform{
	margin-top: 10px;
	width: 47%;
	padding: 0 10px 0 10px;
	float: left;
	height: auto;
	position: relative;
	
}

#divStartNowNovus, #divStartNowMonitor, #divAction{
	border-left: solid 1px #f0f0f0;
}

#btnMore{
	position: absolute;
	bottom: 0;
	left: 30%;
	background:url(../images/global/btnMore.png);
	width: 114px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	
}

#btnMore a{
	width: 114px;
	height: 44px;
	display: block;
	cursor: pointer; /*Para deixar o Alan feliz*/
}

#btns{
	width: 700px;
	margin: 20px auto;
	height: auto;
}

#btns #btnCreateAccount, #btnDemonstration, #btnVerdeClaro{
	float:left;
	margin-left: 5px;
}

#homeQuickAccess{
	border: solid 1px #c0c0c0;
	width: 100%;
}

#homeQuickAccessHead{
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #0079b2;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

#loginInputLogin, #loginInputPass{
	width: 100px;
	border: solid 1px #999999;
}

#loginInputPass:focus{
	width: 100px;
	border: solid 1px #000;
	background-color: #f6f6f6;
}

#loginInputLogin:focus{
	width: 100px;
	border: solid 1px #000;
	background-color: #f6f6f6;
}
#divError{
	margin: 0px auto;
	border: #d9a7a7 solid 2px;
	background-color: #ecdcdc;
	color: #cd4545;
	font-weight: bold;
	width: 200px;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}
#alert{
	border: #d9a7a7 solid 2px;
	background-color: #ecdcdc;
	color: #cd4545;
	font-weight: bold;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	margin: 20px 0 0 0;
	text-align: justify;
}

.cds_table{
	width: 50%;
}

/*
===========================
Configurações do Menu
===========================
*/

ul#menu{ 
	width: 100%;
	height: 43px;
	background: #FFF url("../images/global/menu-bg.gif") top left repeat-x; 
	/*font-size: 12px; 
	font-family: "Lucida Grande", Verdana, sans-serif; */
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
	
ul#menu li {
	display: block; 
	float: right; 
	margin: 0; 
	}
	
ul#menu li a { 
	height: 43px; 
	color: #000; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
	}
	
ul#menu li a:hover { 
	color: #666; 
}
	
ul#menu li a.current{ 
	color: #FFF; 
	background: url("../images/global/current-bg.gif") top left repeat-x; 
	padding: 8px 15px 0;
	}
/*
====================================
	
====================================
*/
h5{
	padding: 0px;
	font-size:1.2em;
	margin:0px 0px 0px 10px;
}

li.menuAccess{
	margin:0px 0px 0px 0px;
	list-style: square;
	text-align: left;
	font-size:1em;
}

/*
====================================
Configurações do box em Novus
====================================
*/
#boxesNovus{
	margin-top: 30px;
	margin-left: 30px;
	padding-right:5px;
	font: 0.9em Arial, Helvetica, sans-serif;
	width:400px;
	//width:350px; /*Fix to ie*/
	color:#333; 
	float: lwelcomeTableeft;
}

.boxConteudoNovus {
	background: url(../images/global/box/can-inf-esq.jpg) no-repeat  0 100%;
	color:#000;
	margin: 0;
	padding: 5px 0px 10px 30px;
	font-size: 13px;
	height: 170px;
	//height: 200px;
}

.boxConteudoNovus ul{
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.boxConteudoNovus p {
	margin:0.7em;
	line-height:1.2em;
	}	

/*

/*
====================================
Configurações do box em Manufacturer
====================================
*/
#boxesManufacturer{
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-right:5px;
	font: 0.9em Arial, Helvetica, sans-serif;
	width:300px;
	//width:350px; /*Fix to ie*/
	color:#333; 
	float: left;
}

#boxesManufacturer .conteudo {
	height: 90px;
}

#olManufacturerBox{
	*margin-left: 10px;
}
/*
================================
Configurações do box em monitora
================================
*/
#boxesMonitor {
	margin-top: 30px;
	margin-left: 15px;
	margin-bottom: 30px;
	font: 0.9em Arial, Helvetica, sans-serif;
	width: 280px;
	color: #333; 
	float: left;
}

.boxConteudoMonitor {
	background: url(../images/global/box/can-inf-esq.jpg) no-repeat  0 100%;
	color:#000;
	margin: 0;
	padding: 5px 0px 10px 30px;
	font-size: 13px;
	height: 100px;
	
}

.boxConteudoMonitor ol{
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.boxConteudoMonitor p {
	margin:0.7em;
	line-height:1.2em;
	}	

/*
====================
Box generico
====================
*/
#boxes {
	margin-top: 30px;
	margin-left: 15px;
	font: 0.9em Arial, Helvetica, sans-serif;
	width: 280px;
	color: #333; 
	float: left;
}
.fixo {
	margin: 0 auto;
	width:100%;
	background: url(../images/global/box/can-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
}

.bordaEsq{
	width:100%;
	background: url(../images/global/box/bor-esq.jpg) repeat-y 0 0;
}

.bordaDir{
	width:100%;
	background: url(../images/global/box/bor-dir.jpg) repeat-y 100% 100%;
}

.bordaTop{
	width:100%;
	background: url(../images/global/box/bor-sup.jpg) repeat-x 0 0;
}

.bordaBottom{
	width:100%;
	background: url(../images/global/box/bor-inf.jpg) repeat-x 100% 100%;
}

.titulo {
	background: url(../images/global/box/can-sup-dir.jpg) no-repeat 100% 0;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.titulo h6 { 
	background: url(../images/global/box/can-sup-esq.jpg) no-repeat 0 0;
	margin: 0;
	padding: 20px 0 10px 0;
	color: #333; 
	font-weight: bold; 
	font-size: 15px; 
	line-height: 1.0em;
}

* html .titulo h6 {height: 1%;} /* Hack para IE5 PC */

.conteudo {
	background: url(../images/global/box/can-inf-esq.jpg) no-repeat  0 100%;
	color:#000;
	margin: 0;
	padding: 5px 0px 10px 30px;
	*padding: 5px 0px 10px 18px;
	font-size: 13px;
	height: 200px;
}

.conteudo ol{
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#boxes .conteudo p {
	margin:0.7em;
	line-height:1.2em;
	}	
/*.elastico {
	width:100%;
	background: url(../images/global/box/can-inf-dir.jpg) no-repeat 100% 100%;
	font-size: 100%;
}*/	
/*-------------------------------------
Configuração especifica do box em cases
--------------------------------------*/
#boxesCases{
	width: 780px;
	color:#333; 
	margin: 0px auto;
	/* hack to ie */
	//position: relative;
	//left: 50%;
	//margin-left:-390px;
}

#boxesCases #boxes{
	width: 370px;
	//width: 350px;
	margin-top: 10px;
}
#boxesCasesConteudo{
	height: 200px;
	//height: 230px;
	width: 85%;
	//width: 90%;
	color:#333;
	position: relative;
}
#boxesBtnAccess{
	position: absolute;
	margin-top: 10px;
	bottom: 20px;
	left: 42%;
	background: url(../images/global/btnAccess.png);
	width: 84px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}

#boxesBtnAccess a{
	width: 84px;
	height: 34px;
	display: block;
}


/*--------------------------------------------------
Configuração das divs da página HOW (como funciona)
---------------------------------------------------*/

.divText{
	display: none;
}

.divTitle{
	background-color: #f6f6f6;
	cursor: pointer;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	margin-top: 5px;
	border-top: solid 1px #3084bf;
	border-bottom: solid 1px #3084bf;
}

.divMore{
	font-size: 12px;
	font-weight: normal;
	width: 90px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	float: right;
	color: #525252;
	border: solid 1px #c3c3c3;
}

.divText li{
	padding: 3px;
	font-size: 13px;
}

/*
===============================================================
Abaixo seguem as imagems que estão nas páginas internas do site
===============================================================
*/

/*imagem que fica na página how*/
#imgHow{ 
	float: right;
	margin: 15px 0px 0px 5px;
	background: url(../images/global/howItWorks.jpg) center;
	width: 365px;
	height: 329px;
	/*border: solid 1px #c0c0c0;*/
}

/*imagem que fica na página startNowServer*/
#imgServer{
	float: right;
	margin: 30px 0px 0px 0px;
	background: url(../images/global/startNowServer.jpg) center;
	width: 160px;
	height: 200px;
}

/*imagem que fica na página startNowDevice*/
#imgDevice{
	float: right;
	margin: 15px 0px 0px 5px;
	background: url(../images/global/startNowDevices.jpg) center;
	width: 417px;
	height: 349px;
}

/*imagem que fica na página contact*/
#imgContact{
	float: right;
	margin: 15px 0px 0px 5px;
	background: url(../images/global/contact.jpg) center;
	height: 277px;
	width: 218px;
}

/*imagem que fica na página startNowAbout*/
#imgAbout{ 
	float: right;
	margin: 15px 0px 0px 5px;
	background: url(../images/global/about.jpg) center;
	width: 201px;
	height: 200px;
	/*border: solid 1px #c0c0c0;*/
}

/*imagem que fica na página startNowNovus*/
#imgNovus{ 
	float: right;
	margin: 15px 0px 0px 5px;
	background: url(../images/global/novusProducts.jpg) center;
	width: 300px;
	height: 192px;
	/*border: solid 1px #c0c0c0;*/
}

#teamList{
	width: 100%;
	text-align: left;
	//padding-top:10px;
}

#teamBox{
	width: 750px;
	margin: 0 auto;
	height: 40%;
	//height:auto;
	padding: 10px;
	/*border: dashed 1px #000000;*/
}

#teamBoxPic{
	float: left;
	width: 200px;
	margin-right: 10px;
}

.teamBoxRealPic{
	border: solid 1px #3084bf;
	padding:3px;
}

#teamBoxInfo{
	float: left;
	width: 500px;
	border-left: dashed 1px #c0c0c0;
	padding:0px 15px 15px 15px;
	text-align: justify;
}

#teamBoxInfoTitle{
	border-bottom: solid 1px #3084bf;
	text-align: left;
	color: #3084bf;
}