@charset "utf-8";
/* SHOPPING LATERAL */
#ops-lateral .box-lateral {
	width: 190px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
#ops-lateral #shopping-lateral {
	height: 258px;
	margin-bottom: 20px;
}
#ops-lateral .box-lateral h1 {
	height: 34px;
	color: #000;
	font: normal 18px/26px Arial, Helvetica, sans-serif;
	text-align: center;
}
#ops-lateral .box-lateral h1 img {
	vertical-align: middle;
}
#ops-lateral .box-lateral a.reload:link,
#ops-lateral .box-lateral a.reload:visited,
#ops-lateral .box-lateral a.reload:active,
#ops-lateral .box-lateral a.reload:hover {
	display: block;
	width: 164px;
	height: 10px;
	margin: 0 0 2px 26px;
}
#ops-lateral .box-lateral ul li {
	width: 180px;
	height: 54px;
	margin-bottom: 1px;
	padding: 5px;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #e8e8e8;
}
#ops-lateral .box-lateral ul li.zebra {
	background-color: #f3f3f3;
}
#ops-lateral .box-lateral ul li img {
	float: left;
	width: 50px;
	height: 38px;
	margin-right: 5px;
	border: 1px solid #ccc;
}
#ops-lateral .box-lateral ul li a:link span,
#ops-lateral .box-lateral ul li a:visited span,
#ops-lateral .box-lateral ul li a:active span {
	color: #666;
}
#ops-lateral .box-lateral ul li a:hover span {
	text-decoration: underline;
}
#ops-lateral .box-lateral ul li a:link b,
#ops-lateral .box-lateral ul li a:visited b,
#ops-lateral .box-lateral ul li a:active b {
	display: block;
	color: #369;
}
#ops-lateral .box-lateral ul li a:hover b {
	color: #4684c1;
	text-decoration: underline;
}
#ops-lateral .box-lateral ul li a:link em,
#ops-lateral .box-lateral ul li a:visited em,
#ops-lateral .box-lateral ul li a:active em {
	display: block;
	font-style: normal;
	color: #92ab07;
}
#ops-lateral .box-lateral ul li a:hover em {
	color: #eba215;
	text-decoration: underline;
}
#ops-lateral .box-lateral a.anuncie:link,
#ops-lateral .box-lateral a.anuncie:visited,
#ops-lateral .box-lateral a.anuncie:active {
	display: block;
	height: 25px;
	margin-top: 4px;
	color: #000;
	font: 10px/25px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #cecece;
}
#ops-lateral .box-lateral a.anuncie:hover {
	color: #fff;
	background-color: #444;
}


/* BORDA NAS FOTOS */
.borda-foto {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* BOX MENSAGENS */
.box-info,
.box-warning,
.box-sucess,
.box-error {
	display: block;
	margin: 10px auto;
	padding: 4px;
	color: #071576;
	font-weight: bold;
	text-align: center;
	background-color: #edfbfe;
	border: 1px solid #071576;
}
.box-warning {
	color: #6D6655;
	background-color: #ffffdd;
	border: 1px solid #eddcb9;
}
.box-sucess {
	color: #6b800d;
	background-color: #eef4d3;
	border: 1px solid #90ac13;
}
.box-error {
	color: #c00;
	background-color: #f7cbca;
	border: 1px solid #c00;
}
.validar-error,
.login-error {
	display: none;
	visibility: hidden;
}

.box-info a:link,
.box-info a:visited,
.box-info a:active,
.box-warning a:link,
.box-warning a:visited,
.box-warning a:active,
.box-sucess a:link,
.box-sucess a:visited,
.box-sucess a:active,
.box-error a:link,
.box-error a:visited,
.box-error a:active {
	color: #000;
	font-weight: bold;
}
.box-info a:hover,
.box-warning a:hover,
.box-sucess a:hover,
.box-error a:hover {
	text-decoration: underline;
}

/* BOX CORES */
.box-color-light {
	background-color: #f5f4ef;
	border: 1px solid #c7c7b8;
}
.box-color-dark {
	background-color: #dbdbd1;
	border: 1px solid #dadacf;
}
.box-color-gray {
	background-color: #f3f3f3;
	border: 1px solid #d7d7d7;
}
.box-color-chumbo {
	background-color: #e1e1e1;
	border: 1px solid #ccc;
}
.box-color-bege {
	background-color: #f3efe0;
	border: 1px solid #e1d5aa;
}

/* PAGINAÇÃO */
.paginacao {
	clear: both;
	position: relative;
	height: 20px;
	margin: 20px 0;
	padding: 5px 10px;
	line-height: 20px;
	text-align: center;
	background-color: #f3f3f3;
}
.paginacao a:link,
.paginacao a:visited,
.paginacao a:active {
	padding: 4px 6px;
	color: #444;
	font-weight: bold;
}
.paginacao a:visited {
	color: #999;
}
.paginacao a:hover {
	color: #fff;
	background-color: #f90;
}
.paginacao a.pag_selecionada:link,
.paginacao a.pag_selecionada:visited,
.paginacao a.pag_selecionada:active {
	cursor: default;
	color: #fff;
	background-color: #9C0;
}
.paginacao a.pag_anterior:link,
.paginacao a.pag_anterior:visited,
.paginacao a.pag_anterior:active,
.paginacao a.pag_proxima:link,
.paginacao a.pag_proxima:visited,
.paginacao a.pag_proxima:active {
	position: absolute;
	left: 10px;
	padding: 0 0 0 15px;
	background: url(http://www.ops.com.br/_images_/icons/seta_anterior.jpg) no-repeat left center;
}
.paginacao a.pag_proxima:link,
.paginacao a.pag_proxima:visited,
.paginacao a.pag_proxima:active {
	left: auto;
	right: 10px;
	padding: 0 15px 0 0;
	background: url(http://www.ops.com.br/_images_/icons/seta_proxima.jpg) no-repeat right center;
}
.paginacao a.pag_anterior:hover,
.paginacao a.pag_proxima:hover {
	color: #666;
	text-decoration: underline;
	background-color: #f3f3f3;
}

/* FORMULÁRIOS */
.form {
	margin: auto auto 30px;
}
.form input {
	clear: both;
	display: block;
	padding: 3px 5px;
	color: #fff;
	background-color: #333;
	border: none;
}
.form .hidden {
	padding: 0;
}
.form .rotulos,
.form .campos {
	display: inline;
	float: left;
	width: 110px;
	padding: 5px;
}
.form .campos {
	width: 210px;
}
.form .rotulos label {
	cursor: pointer;
	display: block;
	height: 20px;
	margin-bottom: 5px;
	padding: 0;
	padding-top: 2px;
	*padding-top: 4px;
}
* html .form .rotulos label {
	padding-top: 4px;
}
.form .campos div input,
.form .campos div select {
	display: inline;
}
.form .campos input,
.form .campos select,
.form .campos textarea {
	margin-bottom: 5px;
	padding: 2px;
	color: #000;
	font: normal 14px/14px Arial, Helvetica, sans-serif;
	background-color: #fff;
	border: 1px solid #000;
}
.form .campos select {
	padding: 1px;
}
.form .campos #ocultar input.checkbox {
	display: inline;
	vertical-align: middle;
}
.form .campos #avatar input.radio {
	vertical-align: top;
	display: inline;
	height: 25px;
	margin-left: 15px;
	*background-color: transparent;
	*border: none;
}
* html .form .campos #avatar {
	margin: 5px 0;
}
* html .form .campos div input.checkradio,
* html .form .campos #avatar input.radio,
* html .form .campos #ocultar input.checkradio {
	margin-left: 8px;
	background-color: transparent;
	border: none;
}
.form .campos div input {
	display: inline;
}
.form .campos div label {
	vertical-align: top;
	margin: 0 20px 0 5px;
}
.form .campos span.codseg {
	padding: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: url(http://www.ops.com.br/_images_/bg_codseg.jpg) no-repeat center center;
}
.form .campos input#ccodseg {
	display: none;
	visibility: hidden;
}
.form .campos .codseg {
	display: inline;
	float: left;
	margin-right: 5px;
}
.form .dica {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	padding: 5px;
	color: #fff;
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color: #333;
}

/* LINK */
a.link:link,
a.link:visited,
a.link:active {
	color: #a0b337;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
a.link:visited {
	color: #c1ce7d;
}
a.link:hover {
	color: #5e6820;
	text-decoration: underline;
}

/* LINK RETORNAR */
a.link-retornar:link,
a.link-retornar:visited,
a.link-retornar:active {
	clear: both;
	float: right;
	color: #9c0;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
a.link-retornar:visited {
	color: #DCF7A6;
}
a.link-retornar:hover {
	color: #eba215;
}

/* LINK ESQUECI A SENHA */
a.esqueci:link,
a.esqueci:visited,
a.esqueci:active {
	color: #960;
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
}
a.esqueci:hover {
	text-decoration: underline;
}

/* BANNERS PUBLICIDADE */
.google-ads-468x60,
.google-ads-200x200 {
	clear: both;
	display: block;
	width: 468px;
	height: 60px;
	margin: 15px auto;
	background-color: #fff;
	border: 1px solid #333;
}
.google-ads-200x200 {
	clear: none;
	width: 200px;
	height: 200px;
}
#content #dhtml {
	position: absolute;
	top: 65px;
	left: 436px;
	z-index: 500;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#ops-lateral #sky {
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 5000;
	width: 140px;
	height: 600px;
}

/* MENUS */
#ops-grid #ops-menu ul {
	clear: both;
	width: 150px;
	margin-bottom: 10px;
}
#ops-grid #ops-menu ul li {
	display: block;
	position: relative;
	vertical-align: middle;
	z-index: 1;
	width: 145px;
	height: 13px;
	padding: 3px 0 3px 5px;
	color: #9b9b6a;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #ecece3;
	border-bottom: 1px solid #d6d6b9;
}
#ops-grid #ops-menu ul.menu-secao li {
	width: 150px;
	height: 19px;
	padding: 0;
	color: #000;
	background-color: #d4eeb9;
	border-bottom: 1px solid #3a9802;
}

#ops-grid #ops-menu ul li.end-menu {
	margin-bottom: 10px;
}
#ops-grid #ops-menu ul li.sm {
	display: block;
	width: 145px;
	padding: 0 0 0 5px;
	color: #275A01;
	line-height: 19px;
	background: #d4eeb9 url(http://www.ops.com.br/_images_/estrutura/seta_menu.gif) no-repeat 140px center;
}
#ops-grid #ops-menu ul li ul {
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	left: 150px;
	width: 170px;
	border: 1px solid #3a9802;
	border-right: 3px solid #3a9802;
	border-bottom: 3px solid #3a9802;
	background-color: #d4eeb9;
}
/* Fix IE. Hide from IE Mac \*/
* html #ops-grid #ops-menu ul li { height: 1%; }
* html #ops-grid #ops-menu ul li a { height: 1%; }
/* End */
#ops-grid #ops-menu ul li:hover ul,
#ops-grid #ops-menu ul li.over ul {
	display: block;
}
#ops-grid #ops-menu ul li.header-menu {
	display: block;
	vertical-align: middle;
	width: 145px;
	height: 13px;
	padding: 5px 0 5px 5px;
	color: #fff;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #92ab07;
	border: none;
}
#ops-grid #ops-menu ul.menu-secao li.header-menu {
	background-color: #3a9802;
}
#ops-grid #ops-menu ul li a:link,
#ops-grid #ops-menu ul li a:visited,
#ops-grid #ops-menu ul li a:active {
	color: #9b9b6a;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
}
#ops-grid #ops-menu ul.menu-secao li a:link,
#ops-grid #ops-menu ul.menu-secao li a:visited,
#ops-grid #ops-menu ul.menu-secao li a:active {
	display: block;
	padding: 3px 0 3px 5px;
	color: #275A01;
}
#ops-grid #ops-menu ul li a:hover {
	color: #000;
}
#ops-grid #ops-menu ul.menu-secao li a:hover {
	color: #fff;
	background-color: #7aca08;
}
#ops-grid #ops-menu ul.menu-secao li ul li,
#ops-grid #ops-menu ul.menu-secao li ul li a {
	width: 165px;
}

/* TAGS */
#ops-grid #ops-menu ul li.tags,
#ops-grid #ops-extra .tag-cloud {
	display: table;
	vertical-align: bottom;
	width: 144px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 3px;
	line-height: 2.0em;
	text-align: center;
}
#ops-grid #ops-extra .tag-cloud {
	text-align: left;
}
#ops-grid #ops-menu ul li.tags a:link,
#ops-grid #ops-menu ul li.tags a:visited,
#ops-grid #ops-menu ul li.tags a:active,
#ops-grid #ops-extra .tag-cloud a:link,
#ops-grid #ops-extra .tag-cloud a:visited,
#ops-grid #ops-extra .tag-cloud a:active {
	display: inline;
	float: left;
	padding: 3px;
	color: #f90;
}
#ops-grid #ops-menu ul li.tags a:hover,
#ops-grid #ops-extra .tag-cloud a:hover {
	color: #db7d15;
	text-decoration: underline;
}
#ops-grid #ops-menu ul li.tags a.tag1,
#ops-grid #ops-extra .tag-cloud a.tag1 { font-size: 1.1em; font-weight: 100; }
#ops-grid #ops-menu ul li.tags a.tag2,
#ops-grid #ops-extra .tag-cloud a.tag2 { font-size: 1.2em; font-weight: 200; }
#ops-grid #ops-menu ul li.tags a.tag3,
#ops-grid #ops-extra .tag-cloud a.tag3 { font-size: 1.3em; font-weight: 300; }
#ops-grid #ops-menu ul li.tags a.tag4,
#ops-grid #ops-extra .tag-cloud a.tag4 { font-size: 1.4em; font-weight: 400; }
#ops-grid #ops-menu ul li.tags a.tag5,
#ops-grid #ops-extra .tag-cloud a.tag5 { font-size: 1.5em; font-weight: 500; }
#ops-grid #ops-menu ul li.tags a.tag6,
#ops-grid #ops-extra .tag-cloud a.tag6 { font-size: 1.6em; font-weight: 600; }
#ops-grid #ops-menu ul li.tags a.tag7,
#ops-grid #ops-extra .tag-cloud a.tag7 { font-size: 1.7em; font-weight: 700; }
#ops-grid #ops-menu ul li.tags a.tag8,
#ops-grid #ops-extra .tag-cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#ops-grid #ops-menu ul li.tags a.tag9,
#ops-grid #ops-extra .tag-cloud a.tag9 { font-size: 1.9em; font-weight: 900; }
#ops-grid #ops-menu ul li.tags a.tag10,
#ops-grid #ops-extra .tag-cloud a.tag10 { font-size: 2.0em; font-weight: 900; }

/* FORMULÁRIO */
#ops-grid #ops-menu form {
	width: 150px;
	margin-top: 10px;
	padding-bottom: 15px;
	background-color: #e3e3e3;
}
#ops-grid #ops-menu form fieldset {
	border: none;
}
#ops-grid #ops-menu form fieldset p {
	display: block;
	width: 145px;
	height: 13px;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px 0 5px 5px;
	color: #fff;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	background-color: #c44811;
}
#ops-grid #ops-menu form label {
	cursor: pointer;
	padding: 5px;
}
#ops-grid #ops-menu form input {
	width: 133px;
	height: 14px;
	margin: 0 5px 5px;
	padding: 2px;
	color: #000;
	background-color: #fff;
	border: 1px solid #998;
}
#ops-grid #ops-menu form input.btn {
	clear: both;
	display: block;
	width: 80px;
	height: 20px;
	margin-left: 5px;
	padding: auto 3px;
	color: #fff;
	font-size: 11px;
	background-color: #333;
	border: none;
}

/* RESULTADOS BUSCA */
#ops-grid dl.resultado-sem-foto {
	clear: both;
	margin: 20px auto;
}
#ops-grid dl.resultado-sem-foto dt {
	margin-bottom: 1px;
	padding: 5px;
	background-color: #eadfcc;
}
#ops-grid dl.resultado-sem-foto dt a:link,
#ops-grid dl.resultado-sem-foto dt a:visited,
#ops-grid dl.resultado-sem-foto dt a:active {
	color: #000;
}
#ops-grid dl.resultado-sem-foto dt a:hover {
	color: #804000;
	text-decoration: underline;
}
#ops-grid dl.resultado-sem-foto dd {
	margin-bottom: 20px;
	padding: 10px;
	line-height: 16px;
	text-align: justify;
	background-color: #f9f5f0;
	border-bottom: 1px solid #eadfcc;
}

/* FOTO PÁGINAS INTERNAS */
#ops-grid .foto-paginas {
	display: inline;
	float: left;
	margin: 0 10px 5px 0;
	border: 3px solid #92ab07;
}

/* RATING ESTATÍCO */
.star_full,
.star_0 {
	display: block;
	width: 80px;
	height: 16px;
	background: url(http://www.ops.com.br/_images_/star_full.gif) no-repeat 0 0;
}
.star_1 { background-position: 0 -16px; }
.star_2 { background-position: 0 -32px; }
.star_3 { background-position: 0 -48px; }
.star_4 { background-position: 0 -64px; }
.star_5 { background-position: 0 -80px; }

/* CLEAR FIX */
.clear,
#ops-grid dl.resultado-sem-foto:after,
.form:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}