@charset "utf-8";
/* CSS Document */

/***********
	css reset 
************/
* {	margin: 0;	padding: 0;	list-style: none;	border: 0;	text-decoration: none;outline:0;}
input:focus, textarea:focus, select:focus {}
img, input, label {vertical-align: middle;}
.shadow {position:absolute;top:0;left:0; right:0;z-index:0;margin: 0 auto;}

/* just for acessibility */
.jfa {display:none;}

/* alinhamento */
.right{display: inline; float:right !important;}
.left{display: inline; float:left !important;}
.alpha {margin-left:0 !important;padding-left:0 !important;}
.omega {margin-right:0 !important;padding-right:0 !important;}
.clear {clear:both !important;}
.tx-right {text-align: right;}
.tx-left {text-align: left;}
.img-right{display: inline; float:right !important;margin-left: 10px;margin-bottom: 10px;}
.img-left{display: inline; float:left !important;margin-right: 10px;margin-bottom: 10px;}

/* border and corner radius */
.mini-corner {-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;border-radius: 3px;}
.corner {-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;border-radius: 8px;}
.top-corner {-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-left-radius: 8px; -khtml-border-top-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.bottom-corner {-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-left-radius: 8px; -khtml-border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}


/* separator */
.sep {margin-bottom: 30px !important;}
hr {display: none;}

/* fixing firefox bug */
div:after, ol:after, li:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}



/***********
	structure
************/
html {background: #e9e9e9; height: 100%;}
body {font-size: 10px; line-height:1em;background: #e9e9e9; color:#525252;text-align: center;font-family: Arial, Tahoma, Helvetica, sans-serif;}
.wrap {width:940px;height:100%;margin: 0 auto;text-align:left;padding: 0 30px;position: relative;}
.topbar {background: #010101 url(../img/bg-topbar.jpg) repeat-x left top;min-height:40px;border-bottom:1px solid #fff;}
.topbar .wrap {width:980px;padding: 0 10px;}
.header {height: auto;clear:both;height: 104px;background: #3a5b00 url(../img/bg-header.jpg) no-repeat left top;}
.content {height: 100%;clear:both;overflow:}
.footer {background: #010101 url(../img/bg-topbar.jpg) repeat-x left top;min-height:40px;border-bottom:1px solid #fff;}
.handrail {border-bottom:1px solid #e0e0e0;margin-bottom:20px;height:auto;padding:10px 0;}
.col-01 {width: 590px;margin-right: 50px;height:100%;float:left;display: inline;}
.col-02 {width: 300px;height:100%;float:left;display: inline;}
.col-right {width: 170px;height:100%;float:right;display: inline;}



/***********
	topbar, header, footer
************/

/* topbar */
.topbar .wrap {padding: 6px 0;}
.topbar .user {font-size:1.2em; color:#bcbcbc;float:right;margin-top:10px;}
.topbar .user  strong {color:#fff;}
.logoff {color:#d40101;}

/* header */
.header h1 {width:350px; height:104px; float:left;/*margin-top:25px;*/}
.header h1 a {display: block; text-indent:-1488px;width:350px; height:104px;background:transparent url(../img/jogada-certa.png) no-repeat left top;overflow: hidden;}

/* nav */
.nav {float:right;display: inline;margin-top:40px;}
.nav-inicio, .nav-principal, .nav-usuario, .nav-grupo, .nav-fale {float:left;display: inline;margin-right: 10px;position:relative;}

.nav-usuario a span{width:112px; height:30px;overflow: hidden;display: block; text-indent:-888px;background:transparent url(../img/sprite.png) no-repeat -68px top;}
.nav-usuario a:hover span, .nav-usuario a.active span {background-position: -68px -30px;}

.nav-grupo a span{width:112px; height:30px;overflow: hidden;display: block; text-indent:-888px;background:transparent url(../img/sprite.png) no-repeat -112px top;}
.nav-grupo a:hover span, .nav-grupo a.active span {background-position: -112px -30px;}

.nav-fale a{width:101px; height:30px;overflow: hidden;display: block; text-indent:-888px;background:transparent url(../img/sprite.png) no-repeat -291px top;}
.nav-fale a:hover {background-position: -291px -30px;}

.nav-inicio a{width:110px; height:30px;overflow: hidden;display: block; text-indent:-888px;background:transparent url(../img/sprite.png) no-repeat 42px top;}
.nav-inicio a:hover {background-position: 42px -30px;}

.nav-principal a span{width:112px; height:30px;overflow: hidden;display: block; text-indent:-888px;background:transparent url(../img/sprite.png) no-repeat -392px top;}
.nav-principal a:hover span, .nav-principal a.active span {background-position: -392px -30px;}
.subnav {position:absolute; top:30px;right:0;background:#203100;z-index:9999;}
.subnav {width: 112px;}
.subnav a {padding:10px 7px;display: block;height:auto;color:#718a3d;border-bottom:1px solid #385404;font-size:1.2em;line-height:1.3em;}
.subnav a:hover {text-decoration: underline; color:#8dab4e;}
.grupo-nav {width:400px;float:left; height:100%;}
.grupo-nav li {float:left; display: inline;}
.grupo-nav li a {font-size:1.2em;display: block; width:118px;  margin-right: 8px; margin-bottom: 10px;          /*padding:5px;border:1px solid #3b550a; background:#203100;*/}

/* footer */
.footer .wrap {padding: 20px 0;}
.footer span {font-size:1em; color:#bcbcbc;float:right;}
.footer ul li {float:left;display: inline;margin-right:10px;}
.footer a {font-size:1.2em;color:#fff;}
.footer a:hover {text-decoration:underline;}



/***********
	masterpage
************/
.content .wrap {padding-top:30px;padding-bottom:100px;}
.content a {color:#718a3d;}
.content a:hover {text-decoration: underline; color:#8dab4e;}

.ac {float:right;margin-top:13px;display:none;}
.ac a {color:#050505;}
.ac a:hover {text-decoration: none; }

.highlight {background:#020202 url(../img/bg-tarja.jpg) repeat-x left top;padding:30px;}
.highlight .left {margin-right:20px;}
.highlight h3 {color:#fff;margin-bottom:0.6em;}
.highlight blockquote strong {padding-left:12px; background: transparent url(../img/lamp.png) no-repeat left center;}


/***********
	text
************/
.content h1 {color:#050505;font-size:3em;font-weight: 300; line-height:1.3em; margin-bottom:0.3em;letter-spacing:-.03em;}
h2 {color:#050505;font-size:2.2em;font-weight: 300; line-height:1.3em; margin-bottom:0.3em;letter-spacing:-.03em;}
h3 {font-size:1.8em; color:#050505;font-weight: 300;line-height:1.3em; margin-bottom:0.3em;letter-spacing:-.03em;}
blockquote {font-size:1.2em; color:#bcbcbc;font-weight: 300;line-height:1.3em;}
p {color:#050505;font-size:1.25em;font-weight: 300; line-height:1.4em; margin-bottom:0.5em;letter-spacing:-.01em;}
.gritter-item * {color:#fff !important;}


/***********
	thumbs
************/
.thumb-01 {width:108px;border:1px solid #fff;}


/***********
	table
************/
.confirmar {color:#999;}
span.confirmado,a.confirmado {color:#51b40f;}
span.nao-confirmado,a.nao-confirmado {color:#ba0000;}
/*tr.confirmado td {background:#f3ffe7 !important;}*/
tr.confirmado td {background:#f3ffe7 !important;}
tr.confirmado:hover td {background:#dceace !important;}
/*tr.nao-confirmado td {background:#ffeded !important;}*/
tr.nao-confirmado td {background:#ffeded !important;}
tr.nao-confirmado:hover td {background:#f5e0e0 !important;}

/*tr.confirmado-aguardando td {background:#ffeded !important;}*/
tr.confirmado-aguardando td {background:#f5fbab !important;}
tr.confirmado-aguardando:hover td {background:#e6eba0 !important;}

.int-conv:first-letter {
	font-weight: bolder !important;
	font-size:xx-large !important;
}



/***********
	icons
************/
.coda-nav-left {text-indent: -999px;overflow: hidden; height:10px; width:10px;padding:10px !important;background: transparent url(../img/icons.png) no-repeat -171px -10px;display: block; float:left;  position:absolute; top:50px;left:0;}
.coda-nav-right {text-indent: -999px;overflow: hidden; height:10px; width:10px;padding:10px !important;background: transparent url(../img/icons.png) no-repeat -202px -10px;display: block; float:left; position:absolute; top:50px;right:0; }




/***********
	paginas genericas
************/
.msg-big {padding:30px 30px 30px 320px; border:1px solid #ccc; background: #fff;height:260px;}
.msg-big h2 {font-size:5em;letter-spacing:-0.05em;line-height: 1.05em;}
.msg-big p {font-size:1.8em;margin-bottom:2em;}

.big-que-pena {background: #fff url(../img/big-que-pena.png) no-repeat 30px 30px;}
.big-error {background: #fff url(../img/big-error.png) no-repeat 30px 30px;}
.big-construction {background: #fff url(../img/big-construction.png) no-repeat 30px 30px;}
.big-negado {background: #fff url(../img/big-negado.png) no-repeat 30px 30px;}
.big-expirado {background: #fff url(../img/big-expirado.png) no-repeat 30px 30px;}
.big-ok {background: #fff url(../img/big-ok.png) no-repeat 30px 30px;}
.big-atencao {background: #fff url(../img/big-atencao.png) no-repeat 30px 30px;}
.big-duvida {background: #fff url(../img/big-duvida.png) no-repeat 30px 30px;}


/***********
	comentarios
************/
.comentarios-list li {margin-bottom:-1px;padding:10px;clear:both;height:100%;background:#f0f8df; border:1px dashed #c9c9c9;}
.comentarios-list li.odd {background:#fff;}
.comentarios-list li:hover {background:#daff8d;}
.comentarios-list .user-img {float:left;margin-right:10px;display:inline-block; height:100%;}
.comentarios-list li div {float:left;margin-right:10px;display:inline-block; height:100%;width:470px;}
.comentarios-list .user-img img{width:40px;border:2px solid #020202;}
.comentarios-list .datetime {color:#1a1a1a;float:right;}
.comentarios-list .author {font-weight:bolder;font-size:1.4em;color: auto;margin-bottom:0.8em;line-height: 1.1em;}
.comentarios-list .description {clear:right;}
.comentarios-list .comentarios-excluir {width:32px;margin-right:-20px;overflow: hidden;}
.link-button {
-moz-border-radius:8px 8px 8px 8px;
background:url("../img/bg-button.jpg") repeat-x scroll left top #537A00;
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:1.4em;
padding:10px;
}
.link-button:hover {background:#6d9100 url(../img/bg-button-hover.jpg) repeat-x left top;
color:#FFFFFF !important;
text-decoration: none !important;
}
.comentar .grid-12-12 textarea {height:50px !important;}


.col-02 .comentarios-list li .comentarios-info {float:left;margin-right:10px;display:inline-block; height:100%;width:235px;}
.col-02 .comentarios-list .datetime, .col-02 .comentarios-list .group {color:#1a1a1a;float:none; display: block; height:auto; margin: .4em 0;line-height:1em;}

.col-02 .comentarios-list .description {clear: both; width: 100%;margin: 0.2em 0;}

/***********
	enquetes
************/
.enquetes-list li {margin-bottom:-1px;padding:10px;clear:both;height:100%;background:#f0f8df; border:1px dashed #c9c9c9;}
.enquetes-list li.odd {background:#fff;}
.enquetes-list li:hover {background:#daff8d;}
.enquetes-list .user-img {float:left;margin-right:10px;display:inline-block; height:100%;}
.enquetes-list li div {float:left;margin-right:10px;display:inline-block; height:100%;width:470px;}
.enquetes-list .user-img img{width:40px;border:2px solid #020202;}
.enquetes-list .datetime {color:#1a1a1a;float:right;}
.enquetes-list .author {font-weight:bolder;font-size:1.4em;color: auto;margin-bottom:0.8em;line-height: 1.1em;}
.enquetes-list .description {clear:right;}
.enquetes-list .enquetes-excluir {width:32px;margin-right:-20px;overflow: hidden;}
.link-button {
-moz-border-radius:8px 8px 8px 8px;
background:url("../img/bg-button.jpg") repeat-x scroll left top #537A00;
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:1.4em;
padding:10px;
}
.link-button:hover {background:#6d9100 url(../img/bg-button-hover.jpg) repeat-x left top;
color:#FFFFFF !important;
text-decoration: none !important;
}
.comentar .grid-12-12 textarea {height:50px !important;}


.col-02 .enquetes-list li .enquetes-info {float:left;margin-right:10px;display:inline-block; height:100%;width:235px;}
.col-02 .enquetes-list .datetime, .col-02 .enquetes-list .group {color:#1a1a1a;float:none; display: block; height:auto; margin: .4em 0;line-height:1em;}

.col-02 .enquetes-list .description {clear: both; width: 100%;margin: 0.2em 0;}


/***********
	home
************/
.bg-home {background: transparent url(../img/bg-home.jpg) repeat-x left top;margin-top:1px;}
.banner-home {margin:-18px -10px 0;height: 195px;background: transparent url(../img/banner-home.png) no-repeat left top;padding:185px 0 0 142px;}
.banner-home h2 {display: none;}
.steps-home {margin:0 -10px}



/***********
	minha pagina
************/
.box .form h2 {margin-bottom:0;}


/***********
	gerenc grupos
************/
.resumo-participantes {margin-top:10px;text-align:right;float:right !important; font-size:1.2em;letter-spacing:-.015em;}
.resumo-participantes span {margin:0 5px;}
.resumo-participantes strong {font-size:1.2em;color:#333;}
.amigos-box ul li {height:auto;float:left; display: inline;}
.amigos-box ul img{height:67px !important;margin:5px 3px 5px 0;width:67px !important;position:relative; z-index:1; border: 1px dashed #020202;
-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);
-moz-box-shadow: 0px 1px 1px #777; -webkit-box-shadow: 0px 1px 1px #777; box-shadow: 0px 1px 1px #777;}
.amigos-box ul img:hover {
z-index:10;
-moz-transition-duration: 1s;
-moz-transform: rotate(0deg) scale(1.6);
-webkit-transition-duration: 1s;
-webkit-transform: rotate(0deg) scale(1.6);
-o-transition-duration: 1s;
-o-transform: rotate(0deg) scale(1.6);
}


/***********
	previsao tempo
************/
.previsao li {height:auto; padding:10px;background:#f0f8df; border:1px dashed #c9c9c9;margin-bottom:-1px;}
.previsao li img {float:left;margin: 0 15px 5px 0;}
.previsao-txt {font-size:1.6em; letter-spacing: -.025em;line-height:1.2em;float:left;display: inline-block; height:auto; width:220px;}



/***********
	Fotografias
************/
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../img/loading_galeria.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../img/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../img/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}