html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, font, img, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*
vertical-align: baseline;
*/
	background: transparent;
}
/* ########### fim reset ################# */


h1 {
	color:#333333;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

h2 {
	color:#777777;
	font-size: 22px;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.1em;
}

.overf {
	overflow-x: scroll;
}

#sugests {
	position:absolute;
	border:1px solid #CCCCCC;
	width:330px;
	display:none;
	background: #fff;
	overflow:hidden;
	text-align: left;
	z-index:9999;
}
.lsa {
	background:none repeat scroll 0 0 #eee;
	line-height:40px;
	vertical-align:middle;

}

.ls {
	height: 40px;
	vertical-align:middle;
	line-height:40px;

}

.ls:hover {
	background-color: #eee;
	background:none repeat scroll 0 0;
	vertical-align:middle;
	line-height:40px;
}

.lsa img, .ls img {
	width: 40px;
	height: 40px;
	vertical-align:middle;
	line-height:40px;
}

.buscadorfinan {
    position: absolute;
    right: 10px;
}

.abaesquerda {
	background: url("http://www.oshyoga.org/img/carmenu.png") no-repeat scroll right top transparent;
}

#pscar {
	float: left;
}

#pstags{
	overflow-y:scroll;
	margin: 90px 0 0 55px;
	height: 320px;
	width: 195px;
	font-weight:bold;
}

#listadecomprastitulo h1 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.06em;
    line-height: 1.1em;
    margin-top: 0.3em;
    }

#listadecomprastitulo h2 {
	color: #777777;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.1em;
    }

#listacarro{
	height:220px;
	width:435px;
	overflow-y:auto;
	background: transparent;
}

#subtotal{
	float: right;
	width: 400px;
	text-align: right;
	font-weight: bold;
	color: #444;
	margin: 53px 10px 5px 10px;
}

#btlogreg{
	float: right;
	width: 400px;
	margin: 10px 0px 5px 10px;
	text-align: right;
}

#pscartitulo {
	height: 70px;
	margin: 12px 0px 0px 0px;
}


#pscartitulo h1 {
	font-size: 20px;
	margin-bottom: 5px;
}

#pscartitulo h2 {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #222222;
	margin-left: 3px;
}

.pstagssp{
	
}

#pscarpros {
	position: absolute;
	right:60px;
	top:25px;
}

.smartcontato h1 {
	color:#333333;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

.smartcontato h2 {
	color:#777777;
	font-size: 22px;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.1em;
}

.smartcontato {
	margin-top:10px;
	color:#333333;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:24px;
	padding-bottom:10px;
}

.smartcontato p {
	color:#333;
	padding-bottom:1em;
	text-align: justify;
}

/* ########### CSS Geral ################# */
body{
	font: 75%/0.9 sans-serif;
  	line-height: 130%;
	margin: 0px;
	padding: 0px;
	background: url(http://www.oshyoga.org/img/bg.png) center 0 no-repeat;
}

a {
	color: #666666;
	text-decoration: none;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

a:visited {
	color: #666666;
}
a img {
  border: none;
}

/* ### Barra Almatter ### */

#barradelinks {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	/* background-color: #eee;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #dddddd; */
	background: url(http://www.oshyoga.org/img/barrapadrao.png) repeat top left transparent;
	z-index:1000;
}

div#wmtklogin {float: left;  height: 30px; padding-top: 3px;}
div#wmtkalertas {float: left; width: 40px; height: 30px;}
div#divisao03 {float: right; width: 350px; height: 30px; font-size: 10px;}
div#space     {float: left; width: 10px; height: 30px;}

div#minilogo {
	width: 40px;
	float: left;
	height: 33px;
	cursor: pointer;
	background-image: url(http://www.oshyoga.org/img/almatter-logomarca-w40h60_sprite.png);background-position: 0 0;
	text-indent: -9999px;
}

div#minilogo:hover {
	float: left;
	height: 35px;
	cursor: pointer;
	background-image: url(http://www.oshyoga.org/img/almatter-logomarca-w40h60_sprite.png);background-position: 0 -30px;
	text-indent: -9999px;
}
 
div#barrabt {
	float: left;
	height: 20px;
	width: 	100px;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 5px;
	background-image: url(http://www.oshyoga.org/img/barra_bt_off.png); background-position: 0 0;
}

div#barrabt:hover {
	background-image: url(http://www.oshyoga.org/img/barra_bt_on.png); background-position: 0 0;
}

.barrabttxt{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0px 0px 0px;
	color: #777777;
}

div#username {
	width: 300px;
}

.barramensagem {
	float: left;
	margin-top: 3px;
}

.barramensagemtxt {
	float: left;
	margin-top: 5px;
}

#smartclultcard {
	height: 100px;
	margin-top: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #444444;
}

#smartclultfant {
	margin-top: 15px;
	font-weight: bold;
	font-size: 12px;
	color: #444;	
}

#smartclultdescr {
	font-weight: normal;
	font-size: 11px;
	text-align: justify;
	color: #444;
}


#smartinfos {
	margin-top: 5px;
}

#smartclultid {
	float: left;
	width: 100%;
}


#smarclultidimg {
	float: left;
	margin: 1px 2px 0px 0px;
}

#smartclultidtxt {
	float: left;
}

#msretorno{
	left:50%;
	margin-left: -480px;
	position:fixed !important;
	top:-72px;
	width:940px;
	height: 72px;
	background: #ffffff url(http://www.oshyoga.org/img/alerta.png) center;
	opacity:0;
		display:none;
	z-index:9999;
	font-size: 12px;
	font-weight: bold;
}

#mslogin{
	background: url(http://www.oshyoga.org/img/loginbg.png) center no-repeat transparent;
	left:50%;
	margin-left:-430px;
	padding:40px 1px 0px 10px;
	position:fixed !important;
	top:-172px;
	width:260px;
	height: 130px;
	/* opacity:0; */
	/* filter:alpha(opacity=0); */
	display:none;
	z-index:999;
	font-size: 12px;
	font-weight: bold;
	OUTLINE-COLOR: transparent;
}

.campologin{width:140px;}

.btslogins{
width:85px;
}
.btfecha {
	position:absolute;
	right:20px;
	top:15px
}

.btminwmtk {
	position:absolute;
	right:50px;
	bottom:15px;
}
.btmintop {
	position:absolute;
	right:0px;
	top:0px;
	width: 40px;
	height: 100%;
	cursor:pointer;
}
.btminr{
	position:absolute;
	left:0px;
	top:0px;
	width: 40px;
	height: 100%;
	cursor:pointer;
}

.retornomsg {
	position:absolute;
	left:100px;
	top:15px;
	width: 750px;
}
/* ### Fim Barra Almatter #### */



.cabecalho100 {
	height: 100px;
}

.abaesquerda{
	padding:10px 55px 10px 15px;
	top:32px;
	left:-465px;
	width:435px;
	display:block;
	float:left;
	height:450px;
	text-align:left;
	z-index:110;
	position:fixed !important;
}

.abaesquerdaclult{
	background: url("http://www.oshyoga.org/img/smartsiteclultmenu.png") no-repeat scroll right top transparent;
	padding:80px 55px 10px 15px;
	top:32px;
	left:-465px;
	width:250px;
	display:block;
	float:left;
	height:450px;
	text-align:left;
	z-index:110;
	position:fixed !important;
}

.abadireita{
	top:32px;
	height:470px;
	right:-210px;
	width:252px;
	display:block;
	float:left;
	text-align:left;
	z-index:100;
	position:fixed !important;
}

.subtotal {
	width: 444px;
	font-size: 30px;
}

#mytable {
 width: 100%;
 padding: 0;
 margin: 0;
 text-align: left;
}

#mytable tr:hover {
 background: #F0F0F0;
 color: #000;
}

#mytable caption {
 padding: 0 0 5px 0;
 width: 100%;  
 text-align: right;
}

#mytable th {
 color: #4f6b72;
 text-align: left;
 border-bottom: 1px solid #CCCCCC;
 min-width: 50px;
}

#mytable th.nobg {
 border: 1px solid #CCCCCC;
}

#mytable td {
 border-bottom: 1px solid #CCCCCC;
 padding-right: 10px;
 color: #4f6b72;
 vertical-align: middle;
}

#mytable td.alt {
 color: #797268;
}
#mytable th.spec {
 border-bottom: 1px solid #CCCCCC;
}

#mytable th.specalt {
 border-bottom: 1px solid #CCCCCC;
 color: #797268;
}

#tableimprime {
 width: 100%;
 padding: 0;
 margin: 0;
 text-align: left;
}
#tableimprime td {
 border-bottom: 1px solid #CCCCCC;
 padding-right: 10px;
 color: #4f6b72;
 vertical-align: middle;
 font:10px sans-serif;
}

.wmtkboard{
	background:url(http://www.oshyoga.org/img/wmtkboard.png) no-repeat top left transparent;
	top:32px;
	height:470px;
	right:-210px;
	width:252px;
	display:block;
	float:left;
	text-align:left;
	z-index:100;
	position:fixed !important;
}
#wmtkboarddiv{
overflow-y:scroll;
margin: 55px 0 0 55px;
height: 405px;
width: 195px;
}

#FSn01{
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	background-color: #fff;
}
#FSn02{
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	background-color: #fff;
}
#FSn03{
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	background-color: #fff;
}
#FSn04{
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	background-color: #fff;
}
#FSn05{
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	background-color: #fff;
}

/* ----------------------------------------------------------------------- */
/* Formulario de registro */


/* ----------------------------------------------------------------------- */
/* Hotsite */
body {
margin:0;
padding:0;
/* text-align:center;  hack para o IE */
}

.secaoA{
width:100%;
background-color: #EEE;
text-align: center;
}

#espacotop {
margin-top: 35px;         
}

.acloneblack{
	cursor: pointer;
	color:#000;
}

/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* diretorio */

.aclone{
text-decoration:none;
cursor: pointer;
}

.aclone2{
cursor: pointer;
color: #68d;
float:left;
}

.floater{
float: left;
}

.entradadabusca{
	width: 420px;
	border: thin solid;
	height: 20px;
	font-size: 16px;
}

.barrapadraobusca{
	margin:6px;
	border: thin solid;
	height: 22px !important;
	font-size: 16px !important;
	color: #FFFFFF;
}

.linha {
	border-bottom: thin solid #000;
}

.divcenter {
	margin-left: auto;
	margin-right: auto;
}

/* login css
----------------------------------------------------------------------------------------------------*/

fieldset {
	border:1px dashed #CCC;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: 0px;
	font-weight: bold;
	line-height: 1.1;
	color:#666;
	background: #EFEFFF;
	border: 1px solid #999;
	padding: 2px 6px;
}
.itemfor{
	margin-top:3px;
	height:40px;
	width:500px;
	display: block;
}
.itemfora{
	margin-top:3px;
	height:135px;
	width:500px;
	display: block;
}

.labeltxt {
	width:140px;
	padding: 13px 0 14px 6px;
	background-image: url(http://www.oshyoga.org/img/labelfor.png);
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.labelarea {
	width:140px;
	height:110px;
	padding: 13px 0 14px 6px;
	background-image: url(http://www.oshyoga.org/img/labelfor.png);
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.fileinput{
	width:347px;
}
.form {
	margin:0;
	padding:0;
}

#leftSide {
	position:relative;
	width:530px;
	margin:0 auto;         
	text-align:left;
}

.text{
	position:relative;
	float:left;
	text-align:left;
	width:940px;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:347px;
	float:right;
	background-image: url(http://www.oshyoga.org/img/labelfor.png);
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}
.div_texarea {
	width:347px;
	float:right;
	background-image: url(http://www.oshyoga.org/img/labelfor.png);
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textbox {
	background-image: url(http://www.oshyoga.org/img/16t.png);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	font:normal 18px Arial;
	color: #999999;
	padding:1px 5px 2px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.descre {
    	background-image: url(http://www.oshyoga.org/img/descre.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
		width:310px;
		height:28px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:1px 5px 2px 19px;
}

.buscae {
    	background-image: url(http://www.oshyoga.org/img/lupa.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
}

.buscaet {
    	background-image: url(http://www.oshyoga.org/img/descre.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
}
.descrearea {
    	background-image: url(http://www.oshyoga.org/img/descre.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
		width:310px;
		height:120px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:1px 5px 2px 19px;
}

.username:focus, .username:hover {
	background-color:#F0FFE6;
}

.username {
		text-transform:lowercase;
    	background-image: url(http://www.oshyoga.org/img/login.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
		width:310px;
    	/* font:normal 18px Arial;
    	color: #999999; */
    	padding:0px 5px 0px 20px;
}

.username:focus {
	background-color:#F0FFE6;
}
   
.password {
    background-image: url(http://www.oshyoga.org/img/senha.png);
    background-repeat: no-repeat;
   	background-position:left;
   	background-color:#FFFFFF;
	width:310px;
	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:250px;
	float:right;
	border:0px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 0px 3px 5px;
}
/* fim
----------------------------------------------------------------------------------------------------*/

/* ---------------- RODAPÉ ------------ */

#rodape {
	width: 100%;
	height: 170px; 
	margin-top:10px;
	background-image: url(http://www.oshyoga.org/img/rodape.png);
	border: 0px solid #ffcc00; 
}

.rodapemenu {
	float: left;
	width: 760px;
	height: 110px;
	font-size: 11px; 
	text-align: justify;
	font-family: helvetica, arial, tahoma, sans-serif;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	border: 0px solid #cccccc;
}

ul#rodapemenu {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%; 
	color: #fff;
	background-color: #ffffff;
}

ul#rodapemenu li { display: inline; }

ul#rodapemenu li a {
	float: left; 
	color: #333333;
	background-color: #ffffff;
	padding: 0.5em 1.0em;
	text-decoration: none;
	border-right: 1px solid #dddddd;
}

ul#rodapemenu li a:hover {
	background-color: #666666;
	color: #fff;
}

.qualificacao {
	clear: both;
	font-size: 10px;
	text-align: left;
}

#securitylogo {
	float: left;
	margin-left: 10px;
	margin-right: 0px;
}

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}


/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}


/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}


/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

.pont{
cursor: pointer;
}

/*
#########################Nova Tabela#######################################
*/
#pedson {
	width:900px
}


div#paginacao {
	color: #fff;
	padding: 6px 5px 0 7px;
	float: left;
	width: 928px; 
	background-image: url(http://www.oshyoga.org/sgj/000000000008/h/img/smartsitepaginacao.png);
	text-align: right;
}
div#paginacao a {
	cursor:pointer;
	float: left; 
	color: #333333;
	background-color: #dddddd;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

div#paginacao a:hover {
	cursor:pointer;
	background-color: #666666;
	color: #ffffff;
}
div#paginacao a.ativo {
	cursor:pointer;
	float: left; 
	color: #000;
	background-color: #ffcc00;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

div#paginacao span {
	float: left; 
	color: #bbbbbb;
	background-color: #dddddd;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

/* DASHBOARD: INFORMAÇÕES PRINCIPAIS
################################################################
*/

#dashtitulolabel {
	height: 15px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	background-color: #cccccc;
}

.dashtitulolabel {
	height: 15px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	background-color: #cccccc;
}

#dashtitulo {
	height: 25px;
	padding: 10px 20px 10px 5px;
	color: #666666;
	font-size: 22px;
	text-align: left;
	font-weight: normal;
	background-color: #ffffff;
	border-bottom: 0px solid #cccccc;
}


/* DASHBOARD: DASHDATA (rodapé do dash)
################################################################
*/

.dashdata{
	background: #EEE;
	width: 100%;
	height: 35px;
	line-height:35px;
	vertical-align: middle;
	text-align:left;
	bottom:0;
	left:0;
	position:fixed !important;
	z-index: 100;
	border:thin solid #CCCCCC;
}

.dashdata span{
margin:0 25px 0 0;
}

/* DASHBOARD: DASHMENU
################################################################
*/

.dashmenu{
	padding:80px 0 0 10px;
	top:32px;
	left:-185px;
	width:215px;
	height:450px;
	float:left;
	text-align:left;
	background:url(http://www.oshyoga.org/img/wmtkdashmenubg.png) no-repeat top right;
	z-index:100;
	position:fixed !important;
}

.dashmenu div{
	cursor:pointer;
	margin-top: 2px;
}


.dashitem{
	margin-right:7px;
	width:225px;
	height:200px;
	float:left;
	border:solid thin #000;
}

/* DASHBOARD: FORMULARIOS
################################################################
*/

.dashform {
	padding: 10px;
	background: #eeeeee;
}

.dashformlabel {
	line-height: 11px;
	vertical-align: middle;
}
.dashformcampo {
	text-align: left;
}

.dashinput {
	width: 100%;
	font-size: 22px;
	color: #777777;
	margin-top: 10px;
	border: 2px solid #dddddd;
}

.dashinput:focus {
	color: #333333;
	background-color:#F0FFE6;
	border: 2px solid #aaaaaa;
}

.dashinput2 {
	width: 100%;
	height: 30px;
	font-size: 14px;
	color: #777777;
	border: 2px solid #dddddd;
}

.dashinput2a {
	width: 100%;
	height: 30px;
	font-size: 14px;
	color: #ff8080;
	border: 2px solid #dddddd;
}

.dashinput2b {
	width: 100%;
	height: 30px;
	font-size: 14px;
	color: #0080ff;
	border: 2px solid #dddddd;
}

.dashinput2:focus {
	color: #333333;
	background-color:#F0FFE6;
	border: 2px solid #aaaaaa;
}


/* DASHBOARD: Cadastro de Produtos
################################################################
*/

.htextarea {
	margin-top: 10px;
	height: 80px;
}

.hselect {
	margin-top: 10px;
	height: 30px;
	width: 340px;
}

.hselecteditproduto {
	margin-top: 10px;
	height: 30px;
	width: 520px;
}


/* NOVA JANELA
################################################################
*/

.janela {
	text-align:left;
	position:absolute;
	overflow:hidden;
	display:none;
}
.janelatop{
	background: url(http://www.oshyoga.org/img/window_top_end.png) right top no-repeat;
	position:relative;
	height:30px;
	overflow:hidden;
	cursor:move;
}

.janelatopc{
	background:url(http://www.oshyoga.org/img/window_top_start.png) left top no-repeat;
	position:relative;
	height:30px;
	overflow:hidden;
	cursor:move;
	margin:0 13px 0 0;
	line-height:30px;
	text-indent:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333;
}

.fechazoom {
	position:absolute;
	right:10px;
	top:10px;
	cursor: pointer;
}

.tags {
background-color:#eeeeee;
border:1px solid #dddddd;
color:#333;
float:left;
margin:1px;
padding:0.2em 1em;
text-decoration:none;
cursor:pointer;
font-weight:bold;
}
.tags:hover {
background-color:#cccccc;
border:1px solid #dddddd;
color:#333;
float:left;
margin:1px;
padding:0.2em 1em;
text-decoration:none;
cursor:pointer;
font-weight:bold;
}
.opcao {
background-color:#eeeeee;
border:1px solid #dddddd;
color:#666;
margin:1px;
padding:0.2em 1em;
text-decoration:none;
cursor:pointer;
}
.opcao:hover {
background-color:#cccccc;
border:1px solid #dddddd;
color:#333;
margin:1px;
padding:0.2em 1em;
text-decoration:none;
cursor:pointer;
}
.opcaoat {
background-color:#eeeeee;
border:1px solid #dddddd;
color:#666;
margin:1px;
padding:0.4em 1em;
text-decoration:none;
cursor:pointer;
}
.opcaoat:hover {
background-color:#cccccc;
border:1px solid #dddddd;
color:#333;
margin:1px;
padding:0.4em 1em;
text-decoration:none;
cursor:pointer;
}

/*
##### Envio de Imagens ###########################################################
*/
.enviarcampo {
	float:left;
	margin: 0 50px 10px 4px;
	width:100px;
	height:100px;
}

.enviarbtn{
	position:absolute;
	width:100px;
	height:100px;
	border:medium solid #000000;
	overflow:hidden;
}

.enviarbtn input {
	font-size:15px;
	position:absolute;
	opacity: 0;
		height:100px;
	margin:0 0 0 -175px;
	z-index:3;
}

.enviarbtn img {
	height:100px;
	width:100px;
	z-index:1;
}

.enviarbtn div {
	position:absolute;
	z-index:2;
}

.enviarbtn form {
	position:absolute;
	z-index:2;
}
.enviarbtn iframe {
	width:100px;
	height:100px;
	background-color:transparent;
	z-index:1;
	position:absolute;
	margin-left:0px;
	overflow:hidden;
}
/*
########### Contatos #####################################################
*/

#botaoenviar{
	width:100%;
	height:25px;
}

#botaoenviar input{
	background:none repeat scroll 0 0 #BBBBBB;
	float:right;
	color:#000000;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	text-align:right;
	width:200px;
}

#csenha{
display:none;
}
/*
########### Balão de aviso #####################################################
*/
#balao {
	left:0px;top:0px;margin: 5px 0 10px 0;
	text-align:left;
	position:absolute;
	overflow:hidden;
	display:none;
	min-width: 140px;
	max-width: 400px;
	height: 200px;
	z-index:9900;
}
.balaotop{
	background: url(http://www.oshyoga.org/img/balao_02.png) right top no-repeat;
	position:relative;
	height:22px;
	overflow:hidden;
	cursor:move;
}

.balaotopc{
	background:url(http://www.oshyoga.org/img/balao_01.png) left top no-repeat;
	position:relative;
	height:22px;
	overflow:hidden;
	margin:0px 20px 0px 0px;
}
.balaob {
	background:url(http://www.oshyoga.org/img/balao_04.png) no-repeat scroll right bottom transparent;
	position:relative;
}
.balaobc {
	background:url(http://www.oshyoga.org/img/balao_03.png) no-repeat scroll left bottom transparent;
	margin-right:20px;
	position:relative;
	padding: 10px 10px 25px 25px;
	color: #ccc;
}
/*
################################################################
*/

/*
################################################################
	SMART BUSCAS
*/

#menucontainer {
	float: left;
	width: 700px;
}

#smartbuscas {
	float:right;
	position:absolute;
	line-height: 40px;
	right:10px;
	width:220px;
	z-index:120;
}


.smartinput {
	width: 220px;
	height: 17px;
	font-weight: bold;
	font-size: 12px;
	color: #777;
	    opacity:0.75;
}

/*
################################################################
*/

/*
################################################################
	SMART SOBRE A EMPRESA
*/

.sobretitulo h1 {
	color:#333333;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

.sobremensagem h2 {
	color:#777777;
	font-size: 14px;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.1em;
	text-align:justify;
}

.sobreartigo {
	margin-top:10px;
	color:#333333;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:24px;
	padding-bottom:10px;
}

.sobreartigo p {
	color:#333;
	padding-bottom:1em;
	text-align: justify;
}

/*
################################################################
	SMART LOJA VIRTUAL OU PRODUTOS E SERVIÇOS
*/

/* FILTRO - BARRA DO FILTRO DA LOJA VIRTUAL */

.filtrobarra {
	height: 50px;
	background:url(http://www.oshyoga.org/img/smartprodutosfiltro.png) no-repeat top left transparent;
}

#filtroinput {
	float: left;
	height: 40px;
	width: 275px;
	margin: 05px 0px 0px 0px;
	border: 0px solid #ffcc00;
}

.filtroinput {
	width: 250px;
	height: 30px;
	font-size: 22px;
	padding: 0px 5px 0px 20px;
    background-image: url(http://www.oshyoga.org/img/lupa.png);
    background-repeat: no-repeat;
    background-position:left;
    background-color:#FFFFFF;
    border: 1px solid #ddd;
}


#filtroselect {
	float: left;
	height: 40px;
	margin: 05px 0px 0px 5px;
	border: 0px solid #ddd;

}

.filtroselect {
	width: 180px;
	height: 32px;
	font-size: 22px;
    background-repeat: no-repeat;
    background-position:left;
    background-color:#FFFFFF;
    border: 1px solid #ddd;
}

#filtromessage {
	float: left;
	height: 30px;
	color: #ffffff;
	width: 450px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
	border: 0px solid #666666;
}

#filtrotag {
	color:#000;
	float: left;
	width: 475px;
	text-align: left;
}

.filtrotag {
	color: #ffcc00;
}

#buscalabel {
	color: #000000;
}

/* PAGINAÇÃO */

div#paginacao {
	margin-top: 0px;
	color: #fff;
	padding: 6px 5px 0 7px;
	float: left;
	width: 928px; 
	height:30px;
	background-image: url(http://www.oshyoga.org/sgj/000000000008/h/img/smartsitepaginacao.png);
	text-align: right;
}
div#paginacao a {
	cursor:pointer;
	float: left; 
	color: #333333;
	background-color: #dddddd;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}
div#paginacao a:hover {
	cursor:pointer;
	background-color: #666666;
	color: #ffffff;
}

div#paginacao a.ativo {
	cursor:pointer;
	float: left; 
	color: #000;
	background-color: #ffcc00;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}



#listacompra {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}


#smartprodutodetalhe {
	display: inline;
	float: left;
	position: relative;
}

#produtodetalheesquerda {
	float: left;
	width: 580px;
}

#produtodetalhedireita {
	float: left;
	width: 340px;
	margin-left: 10px;
}


.vitrinetitulosuper h1 {
	color:#333333;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}


.vitrineslogansuper h2 {
	color:#777777;
	font-size: 22px;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.1em;
}


.produtotitulo h1 {
	color:#333333;
	font-size:40px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

.produtosubtitulo h2 {
	color:#777777;
	font-size: 22px;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.1em;
}

.produtodescricao {
	color:#333333;
	font-size:1.5em;
	letter-spacing:-0.02em;
	line-height:1.45em;
	padding-bottom:1.5em;

}

.produtodescricao p {
	color:#333;
	padding-bottom:1em;
	text-align: justify;
}

.remove{
	 float: left;
}



#produtovariacaoopcao {
	clear: both;
	margin-top: 20px;
}

#produtovaricacaotag {
	width: 100%;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.idpasso {
	float: left;
	height: 30px;
	width: 5%;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	color: #eeeeee;
	background-color: #444444;
}

.idpassotitulo {
	float: left;
	width: 95%;
	height: 30px;
	background-color: #dddddd;
}

.idpassotitulotxt {
	margin-left: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	color: #444444;

}

#produtovariacaobtndock {
	clear: both;
	float: left;
	width: 100%;
	background-color: #eeeeee;
	margin-bottom: 20px;
}

#produtobtnvariacao {
	position: relative;
	float: left;
	height: 40px;
	cursor:pointer;
}

#produtovariacaoaviso {
	float: left;
	text-align: justify;
	color: #444444;
	font-size: 12px;
	height: 100px;
	border: 0px solid #ffcc00;
}

.btnprodutovazio {
	float: left;
	width: 220px;
	height: 50px;
	background-image: url(http://www.oshyoga.org/img/btnprodutovazio.png);
}

.detalheprodutotitulo{
	font-size: 18px;
	margin-right: 20px;
	padding: 10px;
	border: 0px solid #ffcc00;
}

.detalheprodutodescricao {
	font-size: 12px;
	margin-right: 20px;
	padding: 10px;
	border: 0px solid #ffcc00;
}


#produtobtnvariacao:hover #produtobtnesquerda {
	float: left;
	height: 40px;
	width: 15px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaoon_esquerda.png);
}
#produtobtnvariacao:hover #produtobtncentro {
	float: left;
	height: 40px;
	color: #888888;
	font-weight: bold;
	line-height: 40px;
	background: url(http://www.oshyoga.org/img/produtovariacaoon_centro.png) repeat-x;
}
#produtobtnvariacao:hover #produtobtndireita {
	float: left;
	height: 40px;
	width: 14px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaoon_direita.png);
}

#produtobtnesquerda{
	float: left;
	height: 40px;
	width: 15px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaooff_esquerda.png);
}

#produtobtncentro{
	float: left;
	height: 40px;
	color: #888888;
	font-weight: bold;
	line-height: 40px;
	background: url(http://www.oshyoga.org/img/produtovariacaooff_centro.png) repeat-x;
}

#produtobtncentro:hover {
	color: #000000;
}

#produtobtndireita{
	float: left;
	height: 40px;
	width: 14px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaooff_direita.png);
}

/* =========== */

#produtobtnvariacaoon {
	float: right;
	height: 40px;
	cursor:pointer;
}

#produtobtnesquerdaon {
	float: left;
	height: 40px;
	width: 15px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaoon_esquerda.png);
}

#produtobtncentroon {
	float: left;
	height: 40px;
	color: #888888;
	font-weight: bold;
	line-height: 40px;
	background: url(http://www.oshyoga.org/img/produtovariacaoon_centro.png) repeat-x;
}

#produtobtndireitaon {
	float: left;
	height: 40px;
	width: 14px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaoon_direita.png);
}


/* ============ */

.produtoopcao {
	float: left;
	height: 40px;
	width: 40px;
	background-image: url(http://www.oshyoga.org/img/produtovariacaooff.png);
	color:#666;
	text-decoration:none;
	cursor:pointer;
}
.produtoopcao:hover {
	background-image: url(http://www.oshyoga.org/img/produtovariacaooff.png);
	color:#333;
	text-decoration:none;
	cursor:pointer;
}

.paginabgconteudo {
	 color: #333333;
	 text-align: justify; 
	 /* background-image: url(/sgj/000000000008/h/img/paginabg.png);" */
}

.paginabgrodape { 
	margin-top: 0px; 
	height:50px; 
	/* background-image: url(/sgj/000000000008/h/img/paginabg_fundo.png);" */
}

.paginabgrodapetexto {
	color:#000000;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	padding: 4px 5px 5px 5px;
}

/* VITRINE DE OFERTAS SMARTCOMMERCE - [vitrine.php] 
	CSS principal
*/

.vitrineitem {
	float: left;
	width: 160px;
	height: 450px;
	margin-top: 10px;
	margin-right: 15px;
	text-align: center;
	background-image: url(/img/vitrinebg.png);
}
.vitrineitemla {
	float: left;
	width: 160px;
	height: 450px;
	margin-top: 10px;
	margin-right: 0px;
	text-align: center;
	background-image: url(/img/vitrinebg.png);
}
.vitrineitemlb {
	float: left;
	width: 160px;
	height: 450px;
	margin-top: 10px;
	margin-left: 35px;
	text-align: center;
	background-image: url(/img/vitrinebg.png);
}
.vitrineimg {
	width: 150px;
	height: 150px;
	margin: 5px 5px 5px 5px;
	overflow: hidden;
}

.vitrineimgimg {
	height: 150px;
	margin: auto;
}


#vitrineitemconteudosuperior {
	width: 650px;
}

#vitrineitemconteudoesquerda {
	float: left;
	width: 300px;
	margin: 5px 5px 0px 5px;
}

#vitrineitemconteudodireita {
	float: left;
	width: 350px;
	margin: 5px 5px 0px 5px;
}

.vitrineitemsuper {
	float: left;
	width: 685px;
	height: 450px;
	margin-top: 10px;
	margin-right: 15px;
	text-align: center;
	background-image: url(http://www.oshyoga.org/img/vitrinao.png);
}

.vitrineimgsuper {
	width: 350px;
	height: 350px;
	margin: 5px 5px 5px 5px;
	overflow: hidden;
}

.vitrineimgimgsuper {
	height: 300px;
	margin: auto;
}

#vitrinebtndetalhesuper {
	margin: 10px 0px 0px 10px;
}


.vitrineadsblog {
	float: left;
	width: 340px;
	height: 100px;
	background-image: url(http://www.oshyoga.org/img/smartadsblog.png); 
	margin-bottom: 10px;
}


.btnorcamento {
	height: 50px;
	width: 150px;
	margin: 27px 5px 0px 5px;
	background-image: url(http://www.oshyoga.org/img/btnorcamentodoprodutocolor.png);
}

.vitrinedetalhe{
	height: 50px;
	width: 150px;
	margin: 20px 5px 0px 5px;
	background-image: url(http://www.oshyoga.org/img/btndetalhesdoprodutocolor.png);
}

.imagemprodutodetalhe {
	width: 322px;
	cursor:pointer;
}
.imagemgaleriadetalhe {
	width: 570px;
	cursor:pointer;
}



.detalheprodutoimagem {
	border:0px solid #CCCCCC;
	margin:0 10px 10px;
	width:322px;
}

.detalhegaleriaimagem {
	border:0px solid #CCCCCC;
	margin:10px;
	width:322px;
	float:left;
}

.imagemclassdetalhe {
	width: 940px;
	cursor:pointer;
}
.detalheclassimagem {
	border:0px solid #CCCCCC;
	margin:0px;
	width:940px;
}

.imagemclassdetalhe2 {
	width: 795px;
	cursor:pointer;
}
.detalheclassimagem2 {
	border:0px solid #CCCCCC;
	margin:0px;
	width:780px;
	float:left;
}

#btndetalheid {
	width: 160px;
}

.imagemprodutodetalhe2 {
	margin: 0px 10px 10px 10px;
	width: 345px;
}

.imagemgaleriadetalhe2 {
	margin: 10px;
	width: 338px;
	height: 440px;
	overflow-y:scroll;
	float:left;
}
.divclass {
	margin: 10px;
	width: 125px;
	height: 440px;
	overflow-y:scroll;
	float:left;
}
.waimgdet{
	max-height: 70px;
	min-height: 70px;
	height: 70px;
	overflow:hidden;
	border:0px solid #CCCCCC;
	margin-right:8px;
	margin-bottom:5px;
	width:99px;
	float:left;
}

.detalheprodutoimagem2 {
cursor:pointer;
width:99px;
}

detalheprodutosvideo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 10px;
	padding: 10px;
	background: #bbbbbb;
	border: 2px solid #cccccc;	
}

.btntitulo {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}

.btntitulotxt {
	font-size: 10px;
	text-align: center;
	color: #fff;	
}

/*
################################################################
	SMART RODAPÉ
*/

#smartcomerciorodape {
	position: relative;
	margin-top: 20px;
	z-index: 0;
}

#pagseguro {
	float: left;
	width: 580px;
}

#smartseguro {
	float: left;
	width: 340px;
}

#smartrodapedescricao {
	float: left;
	width: 290px;
}

#smartrodapeclult {
	float: left;
	width: 220px;
	margin: 20px 0px 0px 20px;
}

#smartrodapecontato {
	float: left;
	width: 220px;
	margin: 20px 0px 0px 20px;
}

#smartrodapefones {
	float: left;
	width: 100px;
	margin: 20px 0px 0px 20px;
}

#avisodireitos {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: justify;
}

#poddetalhevalordock {
	float: left;
	width: 100%;

}

.detalheprodutopreco {
	float: left;
	height: 60px;
	width: 100%;
	border: 0px solid #ffcc00;
}

.proddetalhetag {
	color: #444444;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

.proddetalhevalorde {
	text-decoration: line-through;
	font-size:16px;
}

.proddetalhevalorpor {
	color: #3b9148;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

.proddetalheunidade {
	color: #444444;
	font-size:12px;
	font-weight:normal;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:0.3em;
}

/*
################################################################
Correção fundo BANNERS
*/

#bn1{
background-color: #FFF;
}
#bn2{
background-color: #FFF;
}
#bn3{
background-color: #FFF;
}
#bn4{
background-color: #FFF;
}
#bn5{
background-color: #FFF;
}

/*
################################################################
	TABS NOS PRODUTOS DETALHES
*/

#produtotabdock {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	background-color:#777777;
}

#prodtabmenu {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

#prodtabmenu li {
	float: left;
	display: inline;
	overflow: hidden;
	list-style: none;
}

.tabtags {
	height: 50px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-right: 2px solid #eeeeee;
	color: #fff;
	background-color:#777777;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.tabtags:hover {
	background-color:#ffcc00;
	color: #444;
	cursor: pointer;
}

.tabtagsactive {
	height: 50px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-right: 2px solid #eeeeee;
	text-align: center;
	font-weight: bold;
	background-color:#eee;
	color: #444444;
	cursor: pointer;
}

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

.tabdock {
	clear: both;
	padding: 20px;
}



.tabdockformesquerda {
	float:left;
	width: 50%;
	background-color: #cccccc;
}

.tabdockformdireita {
	float:left;
	width:50%;
	background-color: #dddddd;
}

.tabdock_150 {
	height: 150px;
}

.tabdock_230 {
	height: 230px;
}

.produtotabstxtarea {
	width: 100%;
	height: 70px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.tabc{
	float: left;
	width: 880px;
	z-index:7;
	min-height: 250px;
	background-color:#f0f0f0;
}
.tabcn{
	float: left;
	display: none;
	width: 880px;
	z-index:5;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab1c{
	float: left;
	width: 100%;
	z-index:8;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab2c{
	float: left;
	display: none;
	width: 100%;
	z-index:7;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab3c{
	float: left;
	display: none;
	width: 100%;
	z-index:6;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab4c{
	float: left;
	display: none;
	width: 100%;
	z-index:5;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab5c{
	float: left;
	display: none;
	width: 100%;
	z-index:4;
	min-height: 250px;
	background-color:#f0f0f0;
}

#tab6c{
	float: left;
	display: none;
	width: 100%;
	z-index:3;
	min-height: 250px;
	background-color:#f0f0f0;
}
#tab7c{
	float: left;
	display: none;
	width: 100%;
	z-index:2;
	min-height: 250px;
	background-color:#f0f0f0;
}
#tab8c{
	float: left;
	display: none;
	width: 100%;
	z-index:1;
	min-height: 250px;
	background-color:#f0f0f0;
}

#clultblogtags {
	clear: both;
	float: left;
}

#clultblogformulariomsg {
	float: left;
	width: 100%;
}


#trocamsnpedc{
min-height: 200px;
}

.termos{
	margin-top: 10px;
	margin-bottom: 10px;
	height:300px;
	overflow-y:scroll;
	padding:20px;
	width:580px;
	background:#FFFFFF;
}


/* BREADCRUMB */

#breadcrumb {
	width: 940px;
	height: 30px;
	background-image: url(http://www.oshyoga.org/img/breadcrumb.png);
}
.breadhome {
	float: left;
	width: 30px;
}

.breadimg {
	float: left;
	width: 10px;
	height: 30px;
}

.home {
	float: left;
	background-image: url(http://www.oshyoga.org/img/home.png);
	width: 30px;
	height: 30px;
}

.breaddiv {
	float: left;
	color:#5C5C5C;
	cursor:pointer;
	display:inline;
	float:left;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

.breadtxt {
	float: left;
	padding: 6px 4px 0px 2px;
	font-weight: normal;
	font-size: 11px;
}


#breadcrumb a {
	color:#5C5C5C;
	cursor:pointer;
	display:inline;
	float:left;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}



.quemutiliza {
	float: left;
	width: 220px;
	height: 300px;
	margin-top: 20px;
	background-image: url(http://www.oshyoga.org/img/wmtk_quemutiliza.png);
}

.quemutilizaconteudo {
	float: left;
	width: 210px;
	height: 290px;
	padding: 5px 5px 5px 5px;
}

.quemusafantasia {
	clear: both;
	width: 210px;
	height: 20px;
	color:	#333;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:-0.06em;
	line-height:1.1em;
	margin-top:3px;
	margin-bottom:3px;
}

#quemusaid p {
	text-align: justify;
}

#quemusaid h2, #quemusaid h4 {
	text-align: center;
}

.quemusaid {
	float: left;
	width: 210px;
}


.quemusaimagem {
	float: left;
	width: 210px;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* begin: PÁGINA DE ATENDIMENTO E CONTATOS
----------------------------------------------------------------------------------------------------*/

/* Logado */

.caixaid {
	margin-top: 20px;
	padding: 10px 10px 10px 10px;
}

.formulariolabel {
	clear: both;
	margin-bottom:1px;
}

.formularioinput {
	margin-bottom: 5px;
}

.formulariotxt {
	width: 460px;
	height: 200px;
	margin-bottom: 5px;
}

.dnone{
	display: none;
}

.agimg {
width:100px;
position:absolute;
margin:-50px;
top:50%;
left:50%;
}

/* Entradas a pagar
----------------------------------------------------------------------------------------------------*/
.entradaprintcab{
	width: 200px;
	height: 130px;
	padding-top: 5px;
	padding-left: 15px;
	float: left;
	font: 10px sans-serif;
}
.logoespaco{
	width: 80px;
	float: left;
}



/* PEGA DATA
----------------------------------------------------------------------------------------------------*/
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}


/* VITRINE EM LOJA
----------------------------------------------------------------------------------------------------*/
.vitrinelojadiv{
	float: left;
	width: 235px;
	height: 235px;
	overflow: hidden;
}

/*
Cores Css
*/
.vermelho{
	color:#ff8080;
}
.verde{
	color:#3b9148;
}
.laranja{
	color:#ffcc00;
}
.bvermelho{
	background-color:#ff0000;
}
.bverde{
	background-color:#3b9148;
}
.blaranja{
	background-color:#ffcc00;
}
.bazul{
	background-color:#0080ff;
}
.broxo{
	background-color:#800080;
}
.brosa{
	background-color:#ff80c0;
}

.div360{
	background:url(http://www.oshyoga.org/img/abrindo.gif) center 0 no-repeat;
}
body {
	background:url(../../sgj/000000000008/h/img/bg.jpg) center 0 no-repeat; /* o $_SESSION['SMART']['sgid'] é o SG do hotsite tem que por em todas as imagens dentro dos SG específico*/
	background-color: #fff;
	background-attachment: fixed;
}




/* ### PAGINA BACKGROUND ### */

.paginabgtitulo {
	margin-top: 10px; 
	height:50px; 
	/* background-image: url(../../sgj/000000000008/h/img/paginabg_topo.png); */
}

.paginabgtitulotexto {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}

.paginabgconteudo {
	 color: #333333;
	 text-align: justify; 
	 /* background-image: url(/sgj/000000000008/h/img/paginabg.png);" */
}

.paginabgrodape { 
	margin-top: 0px; 
	height:50px; 
	/* background-image: url(/sgj/000000000008/h/img/paginabg_fundo.png);" */
}

.paginabgrodapetexto {
	color:#aaa;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	padding: 4px 5px 5px 5px;
}

/* begin: PÁGINA INICIAL
----------------------------------------------------------------------------------------------------*/

/* CONTEUDO */

#smartconteudotitulo{
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #444444;
}

#smartconteudodesc{
	overflow: auto;
}

.passoapasso {
	height: 400px;
	margin-top: 5px;
 	background-image: url(../../sgj/000000000008/h/img/passoapasso.jpg);
}

#scicone{
	float: left;
	height: 100px;
	width: 100px;
	margin: 10px;
}

#sctexto {
	text-align: justify;
	ling-height: 18px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* CLULT NEWS */
.clultnewstitulo {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #333333;
}
.clultnewsdataehora {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}
.clultnewsmensagem {
	font-size: 12px;
	font-weight: normal;
	text-align: justify; 
	min-height:50px;
}

/* CLULT BLOG E LISTAGEM CLULT */
#clulti {
	float:left;
}

#clultblog {
	float:left;
}

.vitrineadsblog {
	float: left;
	width: 340px;
	/* background-image: url(../../sgj/000000000008/h/img/smartadsblog.png); */
	background: #efefef;
	margin-bottom: 10px;
}

.vitrineadsblogtitulo {
	margin-top: 0px;
	color: #444444;
	font-weight: bold;
}

.blogadsimagem {
	float: left;
	width: 80px;
	height:80px;
	margin: 8px 5px 5px 5px;
	border: 2px solid #cccccc;	
}

#vitrineadsconteudo{
	float: left;
	width: 235px;
	margin: 10px 5px 10px 0px;
	border: 0px solid #ffcc00;	 
}



.clultnewsartigo {
font-size:14px;
font-weight:normal;
text-align: left;
}

/* VITRINE DE OFERTAS SMARTCOMMERCE - [vitrine.php] */

.vitrinetitulosuper {
	width: 650px;
	height: 100px;
	overflow: hidden;
	margin:	0px 20px 0px 20px;
	text-align: left;
	color: #eee;
}

.vitrineslogansuper {
	height: 110px;
	margin:	30px 20px 0px 20px;
	color: #444;
	text-align: left;
}

.vitrineapartirsuper {
	color: #444;
	height: 32px;
	margin-bottom: 5px;
	font-size: 20px;
	text-decoration: underline;	
}

.vitrinevalorsuper {
	color: #228036;
	height: 40px;
	font-weight: bold;
	font-size: 48px;
	text-decoration: none;
}

.vitrineunidadesuper {
	color: #228036;
	font-size: 20px;
	text-decoration: underline;
}

.vitrinetitulo {
	height: 50px;
	margin: 15px 15px 0px 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #444; /* cor do titulo da vitininha */
	overflow: hidden;
}

.vitrineslogan {
	height: 70px;
	margin: 10px 15px 0px 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	color: #444; /* cor do slogan da vitininha */
	overflow: hidden;
}

.vitrineapartir {
	margin: 10px 15px 0px 15px;
	color: #444;
	font-size: 11px;
	text-decoration: underline;	
}

.vitrinevalor {
	margin: 10px 15px 0px 15px;
	color: #228036;
	font-weight: bold;
	font-size: 28px;
	text-decoration: none;
}

.vitrineunidade {
	margin: 10px 15px 0px 15px;
	color: #228036;
	font-size: 11px;
	text-decoration: underline;
}

/* begin: PRODUTOS
----------------------------------------------------------------------------------------------------*/

/* ABAS DA LISTA DE COMPRAS E DA LISTA DE TAGS */

.abaesquerda{
	 background:url(../../sgj/000000000008/h/img/carmenu.png) no-repeat top right transparent;
	 	 display:none; }

.abaesquerdaclult{
	 background:url(../../sgj/000000000008/h/img/smartsiteclultmenu.png) no-repeat top right transparent;
	 display:block;
	 padding-top:80px;
}

#subtotal{
	position: absolute;
	width:140px;
	right:60px;
	bottom:170px;
	text-align: right;
}

#freteval{
	position: absolute;
	width:140px;
	right:60px;
	bottom:138px;
	text-align: right;
}
#osbsis{
	position: absolute;
	width:430px;
	left:20px;
	top:376px;
	text-align: left;
}
#btlogreg{
	position: absolute;
	width:443px;
	left:12px;
	bottom:40px;
	text-align: left;
}
#totalgeral{
	position: absolute;
	width:140px;
	right:60px;
	bottom:107px;
	text-align: right;
}
#fpgto{
	position: absolute;
	width:200px;
	left:12px;
	bottom:114px;
	text-align: right;
}
#fpgto{
	position: absolute;
	width:150px;
	left:12px;
	bottom:114px;
	text-align: right;
}
#fretetipo{
	position: absolute;
	width:150px;
	left:12px;
	bottom:152px;
	text-align: right;
}
#pscarpros{
	position: absolute;
	right:60px;
	top:25px;
}


/* ABA DE TAGS S */

.abadireita{
	background:url(../../sgj/000000000008/h/img/tagmenu.png) no-repeat top left transparent;
}

div#pstags a {
	color: #FFF;
}

.taglista {
	font-size: 12px;
}

/* PAGINAÇÃO */

div#paginacao {
	margin-top: 0px;
	color: #fff;
	padding: 6px 5px 0 7px;
	float: left;
	width: 928px; 
	height:30px;
	background-image: url(../../sgj/000000000008/h/img/smartsitepaginacao.png);
	text-align: right;
}
div#paginacao a {
	cursor:pointer;
	float: left; 
	color: #333333;
	background-color: #dddddd;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}
div#paginacao a:hover {
	cursor:pointer;
	background-color: #666666;
	color: #ffffff;
}
div#paginacao a.ativo {
	cursor:pointer;
	float: left; 
	color: #000;
	background-color: #ffcc00;
	padding: 0.3em 0.5em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

/* TABELA LISTA DE PRODUTOS - LISTACOMPRA */

#listacompra {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

#listacompra tr:hover {
	background: #F0F0F0;
	color: #000;
}

#listacompra caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	text-align: right;
}

#listacompra th {
	color: #4f6b72;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

#listacompra th.nobg {
	border: 1px solid #CCCCCC;
}

#listacompra td {
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 10px 0px 10px;;
	color: #4f6b72;
	vertical-align: middle;
}

#listacompra td.alt {
	color: #797268;
}

.listatdimagem {
	margin: 3px 0px 3px 0px;
	border: 2px solid #cccccc;
	cursor: pointer;
}

.listatdtitulo { /* TD Título - Controla tabela da listagem de produtos no smartsite */
	width: 450px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

.listatddescricao { /* TD Descrição - Controla tabela da listagem de produtos no smartsite */
	width: 450px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.listatdpreco { /* TD Descrição - Controla tabela da listagem de produtos no smartsite */
	width: 200px;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}

#listacompra th.spec {
	border-bottom: 1px solid #CCCCCC;
}

#listacompra th.specalt {
	border-bottom: 1px solid #CCCCCC;
	color: #797268;
}

.precolista {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	text-align: right;
}
/* END: PRODUTOS */

/* begin: PÁGINA DE ATENDIMENTO E CONTATOS
----------------------------------------------------------------------------------------------------*/
.contatosformulario {
	margin-top: 20px;
	padding: 10px 10px 10px 10px;
	border: 4px solid #cccccc;
	background-color: #dddddd;
}

.contatosformularioleftbox {
	margin-top:  10px;
	margin-left: 10px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	border: 4px solid #eeeeee;
	background-color: #eeeeee;
}

.contatosformulariorightbox {
	margin-top:  10px;
	margin-right: 10px;
	padding: 10px 10px 10px 10px;
	border: 4px solid #eeeeee;
	background-color: #eeeeee;
}

.contatosformularioidtitulo {
	font-size: 18px;
}

.contatosformularioidtituloblog {
	font-size: 14px;
}


.contatosformularioid {
	font-size: 11px; 
}

.contatosformulariologado {
	margin-top:  10px;
	margin-right: 10px;
	padding: 10px 10px 00px 10px;
}

.contatosformularionaologado {
}

.contatoformulariomensagem {
	width: 100%;
	height: 150px;
	margin: 5px 0px 5px 0px;
	border: 4px solid #cccccc;
}

.contatoformulariocampolabel {
	float: left;
	width: 150px;
	height: 30px;
	vertical-align: middle;
	margin: 5px 0px 5px 10px;
	border: 0px solid #cccccc;
}

.contatoformulariocampo {
	height: 30px;
	font-size: 20px;
	color: #666666;
	margin: 5px 5px 5px 10px;
	border: 4px solid #cccccc;
}

.smartsobre {
	text-align: left;
}

/* begin: RODAPÉ
----------------------------------------------------------------------------------------------------*/
.rodape {
	height: 200px;
	color: #ffffff;
	margin-top: 10px;
	background-image: url(../../sgj/000000000008/h/img/smartsiterodapepagseguro.png);
}

.pagamentos {
	margin-top: 30px;
	margin-left: 35px;
	width: 700px;
	color: #FFFFFF;
	text-align: left;
}


.rodap1 {
	float: left;
	text-align: left;
	margin-top: 30px;
	margin-left: 30px;
	width: 160px;
	height: 80px;
	
	border: 0px solid #000000;
}
 
.rodap2 {
	float: left;
	margin-top: 30px;
	text-align: left;
	width: 220px;
	
	border: 0px solid #000000;
}
 
.rodap3 { 
	float: left;
	margin-top: 30px;
	text-align: left;
	width: 320px;
	border: 0px solid #000000;
}

.rodap4 { 
	float: left;
	margin-top: 30px;
	text-align: left;
	width: 200px;
	border: 0px solid #000000;
}

/* END: RODAPE */

/*
Slide/carrossel
*/
.bcnSlide{
	height:350px
}

#bn1{
	position:absolute;
	left:0;
	float:right;
	width: 940px;
	height:350px;
	z-index:5;
}
#bn2{
	position:absolute;
	left:0;
	width: 940px;
	height:350px;
	z-index:4;
}
#bn3{
	position:absolute;
	left:0;
	width: 940px;
	height:350px;
	z-index:3;
}
#bn4{
	position:absolute;
	left:0;
	width: 940px;
	height:350px;
	z-index:2;
}
#bn5{
	position:absolute;
	left:0;
	width: 940px;
	height:350px;
	z-index:1;
}


.bnbto{
	background: url(../../img/bannerselectoff.png) center 0 no-repeat;
	text-align:center;
	vertical-align:middle;
	line-height: 40px;
	right:0;
	width: 40px;
	height: 40px;
	color: #293f5e;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
}
.bnbtoact{
	background: url(../../img/bannerselecton.png) center 0 no-repeat;
	text-align:center;
	vertical-align:middle;
	line-height: 40px;
	right:0;
	width: 40px;
	height: 40px;
	font-size: 12px;
	color: #293f5e;
	font-weight: bold;
	border: 0px;
}
#bnbtodiv{
	position:absolute;
	text-align: center;
	left:0px;
	height: 220px;
	width: 40px;
	z-index: 700;
}

#subcabecalho {
	height: 40px;
	background-image: url(../../sgj/000000000008/h/img/breadcrumbsemvideo.png);
}

/* RECURSOS */

ul#lateral {
	border:0px solid #003399;
	margin:0;
	padding:0;
	text-align: left;
	list-style-type:none;
}

ul#lateral li {
	margin-top: 10px;
	border-bottom:0px solid #A4A0F5;
}

ul#lateral li a:link, ul#lateral li a:visited {
	display:block;
	height:1%;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777777;
	border-left:1px solid #000;
	padding-left:5px;
}

ul#lateral li a:hover {
	background-color: #fff;
	color:#000;
	border-left:1px solid #ffcc00;
}





.video {
	position: absolute;
	top: 45px;
	left: 330px;
}


#recursostxt {
	float: left;
	text-align: left;
}

#recursostxtcolesquerda {
	float: left;
	width: 460px;
}

#recursostxtcoldireita {
	float: left;
	margin-left: 20px;
	width: 220px;
}

/* --------- Menu CSS ----------*/

.smartmenu {
	clear: both;
	margin: 0px 0px 0px 0px;
}

ul#smartmenu{
	background: url(../../sgj/000000000008/h/img/smartsitemenu.png) center;
	padding-left:0;
	width: 940px;
	height: 40px;
	list-style: none;
	position: relative;
	z-index:100;
}

ul#smartmenu li{
	float: left;
	padding: 0px 5px 0px 5px;
}

ul#smartmenu li:hover{
	background-color: #BBB;
	color: #000;
	opacity:0.6;
	filter:alpha(opacity=60);
}

ul#smartmenu li a{
	display: block;
	height: 40px;
	color: #fff;
	font-size: 14px;
	font-family: helvetica, sans-serif, arial, tahoma;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
	line-height: 40px;
}

ul#smartmenu li a:visited {
	color: #fff;
}

ul#smartmenu li a:hover {
	color: #000;
}

ul#smartmenu li ul{
	float: left;
	list-style: none;
	background: #111111;
	padding:5px 5px 5px 5px;
	display: none;
	position: absolute;
}

ul#smartmenu li ul li{
	float: none;
	clear: both;
	margin: 0 0px 0 0px; 
}

ul#smartmenu li ul li a{
	color: #fff;
	height: 20px;
	line-height: 20px;
}

ul#smartmenu li ul li a:visited {
	color: #fff;
}

ul#smartmenu li ul li a:hover {
	color: #000;
}

ul#smartmenu li:hover ul{
	display: block;
	opacity:1;
	filter:alpha(opacity=100);
}
@media print{
	.buscadorped{
		display: none; z-index: -1;
	}
	.buttons{
		display: none; z-index: -1;
	}
	#trocamsnpedv{
		display: none; z-index: -1;
	}
	#fildsetmensagem{
		display: none; z-index: -1;
	}
	#barradelinks, .dashmenu, #dashmenu, #dashmenu div, #dashmenu div{
		display: none; z-index: -1;
	}
	#wmtkboard, .wmtkboard,#wmtkboard div, #wmtkboarddiv, #wmtkboarddiv div{
		display: none; z-index: -1;
	}
}