/******************************************************

autor: INPUT CENTER INFORMÁTICA
versão: 1.0.0
atualizado em: 05/03/2010

******************************************************/

*{
	padding: 0;
	margin: 0;
	border: 0;
}
ul{
	list-style-type: none;
}
legend{
	display: none;
}
button{
	height: 25px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	background: url(../layout/fundoBotao.jpg) repeat-x;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#pagina{
	width: 938px;
	margin: 0 auto;
}
div#topoPagina{
	width: 938px;
	height: 10px;
	background: url(../layout/fundoTopoRodapePagina.png) no-repeat;
}
div#container{
	width: 917px;
	padding-left: 21px;
	background: url(../layout/fundoContainer.png) repeat-y;
}
div#topo{
	width: 915px;
	margin-bottom: 10px;
	position: relative;
}
#topo h1{
	background: url(../layout/fundoTopo.png) no-repeat;	
}
#topo h1 a:link, #topo h1 a:active, #topo h1 a:visited{
	display: block;
	width: 915px;
	height: 132px;
	text-indent: -999em;
	overflow: hidden;
}
#topo h1 a:hover{
	background: url(../layout/fundoLinkHoverTopo.png) left bottom no-repeat;
}
#topo > a:link, #topo > a:active, #topo > a:visited{
	display: block;
	width: 100px;
	height: 34px;
	position: absolute;
	top: 17px;
	right: 28px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../layout/btnLogout.png) no-repeat;
}
#topo > a:hover{
	opacity: 0.8;
}
div#conteudo{
	width: 896px;
}
div#topoConteudo{
	width: 896px;
	height: 7px;
	background: url(../layout/fundoTopoRodapeConteudo.png) no-repeat;
}
div#boxMenuTopo{
	width: 882px;
	margin: 0 auto;
}
#boxMenuTopo ul{
	list-style-type: none;
}
#boxMenuTopo li{
	width: 105px;
	height: 35px;
	margin: 0 0 6px 6px;
	float: left;
	background: url(../layout/fundoLiBoxMenuTopo.gif) no-repeat;
}
#boxMenuTopo li:first-child{
	margin-left: 0;
}
#boxMenuTopo a{
	width: 105px;
	height: 32px;
	padding-top: 3px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	float: left;
}
div#containerCameras{
	width: 896px;
	background: #FFF;
}
div#conteudoCameras{
	width: 896px;
	padding-top: 10px;
}
div#containerTopo{
	width: 882px;
	margin: 0 auto 10px auto;
}
#containerTopo p{
	width: 102px;
	text-align: right;
	float: left;
}
#containerTopo ul li ul{
	float: right;
}
#containerTopo ul li ul li{
	float: left;
}
div#boxEsquerdaTopo{
	width: 415px;
	padding-left: 10px;
	float: left;
}
#boxEsquerdaTopo li{
	font-size: 14px;
}
div#boxDireitaTopo{
	width: 238px;
	float: left;
}
#boxDireitaTopo ul li:first-child{
	margin-bottom: 7px;
}
#boxDireitaTopo ul li{
	float: left;
}
#boxDireitaTopo li ul li:first-child, #boxDireitaTopo li ul li{
	margin: 0 0 0 7px;
}
#boxDireitaTopo li ul li button{
	width: 40px;
}
#boxDireitaTopo li p{
	padding-top: 5px;
}
#boxDireitaTopo .liStatus{
	padding-top: 4px;
	margin-right: 0;
}
div#containerControlesCamera{
	width: 860px;
	margin: 0 auto;
}
div#controlesCamera{
	width: 182px;
	min-height: 460px;
	padding: 10px;
	float: left;
	background: #EEE;
}
#boxZoom p{
	padding-top: 6px;
	float: left;
}
#boxZoom ul li{
	margin-bottom: 10px;
	*margin-bottom: 7px;
	overflow: auto;
}
#boxZoom ul li ul{
	width: 144px;
	float: right;
}
#boxZoom ul li ul li{
	margin: 0 0 0 10px;
	float: left;
}
#boxZoom button{
	width: 26px;
}
#boxZoom label{
	padding-top: 3px;
	float: left;
}
#boxZoom select{
	width: 40px;
	height: 20px;
	float: right;
}
#boxDirecionaisCamera p{
	padding: 5px 0;
	margin: 20px auto 8px auto;
	text-align: center;
	border: 1px solid #999;
	background: #CCC;
}
div#boxDirecionaisCamera{
	margin-top: 36px;	
	*margin-top: 36px;
}
#boxDirecionaisCamera li{
	margin-bottom: 8px;
	text-align: center;
}
#boxDirecionaisCamera ul li ul{
	width: 181px;
	margin: 0 auto;
}
#boxDirecionaisCamera ul li ul li{
	width: 55px;
	margin: 0 0 0 8px;
	float: left;
}
#boxDirecionaisCamera ul li ul li:first-child{
	margin-left: 0;
}
#boxDirecionaisCamera button{
	*display: block;
	width: 55px;
	height: 40px;
	text-indent: -999em;
}
.btnSubirCamera button{
	background: url(../layout/direcionaisCamera.png) center top no-repeat;
}
.btnEsquerdaCamera button{
	background: url(../layout/direcionaisCamera.png) left center no-repeat;
}
.btnHomeCamera button{
	background: url(../layout/direcionaisCamera.png) center center no-repeat;
}
.btnDireitaCamera button{
	background: url(../layout/direcionaisCamera.png) right center no-repeat;
}
.btnDescerCamera button{
	background: url(../layout/direcionaisCamera.png) center bottom no-repeat;
}
div#boxPosicaoCamera{
	margin-top: 30px;
}
#boxPosicaoCamera p{
	margin-bottom: 9px;
	*margin-bottom: 8px;
}
#boxPosicaoCamera select{
	width: 135px;
	height: 22px;
	*height: auto;
}
#boxPosicaoCamera input{
	width: 131px;
	height: 18px;
	padding: 2px 0 0 2px;
	border: 1px solid #CCC;
	background: #FFF;
}
#boxPosicaoCamera ul li{
	margin-top: 8px;
}
#boxPosicaoCamera ul li:first-child{
	margin-top: 0;
}
#boxPosicaoCamera ul li ul{
	width: 118px;
	overflow: auto;
}
#boxPosicaoCamera ul li ul li{
	width: 55px;
	margin: 0;
	float: left;
}
#boxPosicaoCamera ul li ul li:first-child{
	margin-right: 8px;
}
#boxPosicaoCamera button{
	width: 55px;
}
div#containerImagemCamera{
	float: right;
}
.boxRodape{
	padding: 9px 20px 0 0;
	text-align: right;
}
.boxRodape a:link, .boxRodape a:active, .boxRodape a:visited{
	color: #333;
	text-decoration: none;
}
.boxRodape a:hover{
	color: #666;
}
div#rodapeConteudo{
	width: 896px;
	height: 7px;
	background: url(../layout/fundoTopoRodapeConteudo.png) left -17px no-repeat;
}
div#rodapePagina{
	width: 938px;
	height: 10px;
	background: url(../layout/fundoTopoRodapePagina.png) left -12px no-repeat;
}
.clearBoth{
	clear: both;
}

/* login - Default */
div#containerLogin{
	width: 269px;
	min-height: 364px;
	padding-top: 136px;
	margin: 0 auto;
}
p.boxLink{
	color: #AF2020;
	text-align: center;
}
.boxLink span{
	display: block;
	margin-top: 15px;
}
#containerLogin a:link, #containerLogin a:active, #containerLogin a:visited{
	color: #AF2020;	
}
#containerLogin a:hover{
	text-decoration: none;
}
div#boxLogin{
	width: 269px;
	padding-top: 23px;
	margin: 0 auto 40px auto;
	background: url(../layout/fundoBoxLogin.gif) no-repeat;
}
#boxLogin fieldset{
	width: 211px;
	height: 105px;
	margin: 0 auto;
}
#boxLogin fieldset:first-child{
	height: auto;
}
#boxLogin label{
	color: #AF2020;
}
#boxLogin input{
	height: 20px;
}
.boxCampoLogin{
	margin-bottom: 10px;
}
.boxCampoLogin input{
	width: 211px;
}
.boxCampoBotao input{
	width: 173px;
	float: left;
}
#boxLogin input[type="submit"]{
	width: 33px;
	height: 20px;
	text-indent: -999em;
	*letter-spacing: 1px;
	cursor: pointer;
	float: right;
	background: url(../layout/btnOk.gif) no-repeat;
}
div#boxLembreteSenha{
	padding-top: 23px;
}
#boxLembreteSenha fieldset:first-child{
	height: 82px;
}
p#boxDownloadJava{
	text-align: center;
}
#boxDownloadJava a:link, #boxDownloadJava a:active, #boxDownloadJava a:visited{
	color: #000;
	text-decoration: underline;
}
#boxDownloadJava a:hover{
	color: #333;
	text-decoration: none;
}

/* home - Default */
div#containerHome{
	width: 871px;
	padding-top: 20px;
	margin: 0 auto;
}
#containerHome ul#camerasLista li{
	width: 202px;
	min-height: 200px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}
/*#containerHome ul#camerasLista li:first-child{
	margin-left: 0;
}*/
#containerHome a:link, #containerHome a:active, #containerHome a:visited{
	width: 202px;	
	color: #E83A00;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	float: left;
}
#containerHome a:hover{
	
}