/*---------------------------------------------------------------------
Estilos Morapiaf

Versão: 1.0
Autor: kite, Webdesign
Data: Abril de 2010
website: www.kite.pt

--------------------------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
	background-image: url(../imagens/fundos/fundo2.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
}
a img {
	border-top: none;
	border-right: none;
	border-bottom: none #A3803E;
	border-left: none;
}
img {
	border-style: none;
}

.clear-all { clear: both; }
.dir { float: right;}
.esq {	float: left;}
p, ul, form { margin: 0; padding: 0;}
ul {
	list-style-type: none;
}
a:link, a:visited {
	color: #D81416;
	text-decoration: none;
	border-bottom: 1px solid #D81416;
	padding-bottom: 1px;
}
a:hover, a:active {
	color: #333;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #333;
}

/*  Estrutura geral
---- -- -- --- - -- --- ------------------------------------------*/

#contentor-geral {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 0px;
}

/*  cabecalho
---- -- -- --- - -- --- ------------------------------------------*/
#cabecalho {
	height: 230px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#cabecalho h1 {
	width: 204px;
	height: 52px;
	float: left;
	background-image: url(../imagens/decor/logo.png);
	background-position: left top;
	margin-bottom: 60px;
}
#cabecalho #logo {
	height: 52px;
	width: 204px;
	display: block;
	text-indent: -9999px;
	left: 55px;
	top: 105px;
	border-style: none;
}
#lang {
	float: right;
	height: 79px;
	width: 370px;
	background-image: url(../imagens/fundos/fundo-lang.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#search {
	position: absolute;
	width: 250px;
	height: 40px;
	left: 680px;
	top: 87px;
}

#castelhano:link, #castelhano:visited  {
	float: left;
	background-image: url(../imagens/decor/castelhano.jpg);
	background-repeat: no-repeat;
	line-height: 17px;
	text-decoration: underline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 32px;
	font-size: 16px;
	margin-top: 5px;
	border-style: none;
}
#castelhano:hover, #castelhano:active  {
	color: #D81416;
}
#nav-principal {
	float: left;
	width: 830px;
	text-align: left;
	list-style-type: none;
	padding-left: 10px;
	height: 56px;
	background-image: url(../imagens/fundos/fundo-nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav-principal a {
	display: block;
	float: left;
	line-height: 35px;
	padding-right: 4px;
	margin-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 4px;
	font-size: 13px;
	border: none;
}
#nav-principal li {
	display: inline;
}

#nav-principal a:link, #nav-principal a:visited {
	color: #D81416;
}
#nav-principal a:hover, #nav-principal a:active {
	color: #FFF;
	background-color: #4F768B;
	border: 1px solid #CFE6EF;
	padding-bottom: 4px;
	line-height: 40px;
	padding-top: 8px;
	margin-top: -5px;
}
#home #linkhome, #jogos #linkjogos, #comprar #linkcomprar, #comprar-locais #linkcomprar, #novidades #linknovidades, #eventos #linkeventos, #playground #linkplayground, #newsletter #linknewsletter, #acerca #linkacerca, #jogos-novidades #linkjogos, #jogos-todos #linkjogos, #jogos-medida #linkjogos, #jogos-oferecer #linkjogos, #jogos-comparar #linkjogos, #jogos-detalhe-descricao #linkjogos, #jogos-detalhe-ficha #linkjogos, #jogos-detalhe-regras #linkjogos, #jogos-detalhe-videos #linkjogos, #jogos-detalhe-duvidas #linkjogos, #jogos-detalhe-encomendar #linkjogos, #playground #linkplayground, #acerca #linkacerca, #newsletter #linknewsletter, #playground-imprensa #linkplayground, #playground-testemunhos #linkplayground, #playground-galeria #linkplayground, #playground-links #linkplayground {
	color: #FFF;
	background-color: #577D91;
	border: 1px solid #CFE6EF;
	padding-bottom: 4px;
	line-height: 40px;
	padding-top: 8px;
	margin-top: -5px;
}
#nav-social {
	width: 51px;
	position: relative;
	list-style-type: none;
	float: left;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
#nav-social li a {
	text-indent: -9999px;
	height: 25px;
	width: 25px;
	display: block;
	border: none;
}

#linkfacebook {
	display: block;
	background-image: url(../imagens/decor/facebook-twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#linktwitter {
	display: block;
	background-image: url(../imagens/decor/facebook-twitter.png);
	background-repeat: no-repeat;
	background-position: -25px 0px;
	position: absolute;
	left: 40px;
	top: 10px;
}

/*  Estrutura home
---- -- -- --- - -- --- ------------------------------------------*/
#bloco-anuncio {
	width: 800px;
	text-align: left;
	padding: 20px;
	border: 1px dashed #CCC;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#home #bloco-anuncio {
	margin-bottom: 40px;
}
#anuncio #bloco-anuncio {
	margin-bottom: 20px;
}
#link-anuncio {
	width: 93px;
	position: absolute;
	bottom: 5%;
	right: 0%;
}

#img-anuncio {
	float: left;
	margin-right: 20px;
}
#txt-anuncio {
	float: left;
}

#bloco-anuncio h2 {
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	color: #D81416;
	margin: 0px 0px 20px;
	padding: 0px;
}
.titulo-anuncio {
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	color: #D81416;
}
#bloco-anuncio p {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 20px;
}
#bloco-anuncio p img {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}
#bloco-anuncio-txt {
	width: 800px;
	text-align: left;
	margin-bottom: 40px;
	padding: 20px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#bloco-anuncio-txt p {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 21px;
}
#bloco-anuncio-txt p img {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#bloco-destaque {
	clear: left;
	width: 940px;
	text-align: center;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 20px;
}
#bloco-destaque h2 {
	margin: 0px;
	padding: 0px;
	line-height: 58px;
	display: block;
	background-image: url(../imagens/hs/bloco-destaque.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
}
.bloco {
	float: left;
	width: 220px;
	padding-right: 7px;
	padding-left: 8px;
}

.balao1, .balao2, .balao3, .balao4, .balao5, .balao6, .balao7 {
	display: block;
	width: 220px;
}
.balao1 h3 {
	background-image: url(../imagens/baloes/balao1.gif);
	background-repeat: no-repeat;
	height: 95px;
	margin: 0px;
	padding: 26px 17px 0px 30px;
	width: 100px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
}
.balao2 h3 {
	background-image: url(../imagens/baloes/balao2.gif);
	background-repeat: no-repeat;
	height: 110px;
	margin: 0px;
	width: 120px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: right top;
	padding: 20px 50px 0px;
}
.balao3 h3 {
	background-image: url(../imagens/baloes/balao3.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin: 0px;
	width: 110px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: right top;
	padding: 30px 30px 0px 80px;
}
.balao4 h3 {
	background-image: url(../imagens/baloes/balao4.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin: 0px;
	width: 120px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: right top;
	padding: 30px 40px 0px 60px;
}
.balao5 h3 {
	background-image: url(../imagens/baloes/balao5.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin: 0px;
	width: 105px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: right top;
	padding: 30px 85px 0px 30px;
}
.balao6 h3 {
	background-image: url(../imagens/baloes/balao6.gif);
	background-repeat: no-repeat;
	height: 67px;
	margin: 0px;
	width: 110px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: right top;
	padding: 30px 30px 0px 70px;
}
.balao7 h3 {
	background-image: url(../imagens/baloes/balao7.gif);
	background-repeat: no-repeat;
	height: 140px;
	margin: 0px;
	width: 140px;
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
	background-position: left top;
	padding: 26px 40px 0px;
}
.up {
	margin-top: -45px;
}
.esconde {
 display:none;
}
.nada {

}
.normal {
	margin-top: 0px;
}
.down {
	margin-top: 45px;
}
.img-destaque {
	display: block;
	width: 220px;
	clear: left;
	float: left;
	text-align: center;
	overflow: hidden;
}
.img-destaque a {
	border-style: none;
}

.img-dir {
	text-align: right;
}
.img-esq {
	text-align: left;
}
.img-centro {
	text-align: center;
}
#txt-destaques {
	clear: left;
	float: left;
	width: 220px;
	position: relative;
}
#txt-destaques h4 {
	font-size: 20px;
	color: #D81416;
	background-image: url(../imagens/fundos/h4-destaques.gif);
	background-repeat: repeat-y;
	background-position: center top;
	line-height: 23px;
	margin: 0px 0px 10px;
	padding: 0px;
}
.novo {
	background-image: url(../imagens/decor/novo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 85px;
	width: 85px;
	position: absolute;
	left: 0px;
	top: -77px;
	text-indent: -9999px;
}
.em-breve {
	background-image: url(../imagens/decor/em-breve.gif);
	background-repeat: no-repeat;
	display: block;
	height: 85px;
	width: 85px;
	position: absolute;
	left: 0px;
	top: -77px;
	text-indent: -9999px;
}
.esgotado {
	background-image: url(../imagens/decor/esgotado.gif);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 0px;
	top: -91px;
	text-indent: -9999px;
}
#txt-destaques p {
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;
}
#txt-destaques p a:link, #txt-destaques p a:visited {
	text-decoration: underline;
	color: #666;
	border-style: none;
}
#txt-destaques p a:hover, #txt-destaques p a:active {
	color: #D81416;
}
.ficha-destaque {
	text-align: left;
	list-style-type: none;
}
.ficha-destaque li {
	line-height: 18px;
	background-image: url(../imagens/fundos/seta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 10px;
}
#bloco-conteudos {
	clear: left;
	float: left;
	width: 940px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCC;
	background-image: url(../imagens/fundos/tracos-horizontal.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#ultimas-home {
	float: left;
	width: 580px;
	text-align: left;
}
#ultimas-home p img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#bloco-conteudos  h2 {
	text-indent: -9999px;
	margin: 0px 0px 25px;
	padding: 0px;
	height: 23px;
}
.tit-novidades-home {
	background-image: url(../imagens/hs/hs-no-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 130px;
}
.tit-eventos-home {
	background-image: url(../imagens/hs/hs-no-icon.gif);
	background-repeat: no-repeat;
	background-position: -183px 0px;
	width: 130px;
}
.data-novidades {
	font-size: 10px;
	color: #D81416;
	margin-bottom: 0px;
	clear: left;
}
.titulo-novidades {
	font-size: 20px;
	margin-bottom: 5px;
}
.txt-novidades-home {
	margin-bottom: 25px;
	line-height: 20px;
}
#contentor-sidebar-home {
	float: right;
	width: 340px;
	text-align: left;
	overflow: hidden;
	padding-left: 20px;
	background-image: url(../imagens/fundos/tracos-vertical.gif);
	background-repeat: repeat-y;
	background-position: 10px 0px;
}
#contentor-sidebar-home  h3 {
	text-indent: -9999px;
	margin: 0px 0px 25px;
	padding: 0px;
}
#contentor-sidebar-home #onde-comprar {
	float: left;
	width: 160px;
}
#contentor-sidebar-home #sua-medida {
	float: left;
	width: 160px;
	padding-left: 20px;
	background-image: url(../imagens/fundos/tracos-vertical.gif);
	background-repeat: repeat-y;
	background-position: 10px 0px;
}
.tit-comprar-160 {
	line-height: 50px;
	background-image: url(../imagens/hs/hs-comprar-medida-160.gif);
	width: 160px;
}
.tit-medida-160 {
	line-height: 50px;
	background-image: url(../imagens/hs/hs-comprar-medida-160.gif);
	width: 160px;
	background-position: -219px 0px;
	background-repeat: no-repeat;
}
.txt-outro {
	font-size: 12px;
	color: #2A5A73;
}
#eventos-home {
	clear: left;
	float: left;
	width: 340px;
	padding-top: 50px;
}
#bloco-complementar {
	clear: left;
	float: left;
	width: 940px;
	padding-top: 20px;
	text-align: left;
	padding-bottom: 40px;
}
#bloco-complementar  h3 {
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#bloco-complementar  h4 {
	margin: 0px 0px 5px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}
#bloco-complementar  p {
	font-size: 12px;
}

#playground-home {
	float: left;
	width: 280px;
}
#newsletter-home {
	width: 340px;
	padding-left: 20px;
	float: left;
	background-image: url(../imagens/fundos/tracos-vertical.gif);
	background-repeat: repeat-y;
	background-position: 10px 0px;
	text-align: left;
}
#acerca-home {
	float: left;
	width: 280px;
	padding-left: 20px;
	background-image: url(../imagens/fundos/tracos-vertical.gif);
	background-repeat: repeat-y;
	background-position: 10px 0px;
}
.tit-playground-home {
	line-height: 55px;
	background-image: url(../imagens/hs/h3-complementares-home.png);
	background-repeat: no-repeat;
	width: 207px;
}
.tit-newsletter-home {
	line-height: 55px;
	background-image: url(../imagens/hs/h3-complementares-home.png);
	background-repeat: no-repeat;
	width: 305px;
	background-position: -297px 0px;
}
#newsletter-home p {
	clear: left;
	margin-bottom: 10px;
	float: left;
}

.tit-acerca-home {
	line-height: 55px;
	background-image: url(../imagens/hs/h3-complementares-home.png);
	background-repeat: no-repeat;
	width: 205px;
	background-position: -657px 0px;
}
label {
	float: left;
	font-size: 13px;
}
.input-newsletter {
	background-color: #FFF;
	border: 1px solid #999;
	clear: left;
	float: left;
	width: 320px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D81416;
	padding: 4px;
	margin: 0px;
}
.submeter {
	font-size: 12px;
	text-transform: uppercase;
	color: #D81416;
	padding: 8px;
	background-color: #FFF;
	border-bottom: 1px solid #F1CBF7;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.error {
	color: #CC3333;
}
/* ---------  links home ------------- */
#ultimas-home p a:link, #ultimas-home p a:visited {
	color: #666;
	text-decoration: underline;
	border-style: none;
}
#ultimas-home p a:hover, #ultimas-home p a:active {
	color: #D81416;
}

.caixa-mais {
	text-align: center;
	display: block;
	clear: left;
	float: left;
	padding-top: 20px;
	width: 100%;
}
.caixa-mais-dir {
	text-align: right;
	display: block;
	clear: left;
	padding-top: 20px;
	width: 95%;
	padding-right: 5%;
}
.link-mais:link, .link-mais:visited {
	line-height: 32px;
	text-transform: uppercase;
	color: #D81416;
	text-decoration: underline;
	font-size: 13px;
	background-color: #FFF;
	padding: 8px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.link-mais:hover, .link-mais:active {
	color: #FFF;
	background-color: #D81416;
}

.link-mais-seta:link, .link-mais-seta:visited  {
	font-size: 14px;
	text-transform: lowercase;
	color: #4C477E;
	background-color: #FFF;
	padding: 6px 35px 6px 10px;
	border-bottom: 1px solid #F1CBF7;
	line-height: 18px;
	background-image: url(../imagens/fundos/seta.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	display: block;
	float: right;
	margin-right: 10px;
	text-decoration: none;
}
.link-mais-seta:hover, .link-mais-seta:active  {
	color: #D81416;
	background-color: #FFF;
}
/*------ estilos footer ----------*/
#contentor-footer {
	background-image: url(../imagens/fundos/fundo-footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	clear: left;
	height: 213px;
	width: 100%;
}
#contentor-footer #footer {
	padding-top: 80px;
	position: relative;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#footer #deco-footer {
	background-image: url(../imagens/decor/decor-footer.png);
	background-repeat: no-repeat;
	height: 211px;
	width: 551px;
	position: absolute;
	left: 389px;
	top: 3px;
}

#nav-footer-esq, #nav-footer-dir {
	list-style-type: none;
	float: left;
	margin-right: 40px;
	padding-top: 10px;
}
#nav-footer-esq a, #nav-footer-dir a {
	text-decoration: none;
	border-style: none;
	font-size: 12px;
}
#nav-footer-esq a:link, #nav-footer-esq a:visited, #nav-footer-dir a:link, #nav-footer-dir a:visited {
	color: #666;
}
#nav-footer-esq a:hover, #nav-footer-esq a:active, #nav-footer-dir a:hover, #nav-footer-dir a:active {
	color: #D81416;
	text-decoration: underline;
}
#nav-footer-esq li, #nav-footer-dir li {
	text-align: right;
	margin-bottom: 5px;
}
#footer h4 {
	text-transform: lowercase;
	color: #D81416;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
/* accordion-home  */
#accordion {
	width: 340px;
	background-position: 0 0;
}

/* accordion header */
#accordion h4 {
	margin:0;
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	color: #2A5A73;
	background-image: url(../imagens/fundos/setas-accordion.gif);
	text-transform: lowercase;
	line-height: 18px;
	background-position: 320px -8px;
	background-repeat: no-repeat;
	padding: 5px;
	background-color: #FFF;
	border: 1px dashed #CCC;
}

/* active header */
#accordion h4.current {
	cursor:default;
	background-position: 320px 12px;
	background-color: #C6E1EC;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	padding:5px;
	font-size:12px;
}
#accordion div.pane div {
	background-color: #F1F1F1;
	margin-bottom: 10px;
	padding: 10px;
}
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
.data-eventos {
	font-size: 10px;
	color: #666;
	margin: 0px;
}
.tit-eventos {
	font-size: 16px;
	margin: 0px 0px 5px;
	padding: 0px;
}
#accordion div.pane p a:link, #accordion div.pane p a:visited {
	font-weight:normal;
	color: #666;
	border-style: none;
}
#accordion div.pane p a:hover, #accordion div.pane p a:active {
	text-decoration: underline;
	color: #D81416;
}
#q {
	border: 1px solid #999;
	margin-right: 5px;
	background-color: transparent;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	padding: 3px 2px;
	float: left;
	width: 160px;
}
.bt-search {
	background-color: transparent;
	display: inline-block;
	float: left;
	border-style: none;
}