@charset "utf-8";

/*************************** 
  CORPO PRINCIPAL 
 ***************************/
body {
margin: 0;
padding: 0;
font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
}
#threeColLayout {
background: #CCCCCC;
}

/*************************** 
  LINKS 
 ***************************/

a:link {
background-color: transparent;
color: #8E000E;
text-decoration: none;
}

a:active { 
    color: #FF9900;
	text-decoration: none; 	
}

a:hover {
color: #FF9900;
text-decoration: none;
}

a:visited {
background-color: transparent;
color: #FF9900;
}

/*************************** 
  TODO 
 ***************************/

#wrapper {
width:970px;
margin:0 auto;
background-color: #FFFFFF;
padding: 0 1px 0 1px;
}

/*************************** 
  TOPO 
 ***************************/

#header {
width: 970px;
height: 183px;
background: transparent url(/imagens/topo-menor2.gif) no-repeat;
}

#sub_header {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 970px;
}

/*************************** 
  DISPOSIÇÃO DO LAYOUT 
 ***************************/
#primaryContent {
float:left;
width:970px;
display:inline;
margin: 0 0 10px 0;
}

#threeColLayout #primaryContent {
float:left;
width:580px;
margin: 0 0 10px 170px;
}

#secondaryContent{
float:left;
width:200px;
margin: 0 0 10px 8px;
}

#sideContent{
float:left;
width:163px;
margin: 0 0 0 -958px;
background-color:#8E0000;
}

#meio {
width: 970px;
background: transparent url(http://www.nossavitrine.com.br/portal/imagens/pag_meio.gif) repeat-y; 
padding-top: 1px;
margin: 0;
}

/*************************** 
  BOX 
 ***************************/

.box {
clear:both;
margin: 10px 0 0 0;
padding: 1px 1px 1px 1px;
background:#FFFFFF;
border: 1px solid #999999;
}

.boxgrey {
clear:both;
margin: 10px 0 0 0;
padding: 1px 1px 1px 1px;
background:#E6E4E1;
border: 1px solid #999999;
}

.boxgreybn {
clear:both;
margin: 10px 0 20px 0;
padding: 1px 1px 1px 1px;
background:#E6E4E1;
border: 1px solid #999999;
}

.boxdata {
clear:both;
margin: 0;
padding: 1px 0 1px 0;
background:#FFFFFF;
}

.boxdata p {
margin: 0 0 0 0;
text-align:center;
color: #8E0000;
}

.boxgreybusca {
clear:both;
margin: 10px 0 0 0;
padding: 1px 1px 1px 1px;
background:#E6E4E1;
border: 1px solid #999999;
}

.boxgreycad {
clear:both;
margin: 20px 0 0 0;
padding: 1px 1px 1px 1px;
background:#E6E4E1;
border: 1px solid #999999;
}

.boxnoticias {
clear:both;
margin: 6px 0 0 0;
padding: 1px 1px 1px 1px;
background:#FFFFFF;
border: 1px solid #999999;
}

.boxbannersup {
clear:both;
margin: 10px 0 10px 0;
padding: 1px 1px 1px 1px;
background:#FFFFFF;
border: 1px solid #999999;
}

.boxservicos {
clear:both;
margin: 1px 0 0 0;
padding: 1px 1px 1px 1px;
background:#FFFFFF;
border: 1px solid #999999;
}

.boxservicos a{
margin: 0;
padding: 2px 2px 0 0;
color: #8E0000;
text-decoration:none;
}

.boxservicos a:hover{
margin: 0;
padding: 2px 2px 0 0;
color: #FF9900;
text-decoration:none;
font-weight:bold;
}

.boxshopping {
clear:both;
margin: 6px 0 0 0;
padding: 0;
}

.boxshoppinghm {
clear:both;
margin: 20px 0 0 0;
padding: 0;
}

.boxbannercen{
padding:0 0 0 0;
}

.boxbanner{
padding:10px 0 0 0;
}

.boxplay{
padding:0 0 0 0;
}

.boxinterna1 {
clear:both;
margin: 1px 0 0 0;
padding: 1px 1px 1px 1px;
background:#FFFFFF;
border: 1px solid #999999;
}

.boxinterna1 p{
margin: 0;
padding: 0 5px 5px 276px;
color: #666666;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica;
text-align:justify;
}

/*************************** 
  BOX INTERNO
 ***************************/

.cbb {
margin: 0 2px 0 2px;
background: #FFFFFF;
padding: 5px 0 5px 0;
line-height: 170%;
}

.cbbtvnv {
margin: 0 0 0 0;
background: #FFFFFF;
padding: 1px 0 2px 0;
line-height: 170%;
}

.cbbbusca {
margin: 0 0 0 0;
background: #E6E4E1;
padding: 2px 2px 5px 2px;
margin-bottom:10px;
}

.cbbcadastro {
margin: 0 0 0 0;
background: #E6E4E1;
}

.cbbcadimg {
margin: 0 0 10px 60px;
background: #E6E4E1;
}

/* paragraph styles for any main boxes */
.cbb p, .cb p, .cbbtvnv p {
margin: 0;
padding: 0 5px 5px 5px;
color: #666666;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica;
text-align:left;
}

.cbbcadastro p {
padding: 1px 5px 0 10px;
color: #666666;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica;
text-align:left;
}

.cbbbanner{
padding:8px 12px 8px 12px;
}

.cbbbannerdir{
padding:0 0 10px 0;
}

.cbbposterplay{
padding:0 0 0 0;
}

.cbbtopolat{
padding:0 0 0 0;
border: 1px solid #999999;
margin-bottom:20px;
}

.cbbbannerdirpq{
padding:0 0 15px 30px;
}

.cbbbanneresq{
padding:0 0 15px 12px;
} 

.news {
background-color:#FFFFFF;
padding: 2px 8px 2px 8px;
}

.news p{
background-color:#FFFFFF;
color: #666666;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica;
text-align:justify;
padding-top: 10px;
}

.news img {
padding: 2px 5px 2px 5px;
border: 0;
}

.tv {
background-color:#FFFFFF;
padding: 2px 0 2px 0;
}

.tv p{
background-color:#FFFFFF;
padding: 8px 0 8px 0;
}

.anuncie {
background-color:#FFFFFF;
padding: 2px 8px 2px 8px;
}

.anuncie p{
background-color:#FFFFFF;
color: #666666;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica;
text-align:justify;
}

.anuncie img{
padding: 0 0 0 0;
}
/* date and posted control the small text info in article blurbs */

.comercial {
background-color:#FFFFFF;
}

.comercial img{
padding: 0 0 5px 3px;
}

.date {
font-size: 85%;
font-weight: bold;
color: #666;
}

/*************************** 
  IMAGENS 
 ***************************/

.default img {
border: 0;
}

.tvnvimg {
padding: 2px;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;
}

label {
display: none;
}

.default label {
display: block;
font-weight: bold;
padding:10px 0 10px 0;
}

/*************************** 
  TÍTULOS 
 ***************************/

h1{
background:#8E0000;
color:white;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
font-size:16px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

h2{
margin:0;
color:#FFFFFF;
padding:0px 20px;
width:208px;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:14px;
font-weight:bold;
}

h3 {
background: #FFFFFF;
text-transform: uppercase;
display: inline;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:11px;
margin: 10px 3px 0 3px;
padding: 2px;
font-weight:bold;
color:#8E0000;
}

h4{
margin:0;
padding:4px 0 4px 20px;
background-color:#8E0000;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

h5{
padding: 10px 10px 10px 10px;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:12px;
color:#666666;
font-weight:bold;
}

h6{
padding: 20px 0 15px 0;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:12px;
color: #8E000E;
font-weight:bold;
}

/*************************** 
  TIPOGRAFIA 
 ***************************/
 
.style12 {color: #8E000E}
.style15 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica;
}
.style17 {
	color: #666666;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
}
.style18 {color: #8E000E; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; }
.style20 {color: #666666; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; }
.style22 {color: #FE7708;}
.style23 {
	color: #FFC843;
}
.style24 {color: #FFFFFF; font-weight: bold;}
.style25 {
	color: #86807A;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
}
.style26 {
	font-size: 14px;
	font-weight: bold;
}
.style27 {font-size: 11px}

.style28 {color: #006699}

.style29 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #006699;
}
.style30 {color: #FE7708; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica;}
.style31 {
	font: 11px Tahoma, Verdana, Arial, Helvetica #FF9900;
	font-style: normal;
}

/*************************** 
  MENU DEPARTAMENTOS 
 ***************************/

#sidebar h3 span {
	display: none;
	visibility: hidden;
}

#sidebar {
	margin: 0 0 0 0;
	padding: 0;
	width: 163px;
	text-align: left;
}

/* commented backslash hack v2 \*/ *html #sidebar { margin: 0 0 0 0; } /* end hack */

#sidebar_comp {
	height: 100px;
}

#sidebar h3#text_menu {
	height: 7px;
	margin: 0;
	padding: 0;
}

#sidebar ul#menu {
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
}

#sidebar ul#menu img {
padding-bottom:1px;
}

#sidebar ul#menu li {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica;
	border-bottom: 1px solid #FFFFFF;
	margin-top: 0px;
	padding: 1px;
	background: none;
	color: #FFFFFF;
	vertical-align: text-top;
}

#sideContent h5{
	font: bold 11px Tahoma, Verdana, Arial, Helvetica;
	padding-top:5px;
	padding-bottom:5px;
	color: #FFC843;
	text-align:center;
	border-bottom:1px solid #FFFFFF;
}

#sidebar ul#menu a {
	margin: 0;
	display: block;
	padding: 0 0 0 0;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

#sidebar ul#menu p {
	margin-top:2px;
	padding: 1px 0 1px 0;
	font-weight: bold;
	color: #FFC843;
	text-align:center;
}

#sidebar ul#menu a.menuD {
text-decoration:none;
}

#sidebar ul#menu li.selected a.menuD {
	color: #8E000E;
	text-decoration:none;
}

#sidebar ul#menu li.selected a.menuD:hover {
	background-color: #8E000E;
	text-decoration:none;
}

#sidebar ul#menu a.menuD:hover {
	background-color: #8E000E;
	text-decoration:none;
	color: #FFC843;
}

#sidebar ul#menu a.menuM {
	background-color: #8E000E;
	text-decoration:none;
	color: #FFC843;
}

#sidebar ul#menu ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar ul#menu ol li {
    text-transform: none;
    border: none;
}

#sidebar ul#menu ol li a {
	color: #FFFFFF;
	font-weight: normal;
	margin: 0;
	padding: 2px 0 4px 15px;
	text-decoration:none;
}

#sidebar ul#menu ol li a:hover {
	color: #8E000E;
	background-color: #FFFFFF;
	background-position: 25px 50%;
	text-decoration:none;
}

#sidebar ul#menu ol li.selected a {
	color: #FFC843;
	text-decoration:none;
}

#sidebar ul#menu ol li.selected a:hover {
	background-color: #8E000E;
	text-decoration:none;
}

#menu {
	width:163px;
	float: left;
	margin: 0;
	padding: 0;
	background-color:#8E0000;
	border-bottom:15px solid #8E0000;
}

/*************************** 
  MENU INFERIOR + RODAPÉ
 ***************************/

#menuinf{
clear:both;
width: 970px;
height: 40px;
background-color:#E8E8E8;
text-decoration:none;
padding: 0px;
color:#8E0000;
border-top:1px solid #8E0000;
}

#menuinf p {
margin: 0px 1px 0 0;
padding: 12px 5px 2px 0;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:12px;
text-align:center;
text-decoration:none;
color:#8E0000;
}

#menuinf a {
	color: #8E0000;
	text-decoration:none;
	font-weight: bold;
}

#menuinf a:hover {
color: #FF9900;
text-decoration:none;
}

#footer{
clear:both;
width: 970px;
height: 105px;
background-color:#8E0000;
text-decoration:none;
padding: 0px;
}

#footer p {
margin: 10px 10px 0 0;
padding: 8px 4px 4px 20px;
font-family:Tahoma, Verdana, Arial, Helvetica;
font-size:12px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

#footer a {
color: #FF9900;
text-decoration:none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration:none;
}

label {
 display: inline;
}

/*************************** 
  GALERIA DE FOTOS
 ***************************/
 
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:45px;height:30px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:20px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:10px;}
* html .galleria li div span{width:400px} /* MSIE bug */

*{margin:0;padding:0}
h5{padding-left:17px; color:#fFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:14px; padding-top:10px;}
.caption{color:#FFFFFF; font-size:13px; font-family:Tahoma, Verdana, Arial, Helvetica; padding-left:10px;}
.demo{position:relative;margin-top:10px;}
.gallery_demo{width:520px;margin:0 0 0 0;}
.gallery_demo li{width:75px;height:50px; background:#000000; padding-left:15px;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 14px Tahoma, Verdana, Arial, Helvetica;}

#main_image{margin:0 auto 70px auto;height:330px;width:520px;background:#000000;}
#main_image img{margin-bottom:10px;}

.nav{padding-left: 175px; padding-top:15px;clear:both;font:10px Tahoma, Verdana, Arial, Helvetica;letter-spacing:3px;text-transform:uppercase; padding-bottom:20px;}
.nav a{color:#FFFFFF; font-weight: bold; text-decoration:none;}
.nav a:hover{color:#CC0000; text-decoration:none;}