html, body, h1, h2, h3, h4, h5, h6, form, p{margin:0px; padding:0px;}
body{font-size:13px; font-family:arial; background: url(image/bg_body.jpg) repeat-x; }

.clear{clear:both; font-size:1px;}

.block{display:block;}

.left{float:left;}
.right{float:right;}

h1{color:#333; font-size:1.5em; padding:8px 0px; margin-bottom:15px; border-bottom:1px solid #CCC;}

img{border: 0px;}
a, img, input, button{outline:none;}
a{text-decoration:none; color:#008EEC; font-size:1em;}
a:hover{color:#1F81C2;}

/* MENU */
#menuprincipal{
   border-top: 1px solid #676767;
   background: #404040;
   background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#333333));
   background: -webkit-linear-gradient(top, #404040, #333333);
   background: -moz-linear-gradient(top, #404040, #333333);
   background: -ms-linear-gradient(top, #404040, #333333);
   background: -o-linear-gradient(top, #404040, #333333);
   
   height: 31px;
   
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;}
   
#menuprincipal a{color:#FFF; /*font-weight:bold;*/ font-size:13px; padding:8px 10px;}
#menuprincipal a:hover{color:#FFF;}

#logo{padding-top:15px; padding-bottom:15px;
      height:40px;
      color: #FFF;
      background:#1294C5 url(image/logo.gif) no-repeat 10px center;
      border-bottom:1px solid #4F678F;
      clear: both;
      margin-bottom: 15px;}
	
.tela-width{padding-left:10px; padding-right:10px; margin: auto; width: 978px;}

/* FORMULÁRIOS */
input, select{padding:3px;}
input, textarea, select{border:#aaa 1px solid; font-size:13px; margin-left:5px; font-family:arial;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;}

input, textarea, select, label.campo span, label.campoclear span{margin-left:5px;}

label.campo{float:left;}
label.campo span, label.campoclear span{display:block; padding-bottom:2px; padding-top:10px;}
label span{ cursor:pointer;}

/* BUTTON */
.button {
   cursor:pointer;
   border:0px;
   border-top: 1px solid #96d1f8;
   background: #028fe7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3aa4e5), to(#028fe7));
   background: -webkit-linear-gradient(top, #3aa4e5, #028fe7);
   background: -moz-linear-gradient(top, #3aa4e5, #028fe7);
   background: -ms-linear-gradient(top, #3aa4e5, #028fe7);
   background: -o-linear-gradient(top, #3aa4e5, #028fe7);
   padding: 5.5px 11px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFF;
   font-size: 13px;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #0663b5;
   background: #0663b5;
   color: #ccc;
   }

	  
.button2{border:1px solid #0083D5; background:#3AA3E5; color:#FFF;
		padding:2px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;}
.button2:hover{background:#187DBA; color:#FFF;}

.buttonS{border:1px solid #006600; background:#006600; color:#FFF;
		padding:2px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;}
.buttonS:hover{background:#006600; color:#FFF;}
		
.buttonN{border:1px solid #D50000; background:#D50000; color:#FFF;
		padding:2px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;}
.buttonN:hover{background:#D50000; color:#FFF;}

/* MENSAGENS */
.message{position:fixed; top:10%; right:10px; z-index: 99999;}

.alert, .success, .error, .information{padding:10px; text-align:center; cursor:pointer;
						 -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.alert{background:#FFF5AE; border:1px solid #F90;}
.success{background:#DAFFB9; border:1px solid #030;}
.error{background:#FFD9D9; border:1px solid #C00;}
.information{background:#D9D9FF; border:1px solid #036;}



/* GRID */
.grid, .grid table, .grid td, .grid th, .grid tr{padding:0px; border-spacing:0px; border:0px;}
.grid{width:100%; border:1px solid #bbb; border-left:0px;}



.grid td, .grid th{padding:8px; border-left:1px solid #bbb;}
.grid thead td, .grid thead th{border-bottom:1px solid #bbb;}
.grid tfoot td{border-top:1px solid #bbb;}
.grid thead tr, .grid tfoot tr{background:#CCC;}
.grid tbody tr.alter{background:#F1F1F1;}
.grid tbody tr:hover{background:#8BFF77;}

/* SEARCH */
.search, .search table, .search td, .search th, .search tr{padding:0px; border-spacing:0px; border:0px;}
.search{width:100%; border:1px solid #bbb; border-left:0px; margin-bottom:20px;}



.search td, .search th{padding:8px; border-left:1px solid #bbb;}
.search thead td, .search thead th{border-bottom:1px solid #bbb;}
.search tfoot td{border-top:1px solid #bbb;}
.search thead tr, .search tfoot tr{background:#CCC;}

/* CONTROLE E PESQUISA */
.control{padding:10px; background:#F1F1F1; border:1px solid #bbb; margin:10px 0px;}

.icone-status{ 
    border: 1px solid #999;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   padding: 0px 6px;}

.label150{
    width: 120px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
}

.width10,
.width20,
.width30,
.width40,
.width50,
.width60,
.width70,
.width80,
.width90,
.width100{
    box-sizing: border-box;
    float: left;
}

.width10{width: 10%;}
.width20{width: 20%;}
.width30{width: 30%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}