@charset "UTF-8";

/* azul: 1595cb */
html, body{ height:100%; }
body {width: 1200px; max-width: 90%; margin:0 auto; padding:0 30px; background: #eee url(images/fundo.png) repeat-x; color: #000; font-family: 'Asap', sans-serif; font-size: 13px; }
#wrapper{ min-height:100%; height:auto !important; height:100%; padding:0; margin:0 auto -24px; }
#push{ height:23px; clear:both; }
footer{ height:13px; clear:both; }
header { padding:40px 0;}
a {text-decoration: none; color: #999;}
p a{ color:#1595cb; }
table a{ color:#333; }
h1, h2, h3 {color: #1595cb; font-weight: 400;}
h1 {font-size: 2.5em; margin-top:0;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.5em;}
ul {padding: 0;}
li {list-style: none;}
input {font-family: 'Asap', sans-serif; border: none; font-size:11px;}
input[type="text"], input[type="password"] {padding: 6px; font-style: italic; background: #fff;}
input[type="button"], input[type="submit"] {background: #1595cb; padding: 5px 8px; color: #fff; cursor:pointer;}
label{ font-weight:bold; font-style:italic; line-height:24px; }
th {padding: 8px; color: #999; font-weight: normal; text-align: center;}
tr:nth-child(even) {background: #fff; background: rgba(255,255,255,0.5);} 
td {padding: 8px;}
a#logout{ background-position:0 -150px; padding-left:28px; color:#333; line-height:18px; font-size:14px;}
a#logout:hover{ background-position:0 -175px; }
a#backup{ margin-right:25px; color:#333; line-height:18px; font-size:14px; }


/* GERAL */
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.align_left{ text-align:left !important; }
.full, .half{padding-bottom: 5px; min-height:260px;}
.full{ width: calc(100% - 280px); max-width: calc(100% - 280px); } /* section principal */
.half{ width: 465px; padding: inherit 10px; } /* section com dois sidebars */
.sprite{ background:url(images/sprite-kali.png) no-repeat; display:block; }
.erro{ border:1px solid red; display:block; height:24px; width:100%; text-align:center; line-height:24px; margin-top:0; color:red; }
.sucesso{ border:1px solid green; display:block; height:24px; width:100%; text-align:center; line-height:24px; margin-top:0; color:green; }
/* tabelas */
tr.menu{ font-style:italic;}
td.id, td.data, td.categoria{ color:#999; text-align:center; }
div.votacao{ margin:0 auto; width:85px; height:18px; }
/* ícones */
.deletar{ background-position:-35px -300px; width:16px; height:16px; margin:0 auto; }
.criar{ background-position:-1px -201px; width:19px; height:18px; margin:0 auto; }
.criar:hover{ background-position:-1px -226px; }
.editar{ background-position:-1px -276px; width:19px; height:17px; margin:0 auto; }
.editar:hover{ background-position:-1px -251px;}
.status{ background-position:0 -300px; width:16px; height:16px; margin:0 auto; }
.status.neg{ background-position:-17px -300px; }
.criar_evento{ background-position:-1px -352px; }
.criar_evento:hover{ background-position:-1px -432px; }
.imprimir{ background-position:-1px -377px; }
.imprimir:hover{ background-position:-1px -457px; }
.trocar_img{ background-position:0 -485px;}
.trocar_img:hover{ background-position:0 -510px; }
.voltar{ background-position:0 -557px; }
.voltar:hover{ background-position:0 -534px;}
.evento{ background-position:-1px -99px; }
.evento:hover{ background-position:-1px -124px; }
.financeiro{ background-position:-3px -579px;}
.financeiro:hover{ background-position:-3px -598px;}
.financeiro_tab{ background-position:-3px -579px; width:16px; height:16px; margin:0 auto;}
.financeiro_tab:hover{ background-position:-3px -598px; width:16px; height:16px; margin:0 auto;}

/* edit */
section.edit label{ width:90px; }
section.edit label.full{ width:100%; height:auto; min-height:auto; }
section.edit input{ width:360px; height:20px; padding:2px 4px; }
section.edit input[type="button"],
section.edit input[type="submit"]{ width:auto; padding:5px 10px; }
section.edit textarea{ width:100%; border:none; }
section.edit textarea.h150{ height:150px; }
section.edit select{ width:365px; }

/* paginação */
#pagination{ text-align:center; margin:25px 0; padding-top:8px; border-top:1px solid #aaa; }
#pagination span{ color:#333; font-style:italic; margin-right:5px; }
#pagination a{ padding:0 3px; text-align:center; color:#333; font-size:14px; font-style:italic; }
#pagination a:hover{ color:#1595cb; }

/* internas */
#container h1{ margin-bottom:58px; }
#container ul{ margin:0 0 15px; }
#container li{ margin:0 0 6px;}

/* SIDEBAR - Principal */
aside#main {padding-top: 96px; width: 230px; margin: 0;}
aside#main input {margin: 0;}
aside#main .search {width: 165px; margin:0 -3px 0;}
aside#main nav {margin-top: 20px;}
aside#main nav li {margin: 9px 0;}
aside#main nav a {font-size: 18px; color: #333; padding-left: 27px; }
aside#main nav a#a_clientes, .a_cliente{ background-position:0 0;}
aside#main nav a#a_clientes:hover, .a_cliente:hover,
aside#main nav a#a_clientes.active, .a_cliente.active{ background-position:0 -25px; }
aside#main nav a#a_eventos, .a_evento{ background-position:-1px -99px;}
aside#main nav a#a_eventos:hover, .a_evento:hover,
aside#main nav a#a_eventos.active, .a_evento.active{ background-position:-1px -124px; }
aside#main nav a#a_colaboradores, .a_colaborador{ background-position:0 -49px;}
aside#main nav a#a_colaboradores:hover, .a_colaborador:hover, aside#main nav a#a_colaboradores.active, .a_colaborador.active{ background-position:0 -74px; }


/* SIDEBAR - Ferramentas */
aside#tools{ width:210px; min-height:300px; }
aside#tools.colaborador{ width:150px; }
aside#tools nav{ margin:15px 0; }
aside#tools.colaborador nav,
aside#tools.evento nav{ margin-top:0;}
aside#tools nav a{ height:18px; width:auto; padding-left:27px; }
aside#tools .editar{ padding-left:27px; width:auto; margin:0; background-position:-1px -325px; }
aside#tools .editar:hover{ background-position:-1px -405px; }


/* LOGIN */
.login header {text-align: center; padding: 50px 0 20px;}
.login section {width: 210px; margin: 0 auto; text-align: right;}
.login input {margin: 5px 0;}
.login input[type="text"], .login input[type="password"] {width: 200px;}
.login footer{ border:none; }

/* CLIENTES */
.cliente_novo{ margin-top:-47px; }

/* EVENTOS */
section#eventos{ margin-bottom:50px; }
#container.evento h1{ margin:0; }
#container.evento h2{ font-size:16px; margin:0 0 40px; font-weight:normal;}
#novo_evento select,
#novo_evento select#tipo,
#novo_evento select#cliente_id{ width:365px; }
#novo_evento select.right{ width:330px; }
select.full{ width:100%; min-height:inherit; margin-bottom:inherit; }

/* EVENTO */
#container.evento textarea{ width:100%; height:200px; }
#container.evento p#edit_historico,
#container.evento p#edit_entregas,
#container.evento p#edit_anexos,
#container.evento p#edit_aprovacoes,
#container.evento p#edit_solicitacoes{ display:none; }
#container.evento p.scroll{ height:80px; padding:10px; overflow-y:scroll; background:#f8f8f8; }

/* FINANCEIRO */
#financeiro.half{ width:520px;}
#container.financeiro aside#tools{ width:170px; min-height:300px; }
#container.financeiro h1{ margin:0; }
#container.financeiro h2{ font-size:16px; margin:0 0 40px; font-weight:normal;}
#container.financeiro p#edit_pagamento,
#container.financeiro p#edit_infos{ display:none; }
#container.financeiro label{ width:115px;}
#container.financeiro input,
#container.financeiro select{ width:395px;}
#container.financeiro input[type="submit"]{ width:inherit;}
#container.financeiro textarea#informacoes{ height:100px; }

/* COLABORADORES */
section#colaborador{ width:540px; }

/* FOOTER */
footer {border-top: solid 1px #aaa; color: #999; padding: 5px; clear: both; }
footer small {display: block; text-align: center;}
a.brz {color: #999; float: right;}

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; overflow: visible; }


/* VOTAÇÃO */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.rating-cancel{display:none !important; }
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

@media print{
	body { width:700px; background:white; color: #000; font-family: 'Asap', sans-serif; font-size: 13px; }
	h1, h2, h3, h4, h5, h6{ color:#000; }
	a#logout,
	aside#main,
	aside#tools.colaborador,
	aside#tools nav,
	footer{ display:none; }
	section#colaborador{float:left; }
  
}

/* CROSS BROWSER */
/* ie8 */
.lt-ie9 a img{ border:none; }
.lt-ie9 .impar{ background:#f8f8f8; }
.lt-ie9 aside#main{ padding-top:93px; }
.lt-ie9 section.edit input{ line-height:20px; }
.lt-ie9 section.edit input[type='submit']{ line-height: normal; padding-top:3px}


/* ie7 */
.lt-ie8 ul{ margin:0;}
.lt-ie8 a#logout{ margin-top:-100px; }
.lt-ie8 aside#main{ padding-top:105px; }
.lt-ie8 input[type='submit'],
.lt-ie8 section.edit input[type='submit']{ padding:4px 2px 5px;}