/* CSS Document */

a{color:#006699; text-decoration:none;}
a:hover{color:#006699; text-decoration:underline;}

a:visited{color:#006699; text-decoration:none;}
body{font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:12px; background-image:url(../images/ic_fundo.png); background-repeat:repeat-x; margin:0; padding:0; position:relative;}

html{margin:0; padding:0;}
form{margin:0; padding:0;}
input{margin:0; padding:0;}

.fontRed{color:#900;}
.fontBold{font-weight:bold;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.subTitulo{ font-weight:bold; padding:2px; border-bottom:1px solid #CCC;}
.fontePequena{font-size:10px; color:#999999;}
.fonteMedia{font-size:25px; font-weight:bold;}
.fonteGrande{font-size:50px; font-weight:bold;}
.fonteExtraGrande{font-size:70px; font-weight:bold;}
.fundoCinza{background-color:#DDD;}

#site{width:980px; padding:2px; margin:0 auto; }


#cabecalho{height:60px;  background-color:#F4F4F4; margin:2px; }
#cabecalho #logotipo{margin:2px; float:left; width:70px; height:60px;; background-image:url(../images/logo.png); background-repeat:no-repeat;}
#cabecalho #titulo{font-size:25px; padding-top:25px; margin:2px; float:left; width:450px;}
#cabecalho #BoxUser {margin:2px; float:right; width:300px; height:50px;}
#cabecalho #BoxUser #user {padding:2px; font-size:11px; color:#999;}


#menu{height:30px;  font-weight:bold; margin:3px;}
#menu ul{margin:0; padding-top:8px; padding-left:8px;}
#menu ul li{  display:inline; padding-left:20PX;  margin-right:10PX; background-image:url(../images/Icons/ico-seta-cinza.gif); background-repeat:no-repeat; background-position:left;}

/* 
	MENU SUSPENSO
*/
#menu ul.dropdown                         { position: relative; }
#menu ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;}
#menu ul.dropdown li a                    { display: block;   }
#menu ul.dropdown li.hover,
#menu ul.dropdown li:hover                { position: relative; }

#menu ul.dropdown ul 					{ width: 120px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:1;  }
#menu ul.dropdown ul li 					{ width: 120px; background-color:#DFE7F2;  border-bottom: 1px solid #ccc; float: left; margin:0px; height:20px; 
									         
											 vertical-align:central;
											 padding-top:3px;
}						  
                                            /* IE 6 & 7 Needs Inline Block */
#menu ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  } 



#corpo{min-height:500px; background-color:#F4F4F4;  margin:2px; overflow:auto; }

#rodape{height:43px; color:#7E9DB6; text-align:center; background-image:url(../images/ic_fundoTitle.png); margin:2px;}


.bordaRedonda{
	-moz-border-radius:4px; /* Firefox, etc */
    -khtml-border-radius:4px; /* Konqueror, etc */
    -webkit-border-radius:4px; /* Safari, Google Chrome, etc */
    -opera-border-radius:4px; /* Opera */
	 /* IE 9*/
	 border-top-left-radius:5px;
	 border-bottom-left-radius:5px;
	 border-top-right-radius:5px;
	 border-bottom-right-radius:5px;
	 }
	 
.boxRedondo{background-image:url(../images/ic_fundoBox.png); background-repeat:repeat-x; border:1px solid #DCE7ED; min-width:150px;  padding:0px;
	-moz-border-radius:4px; /* Firefox, etc */
    -khtml-border-radius:4px; /* Konqueror, etc */
    -webkit-border-radius:4px; /* Safari, Google Chrome, etc */
    -opera-border-radius:4px; /* Opera */
	 /* IE 9*/
	 border-top-left-radius:5px;
	 border-bottom-left-radius:5px;
	 border-top-right-radius:5px;
	 border-bottom-right-radius:5px;
	 
}


.boxRedondo .titulo{background-image:url(../images/ic_fundoTitle.png); background-repeat:repeat-x; height:20px; font-weight:bold; padding:5px;}


#boxLogin{margin:auto; margin-top:180px; width:280px;  }
#boxLogin input, select {font-weight:bold; height:20px; padding:2px; }

#boxAlerta{margin:5px; width:230px; height:200px; float:left; box-shadow:3px 3px 3px #CCCCCC;}
#boxAlerta .divMain {height:180px; overflow:auto;}
#boxAlerta .divMain ul {margin:0px; padding:0px;}
#boxAlerta .divMain ul li {display:block; margin:2px; padding:3px; height:16px; width:200px; background-color:#F2F2F2; border:1px solid #EAEAEA;}


#tituloGeralPagina{ font-size:18px; color:#999; border-bottom:1px dashed #EAEAEA; background-color:#F2F2F2; margin:10px;}

#barraIntro{margin:20px; background-image:url(../images/barraIntro.png); background-repeat:no-repeat; width:900px; height:200px; float:left;}

#nomeEmpresa{margin:20px;  width:900px; height:100px; float:left; font-size:46px; color:#CCCCCC; text-align:right; }

#corpo #menuVertical{ width:180px; margin:10px; background-color:#FFF; float:left;  }
#corpo #menuVertical ul { margin:1px; padding:1px;}
#corpo #menuVertical li{ display:block; width:150px; height:18px; border-bottom:1px dashed  #CCC; margin:2px;  padding:2px;padding-left:15px; background-image:url(../images/Icons/ico-seta-cinza.gif); background-repeat:no-repeat; background-position:left;}
#corpo #menuVertical .perfil{padding:2px; cursor:pointer;}
#corpo #menuVertical .perfil img {border:1px solid #CCC; padding:2px; width:170px;}

#formCadastro{ width:750px; min-height:300px; margin:10px;  float:left; position:relative;}
#formCadastro input, select {font-weight:bold; min-height:20px; padding:2px; text-transform:uppercase;}
#formCadastro select {height:25px; padding:2px; }
#formCadastro textarea {width:99%}
#formCadastro fieldset{margin-bottom:10px; }
#formCadastro fieldset td p{ font-weight:bold;}
#formCadastro legend{font-weight:bold;}
#formCadastro td{ height:20px;} 
#formCadastro .inputMini {width:50px;}
#formCadastro .inputPequeno {width:120px;}
#formCadastro .inputMedio {width:220px;}
#formCadastro .selectMedio {width:220px;}

#statusVeiculo {position:absolute; width:250px; height:30px; left:65%;  margin:6px; padding:6px; text-align:center; font-size:20px; font-weight:bold; box-shadow:3px 3px 3px #CCCCCC;}

#statusVeiculoRetorno {position:absolute; width:550px; height:30px; left:30%;  margin:6px; padding:6px; text-align:left; font-size:16px; font-weight:bold; color:#900; cursor:pointer; }
 
#boxPesquisa{overflow:auto; width:725px; height:220px; font-size:11px;}
#boxImages {overflow:auto; width:725px; height:490px; font-size:11px;}
#boxImages img{width:120px; height:auto; padding:6px; border:1px solid #CCC; background-color:#E9E9E9; margin:1px; cursor:pointer; float:left;}
#boxImagesDeitals {}
#boxImagesDeitals img{width:640px; height:auto; padding:6px; border:1px solid #CCC; background-color:#E9E9E9; margin:1px;}

#boxEditaImages{ float:left; width:160px; margin:10px;}
#boxEditaImages .foto img{width:158px; height:auto; padding:6px; border:1px solid #CCC; background-color:#E9E9E9; margin:1px; cursor:pointer; }
#boxEditaImages .menu{  }
#boxEditaImages .menu input, select{ width:100%;}


/*Table Sorter*/
table.tablesorter{font-family:tahoma;background-color: #CDCDCD;margin:10px auto; font-size: 8pt;width: 99%;text-align: left; cursor:pointer;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th{color:#000;font-weight:bold;background-color:#E9E9E9;font-size:10px;border:none;border-left: 1px solid #dadfe0;padding:5px;font-size: 8pt;}
table.tablesorter thead tr .header{background-image: url(../images/ImagensPaginacao/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer; min-width:110px;}
table.tablesorter thead tr .headerSortUp {background-image: url(../images/ImagensPaginacao/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../images/ImagensPaginacao/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #9E9E9E; color:#FFFFFF;}

table.tablesorter tbody tr{color: #3D3D3D;background-color: #FFF;vertical-align: top;}
table.tablesorter tbody td{border-left:none;border-bottom:none;padding:5px;padding-right:20px;vertical-align:middle;}
table.tablesorter tbody tr:hover, table.tablesorter tbody tr.odd:hover{background-color:#9E9E9E;color:#FFF;}
table.tablesorter tbody tr.odd{background-color:#F0F0F6;}
table.tablesorter tbody td a{color:inherit;}


.tabelaGrid th { font-weight:bold; background-image:url(../images/ic_fundoTitle.png); border-bottom:1px solid #999; height:20px;}
.tabelaGrid td {  border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; height:18px; }