/**
 * @author Bruno Lima
 */

* {margin:0;padding:0; outline:none;}

html {width:100%;  background: url(../images/bgHtml.jpg) left top;}
body {width:100%;  background:  url(../images/bgBody.jpg) fixed no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
a {text-decoration:none; color:#0290c2;}
a:hover {color:#88b41f;}
img {border:none;}
ul li {list-style:none;}
br.break {clear:both; height:0; line-height:0; overflow:hidden;}

#wrap {width:960px; height:100%; margin:0 auto;}

#head {width:960px; height:160px;}
#logo {width:160px; height:160px; background:url(../images/logoRTQ.jpg) no-repeat left top; float:left;}
#logo a {width:160px; height:160px; cursor:pointer; display:block;}
#utilMenu {width:320px; height:45px; background:#88b41f; float:left;}
#utilMenu ul li {float:left;}
#utilMenu ul li a {padding:10px 15px; margin:5px 0 4px 0; display:inline-block; border-right: dashed 1px #a8c85c; color:#ffffff;}
#utilMenu ul li a:hover {color:#d6e4b1;}
#utilMenu ul li a.end {border:none;}
#toolMenu {width:480px; height:45px; background:#ffb601; float:left; color:#ffffff;}
#toolMenu span {padding:10px 15px; margin:5px 0 4px 0; display:inline-block; float:left;}
#toolMenu ul, #toolMenu ul li {float:left;}
#twitter {width:32px; height:32px; display:inline-block; cursor:pointer; background: url(../images/iconTwitter.jpg) no-repeat top left; margin:6px 6px 6px 0;}
#orkut {width:32px; height:32px; display:inline-block; cursor:pointer; background: url(../images/iconOrkut.jpg) no-repeat top left; margin:6px 6px 6px 0;}
#flickr {width:32px; height:32px; display:inline-block; cursor:pointer; background: url(../images/iconFlickr.jpg) no-repeat top left; margin:6px 6px 6px 0;}
#toolMenu div form p input.loginUser {width:95px; height:18px; padding:7px; margin:6px 6px 6px 15px; background: url(../images/bgInputTxt.png); border:none; color:#a3a3a3; float:left;}
#toolMenu div form p input.loginPassword {width:95px; height:18px; padding:7px; margin:6px 0; background: url(../images/bgInputTxt.png); border:none; color:#a3a3a3; float:left;}
#toolMenu div form p input.loginOk {width:45px; height:45px; padding-bottom:4px; background: url(../images/bgInputOk.png) no-repeat left top; cursor:pointer; border:none; color:#ffffff; float:right;}
#bannerTop {width:790px; height:105px; margin:10px 0 0 10px; float:left;}

#content {width:960px; margin-top:10px; display:block; background:#ffffff; float:left;}
#mainMenu {width:800px; height:44px; display:inline-block; background:#e14b53 url(../images/bgMainMenu.png) no-repeat right center; float:left;}
#mainMenu li {float:left;}
#mainMenu li a {padding:9px 15px 11px 15px; margin:5px 0 3px 0; display:inline-block; border-right: dashed 1px #ed9398; color:#ffffff;}
#mainMenu li a:hover {color:#f5c2c5;}
#mainMenu li a.end {border:none;}
#content a.cadUser {width:160px; height:44px; cursor:pointer; float:left; background:url(../images/btCad.png) no-repeat left top;}
#content a.dowResvista {width:160px; height:44px; cursor:pointer; float:left; background:url(../images/btDowRevista.png) no-repeat left top;}
#bannerListao {width:402px; height:234px; position:relative; margin:0px 0 -234px 270px; float:left;}
#bannerRecife {width:960px; height:240px; float:left;}
#bannerGame {width:960px; height:145px; background: url(../images/bgBannerGame.png) no-repeat left top; float:left; margin:10px 0;}
#boxVideo {width:220px; height:215px; padding:10px; background:#016082; float:left; overflow-y:hidden;}
#boxNews {width:220px; height:215px; padding:10px; background:#0279a4; float:left; overflow-y:hidden;}
#boxNews ul li {display:inline-block; border-bottom:dashed 1px #48bbe4; padding:0 0 5px 0;}
#boxNews ul li.end {border:none; padding:5px 0 0 0;}
#boxNews ul li h2 {color:#ffffff; font-size:10pt; margin-bottom:3px;}
#boxNews ul li h2 span {font-weight:normal; font-size:8pt;}
#boxNews ul li p {color:#ffffff;}
#boxPhotos {width:220px; height:215px; padding:10px; background:#0290c2; float:left; overflow-y:hidden;}
#boxPhotos ul {display:block;}
#boxPhotos ul li {float:left; display:inline-block;}
#boxPhotos ul li a {display:block; width:100px; height:70px; padding:5px;}
#boxPhotos ul li a img {background:#67bcda; padding:5px;}
#boxPhotos ul li a:hover img {background:#9fd6e8;}
#boxTwitter {width:220px; height:215px; padding:10px; background:#03a1da; float:left; overflow-y:hidden;}
#boxTwitter ul li {display:inline-block; border-bottom:dashed 1px #48bbe4; padding:0 0 5px 0; margin-bottom:5px;}
#boxTwitter ul li.end {border:none;}
#boxTwitter ul li h2 {color:#ffffff; font-size:10pt; margin-bottom:3px;}
#boxTwitter ul li h2 span {font-weight:normal; font-size:8pt;}
#boxTwitter ul li p a {color:#ffffff;}
#boxTwitter ul li p a:hover {color:#bcecfe;}
#boxVideo h1, #boxNews h1, #boxPhotos h1, #boxTwitter h1 {font-size:10pt; font-weight:bold; padding-bottom:5px; margin-bottom:10px; color:#ffffff; border-bottom:dashed 1px #48bbe4;}
#boxVideo a.read, #boxNews a.read, #boxPhotos a.read, #boxTwitter a.read {color:#ffb601; float:right; margin-top:4px;} 
#boxVideo a.read:hover, #boxNews a.read:hover, #boxPhotos a.read:hover, #boxTwitter a.read:hover {color:#ffffff;}
#ytApiPlayer {width:220px; height:160px;}

/* Css especifico para paginas internas */

#boxContentInter {width:700px; min-height:450px; float:left; padding:10px;}
#boxContentInter h1 {font-size:18pt; font-weight:normal; padding-bottom:10px; border-bottom: 1px dashed #0279a4; margin-bottom:10px;}
#boxContentInter h1 span.dateNews {font-size:9pt; color:#a3a3a3; }
#boxContentInter h3 {font-size:12pt; padding:10px 0 5px 0; color:#016082;}
#boxContentInter h3 span.dateNews {font-size:9pt; font-weight:normal;}
#boxContentInter p { padding:10px 0;}
#boxContentInter ul {padding:5px 0 5px 30px;}
#boxContentInter ul li {list-style-type:disc;}
#boxContentInter div.imgPage {float:left; margin:0 10px 10px 0; padding:8px; background:#ececec; border:1px solid #dfdcdc; text-align:center;}
#boxContentInter div.imgPage img {border:1px solid #dfdcdc;}
#boxContentInter div.imgPage span {display:block; font-size:8pt; color:#666; margin-top:4px;}
#boxContentInter .frameGallery {width:480px; height:430px; border:none; overflow:hidden;}
#boxContentInter .fildGaleria {border: 2px solid #e6e6e6; width:500px; margin-top:20px}
#boxContentInter .fildGaleria legend {font-size:13px; font-weight:bold;}
#boxContentInter .gridTop10 {width:100%; border-collapse:collapse; border:2px solid #2C91B3; }
#boxContentInter .gridTop10 tr td {border:1px solid #b7b7b7; padding:7px 4px; }
#boxContentInter .gridTop10 tr th {padding:7px 4px;background:#2C91B3; color:#ffffff;}
#boxContentInter .gridTop10 tr th.thEstado {background:#a7d9e9; color:#0279A4; text-align:left;}
#boxContentInter .game tr {background:#EFEFEF;}
#boxContentInter .item_noticia img {float:left; margin:0 10px 10px 0;}
#boxContentInter .item_noticia .imgPage {width:282px;}
#boxContentInter .item_noticia .imgPage img {float:left; margin:0 0 8px 0; width:280px; height:auto;}
#boxContentInter div.item_noticia p {padding:0 0 20px 0;}
#boxContentInter .imgListNews {border:1px solid #9d9d9d;}
#paginacao .disabled {display:none;}
#paginacao a {display:inline-block; margin:0; float:left; margin:0 2px;}
#paginacao span.icon, #paginacao span.icons {width:16px; height:16px; float:left; padding:4px; text-align:center; display:inline-block;}
#paginacao span.ui-state-active {width:16px; height:16px; margin:0 2px; float:left; padding:4px; text-align:center; display:inline-block;}
#boxContentInter #faq {margin:0; padding:0;}
#faq .ui-accordion-li-fix a {padding:4px 4px 4px 25px; width:600px; display:inline-block;}
#faq .ui-accordion-li-fix a:hover {color:#fff;}
#faq .ui-accordion-content {padding:10px; width:609px; overflow-x:hidden;}
#faq .ui-accordion-content a {text-decoration:none; color:#0290c2; padding:0; width:auto;}
#faq .ui-accordion-content a:hover {color:#88b41f;}
#boxContentInter .fotos_galeria {width:92px; float:left; display:inline-block; padding:4px; margin:15px 5px; border:1px solid #c9c9c9; background:#ececec; color:#a0a0a0; text-align:center; -moz-box-shadow: 1px 1px 5px #d2d2d2; -webkit-box-shadow: 1px 1px 5px #d2d2d2;}
#boxContentInter .fotos_galeria img {border:1px solid #c9c9c9;}
#boxContentInter .fotoHover {border: 1px solid #5b7a10; background: #88b41f url(../images/jQueryUi/ui-bg_flat_75_88b41f_40x100.png) 50% 50% repeat-x; color:#fff;}
#boxContentInter .fotoHover img {border: 1px solid #5b7a10;}
#boxContentInter .galeria {margin-bottom:30px;}
#boxContentInter .videos {width:260px; float:left; display:inline-block; padding:4px; margin:15px 5px; border:1px solid #c9c9c9; background:#ececec; color:#a0a0a0; text-align:center; -moz-box-shadow: 1px 1px 5px #d2d2d2; -webkit-box-shadow: 1px 1px 5px #d2d2d2;}
#boxContentInter .videos .titulo_video {color:#7d7d7d; font-weight:bolder; display:inline-block; padding:5px 0;}
#boxContentInter .formMinhaSenha ul {padding:0;}
#boxContentInter .formMinhaSenha ul li {list-style:none;}
#boxContentInter .formMinhaSenha .ui-state-default {padding:4px; margin:10px 0; cursor:pointer;}
#boxContentInter #tabsAddVendedor ul, #boxContentInter .formFale ul {padding:0.2em 0.2em 0;}
#boxContentInter #tabsAddVendedor ul li, #boxContentInter .formFale ul li {list-style:none;}
#boxContentInter #tabsAddVendedor .wrapForm .boxForm {float:left; width:300px; margin:5px;}
#boxContentInter #tabsAddVendedor .wrapForm .boxForm label, #boxContentInter .formFale label {color:#7d7d7d;}
#boxContentInter #tabsAddVendedor .wrapForm .boxForm .form_input input, #boxContentInter .formFale input, #boxContentInter .formFale textarea {border:1px solid #C2C2C2; padding:3px; margin:4px 0; color:#666;}
#boxContentInter .formFale textarea {overflow-y:auto; width:500px; height:200px;}
#boxContentInter #tabsAddVendedor button {padding:4px; font-weight:normal; margin-left:10px; cursor:pointer; background: url("../images/jQueryUi/ui-bg_flat_75_03a1da_40x100.png") repeat-x scroll 50% 50% #03A1DA; color:#fff; border:1px solid #0084B3;}
#boxContentInter .formFale #enviar {padding:4px; font-weight:normal; cursor:pointer; background: url("../images/jQueryUi/ui-bg_flat_75_03a1da_40x100.png") repeat-x scroll 50% 50% #03A1DA; color:#fff; border:1px solid #0084B3;}
#boxContentInter #tabsAddVendedor .ui-tabs-selected {cursor:default;}
#boxContentInter .errors {color:#f00;}
#boxContentInter .imgJogos {float:left; margin:0 10px 10px 0; border:1px solid #dfdcdc; -moz-box-shadow: 1px 1px 5px #d2d2d2; -webkit-box-shadow: 1px 1px 5px #d2d2d2;}

#boxShare {display:inline-block; margin:20px 0 10px 0;}
#boxShare ul {padding:0;}
#boxShare ul li {float:left; padding:0 2px; color:#0279a4; list-style:none;}
#boxShare ul li a {cursor:pointer;}
#boxShare ul li a.addthis_button_favorites {margin-left:20px;}
#boxShare ul li a img {vertical-align:middle;}

#boxNewsInter h1, #boxTwitterInter h1 {font-size:10pt; font-weight:bold; padding-bottom:5px; margin-bottom:10px; color:#ffffff; border-bottom:dashed 1px #48bbe4;}
#boxNewsInter a.read {color:#ffb601; float:right; margin-top:4px;} 
#boxNewsInter a.read:hover {color:#ffffff;}

#boxNewsInter {width:220px; height:215px; padding:10px; background:#0279a4; float:left; overflow-y:hidden;}
#boxNewsInter ul li {display:inline-block; border-bottom:dashed 1px #48bbe4; padding:0 0 5px 0;}
#boxNewsInter ul li.end {border:none; padding:5px 0 0 0;}
#boxNewsInter ul li h2 {color:#ffffff; font-size:10pt; margin-bottom:3px;}
#boxNewsInter ul li h2 span {font-weight:normal; font-size:8pt;}
#boxNewsInter ul li p {color:#ffffff;}

#boxTwitterInter {width:220px; height:315px; padding:10px; background:#03a1da; float:left; overflow-y:hidden;}
#boxTwitterInter ul li {display:inline-block; border-bottom:dashed 1px #48bbe4; padding:0 0 5px 0; margin-bottom:5px;}
#boxTwitterInter ul li.end {border:none;}
#boxTwitterInter ul li h2 {color:#ffffff; font-size:10pt; margin-bottom:3px;}
#boxTwitterInter ul li h2 span {font-weight:normal; font-size:8pt;}
#boxTwitterInter ul li p a {color:#ffffff;}
#boxTwitterInter ul li p a:hover {color:#bcecfe;}

#box1 {width:240px; height:10px; background:#016082; float:left; overflow-y:hidden;}
#box2 {width:240px; height:10px; background:#0279a4; float:left; overflow-y:hidden;}
#box3 {width:240px; height:10px; background:#0290c2; float:left; overflow-y:hidden;}
#box4 {width:240px; height:10px; background:#03a1da; float:left; overflow-y:hidden;}

/* Fim do css especifico para paginas internas */

#footer {width:940px; height:55px; padding:10px; float:left; background:#ffffff; margin-bottom:10px;}
#footer ul li {float:left; margin-right:10px;}
#bvr {float:right;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}


#titulo {width:900px; height:auto;padding:10px;}
#titulo h1 {font-size:18pt; font-weight:normal; padding-bottom:10px; border-bottom: 1px dashed #0279a4; margin-bottom:10px;}
#contrato {border:1px solid #000;width:900px;text-align:justify;padding:5px;margin:5px 0 5px 0;border:1px solid #EFEFEF;line-height:20px;}
#contrato button{padding:4px; font-weight:normal; cursor:pointer; background: url("../images/jQueryUi/ui-bg_flat_75_03a1da_40x100.png") repeat-x scroll 50% 50% #03A1DA; color:#fff; border:1px solid #0084B3;}
#formulario {margin-left:15px;color:#7d7d7d;}
#formulario input{padding:3px;border:1px solid #7D7D7D}
#formulario textarea	{width:300px; height:200px;color:#7d7d7d;font-family:inherit;border:1px solid #7D7D7D}
#formulario #enviar	{padding:4px; font-weight:normal; cursor:pointer; background: url("../images/jQueryUi/ui-bg_flat_75_03a1da_40x100.png") repeat-x scroll 50% 50% #03A1DA; color:#fff; border:1px solid #0084B3;}
#formulario select 	{padding:3px; width:185px;}
.form_elemento {margin-top:5px;}