/* ################################################################# */
/* ################################################################# */
/* Escriba WebSystems 2 - System Template */
/* ################################################################# */
/* ################################################################# */
/* 0.0 CONFIGURAÇÕES GERAIS */

/* ##################################################### */
/* ##################################################### */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(../fonts/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../fonts/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(../fonts/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}


html										{ background: #fff; padding: 0; margin: 0}
body										{ }
*										{ margin:0; color:#454545; border:none; outline:none; font-family: 'Lato', Helvetica, Arial, sans-serif}
.bg-home                                                                        {background-image:url(/themes/1ripratamg/imagens/bg-topo.png); width: 100%;}
/* 1.0 Zera margens */
/* -------------------------------------------- */
.semMargem									{margin:0 !important}
.semMargemT									{margin-top:0 !important}
.semMargemL									{margin-left:0 !important}
.semMargemB									{margin-bottom:0 !important}
.semMargemR									{margin-right:0 !important}

/* 2.0 Zera paddigs */
/* -------------------------------------------- */
.semPadding									{padding:0 !important}
.semPaddingT                                                                    {padding-top:0 !important}
.semPaddingL            							{padding-left:0 !important}
.semPaddingB                    						{padding-bottom:0 !important}
.semPaddingR                            					{padding-right:0 !important}

/* 3.0 FLoat e clear class */
/* -------------------------------------------- */
.left										{float:left !important}
.right										{float:right !important}
.clear										{clear:both !important}
.clearL										{clear:left !important}
.clearR										{clear:right !important}

.height										{ height:100%}
.table										{ display:table}
.cell										{ display:table-cell; vertical-align:middle; float:none !important}

/* 4.0 Hidden Classes */
/* -------------------------------------------- */
.hidden										{ display:none}

/* 5.0 Text definitions */
/* -------------------------------------------- */
.text-left									{text-align:left}
.text-right									{text-align:right}
.text-center                                                                    {text-align:center}
.text-justify                                                                   {text-align:justify}

.text-vermelho                                                                  {color:#900 !important}
.text-verde									{color:#690 !important}

.text-bold									{font-weight:bold}

a										{color:#37474F; cursor:pointer}
a:hover										{color:#37474F; text-decoration: none !important; }



/* 6. Content boxes */
/* -------------------------------------------- */
.container                                              {
                                                        background: #fff;
                                                        -webkit-border-radius: 5px;
                                                        border-radius: 5px;
                                                        /* -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3); */
                                                        /* box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3); */
                                                        /* border-bottom: 3px solid #ccc */
                                                        }

.mainTemplate                                       { width: 1000px; margin: 25px auto;  -webkit-border-radius: 15px; border-radius: 15px; border:1px solid #e5e5e5;
                                                    border-bottom: 3px solid #e5e5e5; background: #fff;}


/* ##################################################### */
/* ##################################################### */
/* HEADER */
/* -------------------------------------------- */
.bgHeaderTopo                               {background: #191919; width: 100%; ; background-repeat: no-repeat; background-repeat-x: inherit; height: 210px;}
.headerTopo                             {

padding:10px 0 0;

box-sizing:border-box;

width: 1000px;

margin: 0 auto;

background: transparent;

}

.headerTopo h1                          {float: left;}
.headerTopo h1 img                      {margin: 0 auto;border-radius: 4px;padding: 0 0 10px 0;}

.headerTopo h2                          { float: left; max-width:400px; margin-left: 20px; color: #694a5a; padding:0 15px 0; font-size: 18px; font-weight: 300; text-align: left; margin-top: 25px}

.headerOptions                          { float: right; color: #fff; color:rgba(255,255,255,0.6); padding: 5px 0; margin:20px 15px 0 0}
.headerOptions #user                    {
                                        padding-right: 15px;
                                        margin-right: 15px;
                                        border-right: 1px solid rgba(255,255,255,0.4);
                                        color: #fff;
                                        font-size: 0.75em;
                                        }
.headerOptions span                     { color: #fff; font-size: 0.85em}

.headerOptions .logout                  { color:#ffd503 }
.headerOptions .logout i                { color: inherit; font-size: 1.2em; vertical-align:top}




.subHeader                              { margin: 10px 0 0}
.subHeader ul                           { padding: 0}



.subHeader #navbar li a:hover           { background:#ffd503; color:#121212; text-decoration: none;}

.menuTop                            {text-align: left;padding: 0;background: #9a7e2b;margin: 0;border-radius: 0 0 3px 3px;}
.menuTop form,
.menuTop > ul,
.menuTop div                        { display: inline-block; float: left; }
.menuTop ul form                    { display: block; margin: 0; padding: 0; border: none; }

.menuTop li                         { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none;}
.menuTop li ul                      { position: absolute; z-index: 99999; left: 1px; top: 100%; width: auto; background: #37474F; text-align: left; display: none; margin: 0;}
.menuTop li span,
.menuTop li a                       { color: #FFF; display: block; padding: 15px 10px 18px 14px; font-size: 14px; cursor: pointer; text-decoration: none; text-transform: uppercase;}
.menuTop li:hover span,
.menuTop li:hover a                 { background: #bfa34e; color:#fff; text-decoration: none;}
.menuTop li:hover > ul              { display: block}
.menuTop li ul ul                   { position: absolute; left: 100%; top: 0; }
.menuTop li ul li                   { display: block; width: 240px;}
.menuTop li ul li:last-child        {-webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.menuTop li:hover ul li:hover > span,
.menuTop li:hover ul li:hover > a   { background: #b5973b; color:#fff;}


/* ##################################################### */
/* ##################################################### */
/* FOOTER */
/* -------------------------------------------- */
#footer                                 {clear: both;text-align: center;padding: 15px;-webkit-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;border-top: 1px solid #CCC;background: #191919;color: #fff;}

#footer a                               { color: #666; text-decoration: none; }

p#analytics { display: none}


/* ##################################################### */
/* ##################################################### */
/* FORMS */
/* -------------------------------------------- */

fieldset                                {
                                        width: 100%;
                                        padding: 15px;
                                        border: 1px solid #ccc;
                                        -moz-border-radius:3px;
                                        border-radius:3px;
                                        box-sizing:border-box;
                                        margin: 46px 0;
                                        background: #fff;
                                        border: 1px solid #e5e5e5;
                                        border-bottom-width: 3px;
                                        }

fieldset legend                         {padding: 10px 15px;font-size: 12px;text-transform: uppercase;background: #696865;color:#fff;-moz-border-radius:5px;border-radius:5px;}

label                                   { display: block; font-size: 14px; color: #999; padding: 25px 0 5px; text-align: left; font-weight: 600}
.inputbox                               { width: 100%; border: 1px solid #ccc; -moz-border-radius:5px; border-radius:5px; margin-bottom: 10px; text-align: left;
                                         position: relative; box-sizing:border-box; padding-left: 45px}
.inputbox .iconInput                    { padding:8px 0; border-right: 1px solid #ccc; color: #666; text-align: center;
                                        font-size: 22px; position: absolute; left:0; top:0; bottom: 0; width: 45px}
.inputbox .iconInput i                  { color: #ccc}
.inputbox input                         { background: none; padding:10px 15px; display: block; width: 100% !important; box-sizing:border-box; color:#696969}

.inputbox input:focus                   {background: #fff; color:#121212 }

select,
textarea,
input                                   { border:1px solid #ccc; -moz-border-radius:5px; border-radius:5px; width: 95%; padding: 9px 5px; }

input[type='checkbox'],
input[type='radio']                     { border:none; width: auto }

p label                                 { display: inline-block}

select:focus,
textarea:focus,
input:focus                             { background:#dedede }

.button, .button_link,
input[type='submit'],
button                          {
                                display: inline-block;
                                box-sizing:border-box;
                                padding: 10px 15px;
                                background: #9a7e2b;
                                -moz-border-radius:5px;
                                border-radius:3px;
                                cursor: pointer;
                                color: #fff;
                                font-size: 0.85em;
                                width: auto;
                                border:none;
                                margin: 10px 10px 10px 0;
                                text-decoration: none !important;
                                }

.button:hover,
.button_link:hover,
input[type='submit']:hover,
button:hover                            { background: #b5973b; color: #fff; text-decoration: none !important}




.form_align_left div                    { display: inline-block}


/* ##################################################### */
/* ##################################################### */
/* A. HOMEPAGE */
/* -------------------------------------------- */
.logoIntro                                              {margin-bottom: 8%;}
.loginCase                                              {
                                                        width: 660px;
                                                        min-height: 385px;
                                                        box-sizing:border-box;
                                                        padding: 0 2.5%;
                                                        position: absolute;
                                                        left:50%;
                                                        top: 210px;
                                                        margin: -192px 0 0 -325px;
                                                        text-align: center;
                                                        background: transparent;
                                                        }

.loginCase .leftCase img                                {}

.loginCase .loginContent,
.loginCase .leftCase    {float: left;width: 100%;margin-top: 0;}
.loginCase .leftCase    {width: 100%;margin-right: 9%;}

.loginCase .leftCase h2                                 {text-align:center;color: #fff;font-weight: 300;font-size: 25px;}

.loginCase fieldset                                     {/* margin: 0 */}
.loginCase input                                        { border: none}
.loginCase label                                        { padding-top: 0}

.linksRod                                               { border-top: 1px solid #e5e5e5; margin:15px 0 0; padding:4% 0}

.esquecisenha                                           {font-size: 12px;color: #0f2c35;margin: 50px 0 0;text-decoration: none;font-weight: 400;}

/* ##################################################### */
/* ##################################################### */
/* B. MENSAGENS DE ERRO */
/* -------------------------------------------- */

.warning                                { background:#9e2f30; color: #fff; padding: 8px; -moz-border-radius:5px; border-radius:5px; border:1px solid #900;
                                        text-align: left; color: #fff; font-size: 12px; margin: 5px 0; display: none}
.warning i                              { color: #fff}



/* ##################################################### */
/* ##################################################### */
/* C. Conteudo */
/* -------------------------------------------- */
.conteudo                               { box-sizing:border-box; padding:2.5% }

h1                                      {color: #191919;font-weight: 600;font-size:2em;}

p                                       { margin: 5px 0; font-size: 14px; color: #666}

.tooltip                                { position: relative;}
.tooltip:hover span                     { display:block}
.tooltip span                           { position: absolute; z-index: 10000000; display: none; left: 100%; margin: 0 5px; padding: 10px; background: #fff; font-size: 11px; text-align: left;
                                        border:1px solid #ccc; top: 0; width: 250px; -moz-border-radius:5px; border-radius:5px; }

.msg_erro                               {list-style: none;padding: 0;margin: 0 0 0 0;}
.msg_erro li                            {font-size: 13px;color: #FFF;font-weight: 400;padding: 14px;background: #e04d5f;-moz-border-radius:3px;border-radius:5px;margin-bottom: 5px;}

/* ##################################################### */
/* ##################################################### */
/* D. SIDE BAR */
/* -------------------------------------------- */
.sidebar                                { background: #f2f2f2; width: 20%; float: left; border-right: 1px solid #e5e5e5; margin-right: -1px}
.sidebar ul                             { padding: 0; list-style: none}
.sidebar li                             { padding: 13px 20px; list-style: none; color: #555; font-size: 14px; font-weight: 400}
.sidebar h3.titulo.expandable           { padding: 25px 20px 15px; font-weight:800; font-size: 22px; color:#343434}
.sidebar li a                           { color: #454545; display: block; font-size: 14px; font-weight: 400; padding-left: 15px}
.sidebar li.contractble                 { padding-left: 0; padding-right: 0}

.sidebar li.submenu:hover               { background: #ffd503; color:#121212}
.sidebar li.submenu:hover a             { color: #121212}

.sidebar li.subtitulo                   { margin-top: 0px; font-weight: 600; font-size: 16px; background:#fcfcfc;  }
.sidebar li.submenu,
.sidebar li.submenu a                   { font-weight: 400}

#saldo                                  { padding: 15px 25px !important; background: #fafafa; color: #454545}
#saldo strong                           { color: #565656; font-size: 18px}





/* ##################################################### */
/* ##################################################### */
/* E. TABELAS */
/* -------------------------------------------- */

caption                                 { text-align: left; padding: 15px; font-size:0.85em;
                                        background: #ffffff; /* Old browsers */
                                        background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
                                        background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
                                        background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
                                        background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
                                        background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
                                        border:1px solid #ccc}


table                                   { border:1px solid #999; border-spacing:0; border-collapse: separate;  margin: 15px 0; width: 100% }
table tr                                { margin: 0;}
table tr th                             { border-bottom:1px solid #999; margin: 0; border-right: 1px solid #999; padding: 9px; font-size: 14px; text-align: left;
                                        background: #b0b0b5;}
table tr th:last-child,
table tr td:last-child                  { border-right: none}
table tr:last-child td                  { border-bottom: none}
table tr td                             { border-bottom:1px solid #b0b0b5; background: #fff; margin: 0; border-right: 1px solid #e5e5e5; padding: 9px; font-size: 12px }

tbody tr:nth-child(odd) td                { background-color: #f2f2f2}

table tr:hover td                       { background:#dedede;}
table tr td a                           { color:#666}
table tr:hover td a                     { color: #666}


div#passos {
    margin: 0 0 21px 0;
    padding: 10px;
    background: #FFF;
    border-radius: 6px;
    widht: 100%;
    box-sizing: border-box;
}

div#passos div { float: left !important; }

.borderradio { clear: both; }

#passos:after {     content:"."; opacity: 0; display:block; height:0; clear:both; visibility: hidden; }


/* ##################################################### */
/* ##################################################### */
/* RESPONSIVO */
/* -------------------------------------------- */

@media only screen and (min-width : 1200px) {
    .headerTopo,
    .mainTemplate { width: 1180px}
}

@media only screen and (min-width : 1400px) {
    .headerTopo,
    .mainTemplate { width: 1380px}
}