,@charset "utf-8";
/* CSS Document */

.campo{
	width: 450px;
	height: 20px;	
	border: solid 1px #FFFFFF;
	text-align:left;
	padding: 0px 5px;
	margin: 0px 5px;
}

.campo:hover{
	border:solid 1px #CCCCCC;
}

BODY{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align:center;
	vertical-align:top;
	padding: 2px;
	margin: 2px auto;
}


TD{
	text-align:left;
}

H2{
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #006699;
	padding-bottom: 10px;
	margin: 0px;
}

form{padding:0px;
	margin:0px;
	}

P{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 0px 5px;
}

UL{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	padding: 0px 0px 0px 20px;
	margin:0px;
}

LI{
	margin:0px;
}


A{color:#000000;}
A:Link{	color:#000000;}
A:Hover{	color:#000000;}
A:Visited{	color:#000000;}

td a{margin:0 2px;float:left; }
IMG {border: none; float:left;}

.meio{
	width: 900px;
	overflow: hidden;
	text-align: center;
	float:left;
	padding: 0px;
	margin: 0px 10px;
}

.titulopag{
	background-image:url(images/titulopag.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#B8DAE4;
	font-variant:small-caps;
	font-family: Arial;
	font-weight:bold;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	width: 100%;
	height: 60px;
}

.titulopag .centrar{ width:900px; margin:0 auto;}

.titulopag img{
	float:left;
	position:relative;
}

.tudo{ margin:0 auto; width:900px; overflow:auto; }
.conteudo{margin:0 auto; width:900px; float:left;}

.conteudopagfr{
	left:260px;
	float:left;
	overflow:auto;
	width: 550px;
	padding:0px;
	margin: 0px;
}
.conteudopag{
	padding: 0 10px;
	overflow:auto;
	width: 630px;
	margin-bottom:30px;
}

	
TD{
	font-family:Arial;
	font-size:12px;
	color:#666666;
	text-align: left;
}	

.botao{
	border: solid 1px #006699;
	font-family:Arial;
	font-size:12px;
	color:#333333;
}

.salvar{
	border: none;
	background: none;
	background-image:url(icones/save.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:16px;
	height:16px;
	padding:0px;
	margin:0px;
}
.voltar{
	border: none;
	background: none;
	background-image:url(icones/back.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:16px;
	height:16px;
}
.busca{
	border: none;
	background: none;
	background-image:url(icones/binoculars.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:24px;
	height:24px;
}

.print{
	border: none;
	background: none;
	background-image:url(icones/printer.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:16px;
	height:16px;
}
.caixa{
	border: solid 1px #006699;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	width: 250px;
}

.datahora{
	border: solid 1px #006699;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	width: 80px;
	text-align:right;
}

.select{
	border: solid 1px #006699;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	width: 250px;	
}

.menu{
	width:180px;
	height: 400px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-align:center;
	float:left;
	left:0px;
	margin-top: 10px;
	margin-left:10px;
}

.menu ul{
	padding:0px 15px 0px 0px;
	margin:0px;
}

.menu li{
	padding: 3px 20px 1px 20px;
	list-style-position:outside;
	list-style: none;
	text-align: left;
	height: 16px;
	background-color:#FFF;
	background-image: url(images/menuli.png);
	background-repeat:no-repeat;
}

.menu li:hover{
	background-image:url(images/menulihover.png);
}
.menu li:selected{
	background-image:url(images/menulihover.png);
}

.menu a{
	display: block;
	padding-bottom:3px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.calendario{
	float:left;
	left:0px;
	height: 200px;
	width:161px;
	font:Arial;
}

.calendario a{
	
}

.calendar{
	background-image:url(images/calendar.png);
	background-repeat: repeat-x; 
	height:20px;
	font-weight:bold;
}

.semana{
	border-bottom: solid 1px #c2c1c2; 
	text-align:center;
	font-weight:bold;
	background-color:#a8c3dc;
	height:16px;
	text-shadow:#FFFFFF;
}

.dia{
	text-align: center;
	cursor:pointer;
	width: 23px;
}

.dia:Hover{
	background-color: #2b7eb4;
	color:#FFFFFF;
}

.agenda{
	float:left;
	margin: 0px 10px;
	left: 180px;
	top: 29px;
}

.agenda TABLE{
	width: 350px;
	border: 1px solid #c2c1c2;
}

.agenda TH{
	background-color: #a8c3dc;
	height: 20px;
	border: 1px solid #FFFFFF;
}

.agenda TD{
	border-right: 1px solid #c1c2c1;
	border-bottom: 1px solid #c1c2c1;
	padding: 1px 3px;
}

.lista {
	margin:0px;
	color: #000;
}

.cor{
	background-color:#EEEEEE;
}

.lista TABLE{
	width: 520px;
	border: 1px solid #c2c1c2;
}

.lista TH{
	background-color: #a8c3dc;
	height: 20px;
	border: 1px solid #FFFFFF;
}

.lista TD{
	border-right: 1px solid #c1c2c1;
	border-bottom: 1px solid #c1c2c1;
	padding: 1px 3px;
	color: #333;
}

.campos_cronograma{
	text-align:left;
	margin:0px;
	padding:0px;
}
.cronograma P{
	padding:0px;
	margin:0px;
}

.cronograma TABLE{
	padding:0px;
	margin:0px;
	width: 520px;
	border: 1px solid #c2c1c2;
	vertical-align:top;
}
.cronograma TH{
	background-color: #a8c3dc;
	height: 20px;
	border: 1px solid #FFFFFF;
}
.cronograma TD{
	border-right: 1px solid #c1c2c1;
	border-bottom: 1px solid #c1c2c1;
	padding: 1px 3px;
	color: #333;
	vertical-align:top;
}

.legenda{}
.legenda TABLE{
	width:450px;
}

.legendacor{
	width:15px; 
	height:15px; 
	border: 1px solid #000000;
}
.legendatexto{
	width:150px;
	border: 1px solid #FFFFFF;
}


fieldset{
	text-align:left;
}

.trecho{
	border: 1px solid #cfdfe3;
	background-color:#E1F0F4;
	margin:5px;
}

.textarea{
	width:500px;
}

.trecho td img{
	cursor:pointer;
}

.caminho{
	border: 1px solid #cfdfe3;
	background-color:#f5f5f5;
	margin:5px;
}

.caminho td img{
	cursor:pointer;
}

.vazio{
	width:120px;
	border:1px solid #7f9db9;
}

.observacao{
	border: 1px solid #cfdfe3;
	background-color:#D5EAD0;
	margin:5px;
	padding:0 3px;
}
.observacao td img{
	cursor:pointer;
}

.obs_ordem{
	width:120px;
}
.obs_ordem input{
	width:120px;
}

.obs_texto{
	width:320px;
}

.obs_texto input{
	width:325px;
}

.trc_texto{
	width:120px;
	text-align:right;
}
.trc_texto input{
	width:120px;
}

.trc_texto .cam_texto_a{
	width:120px;
}

.obs_ordem_txt {width:20px;}

.trc_texto .trc_velocidade{width:20px;}

.trc_meio{
	width:200px;
	text-align:center;
}
.trc_meio input{
	width:200px;
	text-align:center;
}

.cam_meio{
	width:200px;
	text-align:center;
	border:1px solid #7f9db9;
}

#div_msg{
	width : 300px;
	padding : 0;
	margin : 0;
	heigth : 180px;
	border : 1px solid #096696;
	background : #FFF;
	position : fixed;
	float : left;
	left : 300px;
	top : 250px;
	text-align:right;
}		
#titulo_msg{
	background : #096696;
	color : #FFF;
	width : 288px;
	margin : 0;
	padding : 3px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#mensagem_msg{
	border : none;
	width:292px;
	margin: 0px 3px 2px;
	height:60px;
	font-size:11px;
	overflow:hidden;
	text-align:left;
	color:#000;
}

#footer{background-color:#000; height:18px; width:100%; margin:0 auto; padding:3px 0 7px; color:#FFF; vertical-align:middle; text-align:right; padding:0; display:inline-block; position:fixed; bottom:0;}
#footer a, #footer img{right:20px; position:absolute;}

/* CSS DO METODO DATAPICKER */

.ds_box { 
background-color: #FFF; 
border: 1px solid #006699; 
position: absolute; 
float:left;
z-index: 32767; 
} 

.ds_tbl { 
background-color: #FFF; 
} 

.ds_head { 
background-color: #7ca0be; 
color: #FFF; 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
text-align: center; 
letter-spacing: 2px; 
} 

.ds_subhead { 
background-color: #7ca0be; 
color: #000; 
font-size: 10px; 
font-weight: bold; 
text-align: center; 
font-family: Verdana; 
width: 20px; 
} 

.ds_cell { 
background-color: #EEE; 
color: #000; 
font-size: 10px; 
text-align: center; 
font-family: Verdana; 
padding: 2px; 
cursor: pointer; 
} 

.ds_cell:hover { 
background-color: #F3F3F3; 
} 

/* FIM DO CSS DO DATAPICKER */