/**
 * Base Styles
 */

body {
    /* font: normal normal normal 11px/16px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; */
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #444;

 /*   -webkit-font-smoothing: antialiased;     */

    overflow: -moz-scrollbars-vertical;
    background: #F5F5F5 url(../../img/neue/bg_paper.png);
	/* background: url(../../img/neue/bg.png); */
}

.no-border {
    border: none !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.leading {
    margin-top: 10px !important;
}

nav > ul {
    padding: 0;
}

/**
 * Text Styles
 */

a {
    color: #0066ff;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

abbr, acronym {
    font-size: 85%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted black;
    cursor: help;
}

abbr[title], acronym[title], dfn[title] {
    border-bottom: 1px dotted #CCC;
    cursor: help;
}

code, kbd, samp, pre, tt, var, .code {
    font-family: Monaco, 'Panic Sans', 'Lucida Console', 'Courier New', Courier, monospace, sans-serif;
}

h1 {
    font-size:20px;  
}
h2 {
    font-size:18px; 
}
h3 {
    font-size:14px;  
}
h4 {
    font-size: 13px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 11px;
}
h1,h2,h3,h4,h5,h6,p {
    margin:1em 0;
}
h1,h2,h3 {
    color: #000;
}
h4,h5, h6 {
    color: #444;
    font-weight: normal;
}
h6, p {
    color: #676767;
}
h1,h2,h3,b,strong,caption,th,thead,dt,legend{
    font-weight:bold; 
}

ul, ol {
    padding-left: 2em;
}

li ul, li ol, ul ul, ol ol, dl dd {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

small, sup, sub {
    font-size: 90%;
}

.code {
    background-color: #EAEFF4;
    color: #069;
    overflow: auto;
    padding: 2px 6px;
}

.al {
    text-align: left !important;
}
.ar {
    text-align: right !important;
}
.ac {
    text-align: center !important;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}

/**
 * Login
 */
body.login {
    height:0;
    overflow: hidden;
}
.login-box {
    margin: 0 auto !important;
    margin-top: -200px !important;
    margin-left: -150px !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    /*width:600px; */
    z-index: 9999 !important;
}
.login-box form {
    margin:10px 0;
}
.login-box input[type=text], .login-box input[type=password] {
    width: 215px;
}
.login-box.main-content {
    min-height: 0;
}

/**
 * Header
 */
#wrapper > header {

 /*   position: fixed; */
 /*   top: 0px; */


	margin: 45px auto 10px auto;

    width: 940px;
    z-index: 999;
    zoom: 1;

    background: #0078A5;
    background: -moz-linear-gradient(top, #00ADEE,  #0078A5);
    background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
    -pie-background: linear-gradient(top,  #00ADEE,  #0078A5);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

	padding: 0px 0px 0 0;


}

#wrapper > header .logo-box {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;


}

	
#wrapper > header > div {
    margin: 0 auto;
    padding: 0 20px;
    width: 900px;
}
#wrapper > header h1 {
    color: #000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 0px 1px 1px #888;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);

}

#wrapper > header h1 a {
    color: #000;
    text-decoration: none;
}

#wrapper > header nav {
}

#wrapper > header nav ul {
    padding: 0;
	margin-left: 75px;
}

#wrapper > header nav > ul {
}

#wrapper > header nav > ul > li {
    display: block;
    float: left;
    position: relative;
}

#wrapper > header nav > ul > li > a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#wrapper > header nav > ul li:hover > a {
}

#wrapper > header nav > ul > li:hover:not(.action) > a {
    background: #00678e;
    background: -moz-linear-gradient(top,  #00678e,  #00678e);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #00678e);
    background: -webkit-gradient(linear, left top, left bottom, from(#00678e), to(#00678e));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#00678e));
}

#wrapper > header nav > ul > li.active > a {
    background: #eee;
    background: -moz-linear-gradient(top,  #e7e7e7,  #ccc);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0),  #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ccc));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#ccc));
    -pie-background: linear-gradient(top,  #e7e7e7,  #ccc);
}

#wrapper > header nav > ul > li.action {
    margin-top: 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px;
    -moz-box-shadow: 0 1px 1px #fff;
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    -khtml-box-shadow: 0 1px 1px #fff;
    -khtml-box-shadow: 0 1px 1px rgba(255,255,255,0.5);
    box-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

#wrapper > header nav > ul > li.action a.button {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    padding: 4px 10px;
    border: 1px solid #444;
    border: 1px solid rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#wrapper > header nav > ul > li > a.arrow-down {
    padding-right: 30px !important;
}

#wrapper > header nav > ul > li > a.arrow-down:after {
    background: transparent url(../../img/neue/arrow-down.png) no-repeat 0 19px;
    content: " ";
    display: block;
    height: 40px;
    margin-left: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 10px;
    z-index: 1;
}

#wrapper > header nav > ul ul {
    background: #0078A5;
    -pie-background: #0078A5;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
    padding-bottom: 5px;
	margin-left: 0px;
    position: absolute;
    width: 150px;
    z-index: 999;
    left: -9999em;
    -moz-box-shadow: 0 2px 2px #777;
    -webkit-box-shadow: 0 2px 2px #777;
    -khtml-box-shadow: 0 2px 2px #777;
    box-shadow: 0 2px 2px #777;
}

#wrapper > header nav > ul li:hover ul {
    left: 0;
}

#wrapper > header nav > ul ul li a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#wrapper > header nav > ul ul li a:hover {
    background: #00678e !important;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    zoom: 1;
}

#wrapper > header form input[type=text] {
    background: #777;
    border: 1px solid #191919;
    margin-top: 7px;
    -moz-box-shadow: 0 1px 0 #ddd;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 1px 0 #ddd;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    -khtml-box-shadow: 0 1px 0 #ddd;
    -khtml-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

#wrapper > header form input[type=text]:hover {
    background: #888;
}

#wrapper > header form input[type=text]:focus {
    background: #eee;
}

#wrapper > header .chevron {
    background: transparent url(../../img/neue/arrow-down.png) no-repeat center 19px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-right: -15px;
    text-indent: -999em;
}

#wrapper > header .chevron.toggle-up {
    background: transparent url(../../img/neue/arrow-up.png) no-repeat center 19px;
}

.shortcuts {
    padding: 20px 0;
    display: none;
}

.shortcuts ul {
    display: block;
    list-style-type: none;
    padding: 0;
}

.shortcuts ul li {
    float: left;
    margin: 0 5px;
    position: relative;
}

.shortcuts ul li:first-child {
    margin-left: 0;
}

.shortcuts ul li:last-child {
    margin-right: 0;
}

.shortcuts ul li a {
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 0 #999;
    -webkit-box-shadow: 1px 1px 0 #999;
    -khtml-box-shadow: 1px 1px 0 #999;
    box-shadow: 1px 1px 0 #999;
    color: #555;
    cursor: pointer;
    display: block;
    padding: 13px 10px;
    text-align: center;
    text-decoration: none;
    width: 63px;
}

.shortcuts ul li a:active {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
}

.shortcuts ul li span {
    display: block;
}

.shortcuts ul li em {
    background: #ff2222;
    background: -moz-linear-gradient(top,#ff2222,#c80606);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2222), to(#c80606));
    -pie-background: linear-gradient(top,#ff2222,#c80606);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #933;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    padding: 0 5px;
    position: absolute;
    top: -5px;
    right: -5px;
}

/**
 * Content
 */
#wrapper > section {
    padding-top: 0px;
}

.has-promo #wrapper > section {
    padding-top: 110px;
}

.main-content {
    /* background: #f8f8f8; */
    background: #fff;
    
    
    -moz-box-shadow: 0 2px 12px #555;
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 12px #555;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0 2px 12px #555;
    -khtml-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    */

    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.main-content > header {
    /*
    background: #e1e1e1;
    background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
    -pie-background: linear-gradient(top,  #fafafa,  #e1e1e1);
    
    border-bottom: 1px solid #efefef;
    
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5pfix;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 1px 0 #ddd;
    -webkit-box-shadow: 0 1px 0 #ddd;
    -khtml-box-shadow: 0 1px 0 #ddd;
    box-shadow: 0 1px 0 #ddd;
    */

    background : #f7f7f7;

    border-bottom: 1px solid #eee;

    padding: 17px 20px;
    position: relative;
}

.main-content > header h2 {
    /*
    font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;
    font-weight: normal;
    */
    
    /* font: 22px/26px 'PTSansRegular', Arial, sans-serif; */
    font-family: 'open_sanslight', Arial, sans-serif;
    font-weight: 300;
    /*text-transform: uppercase;*/

    letter-spacing: 0;

    font-size: 22px;
    margin: 0;
    color: #2C2C2C;
    text-shadow: 0 1px 0 #fff;
}

.main-content > header .action-buttons {
    position: relative;
    top: -4px;
    z-index: 999;
}

.main-content > header input {
    position: relative;
    top: -6px;
}

.main-content > section {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    overflow: hidden;
}

.main-content > section.container {
    padding: 20px 0;
}

.main-content > section.container div.alpha > div.inner {
	padding-left: 20px;
}
.main-content > section.container div.omega > div.inner {
	padding-right: 20px;
}

.main-content > section h3 {
    font-family: 'open_sanslight', Arial, sans-serif;
    font-size: 12pt;
    font-weight: 300;
    /*text-transform: uppercase;*/

    border-bottom: 1px solid #f7f7f7;
    margin-top: 0;
    padding-bottom: 10px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.main-content > section h3 > a {
    font-family: Arial, sans-serif;
}



/**
 * Footer
 */
body > footer {
    padding-bottom: 20px;
	margin-bottom: 20px;
}

#footer-inner, #footer-inner a {
    color: #C9C9C9;
    font-size: 10px;
}

#footer-inner a {
    text-decoration: underline;
}

/**
*	Banco Labels
*/
.banco-label {  padding: 2px 4px; font-size: 10px; }
.banco-label.APROVADO, .APROVADO { background: green; color: white; }
.banco-label.NEGADO, .NEGADO { background: red; color: white; }
.banco-label.CONTRATADO, .CONTRATADO { background: blue; color: white; }
.banco-label.CONDICIONADO, .CONDICIONADO { background: orange; color: white; }
.banco-label.ANALISE, .ANALISE { background: gray; color: white; }
.banco-label.AGUARDANDO, .AGUARDANDO { background: gray; color: white; }
.banco-label.CANCELADO, .CANCELADO { background: red; color: white; }

/**
*	Status Labels
*/
.status {  padding: 2px 4px; font-size: 10px; }
.status.FECHADA { background: blue; color: white; }
.status.ANDAMENTO { background: orange; color: white; }

/**
* Box - ofertas
*/
.box-produto {
    background: #FAFAFA url(../../img/icons/shopping_bag.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 45px;
    border: 1px solid #DDD;
    display: inline-block;
}

.box-produto .title { font-weight: bold; font-size: 10pt; padding: 0; margin: 0; }
.box-produto .description { font-weight: normal; margin: 0; padding: 0; }
.box-produto .bloqueado { padding: 3px 3px 3px 20px; position: absolute; margin-top: 11px; background: yellow url(../../img/icons/mini_lock.png) no-repeat 4px 5px; }

/**
*   Catalogo
*/
.catalogo-info-box { text-align: right; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.catalogo-info-desc { margin: 0; margin-bottom: 8px; }

.catalogo-info-big { margin: 0; font-size: 28pt; font-weight: bold; }
.catalogo-info-medium { margin: 0; font-size: 24pt; font-weight: bold; }

.catalogo .bt-tipo-produto { padding: 10px 0; width: 100px; margin-right: 10px; }

/**
*   Menu selling
*/
.menu-selling { width: 100%; }
.menu-selling tr.ms-row-titulos td { width: 25%; font-size: 14pt; text-align: center; font-weight: bold; padding: 5px 0 5px 0; }
.menu-selling tr td { width: 25%; background: #fff; border-right: 1px solid #ddd; }
.menu-selling tr td:last-child { border-right: none; }

.menu-selling tr td.ms-taxa-alerta { background: #FF6360 !important; }

.menu-selling tr.ms-row-total td { border-top: 3px solid #ddd; }

.menu-selling tr.ms-row-planos td div.ms-box-produto { background: #F0F0F0; margin: 5px; padding: 5px; border-top: 1px solid #ddd; }
.menu-selling tr.ms-row-planos td div.ms-box-produto .ms-box-actions { text-align: right; }
.menu-selling tr.ms-row-planos td div.ms-box-produto .ms-box-actions .ms-action-altera-valor { float: left; }
.menu-selling tr.ms-row-planos td div.ms-box-produto .ms-box-actions .ms-action-excluir { float: right; }

.menu-selling tr.ms-row-planos td div.ms-box-produto .ms-box-titulo { font-weight: bold; font-size: 10pt; margin: 5px 0; text-align: center; }
.menu-selling tr.ms-row-planos td div.ms-box-produto .ms-box-descricao { text-align: justify; margin: 10px 0; }

.menu-selling tr.ms-row-planos td div.ms-box-produto-adicionar { background: #F0F0F0; margin: 5px; padding: 3px 15px; text-align: center; }
.menu-selling tr.ms-row-planos td div.ms-box-pacote-comprar { background: #D9F3AC; margin: 5px; padding: 3px 15px; text-align: center; }

.menu-selling-ajax { width: 700px; padding: 5px; }


.menu-selling tr.ms-row-total td { padding: 5px 10px; font-weight: bold; }

/**
*   ui-select-veiculos
*/ 
.ui-select-veiculos { }
.ui-select-veiculos .block { display: block; float: left; margin-left: 10px; }
.ui-select-veiculos .block.block-setup { width: 150px; background: #f7f7f7; margin-left: 0; }
.ui-select-veiculos .block.block-marca { width: 200px; background: #f7f7f7; }
.ui-select-veiculos .block.block-modelo { width: 200px; background: #f7f7f7; }
.ui-select-veiculos .block.block-versao { width: 320px; background: #f7f7f7; }

.ui-select-veiculos.size-grid-6 .block.block-setup { width: 120px; }
.ui-select-veiculos.size-grid-6 .block.block-marca { width: 120px; }
.ui-select-veiculos.size-grid-6 .block.block-modelo { width: 150px; }
.ui-select-veiculos.size-grid-6 .block.block-versao { width: 240px; }

.ui-select-veiculos .block select { width: 100%; border:0; background : #f7f7f7; }

.campo-ficha b { font-size: 1.2em; }

/**
*   Wizard
*/
.wizard { }
.wizard .steps { width: 200px; float: left; }

.wizard .steps ul { list-style-type: none; padding: 0; }
.wizard .steps ul li { padding: 0; margin: 0; width: px; }

.wizard .steps ul li a { padding: 10px; display: block; border: 1px solid #f1f1f1; border-right: 0; border-bottom: 0; background: #f9f9f9; }
.wizard .steps ul li:last-child a { border-bottom: 1px solid #f1f1f1; }
.wizard .steps ul li.current a { border-right: 0;  position: relative; width: 180px; background: white; }

.wizard .content { width: 658px; float: right; border: 1px solid #f1f1f1;  padding: 20px; }
.wizard .content h2 { margin: 0; }
.wizard .actions { clear: both; display: none; }

.wizard .content .select-veiculo { }
.wizard .content .select-veiculo h2 { margin-bottom: 20px; }
.wizard .content .select-veiculo input { margin: 2px 0 2px 0; display: block; width: 646px; color: #999 !important; font-weight: normal !important;  }
.wizard .content .select-veiculo .select2 { width: 100%; margin: 2px 0; }

.wizard .content .lista-produtos table.tabela-produtos { width: 100%; margin-top: 20px; }
.wizard .content .lista-produtos table.tabela-produtos tbody tr td { background: #f7f7f7; }

.wizard .content .lista-produtos table.tabela-produtos tbody tr td input { margin: 0; float: none; clear: both; background: white; }
.wizard .content .lista-produtos table.tabela-produtos tbody tr td input.money { width: 100px; text-align: right; }

.wizard .content .lista-produtos table.tabela-produtos tbody.produtos tr td { border-bottom: 4px solid white; padding: 0 10px;  height: 40px; vertical-align: middle; }
.wizard .content .lista-produtos table.tabela-produtos tbody.produtos tr td.produto { text-transform: uppercase; }
.wizard .content .lista-produtos table.tabela-produtos tbody.produtos tr td.detalhes { width: 100px; text-align: right; }
.wizard .content .lista-produtos table.tabela-produtos tbody.produtos tr td.valor { width: 120px; text-align: right; }

.wizard .content .lista-produtos table.tabela-produtos tbody.resumo tr td { vertical-align: top; line-height: 16px; height: 60px; padding: 10px; }

.wizard .content .lista-produtos table.tabela-produtos tbody.resumo tr td.legendas span { font-size: 10px; display: block; }
.wizard .content .lista-produtos table.tabela-produtos tbody.resumo tr td div { margin-bottom: 5px; }

.wizard .content .lista-produtos table.tabela-produtos tbody.resumo tr td .label { float: left; text-align: right; width: 120px;  }
.wizard .content .lista-produtos table.tabela-produtos tbody.resumo tr td .valor { font-size: 14px; font-weight: bold; text-align: right; float:right;  width: 120px; }


.wizard .button-inativo { color: gray; }
.wizard .button-ativo { color: lightgreen; }