@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{color:#000;font:11px/17px "Lucida Grande", Tahoma, Arial, sans-serif;background:#F1F1F1; }
a{color:#142A28}
a:hover{text-decoration:none}
h1{font-size:16px;color:#4E7D48}
h1 a{color:#4E7D48;text-decoration:none}
h1 a:hover{text-decoration:underline}
h2{font-size:13px;color:#859333;margin:15px 0 15px 0;padding:0 0 5px 0;border-bottom:1px dotted #999;clear:both}
h3{font-size:14px;color:#859333;margin:10px 0 6px 0}
h4{font-size:14px;color:#333;margin-bottom:8px}
h5{font-size:12px;color:#333;margin-bottom:6px}
h6{font-size:12px;color:#333;margin:10px 0 6px 0}

table{border-collapse:collapse;margin:15px 0 0 0;clear:left}
table a{text-decoration:underline}
table a:hover{text-decoration:none}
td,th{border:1px solid #F9F9F9;padding:5px;color:#363636;vertical-align:middle}
th{font-weight:bold;text-align:left;background:#64A25E;color:#FFF;padding:10px}
th.header{background-image:url(imgs/small.png);cursor:pointer;background-repeat:no-repeat;background-position:center left;padding-left:25px} 
th.headerSortUp{background-image:url(imgs/small_asc.png);background-color:#70B96A} 
th.headerSortDown{background-image:url(imgs/small_desc.png);background-color:#70B96A}
tr{background:#B7D3B4}
tr:hover{background:#E3EFE2}
hr{margin:17px 0 0 0;clear:both;border-width:0;border-top:1px solid #ddd;border-bottom:1px solid #fff}

.tdc { text-align:center; }
.tdr { text-align:right; }

/* output graficos */
.clean{margin:0;width:625px}
.clean td{padding:5px 0 5px 0}
.clean tr{background:#B7D3B4}
.clean tr:hover{background:#B7D3B4}
.progress-container{clear:both;width:501px;height:20px;background:#FFF}
.progress-container img{margin:-4px 0 0 0;cursor:pointer;z-index:10}
.progress-container > div{text-align:right;height:17px;margin:-24px 0 0 0;padding-top:3px}
.green{background:#9C6;z-index:0}
.yellow{background:#FC3;z-index:0}
.red{background:#C66;z-index:0;color:#FFF}

/* classes */
.dragHandle{cursor:row-resize}
.ind, .area{display:none}
.pesquisa{width:auto;overflow:hidden;padding:15px;background:#FFF;border:1px solid #CCC;margin-top:15px;border-radius:6px}
.pesquisa h3{margin-bottom:10px;color:#4E7D48}
.pesquisa label{margin-top:0px !important}
.float-left{display:table;float:left;margin-right:15px;padding-right:15px;border-right:1px dotted #CCC}
.float-left:last-child{border:0}
.float-left select{width:250px !important;border:1px solid #AEAEAE;background:#FFF;margin-top:2px}
.float-left-panel{float:left;padding-right:30px;border-right:1px dotted #999;margin-right:30px}
.pad{margin:15px 0 0 0;display:block;padding:15px;background:#FFF;border:1px solid #CCC;border-radius:6px;line-height:18px}
.link{margin-top:13px;display:block;width:180px;text-decoration:underline;cursor:pointer}
.link:hover{text-decoration:none}
.normal{font-size:11px;color:#333}
.large{font-size:13px}
.home{border:none;margin:8px 0}
.barra{margin:0 5px 0 5px;padding:0 5px 0 5px}
.erro, .sucesso, .avisoclass{margin:15px 0 0 0;border-radius:6px;color:#fff;display:none}
.erro{background:#df4729 url('imgs/erro.png') 10px center no-repeat;padding:10px 10px 10px 40px}
.sucesso{background:#a5c941 url('imgs/ok.png') 10px center no-repeat;padding:10px 10px 10px 40px;color:#142A28}
.avisoclass{background:#D9D697 url('imgs/aviso.png') 10px center no-repeat;padding:10px 10px 10px 40px;color:#142A28}
.input{float:left;margin-right:10px;padding:0 !important}
.ex{font-weight:normal;color:#999;font-size:9px}
.desc{font-weight:normal;color:#27504B;font-size:11px}
.addRow, .addRow2, .addRow3{cursor:pointer;margin:0}
.delRow, .delRow2, .delRow3{cursor:pointer;margin:0}
.print{font-size:11px;float:right;font-weight:normal}
.span{float:left;margin:6px 15px 0 15px}
.float{height:29px;display:block}
.float .error{margin-top:5px;color:#000}
.float select{min-width:100px !important;padding:5px;border:1px solid #AEAEAE;background:#FFF;float:left}
.float-left label{margin:0 !important}
.float-left2{display:table;float:left;margin:5px 15px 5px 0;}
.float-left2 select{padding:0 !important}
.float-button{float:left !important;margin-right:15px !important}
.prf{float:left;height:13px;margin-right:5px}
.pai{background:#B8B896;height:30px}
.pai:hover{background:#C8C886}
.filho1{background:#9DC499}
.aviso{background:#df4729}
.aviso:hover{background:#F46353}
.aviso td{color:#FFF}
.aviso a{color:#FFF}
.ajudaInqueritos{width:600px;display:table;line-height:20px}

.caixaAjuda{background-color:white;padding:15px;width:600px;top:100px;left:100px;min-width:200px;display:none;position:absolute;border:1px solid black;border-radius:5px;box-shadow:5px 5px 5px #888;}

.newtable th{border:1px solid #F9F9F9;font-weight:bold;text-align:left;background:#B7D3B4;color:#27504B;padding:6px;}
.newtable td{border:1px solid #F9F9F9;padding:5px;color:#363636}
.newtable tr{background:#CCC}
.newtable tr:hover{background:#E3EFE2}

.cleantable{margin:0 auto}
.cleantable td{border:0 !important;padding:0 !important}

.tabledetail{width:100%;display:table;line-height:18px}
.tabledetail th{border:1px solid #B7D3B4;font-weight:bold;text-align:center;background:#B7D3B4;color:#27504B;padding:15px;font-size:14px}
.tabledetail td{border:1px solid #B7D3B4;padding:10px}
.tabledetail tr{background:#F9F9F9}
.tabledetail p{margin-bottom:10px}
.label{display:block;font-weight:bold;color:#333;margin-bottom:3px}
.label-output{font-weight:bold;color:#333;margin-bottom:3px}

#topbar {
	clear: both;
	background: #faf8f5 url(/imgs/bk_main_index.jpg) repeat-x bottom;
	height: 170px;
	margin-bottom: 0px;
	padding-top: 0px;
}
div.grupo {
	width: 990px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	padding-left: 30px;
	padding-right: 30px;
}

/*************************/
/* Para o IE - INÍCIO    */
/*************************/
<!--[if lt IE 9]>
#ie_nav {
	font-size: 11pt;
}

#ie_nav ul ul {
	display: none;
}

#ie_nav ul li:hover > ul {
	display: block;
}

#ie_nav ul {
	background-color: #fb7f03;  
	box-shadow: 0px 0px 9px rgba(200,200,200,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

#ie_nav ul:after {
	content: ""; clear: both; display: block;
}

#ie_nav ul li {
	float: left;
	font-size: 11pt;
}
#ie_nav ul li .topcurrent,
#ie_nav ul li:hover {
	background-color: #4b545f;
}
#ie_nav ul li:hover a {
	color: #fff;
}

#ie_nav ul li a {
	display: block; padding: 10px 20px;
	color: #000; text-decoration: none;
}

#ie_nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
#ie_nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a; position: relative;
}
#ie_nav ul ul li a {
	padding: 10px 40px;
	color: #fff;
}	
#ie_nav ul ul li a:hover {
	background: #4b545f;
}
<![endif]-->
/*************************/
/* Para o IE - FIM       */
/*************************/

nav {
	font-size: 11pt;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	background: #efefef; 
	background: linear-gradient(top, #fb7f03 0%, #df3600 100%);  
	background: -moz-linear-gradient(top, #fb7f03 0%, #df3600 100%); 
	background: -webkit-linear-gradient(top, #fb7f03 0%, #df3600 100%); 
	box-shadow: 0px 0px 9px rgba(200,200,200,0.15);
	padding: 0 0px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
}
nav ul li .topcurrent,
nav ul li:hover {
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
	color: #fff;
}

nav ul li a {
	display: block; padding: 10px 20px;
	color: #000; text-decoration: none;
}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a; position: relative;
}
nav ul ul li a {
	padding: 10px 40px;
	color: #fff;
}	
nav ul ul li a:hover {
	background: #4b545f;
}

#tit h1 { 
	font-weight: normal;
	font-size: 195%;
	line-height: 130%;
	margin-top: 0px;
	color: #08b9c2;
	float: left; 
	margin-top:20px; 
	display:inline;
}
#logo { 
	margin-top: -5px;
	float: left;
}

#box-all{overflow:auto;margin: 20px 0px 15px 0px;}
#box{background:#FFF;padding:15px;border:1px solid #CCC;overflow:auto;border-radius:6px;line-height:18px;}
#box #submenu{display:table;width:100%;clear:left}
#box #submenu ul{margin:12px 0 0 0;padding:8px 0 0 0;padding:8px 0 0px 0;list-style:none;border-top:1px dotted #999;border-bottom:1px dotted #999;width:100%;display:table;}
#box #submenu li{white-space:pre;float:left;padding:0 15px 0 0;margin:0 15px 8px 0;height:15px;border-right:1px dotted #999}
#box #submenu li:last-child{border:0}
#box #submenu a{text-decoration:none;color:#142A28}
#box #submenu a:hover{text-decoration:underline}
#box #submenu b{font-size:12px}

/* forms */
#tooltip{position:absolute;border:1px solid #64A25E;background:#f7f5d1;padding:7px;color:#333;display:none;border-radius:6px}
.tooltip{cursor:help}

#box label{clear:both;color:#333;display:block;font-weight:bold;margin:15px 0 2px 0;padding:0}
#box label.error{margin-top:1px;color:#C00;float:left;margin-bottom:15px;margin-bottom:0}
#box input{padding:4px;border:1px solid #AEAEAE;background:#FFF;display:block;border-radius:3px;}
#box input:focus{border:1px solid #142A28;background:#F7FFDB}
#box textarea{padding:4px;width:600px;border:1px solid #AEAEAE;background:#FFF;display:block;border-radius:3px;}
#box textarea:focus{border:1px solid #142A28;background:#F7FFDB}
#box input[type="submit"]{clear:left;margin:16px 0 0 0;padding:7px 40px 7px 40px;border:1px solid #D0D0D0;background:#EDEDED;display:block;cursor:pointer;border-radius:3px;}
#box input[type="submit"]:hover{background:#FFF}
#box input[type="button"]{margin:16px 0 0 0;padding:7px 30px 7px 30px;border:1px solid #D0D0D0;background:#EDEDED;display:block;cursor:pointer;border-radius:3px}
#box input[type="button"]:hover{background:#FFF}
#box input[type="hidden"]{display:none}
#box input[type="checkbox"]{cursor:pointer;margin:0 10px 0 10px;border:0;background:none;padding:0}
#box input[type="radio"]{border:0;width:15px;height:15px;cursor:pointer;padding:0;background:none}
#box select{width:auto;padding:4px;border:1px solid #AEAEAE;display:block;border-radius:3px;}
#box select:focus{border:1px solid #142A28;background:#F7FFDB}
#div label.error{display:none !important}
#div select.error{border:1px solid red}
#info{line-height:20px;margin-top:15px}
#footer{color:#666;clear:both;text-align:right;margin:10px 0 0 0}
#footer a{color:#666}

#box input[type="button"].rest {background:red;color:white;}
#box input[type="button"].rest:hover{background:pink;color:red;}

#box #quest textarea{display:inline;vertical-align:top;}
#box #quest input{display:inline;}
#box #quest input[type="hidden"]{display:none}

/* paginacao */
#pager .prev{float:left;margin:2px 0 0 20px;cursor:pointer}
#pager .next{float:left;margin:2px 0 0 0;cursor:pointer}
#pager input{float:left; text-align:center;width:40px;margin:2px 0 0 0;color:#666;padding:0;border:0;background:0}
#pager input:focus{border:0;background:0}
#pager span{color:#666;float:left;margin:3px 5px 0 0}
#pager select{color:#666;float:left;width:60px;padding:0}


/* avalidadores */
.asmSelect{display:inline}.asmOptionDisabled{color:#999}.asmHighlight{padding:0;margin:0 0 0 1em}.asmList{margin:0.25em 0 1em 0;position:relative;display:block;padding-left:0;list-style:none}.asmListItem{position:relative;margin-left:0;padding-left:0;list-style:none;background:#ddd;border:1px solid #bbb;width:350px;margin:0 0 -1px 0;line-height:1em}.asmListItem:hover{background-color:#e5e5e5}.asmListItemLabel{padding:5px;display:block}.asmListSortable .asmListItemLabel{cursor:move}.asmListItemRemove{position:absolute;right:0;top:0;padding:5px}

/* Calendario */
a.dp-choose-date.dp-disabled{background-position:0 -20px;cursor:default}table.jCalendar{border:1px solid #000;background:#aaa; border-collapse:separate; border-spacing:2px}table.jCalendar th{background:#64A25E;color:#fff;font-weight:bold;padding:3px 5px}table.jCalendar td{background:#ccc;color:#000;padding:3px 5px;text-align:center}table.jCalendar td.other-month{background:#ddd;color:#aaa}table.jCalendar td.today{background:#666;color:#fff}table.jCalendar td.selected{background:#f66;color:#fff}table.jCalendar td.selected.dp-hover{background:#f33;color:#fff}table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#fff;color:#000}table.jCalendar tr.selectedWeek td{background:#f66;color:#fff}table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#bbb;color:#888}table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover{background:#bbb;color:#888}div.dp-popup{position:relative;background:#ccc;font-size:10px;font-family:arial,sans-serif;padding:2px;width:171px;line-height:1.2em}div#dp-popup{position:absolute;z-index:199}div.dp-popup h2{font-size:12px;text-align:center;margin:2px 0 0 0;padding:0;border:0;color:#142A28}a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block}a#dp-close:hover{text-decoration:underline}div.dp-popup a{color:#000;text-decoration:none;padding:3px 2px 0}div.dp-popup div.dp-nav-prev{position:absolute;top:2px;left:4px;width:100px}div.dp-popup div.dp-nav-prev a{float:left}div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer}div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default}div.dp-popup div.dp-nav-next{position:absolute;top:2px;right:4px;width:100px}div.dp-popup div.dp-nav-next a{float:right}div.dp-popup a.disabled{cursor:default;color:#aaa}div.dp-popup td{cursor:pointer}div.dp-popup td.disabled{cursor:default}


.popup, .popup2, .popup3 {
	background-color: #EEE;
	opacity: 0.97;
	border-radius: 7px;
	box-shadow: 7px 7px 7px gray;
	position: fixed;
	padding: 10px;
	border: 2px solid black;
	display: none;
	font-size: 9pt;
	color: #888;
	line-height: 13pt;
	text-align: left;
	z-index: 15;
	min-width: 740px;
	height: 650px;
	max-height: 650px;
	overflow-y: scroll;
}
.popup {
	top: 30px;
	left: 60px;
}
.popup3 {
	height: 400px;
	min-width: 600px;
	overflow-y: hidden;
}
.mhelp {
	float:right;
	margin-right: 3px;
	cursor: pointer;
	color: black;
	font-size: 10pt;
	padding: 6px 10px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	border:2px solid #888;
	text-align: center;
	font-weight: bold;
}

/* tablet */
#tablet {
	margin: 20px 10px 10px 50px;
	width: 489px;
	height: 777px;
	background: url('imgs/tablet/tablet.png') left top no-repeat;
}
#tablet #dbg {
	margin: 710px 57px 24px 60px;
	position: absolute;
	width: 372px;
	height: 50px;
	/*border: 1px dotted #888;*/
	color: #888;
	font-size: 7pt;
}
#tablet #logo {
	margin-bottom: 10px;
	width: 372px;
	height: 100px;
	margin: auto;
	position: relative;
}
#tablet #inner {
	width: 372px;
	height: 528px;
	margin: auto;
	clear:both;
}
#tablet #content {
	margin: 75px 57px 74px 60px;
	width: 372px;
	height: 628px;
	overflow: hidden;
	position: absolute;
}
#tablet #questao {
	border: 2px solid #051205;
	border-radius:2px;
	background-color: #030a03;
	padding: 5px 5px;
	margin: 5px;
	color: #b6b6b6;
}
#tablet #opcoes {
	overflow-y: auto;
	margin: 4px;
	max-height: 350px;
}
#tablet div.opcao {
	border: 2px solid #103810;
	border-radius:2px;
	background-color: #0a230a;
	padding: 10px 5px;
	color:white;
	margin: 1px;
	cursor: pointer;
}
#tablet div.opctxt {
	color:white;
}
#tablet div.opcval {
	color:#FF8020;
	font-size:0.9em;
}
#tablet #cxopcoes {
	position: absolute;
	top: 100px;
	left: 36px;
	z-index: 10;
	overflow-y: auto;
	max-height: 400px;
	width: 300px;
	background-color: #888888;
	display: none;
}
#tablet div.cxopcao {
	border: 2px solid #AAAAAA;
	border-radius:2px;
	background-color: #CCCCCC;
	padding: 10px 5px;
	color:black;
	margin: 1px;
	cursor: pointer;
}
#tablet #cxmsg {
	position: absolute;
	top: 100px;
	left: 36px;
	z-index: 20;
	overflow-y: auto;
	max-height: 400px;
	width: 300px;
	background-color: #EEEEEE;
	display: none;
	border: 2px solid #888888;
	border-radius:2px;
	text-align:center;
	box-shadow: 5px 5px 5px black;
}
#tablet #cxinttxt {
	padding: 10px 5px 20px 5px;
	color:black;
	margin:auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#tablet #cxintok {
	padding: 5px;
	color:black;
	border: 2px solid black;
	border-radius:2px;
	font-weight: bold;
	width: 100px;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #EEEEEE;
}
#tablet #cxintok:hover {
	color: white;
	border: 2px solid white;
	background-color: black;
}
#tablet #cxinp {
	width: 250px;
}
#tablet #btesq {
	position: absolute;
	bottom: 6px;
	left: 8px;
	background: url('imgs/tablet/seta_esq.png') left top no-repeat;
	width: 96px;
	height: 96px;
	cursor: pointer;
}
#tablet #btdir {
	position: absolute;
	bottom: 6px;
	right: 8px;
	background: url('imgs/tablet/seta_dir.png') left top no-repeat;
	width: 96px;
	height: 96px;
	cursor: pointer;
}
#tablet #iniciar {
	position: absolute;
	bottom: 8px;
	left: 138px;
	background: url('imgs/tablet/start4_96.png') left top no-repeat;
	width: 96px;
	height: 96px;
	cursor: pointer;
}
#tablet #monitor {
	position: absolute;
	bottom: 120px;
	left: 126px;
	background: url('imgs/tablet/monitor_start.png') left top no-repeat;
	width: 120px;
	height: 92px;
}
#tablet #intro {
	width: 362px;
	position: absolute;
	top: 120px;
	color: white;
	padding: 0px 4px;
}
#tablet .aberta { 
	width:352px;
	display:inline;
}
#tablet input{display:inline;}

/* web */
#web {
	/* margin: 20px 10px 10px 30px; */
	width: 44em;
	min-height: 33.5em;
	background-color: white;
	font-size: 1.8em;
	border: 2px solid black;
	border-radius: 5px;
}
#web #logo {
	float: left;
	margin-bottom: 0.5em;
	width: 39em;
	height: 5em;
	margin: auto;
	position: relative;
}
#web #dbg {
	margin: 3px 2.5em 28.35em 2.5em;
	position: absolute;
	width: 39em;
	height: 1.5em;
	/* border: 1px dotted #888; */
	color: #888;
	font-size: 1em;
}
#web #inner {
	width: 39em;
	min-height: 24em;
	margin: auto;
	clear:both;
}
#web #content {
	margin: 1.75em 2.5em 1.75em 2.5em;
	width: 39em;
	min-height: 31em;
	overflow: hidden;
	position: absolute;
}
#web #questao {
	padding: 0.25em 0.25em;
	margin: 0.25em;
	color: #494949;
	border-bottom: 1px dotted black;
	width: 38em;
}
#web #opcoes {
	overflow-y: auto;
	margin: 0.2em;
	max-height: 18.5em;
}
#web div.opcao {
	border: 2px solid #CFE7CF;
	border-radius:4px;
	background-color: #D5FCD5;
	padding: 0.75em 0.35em;;
	color: black;
	margin: 0.15em;
	cursor: pointer;
}
#web div.opctxt {
	color: black;
}
#web div.opcval {
	color:#007FdF;
	font-size:0.9em;
}
#web #cxopcoes {
	position: absolute;
	top: 5em;
	left: 1.8em;
	z-index: 10;
	width: 15em;
	background-color: #777777;
	display: none;
}
#web div.cxopcao {
	border: 2px solid #AAAAAA;
	border-radius:2px;
	background-color: #CCCCCC;
	padding: 0.5em 0.25em;
	color:black;
	margin: 1px;
	cursor: pointer;
}
#web #cxmsg {
	position: absolute;
	top: 5em;
	left: 1.8em;
	z-index: 20;
	overflow-y: auto;
	max-height: 20em;
	width: 15em;
	background-color: #EEEEEE;
	display: none;
	border: 2px solid #888888;
	border-radius:2px;
	text-align:center;
	box-shadow: 5px 5px 5px black;
}
#web #cxinttxt {
	padding: 0.5em 0.25em 1em 0.25em;
	color:black;
	margin:auto;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#web #cxintok {
	padding: 0.25em;
	color:black;
	border: 2px solid black;
	border-radius:2px;
	font-weight: bold;
	width: 5em;
	margin:auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	cursor: pointer;
	background-color: #EEEEEE;
}
#web #cxintok:hover {
	color: white;
	border: 2px solid white;
	background-color: black;
}
#web #btesq {
	position: absolute;
	bottom: 0px;
	left: 0.4em;
	background: url('imgs/tablet/seta_esq.png') left top no-repeat;
	width: 4.8em;
	height: 4.8em;
	cursor: pointer;
}
#web #btdir {
	position: absolute;
	bottom: 0px;
	right: 8px;
	background: url('imgs/tablet/seta_dir.png') left top no-repeat;
	width: 4.8em;
	height: 4.8em;
	cursor: pointer;
}
#web #iniciar {
	position: absolute;
	left: 17.1em;
	bottom: 0.5em;
	background: url('imgs/tablet/start4_96.png') left top no-repeat;
	width: 4.8em;
	height: 4.8em;
	cursor: pointer;
}
#web #monitor {

	position: absolute;
	bottom: 6em;
	left: 16.5em;
	background: url('imgs/tablet/monitor_start.png') left top no-repeat;
	width: 6em;
	height: 4.6em;

}
#web #intro {
	width: 39em;
	position: absolute;
	top: 6em;
	color: black;
	padding: 0em 0.2em;
}
#web .aberta { 
	width:38.5em;
	display:inline;
}
#web input{display:inline;}

/* tab2 */
#tab2 {
	background-color: black;
	border: 3px solid silver;
	border-radius: 40px;
	box-shadow: 0px 5px 10px #333;
	width: 850px;
	height: 440px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	clear:both;
	position: relative;
	z-index: 1;
}
#tab2 #fundo {
	background-color:#3b82d8;
	border: 1px solid gray;
	border-radius: 3px;
	width: 658px;
	height: 370px;
	margin: auto;
	position: absolute;
	left: 96px;
	top: 48px;
}
#tab2 #tela {
	background-color:#3b82d8;
}
#tab2 #power {
	background-image: url('imgs/tab2/power.png');
	background-repeat: no-repeat;
	width: 57px;
	height: 22px;
	position: absolute;
	right: 160px;
	top: 24px;
}
#tab2 #hora {
	position: absolute;
	top: 28px;
	right: 95px;
	font-size: 12pt;
	color: #2789ae;
	font-family: arial, sans-serif;
}
#tab2 #form-in {
	display: inline-block;
	vertical-align: top;
	min-width: 296px;
	text-align: center;
}
#tab2 #logo {
	width: 650px;
	height: 110px;
	margin: auto;
	position: relative;
}
#tab2 #dbg {
	margin: 0px 0px 34px 0px;
	position: absolute;
	width: 650px;
	height: 25px;
	/* border: 1px dotted #888; */
	color: #888;
	font-size: 7pt;
}
#tab2 #inner {
	width: 650px;
	height: 266px;
	margin: auto;
	clear:both;
}
#tab2 #content {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal; 
	width: 650px;
	height: 366px;
	margin: auto;
	position: relative;
	padding: 44px 100px 29px 100px;
}
#tab2 #questao {
	border: 2px solid #102410;
	border-radius:2px;
	padding: 5px 5px;
	margin: 5px;
	color: #030a03;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #CCCCCC;
	opacity: 0.6;
	border-radius: 2px;
}
#tab2 #opcoes {
	overflow-y: auto;
	margin: 4px;
	max-height: 206px;
}
/*
#tab2 div.opcao {
	border: 2px solid #103810;
	border-radius:2px;
	background-color: #0a230a;
	padding: 10px 5px;
	color:white;
	margin: 1px;
	cursor: pointer;
}
*/
#tab2 div.opcEsq, #tab2 div.opcDir {
	color: white;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 310px;
	max-height: 50px;
	height: 50px;
	vertical-align: middle;
	cursor:pointer;
	overflow-y:hidden;
	background-color: #0a230a;
	padding: 5px 0px;
}

#tab2 div.opcEsq {
	float: left;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#tab2 div.opcDir {
	float: right;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#tab2 div.opcDir:hover, #tab2 div.opcEsq:hover {
	box-shadow: 0px 0px 20px white;
}


#tab2 div.opctxt {
	color:white;
}
#tab2 div.opcval {
	color:#FF8020;
	font-size:0.9em;
}
#tab2 #cxopcoes {
	position: absolute;
	top: 100px;
	left: 226px;
	z-index: 10;
	overflow-y: auto;
	max-height: 400px;
	width: 400px;
	background-color: #888888;
	display: none;
}
#tab2 div.cxopcao {
	border: 2px solid #AAAAAA;
	border-radius:2px;
	background-color: #CCCCCC;
	padding: 10px 5px;
	color:black;
	margin: 1px;
	cursor: pointer;
}
#tab2 #cxmsg {
	position: absolute;
	top: 100px;
	left: 276px;
	z-index: 20;
	overflow-y: auto;
	max-height: 400px;
	width: 300px;
	background-color: #EEEEEE;
	display: none;
	border: 2px solid #888888;
	border-radius:2px;
	text-align:center;
	box-shadow: 5px 5px 5px black;
}
#tab2 #cxinttxt {
	padding: 10px 5px 20px 5px;
	color:black;
	margin:auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#tab2 #cxintok {
	padding: 5px;
	color:black;
	border: 2px solid black;
	border-radius:2px;
	font-weight: bold;
	width: 100px;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #EEEEEE;
}
#tab2 #cxintok:hover {
	color: white;
	border: 2px solid white;
	background-color: black;
}
#tab2 #cxinp {
	width: 250px;
}
#tab2 #btesq {
	position: absolute;
	bottom: 50px;
	left: 20px;
	background: url('imgs/tab2/btesq.png') left top no-repeat;
	width: 56px;
	height: 56px;
	cursor: pointer;
}
#tab2 #btdir {
	position: absolute;
	bottom: 50px;
	right: 20px;
	background: url('imgs/tab2/btdir.png') left top no-repeat;
	width: 56px;
	height: 56px;
	cursor: pointer;
}
#tab2 #btdir:hover, #tab2 #btesq:hover {
	box-shadow: 0px 0px 20px white;
}
#tab2 #iniciar {
	position: absolute;
	bottom: 126px;
	left: 378px;
	background: url('imgs/tab2/start4_96.png') left top no-repeat;
	width: 96px;
	height: 96px;
	cursor: pointer;
}
#tab2 #monitor {
	position: absolute;
	bottom: 28px;
	left: 381px;
	background: url('imgs/tab2/monitor_start.png') left top no-repeat;
	width: 120px;
	height: 92px;
}
#tab2 #intro {
	width: 610px;
	padding: 5px 25px;
	color: white;
}
#tab2 .aberta { 
	width:352px;
	display:inline;
}
#tab2 input{display:inline;}