/*   Default   ***********************************************************************************/
*{
    /* Universal page reset */
    margin:0;
    padding:0;
}
html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;    
    background-color: #272930;
    color: #444;
/*    background: url("img/bg_body.jpg") no-repeat top center fixed #A0DEED;*/
}
/*   Html Tags   *********************************************************************************/
img{
    border: 0;
}
a:link, a:visited {color: #191919; text-decoration: none; }
a:hover, a:active {color: #000000; text-decoration: none; }
a.hoverbold:hover {font-weight: bold;}
a.hoverunderline:hover {text-decoration: underline;} /* a hover underline */
a.blue:link, a.blue:visited {color: #015EA9; text-decoration: none; }
a.blue:hover, a.blue:active {color: #0B68B3; text-decoration: underline; }

a.table:link, a.table:visited {color: #191919; text-decoration: underline; }
a.table:hover, a.table:active {color: #000000; text-decoration: underline; }

.bt {display:inline-block; min-height: 20px; min-width: 20px; background: no-repeat center center #2994F2; font-size: 12px; margin: 0px 0px 0px 5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border: 1px solid #1F7ECE; color: #FFF; vertical-align: middle;}
a.bt {color: #FFF;}
.bt:hover {background-color: #339cf3;}
.bt.label {padding: 2px 5px 2px 25px; background-position: 5px center;}
.bt.success {background-color: #2fd62f; border: 1px solid #54A754}
.bt.success:hover {background-color: #48d448;}
.bt.warning {background-color: #fc9700; border: 1px solid #D68000;}
.bt.warning:hover {background-color: #ffa826;}
.bt.danger {background-color: #fc332f; border: 1px solid #CA452E;}
.bt.danger:hover {background-color: #ff4845;}

.bt.logout {background-image: url(img/icon_logout_small.png); min-height: 15px; min-width: 15px; vertical-align: bottom; margin: 0px;}
.bt.lupa15 {background-image: url(img/icon_lupa10.png); min-height: 15px; min-width: 15px; vertical-align: bottom; margin: 0px;}
.bt.update15 {background-image: url(img/icon_update10.png); min-height: 15px; min-width: 15px; vertical-align: bottom; margin: 0px;}
.bt.x {background-image: url(img/icon_x.png);}
.bt.edit {background-image: url(img/icon_edit.png);}
.bt.go {background-image: url(img/icon_go.png);}
.bt.lupa {background-image: url(img/icon_lupa.png);}
.bt.view {background-image: url(img/icon_view.png);}
.bt.submit {background-image: url(img/icon_submit.png);}
.bt.plus {background-image: url(img/icon_plus.png);}
.bt.update {background-image: url(img/icon_update.png);}
.bt.check {background-image: url(img/icon_check.png);}
.bt.copia {background-image: url(img/icon_copiar.png);}
.bt.pdf {background-image: url(img/icon_pdf.png);}
.bt.relatorio {background-image: url(img/icon_relatorio.png);}
.bt.printer {background-image: url(img/icon_printer.png);}
.bt.printer30 {background-image: url(img/icon_printer20.png); width: 30px; height: 30px;}

table {width: 100%; border-collapse: collapse; text-align: left; margin: 0px 0px 15px 0px;}
table caption {font-size: 16px; font-weight: bold; padding: 5px;}
table th {color: #FFF; font-size: 12px; padding: 10px 10px; background-color: #2994F2;}
table thead th:first-child {border-radius:10px 0px 0px 0px;-moz-border-radius:10px 0px 0px 0px;-webkit-border-radius:10px 0px 0px 0px;}
table thead th:last-child {border-radius:0px 10px 0px 0px;-moz-border-radius:0px 10px 0px 0px;-webkit-border-radius:0px 10px 0px 0px;}
table tfoot td {color: #FFF; font-size: 14px; background-color: #2994F2; text-align: right; border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;}
table tfoot td .paginator {margin: 10px auto;}
table td {font-size: 12px; padding: 2px 10px; border-top: 1px solid #DDD;}
table td.actions {text-align: right;}
table td.actions a {margin: 0px 0px 5px 5px;}
table tbody tr {background-color: #FFF;}
table tbody tr:hover {background-color: #C8E1FF;}/* #339cf3;#2994F2 */ /*#2994F2;*/

h2 {margin: 0px 0px 10px 0px;}

/*   Classes Globais  ***********************************************************************************/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.clear{clear:both;}
.fgreen {color: #00cc00;}
.fred {color: #CC0000;}
.forange {color: #FC9700;}
div.paginator {display: block; margin: 0px auto 15px auto; text-align: center;}
div.paginator a {text-decoration: none;}
div.paginator .page { background-color: #2994F2; margin: 0px 2px; padding: 5px 7px; color: #FFFFFF; font-size: 14px; border: 1px solid #1F7ECE; }
div.paginator .page:hover { background-color: #339cf3; } 
div.paginator a, div.paginator .currentPage{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.paginator .currentPage, div.paginator .currentPage:hover { background-color: #339cf3; }

.messages {display: block; background:url(img/icon_messages.png) no-repeat 10px 17px #DBF6D3; border: 1px solid #AED4A5; padding: 15px 15px 0px 40px; margin:0 0 15px 0; font-size: 12px; color: #569745;}
.messages p { margin:0px 0px 20px 0px; padding:0;}
.messages a { float: right; background: url('img/icon_messages_x.png') no-repeat center center transparent; width: 20px; height: 20px;}
.messages .titulo{ font-size: 14px; font-weight: bold;}
.messages.alert{background:url(img/icon_messages_alert.png) no-repeat 10px 17px #FCF8E3; border:1px #F1DAAB solid; color: #C09853;}
.messages.warning{background:url(img/icon_messages_warning.png) no-repeat 10px 17px #F2DEDE; border:1px solid #E0B1B8; color: #B94A48;}

.hidden {display: none;}
.display {}
.display h2 {margin-bottom: 10px;}
.display div {display: block; margin-bottom: 20px;}
.display span {display: inline; padding: 5px 10px; margin: 0px 5px 10px; color: #000; background-color: #E6E6E6; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.display input {background-color: transparent;}
.display .d1 {font-size: 16px; font-weight: bold;}
.display .img {float: left; width: 240px; height: 200px; padding: 5px; margin: 0px 10px 10px 0px; text-align: center; border: 2px solid #015EA9; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.display .img img {max-width: 240px; max-height: 200px;}

dl.display {display: block;text-align: right; }
dl.display dt, dl.display dd {padding: 2px 5px; margin-bottom: 5px; min-height: 21px; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; }
dl.display dt {float: left; clear: left; width: 40%;}
dl.display dd {float: right; clear: right; width: 50%; background-color: #DDD; color: #000;}
dl.display hr {float: left; width: 100%; border: 0; border-bottom: 1px dashed #BBB; margin-bottom: 5px;}

.panel {
    margin: 0px 15px 10px 0px;
    padding: 5px;
    float: left;
    width: 30%;
    min-width: 200px;
    background-color: #FFF;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.panel-45 {
    width: 45%;
}
.panel-60 {
    width: 60%;
}
.panel-right {
    float: right;
    clear: right;
    margin: 0px 0px 10px 0px;
    text-align: right;
}
.panel-block {
    float: none;
    clear: none;
    display: block;
    width: auto;
    margin: 0px 0px 15px 0px;
}
.panel h1 {
    background-color: #2994F2;
    margin: 0px 0px 10px 0px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 16px;    
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.panel h1 a {
    float: right;
}
.panel td {
    border: 0;
}
.panel .bloco {
    font-size: 14px;
    margin: 0px 0px 10px 0px;    
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaa;
}
.panel .bloco:last-child {
    margin-bottom: 0;    
    border-bottom: 0;
}

.zend_form {
    margin: 0px 0 20px 0;
    padding: 15px 15px 5px;
    display: block;    
    overflow:auto;
    background-color: #fff;    
}
.zend_form .required:before{content:'* '}  
.zend_form .optional:before{/* content:'+ '; */} 
.zend_form input[type='text'], .zend_form input[type='password'], .zend_form textArea, .zend_form select{
    margin:0;  
    padding:0;  
    padding:6px 8px;
    color: #555555;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    vertical-align: middle;    
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.zend_form input[type='text']:focus, .zend_form input[type='password']:focus, .zend_form textArea:focus, .zend_form select:focus {
    border-color:#2598f9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;    
    outline: 0 none;
}
.zend_form input[type='submit'], .zend_form input[type='reset'] {
    height: 31px;
}
.zend_form dt { 
    color: #555555;
    font-size: 14px;
    line-height: 1.42857;
    margin:0px 5px 10px 0;  
    padding: 5px 0px 0px 0px;
    clear:both;
    width:15%;  
    float:left;    
}
.zend_form dd {      
    margin: 0px 10px 10px 0;  
    padding: 0;    
    float:left;    
    width: 80%;
}  
.zend_form dd ul.errors li {
    color: #CC0000;
    list-style-position: inside;
}  
.zend_form p{    
    padding:0;  
    margin:0;
    color: #555; 
}
.zend_form_pesquisa dt, .zend_form_pesquisa dd {float: none; clear: none; display: inline-block; width: auto;}
.zend_form_pesquisa select {width: 150px;}
.zend_form_small {text-align: left;}
.zend_form_small dt, .zend_form_small dd {float: none; clear: none; display: block; width: auto;}
.zend_form_small dt {margin: 0px; padding: 0px}
.zend_form_small dd {margin: 0px 0px 10px 0px; padding: 0px;}

.produto-img-medium {
    max-width: 320px;
    max-height: 320px;
}
.produto-img-small {
    max-width: 60px;
    max-height: 60px;
}

/*   Layouts   ***********************************************************************************/
/*   Home   **************************************************************************************/
.header {
    width: 100%;
    background: url("img/header_background.jpg") #FFF;
}
.menuarea
{
    width: 100%;
    height: 50px;
    background-color: #2994f2;    
}
.logo {
    float: left;
    width: 211px;
    padding: 5px 0px 0px 5px;
}
.logo img{
    max-height: 40px;
    max-width: 200px
}
.menu {
    margin-left: 20px;
    list-style: none outside none;
}
.menu li {
    display: inline-block;    
}
.menu a {
    display: block;
    color: #FFF;
    height: 35px;
    padding: 16px 20px 0px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    font-size: 13px;
}
.menu li:hover {
    background-color: #36a3ff;
}
.container
{
    width: 100%;
}
.sidebar
{    
    width: 216px;
    height: auto;
}
.userarea {
    float: left;
    padding: 10px 10px 0px 10px;
    color: #C9D4F6;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 196px;
}
.userarea p {
    font-size: 14px;
    padding-bottom: 10px;
    overflow: hidden;
}
.userarea .header-info-content
{
    display: none;
    margin-bottom: 10px;
    /*background-image: linear-gradient(to bottom, #FFFFFF 50%, #F8F8F8 100%);*/
    background-color: #1A1C20;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    font-size: 12px;
}
.userarea .header-info-content a {
    color: #FFF;
    display: block;
    padding: 5px 7px;
    text-decoration: none;
    font-weight: normal;
}
.userarea .header-info-content a:hover {
    background-color: #2994F2;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.dropdown {
    position: relative;
    z-index: 597;
    float: left;
}
ul.dropdown li {
    float: none;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 99%;
    z-index: 598;
    width: 100%;
}
ul.dropdown ul li {
    float: none;
}
ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}

.navigation {
    border-bottom: 1px solid #2F323A;
    border-top: 1px solid #1A1C20;
}
.navigation li {background-color: #272930;}
.navigation li a{
    border-bottom: 1px solid #1A1C20;
    border-top: 1px solid #32353E;
    color: #C9D4F6;
    display: block;
    font-size: 13px;
    padding: 13px 18px 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 180px;
}
.navigation li a:hover{    
    background-color: #2a2c34;
}
.navigation .dir {
    background: url("img/nav-dir.png") no-repeat 195px center;
}

.content
{
    margin-left: 216px;
    position: relative;
}
.page-header{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05);
    padding: 20px 25px;
    position: relative;
}
.content-content {
    background-color: #F6F6F6;
    color: inherit;
    font-size: 13px;
    font-weight: 200;
    line-height: 21px;
    margin-top: 0;
    min-height: 200px;
    padding: 15px 30px 30px;
}

.footer {
    width: 100%;
    border-top: 1px solid #32353E;
    clear: both;
    display: table;
}
.footer .col {
    padding: 20px 10px 30px;
    width: 30%;
    display: inline-block;
    display: table-cell;
    height: 40px;    
    border-left: 1px solid #32353E;
    color: #C9D4F6;
}
.footer .col:first-child {border-left: 0px; padding-left: 0px;}
.footer .center { text-align: center;}
.footer .right { text-align: right;}
.footer .logo { width: auto; float: none;}
.footer .logo img { height: 30px;}
.footer p {}
.footer a {color: #C9D4F6;}
.footer .invisible { visibility: hidden;}

.login {background: url("img/login_bg.jpg") #000;}
.login .container {
    left: 50%;
    margin-left: -215px;
    margin-top: -170px;
    position: absolute;
    top: 50%;
    width: 430px;
}
.login .header {
    background: none repeat scroll 0 0 #2494F2;
    border-bottom: 1px solid #2082D5;
    text-align: center;
}
.login .header .logo {width: auto;}
.login .header .logo img {max-height: 40px; max-width: 250px;}
.login .header .sou-cliente {float: right; height: 28px; border: 0; font-size: 14px; background-image: url(img/icon_perfil30.png); margin: 0px; padding: 20px 5px 0 40px;}
.login .page-header {background-color: transparent; padding: 10px;}
.login .footer {padding: 10px 0px; color: #fff;}

.papel {    
    
}
.papel .content{
    margin: 0;
    min-width: 800px;
    font-size: 13px;
}
.papel h1{
    margin-bottom: 20px;
}
.papel h2{
    margin-bottom: 10px;
}
.papel a{
    float: right;
    margin-right: 40px;
}
.papel div{
    display: block;
    margin: 0px 0px 10px;
}
.papel div span{
    margin: 0px 20px 0px 0px;
    font-weight: normal;
}
.papel hr{
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px dashed #ccc;
    margin: 0px 0px 10px 0px;
}
.papel .fleft{    
    float: left;
    margin-right: 15px;
}