body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #f8f5e5;  /* OffWhite ? */
}

body.hp {
	background-color: #fff;
}

hr {
/*	border-top: 1px dashed #666;*/
	border-bottom: 1px solid #666;
	color: #fff;            /* Para o IE */
	background-color: #fff; /* Para Opera e Mozzila */
	height: 3px;
	width: 95%;
	margin: 10px auto;
	text-align: center;
}

input.groovybutton
{
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #999;
   width: 16px;
   height: 16px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: center;
   border: none;
/*
   border-style: outset;
   border-color: #ccc;
   border-width: 1px;
*/
}

input.groovy2 {
	width: 22px;
	background-position: left;
	text-align: right;
	padding-right: 2px;
}

#idxcontainer {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 895px;
	text-align: left;
	color: #222;
	background-color: #f8f5e5;  /* OffWhite ? */
}

#container {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 5px;
	width: 875px;   /* Largura do CONTEÚDO, conforme o box model definido para CSS */
	text-align: left;
	color: #222;
	background-color: #fff;
}
* html #container { /* Isto só é reconhecido pelos IEs */
	width: 885px;   /* Largura total (conteúdo + preenchimentos + bordas), SOMENTE para IE5.x/Win */
	w\idth: 875px;  /* Largura do CONTEÚDO para outros IEs */
}

#content {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#container.hp {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 5px;
	width: 675px;
	text-align: left;
	color: #222;
	background-color: #fff;
}
* html #container.hp { /* Isto só é reconhecido pelos IEs */
	width: 685px;      /* Largura total (conteúdo + preenchimentos + bordas), SOMENTE para IE5.x/Win */
	w\idth: 675px;     /* Largura do CONTEÚDO para outros IEs */
}

#content_hp {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
}

#blog_left {
	float: right;
	padding-top: 40px;
	padding-left: 10px;
	width: 220px;
}
#blog_right {
	padding-top: 40px;
	width: 635px;
}

* html #blog_left {
	width: 230px;
	w\idth: 220px;
}

#leftcolumn {
	margin: 0;
	padding: 0;
	left: 0;
	width: 160px;
	background-color: #fff;
}

#rightcolumn {
	float: right;
	margin: 0;
	padding: 2px 8px 4px 8px;
	width: 585px;
	background-color: #fff;
}

#lonecolumn {
	margin: 0;
	padding: 4px;
}

#container a:link, #container a:visited, #container a:hover, #container a:active {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	background: none;
}
#container p.pagelist {
	clear: left;
}

fieldset
{
	border: 1px solid #00bfff; /* DeepSkyBlue */
	font-weight: bold;
}

legend
{
	color: #fff;
	background: #ff8c00; /* DarkOrange */
	border: 1px solid #00bfff; /* DeepSkyBlue */
	padding: 2px 6px
} 


/* =LowerNav
----------------------------------------------- */
#LowerNav {
	display: block;
	float: right;
	margin-right: 10px;
}
#LowerNav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#LowerNav li {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	line-height: normal;
	text-indent: 0;
}
#LowerNav a {
	display: block;
	padding: 3px 5px 3px 8px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #LowerNav a {
	width: 1%;
}
#LowerNav a:link, a:visited {
	background: url(../images/arrowbullet2.gif) no-repeat -5px 0px;
}
/*
#LowerNav a:hover {
	background: url(../images/arrowbullet2.gif);
	background-repeat: no-repeat;
	background-position: -4px 0px;
}
*/

/* =TopNav
----------------------------------------------- */
#TopNav {
	float: right;
	border: none;
	margin-top: 20px;
	margin-left: 10px;
}
#TopNav ul {
	margin: 0;
	padding: 0px 0px;
	list-style: none;
}
#TopNav li {
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
	line-height: normal;
	text-indent: 0;
}
#TopNav a:link, #TopNav a:visited, #TopNav strong {
	display: block;
	padding: 5px 10px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
/*	letter-spacing: 2px;*/
	white-space: nowrap;
	background: none;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #TopNav a {
	width: 1%;
}
#TopNav #current strong, #TopNav #current a {
	background-repeat: no-repeat;
}
#TopNav a:hover, #TopNav #current a:hover strong, #TopNav #current strong {
	color: #000;
}
#TopNav a:hover {
	background-repeat:no-repeat;
}
#TopNav a strong, #TopNav #current a strong {
	background:none;
	padding:0;
	border:none;
}
#TopNav #h {
	border-left-width:1px;
}


#divPromos {
	float: left;
	left: -2px;
	position: relative;
	width: 100%;
}




/* =Navlist
----------------------------------------------- */
#container .navlist {
	padding: 0 1px 1px;
	margin: 0;
	font-size: 10px;
	background: #708090;
	width: 100%;
}

#container .navlist li {
	list-style: none;
	margin: 0;
	border-top: 1px solid #333;
	text-align: left;
}

#container .navlist li.title {
	margin: 0;
	padding: 0.25em 0.25em 0.25em 1em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #900;
}

#container .navlist li a {
	display: block;
	padding: 2px 4px 2px 6px;
	border-left: 8px solid #900;
	text-decoration: none;
}

#container .navlist li a:link {
	color: #fff;
}
#container .navlist li a:visited {
	color: #eee;
}

#container .navlist li a:hover {
	color: #eee;
	background: #666;
	border-left: #c00;
}

* html #container .navcontainer { /* Isto só é reconhecido pelo IE */
	width: 170px;   /* Largura total (conteúdo, preenchimentos e bordas), SOMENTE para IE5.x/Win */
	w\idth: 160px;  /* Largura do CONTEÚDO para outros IEs */
}

#container .navcontainer {
	margin: 0px;
	padding: 5px;
	width: 160px;
}

.mds {
	color: #ff8c00; /* DarkOrange */
	font-weight: bold;
}
.offer {
	color: #ff8c00; /* DarkOrange */
	font-weight: bold;
	font-size: 200%;
}
.question {
	color: #32cd32;  /* LimeGreen */
	font-weight: bold;
	font-size: 125%;
}

#container h1 {
	margin-top: 10px;
	font-family:: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: right;
	line-height: 20px;
	color: #333;
}

#container h1 a:link, #container h1 a:visited {
	font-family:: Geneva, Arial, Helvetica, sans-serif;
	color: #aaa;
}

#container h1 a:hover {
	color: #222;
}

#container h1.agenda {
	color: #fff;
	background-color: #e77817;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

#container table {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	border-collapse: collapse;
}
#container table th, td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#container table.catalog {
	margin: 0px auto;
}
#container table.catalog td {
	width: 150px;
	padding-bottom: 16px;
	text-align: center;
}
#container table.catalog td p {
	margin: 0;
	width: 120px;
	text-align: right;
	font-size: 8px;
}
#container table.catalog td.first {
	text-align: left;
}
#container table.catalog td.last {
	text-align: right;
}
#container table.catalog td div.mag {
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

#container table.lookbook {
	width: 100%;
	margin: 0px auto;
}
#container table.lookbook td {
	text-align: center;
}
#container table.lookbook td p {
	margin: 0;
	width: 150px;
	text-align: right;
	font-size: 8px;
}
#container table.lookbook td.first {
	text-align: left;
}
#container table.lookbook td.last {
	text-align: right;
}

#container table.news {
	margin: 0px auto;
}
#container table.news td {
	width: 290px;
	padding-bottom: 16px;
	text-align: center;
}
#container table.news td p {
	margin: 0;
	width: 270px;
	text-align: right;
	font-size: 8px;
}
#container table.news td.first {
	text-align: left;
}
#container table.news td.last {
	text-align: right;
}

#container table.addresses {
	font-size: 9px;
}
#container table.addresses td {
	width: 290px;
}
#container table.addresses td p strong {
	color: #222;
	font-size: 9px;
}

.midiaimg {
	min-height: 560px;
	height: auto !important;
	height: 560px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 403px;
    height: 403px;
	margin: auto auto;
	padding: 0;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

#container table.contact td {
	margin: 0px;
	padding: 3px;
	text-align: left;
}
#container table.contact .frmlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
#container table.contact .frmtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#container table.banner td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}
#container table.search {
	width: 100%;
	margin: 0px;
	border: 1px solid #666;
}
#container table.search td, th {
	padding: 6px;
}
#container table.search td form {
	margin: 0px;
	padding: 0px;
}

#container .hr1 {
	clear:both;
	color: #00bfff; /* DeepSkyBlue */
	line-height: 1px;
	border: 1px dashed #00bfff; /* DeepSkyBlue */
	width: 60%;
	text-align: center;
}


/* Actual menu CSS starts here */
.menu,
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu {
	width: 100%;
/*	border-left: 1px solid #333;*/
}
.menu li {
	display: block;
	margin: 0;
	padding: 0 2px 0 5px;
	margin-bottom: 1px;
}
.menu a {
	display: block;
	padding: 2px 5px;
	color: #696969;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #f0ffff;
	text-decoration: none;
	text-transform: uppercase;
}
.menu a:hover,
.menu a:focus,
.menu a:active {background: #e0ffff;}
.menu ul li {padding-left: 15px;}
.menu ul a {background: #f0fdfd;}
.hidden {display: none;}

#copyright {
	clear: both;
	display: block;
	padding: 2px 3px;
	border-top: #000 solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: bold;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	background-color: #fffafa;
}

/*
 * ------------------------
 * Classes usadas no blog
 * ------------------------
 */
.txt {
	font-family:  Verdana, Arial, Sans-serif;
	font-size : 11px;
	color : #000;
	line-height : 11px;
}
.calBdr {
	margin: 5px;
}
.cal_title {
	font-size: 8px;
	height:20px;
	text-align: center;
	background-color:#fff;
}
.cal_day_head{
	font-size: 8px;
	text-align: center;
	background-color:#fff;
}
.cal_day {
	font-size: 8px;
	text-align: center;
	background-color:#fff;
}
.cal_day_current {
	font-size: 8px;
	text-align: center;
	background-color:#dcdcdc;
}

.srchtxt { 
	font-size: 10px; 
	background-color: #fff; 
	border: 1px solid #666; 
}

.srchbtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333;
	color: #fff;
	margin-right: 6px;
}

label.srch {
	font-size: 8px;
}