@font-face {
	font-family: 'SEGOEUIL';
	src: url('fontes/segoeui/SEGOEUIL.ttf');
}

.radius { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.shadow { -webkit-box-shadow: 0px 0px 5px 0px #333; -moz-box-shadow: 0px 0px 5px 0px #333; box-shadow: 0px 0px 5px 0px #333; }
.clear {clear:both;}

*{margin:0; padding:0}
html, #preview {height: 100%;}
body {height:100%; margin:0px; font-family: "SEGOEUIL" !important; }

#preview { position:relative; margin:auto; top:0px; width:100%; min-width:980px; max-width:980px; min-height:100%; height:auto !important; height:100%;   }
#header {position:relative; width:980px; margin:auto; height:180px; z-index:1000;  }
#headerAdm {position:relative; width:980px; margin:auto; height:120px; z-index:1000;  }
#main {position:relative; margin:auto; width:980px; padding:0px;  }
#footer { position:relative; width:980px; height:160px; margin:auto; background:url(imagens/fundorodape.png) no-repeat; }

#logo-topo {position:absolute; top:20px;}

#mhp {position:absolute; top: 140px; background:url(imagens/fundomhp.png) repeat-x; height:40px; width:980px; border:1px solid #ccc;}
#mhp li { display:inline-block; height:40px; list-style:none; float:left;  }
#mhp a { display:block; line-height:40px; vertical-align:middle; padding:0px 30px; font-size:14px; color:#666666; text-decoration:none;  }
#mhp a:hover {text-decoration:underline;}

#slide-home {margin-top:-10px;}

#phone-topo {position:absolute; right:0px; top:66px;}
#rodape-contato {position:absolute; right:20px; top:30px; font-size:14px;}

.col-300 {width:300px; margin-right:40px;}
.col-right {float:right; margin-right:0px;}
.col-left {float:left;}
.col-center {margin-left:340px;}

.blocos-home { background:#E8E8E8; margin-bottom:40px; height:280px; padding:20px;}
.blocos-home h3 {color:#4296D2; font-size:18px; text-align:center;}

.bxLogin {width:300px; background:#eee; border:1px solid #ccc; padding:20px; margin:auto;}
.bxLogin input {padding:8px; border:1px solid #ccc; width:280px;}

.col-400 {width:400px; height:500px;}

/*------------------------------------------MENU DROPDOWN--------------------------------------------------*/
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; top:0px;  }
 #nav img {vertical-align:middle; margin-right:5px;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 220px; }
#nav ul ul { left: 130px; }

/* Everything else is theming */
 
#nav {  height: 30px;  }
#nav *:hover { background-color: #eee; }
#nav a { border: 0px solid #CCCCCC; margin-left:0px; color:#87C39F; text-decoration:none; font-size: 14px; padding:0px  20px; line-height: 28px;   }
  #nav li.hover a { border-bottom: 1px solid #eee; margin-left:0px; color: #333; font-size: 8pt; padding:0px  20px; line-height: 28px;   }
  #nav ul { top: 29px; }
    #nav ul li a { color:#333; background-color: #eee; font-weight:normal; text-align:left;   }
    #nav ul a.hover {border-bottom: 1px solid #eee; background-color: #666; color:#FFF; }
   #nav ul a { border-bottom: 1px solid #eee; border-right: none; color:#333;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.pagetitle {border-bottom:1px solid #064e42; }
.btnPrintOS {position:absolute; top:-30px; right:0px; border:0px; background:transparent; cursor:pointer;}
#boxNumOrdemSRVCExt, .numCodigo {position:absolute; right:10px; top:10px; background:#ccc; border:1px solid #666; width:100px; height:80px; line-height:80px; text-align:center; font-size:20px; font-weight:bold; color:#ff0000;}



.wrapper {width:100%; clear:both;}

#box-atalhos {width:98%; margin:auto; padding-top:10px;}
#box-atalhos .item {float:left; text-align:center; border:0px solid #000; width:155px; height:120px; margin:2px;}
#box-atalhos .item a {color:#333; font-size:14px; text-decoration:none;}
#box-atalhos .item a:hover {text-decoration:underline;}

/*------------------------------------------FORMS--------------------------------------------------*/
form label {display:inline-block;}
form.dft label {color:#333; display:inline-block; text-align:left; padding:2px; cursor:pointer;}
.frmDft {text-align:left; margin:auto; font-size:10pt; line-height:30px; background:#eee; padding-bottom:10px; border:1px solid #ccc; }
.frmDft label {display:inline-block; text-align:left; margin-right:15px;  cursor:pointer;}
.frmDft label.tbl-header {text-align:left;}
.frmDft label.tbl-header span {font-style: italic;}
.frmDft input {  padding:2px; }
.frmDft .legend {font-size:8pt;}
.frmDft select {padding:2px;}
.frmDft button.btnsave {font-weight:bold;}
.frmDft button {height:26px; line-height:18px; vertical-align:middle;}
.frmDft textarea { padding:0px; padding:2px; font-size:8pt; margin-top:3px; font-family: Arial, Helvetica, sans-serif;}
.frmDft .warning-disp {display:inline-block; background:#eee; width:500px; height:20px; line-height:20px; vertical-align:middle; text-align:left; padding-left:10px;}

.datagrid {width:100%; border:1px solid #ccc; font-size:8pt; font-family:Arial;}
.datagrid table {width:98%; margin:auto; font-size:8pt; font-family:Arial;}
.datagrid tr td {padding:2px; height:20px;}
.datagrid .dt-header {background:#444; color:#fff; height:26px; line-height:26px; vertical-align:middle;}


/*--------------------------------------LAYOUT MODAL----------------------------------------------*/
.bxSelRegs {display:none; position:absolute; background:#fff; width:600px; height:400px; overflow:auto; top:50%; margin-top:-200px; z-index:1000; left:50%; margin-left:-300px; -webkit-box-shadow: 0px 0px 3px 1px rgba(158, 158, 158, 0.75); -moz-box-shadow: 0px 0px 3px 1px rgba(158, 158, 158, 0.75); box-shadow: 0px 0px 3px 1px rgba(158, 158, 158, 0.75);}
.bxSelRegs .btnFecha {position:absolute; right:0px; width:15px; height:15px; line-height:15px; text-align:center; cursor:pointer; background:#ff0000; color:#ffffff;}
.bxSelRegs .boxListaRegs {position:absolute; background:#eee; top:60px; left:10px; width:580px; height:330px; overflow:auto; }
.bxSelRegs .tbl-lista {font-size:8pt; width:100%; padding:10px;}
.bxSelRegs .tbl-lista button { font-size:7pt; padding:0px; padding:2px; cursor:pointer;}
.bxSelRegs .tbl-lista tr:nth-child(odd) td {background:#ffffee; padding:0px 5px; text-align:left;}
.bxSelRegs .tbl-lista tr:nth-child(even) td {background:#EFEFEF; padding:0px 5px; text-align:left;}
.bxSelRegs .boxBusca {position:absolute; top:25px; left:10px; width:580px;}
.bxSelRegs .btnLocaliza {vertical-align:middle; width:30px;}
.bxSelRegs .txtKey {vertical-align:middle;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .grid_1 {
	width:78px;
}

.container_10 .grid_2 {
	width:176px;
}

.container_10 .grid_3 {
	width:274px;
}

.container_10 .grid_4 {
	width:372px;
}

.container_10 .grid_5 {
	width:470px;
}

.container_10 .grid_6 {
	width:568px;
}

.container_10 .grid_7 {
	width:666px;
}

.container_10 .grid_8 {
	width:764px;
}

.container_10 .grid_9 {
	width:862px;
}

.container_10 .grid_10 {
	width:960px;
}

/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .prefix_1 {
	padding-left:98px;
}

.container_10 .prefix_2 {
	padding-left:196px;
}

.container_10 .prefix_3 {
	padding-left:294px;
}

.container_10 .prefix_4 {
	padding-left:392px;
}

.container_10 .prefix_5 {
	padding-left:490px;
}

.container_10 .prefix_6 {
	padding-left:588px;
}

.container_10 .prefix_7 {
	padding-left:686px;
}

.container_10 .prefix_8 {
	padding-left:784px;
}

.container_10 .prefix_9 {
	padding-left:882px;
}



/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .suffix_1 {
	padding-right:98px;
}

.container_10 .suffix_2 {
	padding-right:196px;
}

.container_10 .suffix_3 {
	padding-right:294px;
}

.container_10 .suffix_4 {
	padding-right:392px;
}

.container_10 .suffix_5 {
	padding-right:490px;
}

.container_10 .suffix_6 {
	padding-right:588px;
}

.container_10 .suffix_7 {
	padding-right:686px;
}

.container_10 .suffix_8 {
	padding-right:784px;
}

.container_10 .suffix_9 {
	padding-right:882px;
}



/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .push_1 {
	left:98px;
}

.container_10 .push_2 {
	left:196px;
}

.container_10 .push_3 {
	left:294px;
}

.container_10 .push_4 {
	left:392px;
}

.container_10 .push_5 {
	left:490px;
}

.container_10 .push_6 {
	left:588px;
}

.container_10 .push_7 {
	left:686px;
}

.container_10 .push_8 {
	left:784px;
}

.container_10 .push_9 {
	left:882px;
}



/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .pull_1 {
	left:-98px;
}

.container_10 .pull_2 {
	left:-196px;
}

.container_10 .pull_3 {
	left:-294px;
}

.container_10 .pull_4 {
	left:-392px;
}

.container_10 .pull_5 {
	left:-490px;
}

.container_10 .pull_6 {
	left:-588px;
}

.container_10 .pull_7 {
	left:-686px;
}

.container_10 .pull_8 {
	left:-784px;
}

.container_10 .pull_9 {
	left:-882px;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}