<!--

/**
* Estilo de folha em cascata escrito por Thauă Silveira
*/

/* Incluindo CSS addin */
@import				url(tab_pane.css);


body        		{ font-size:13px; color:#aaa; font-family: Trebuchet MS; background-color: #191919; text-align: center; }
*           		{ padding: 0px; margin: 0px; }

a           		{ color:#999; font-size:12px; text-decoration: none; }
a:hover     		{ color:#ccc; }

#tudo       		{ margin:0px auto; width:800px; }
#logo       		{ background: url(images/lay_01.jpg) no-repeat; width: 800px; height: 208px; float:left; }

#esquerdo           { background: url(images/lay_02.jpg) repeat-y; width: 800px; float:left; }
#direito            { background: url(images/lay_04.jpg) right repeat-y; width: 740px; float:left; margin-left:60px; }
* html #direito     { margin-left: 30px; }

ul li               { list-style: none; font-size: 10px; float: left; height: 10px; text-align: left; padding-bottom: 7px; padding-top: 0px; }
* html li           { height: 18px; padding-bottom: 0px; padding-top: 0px; }
#menu .op a         { font-size: 11px; color: #aaa; font-weight: bold; }
#menu .op a:hover   { color: #f00; }
#menu               { background: url(images/lay_03.jpg) no-repeat; width: 680px; height: 147px; float:left; }
#menu ul            { float: left;}
#menu .op           { margin: 6px 0px 17px 25px; }
* html #menu .op    { margin: 6px 10px 17px 15px; }

#menu_infos	    { height:22px; }
#sub_op, #sub_op2, #sub_op3   { position: absolute; top:0; left:0; visibility: hidden; border-bottom: 1px solid #555; }
.sub_op		    { background: #111; border: 1px solid #555; border-bottom: none; clear: left; width: 110px; padding-left: 3px; }
.sub_op_h	    { background: #222; border: 1px solid #555; border-bottom: none; clear: left; width: 110px; padding-left: 3px; }
.sub_op_h a:hover   { color: #f00; }

.noticias           { clear: left; margin-left: 25px; width: 413px;}
* html .noticias    { margin-top: 19px; }
* html .noticias    { margin-left: 12px; }
.noticias li		{ border-bottom: 1px solid #444; border-top: none; width: 280px;}
.noticias .li2		{ color: #e00; font-style: italic; clear: right; width: 120px; border-left: none; text-align: center; }
#noticias2          { margin-left: 2px; }

#centro     		{ text-align: left; padding-top: 15px; padding-left: 30px; padding-right: 30px; background: url(images/lay_06.jpg) no-repeat; width: 620px; min-height:500px; float:left; }
* html #centro 		{ height: 500px; }
#centro .subtitulo  { font-size: 15px; }
#centro input, #termos, select { background-color: #fff; border: 1px solid #aaa; width: 200px; height: 15px; font-size: 11px; color: #555; font-weight: bold; }
#centro #termos     { height: 180px; width: 550px; overflow: auto; font-size: 13px; }
#centro #mensagem	{ font-family: Trebuchet MS; background-color: #fff; border: 1px solid #aaa; width: 200px; height: 15px; font-size: 11px; color: #555; font-weight: bold; }
#formulario select  {background-color: #fff;}
#centro .ok			{ width: 50px; height: 18px; background-color: #bbb; border: 1px solid #888; }
#centro_bg  		{ background: url(images/lay_05.jpg); width: 680px; float:left; }

.titulo             { font-size: 23px; font-weight: bold; padding-bottom: 5px; width: 600px; }
.error				{ color: #f00; }
.success			{ color: #0a0; margin-bottom: 3px; }
.b_ok				{ width: 10px; margin-bottom: 3px; }

#ranking_input		{ text-align: center;}
#ranking_input span	{ font-size: 11px; margin-top: 4px; float: left; }
#ranking_input input { margin: 0px auto; font-size: 11px; width: 150px; background-color: #ccc; height: 17px; }
#ranking_input select { font-size: 11px; width: 50px; float: left; height: 17px; }
#ranking_input select.most { width: 80px; }

#ranking_result		{ padding-left: 30px; }
#ranking			{ border: 1px solid #333; padding: 3px;}
#ranking li			{ font-size: 12px; width: 45px; float: left; padding-left: 2px; }
#ranking .li		{ background-color: #333; }
#ranking .rrst1		{ width: 60px; }
#ranking .rrst		{ width: 60px; background-color: #333; }
#ranking .nm		{ width: 82px; background-color: #333; }
#ranking .nm1		{ width: 82px; }
#ranking .nm2 { width: 200px;
}
#ranking .nm a, #ranking .nm1 a		{ color: #eee; }
#ranking .nmbr		{ background-color: #333; clear: left; width: 30px; }
#ranking .nmbr1		{ clear: left; width: 30px; }
#ranking .dsc		{ width: 510px; background-color: #333; }
#ranking .dsc1		{ width: 510px; }

.info			{ border: 1px solid #333; padding: 3px; }
.info li		{ font-size: 12px; width: 50px; float: left; padding-left: 2px; }
.info li 		{ margin-bottom: 1px; }
.info .li		{ background-color: #333; }
.info .hard, .info .down0{ width: 250px; background-color: #111; }
.info .easy, .info .down1{ width: 355px; background-color: #111; }

.info .down0		{ width: 200px; background-color: #111; }
.info .down1		{ width: 405px; background-color: #111; }
.info .d_title0 	{ width: 200px; background-color: #333; }
.info .d_title1		{ width: 405px; background-color: #333; }

.info .main		{ width: 607px; background-color: #111; }
.info .h_title	{ width: 250px; background-color: #333; }
.info .e_title	{ width: 355px; background-color: #333; }


.vantagens { border: 1px solid #333; padding: 3px; }
.vantagens li		{ font-size: 12px; width: 50px; float: left; padding-left: 2px; }
.vantagens .li		{ background-color: #333; }


#painel		    { float:left; width: 200px; text-align: right; font-size: 12px; padding-right: 35px; padding-top: 8px; }
/*#painel { padding-top: 25px; }*/
#painel .inp_text, #painel .inp_text_h, .button, .button_h
		    { width: 155px; background-color: #222; border: 1px solid #888; height: 16px; font-size: 12px; color: #ccc; }
#painel .inp_text, #painel .inp_text_h
		    { padding-left: 3px; }
#painel .inp_text_h, .button_h
		    { border: 1px solid #aaa; }
#painel #painel_senha{ width: 120px; }
#painel .button, .button_h       
		    { width: 30px; height:20px; }

.dynamic-tab-pane-control input, select, option { margin-top: 4px; margin-bottom: 4px; height:17px; }

#tab_painel input, select, option { background-color: #ddd; height:17px; }
#tab_painel_acc input, select, option { background-color: #ddd; height:17px; }
#tab_painel_revenda input, select, option { background-color: #ddd; height:17px; }


.noticias .noborderbottom	    { border-bottom: none; }
#ultimoli2 	    { border-bottom: none; }

#bottom     		{ font-size: 11px; clear:both; width:680px; height:121px; background-image: url(images/lay_09.jpg); }


-->