/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image:url("../imgs/bg.jpg");
	background-position:top center;
	background-color:#f8fbfd;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#333;
}
img {
	border:0px;	
}
li {
	list-style:url(../imgs/list.png);
}
.centro, #conteudo {
	width:990px;
	margin:auto;
	position:relative;	
}

.topo {
	position:relative;
	height:99px;
	background-color:rgba(255,255,255,0.6);	
}

#logoTopo, #idiomas, #menu, #conteudo {
	position:absolute;
}
#rodape {
	position:fixed;
	bottom:0px;
	width:100%;
	background-image:url(../imgs/bgRodape.png);
	background-position:top;
	background-repeat:repeat-x;	
	z-index:10;
	padding-bottom:5px;
}
#rodape .centro {
	position:relative;	
}
#rodape a.facebook, #rodape #caixaNoticias, #rodape span.noticiasRodape, #rodape a.newsletter  {
	position:absolute;	
}
#rodape .logo {
	margin-top:20px;
	margin-bottom:4px;
}
#rodape a.facebook, #rodape a.newsletter {
	top:20px;
}
#rodape a.newsletter {
	right:110px;
}
#rodape a.facebook {
	right:0px;
	display:block;	
}
#rodape span.noticiasRodape {
	left:210px;
	top:5px;
	color:#FFF;
}
#rodape span.noticiasRodape, #rodape #caixaNoticias {
	top:21px;
}
#rodape #caixaNoticias {
	left:280px;
	width:450px;
	overflow:hidden;
}
#rodape #caixaNoticias a {
	display:block;
	height:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	text-decoration:none;
	color:#FFF;
}
#rodape #caixaNoticias a:hover {
	text-decoration:underline;	
}


#conteudo {
	top:132px;
	left:50%;
	margin-left:-495px;
	z-index:1;
	overflow:hidden;
	padding-bottom:43px;
}

#logoTopo {
	left:20px;
	top:24px;	
}
#idiomas {
	top:0px;
	right:305px;
	padding:3px 10px;
}
#idiomas a img {
	display:inline-block;
	margin-left:3px;
	margin-right:3px;
	border:1px solid #FFF;	
}
#idiomas a:hover img {
	border:1px solid #8f8c88;
}

#menu {
	z-index:10;
	width:100%;
	font-size:14px;
	font-weight:300;
	top:90px;
	text-align:center;
	height:54px;
	background-image:url(../imgs/barraTopo.png);
	background-position:top center;
	background-repeat:repeat-x;
}
#menu .centro {
	padding-top:18px;	
}
#menu ul {
	list-style:none;
	padding:0px;
	margin:0px;	
}
#menu ul li {
	display:inline-block;
}
#menu ul li.ultimo {
	background-image:none;
}
#menu ul li a {
	color: #FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 14px;
	border-radius:4px;
}
#menu ul li a:hover, #menu ul li a.sel {
	color:#DCDCDC;
}

#idades {
	position:absolute;
	top:0;
	right:-15px;
	padding-left:7px;
	width:316px;
	background-image:url(../imgs/bgIdades.png);
	background-position:center;
	background-repeat:no-repeat;
}
#idades a {
	font-family: 'Patrick Hand', cursive;
	text-transform:uppercase;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:99px;
	width:100px;
	float:left;
}
#idades a span {
	display:block;
	position:absolute;
	bottom:5px;
	width:100px;
	text-align:center;
	color:#FFF;
}

#idades a:hover span {
	color:#214B67;
}



h1 {
	margin:0px;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
	color:#8F8C88;
}

/* barra fotos */

.barraFotos {
	position:relative;
	width:990px;
	height:280px;
	overflow:hidden;	
	display:block;
}
.barraFotos .texto  {
	display:block;
	position:absolute;
	bottom:0px;
	z-index:11;
	background-color:#e8dbbf;
	padding:5px 20px 7px 20px;
	font-size:24px;
	color:#736357;
	text-transform:uppercase;
	border-top-right-radius:12px;
	border-right:2px solid #FFF;
	border-top:2px solid #FFF;
}

.barraFotos .fotos {
	position:relative;	
	z-index:10;
}
.barraFotos .fotos img {
	width:990px;
	height:280px;	
}

.textoFotos  {
	display:block;
	position:absolute;
	top:240px;
	left:50%;
	width:237px;
	height:65px;
	background-image:url(../imgs/bgTitulo.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:-118px;
	z-index:13;
}
.textoFotos span {
	font-family: 'Patrick Hand', cursive;
	display:block;
	text-align:center;
	margin-top:22px;
	margin-left:24px;
	margin-right:24px;
	font-size:17px;
	color:#FFF;
	text-transform:uppercase;
}



/* catalogo */
#thumbs {
	margin-top:40px;
}
#thumbs a {
	display:block;
	width:222px;
	height:222px;
	border:6px solid #95A4AC;
	position:relative;
	float:left;
	margin-right:18px;
	margin-bottom:18px;
	overflow:hidden;
}

#thumbs a.f4 {
	margin-right:0px;
	float:right;
}
#thumbs a img, #thumbs a span {
	position:absolute;	
}
#thumbs a:hover {
	border-color:#214B67;
}
#thumbs a span {
	bottom:0px;
	display:block;
	width:100%;
	color:#FFF;
	text-transform:uppercase;
	padding:5px;
	background-image:url("../imgs/bgRef.png");
	font-weight:300;
	text-shadow:-1px -1px 0px #333;
	z-index:20;
}


/* FS */

#fs {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	display:none;
	z-index:100;
	background-image:url("../imgs/bgFS.png");
}

#fsGrande {
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	background-image:url("../imgs/loading.gif");
	background-position:center;
	background-repeat:no-repeat;
}
#fsGrandeA {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	border:10px solid #FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	overflow:hidden;
	cursor: url(../imgs/zoomIn.png), default;
}
#fsGrandeImg {
	display:block;
}
#fsGrandeRef {
	position:absolute;
	bottom:0px;
	display:block;
	color:#000;
	text-transform:uppercase;
	padding:5px 10px 0px 0px;
	background-color:#FFF;
	font-weight:300;
	z-index:20;
}
#fsJumbo {
	display:none;
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	cursor: url(../imgs/zoomOut.png), default;
	overflow:hidden;
	background-color:#FFF;
	background-image:url("../imgs/loading.gif");
	background-position:center;
	background-repeat:no-repeat;
}
#fsJumbo img {
	position:absolute;
	display:block;
}
#fsSetaEsq, #fsSetaDir, #fsFechar {
	position:absolute;
	display:block;
	background-color:#FFF;
	box-shadow: 0px 0px 5px #333;
	background-repeat:no-repeat;
	background-position:center;
}
#fsSetaEsq:hover, #fsSetaDir:hover, #fsFechar:hover {
	background-color:#F0F0F0;
}
#fsSetaEsq, #fsSetaDir {
	top:50%;
	margin-top:-30px;
	width:40px;
	height:50px;
}
#fsSetaDir {
	right:0px;
	background-image:url(../imgs/setaDir.png);
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
#fsSetaEsq {
	background-image:url(../imgs/setaEsq.png);
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#fsFechar {
	right:20px;
	top:0px;
	width:40px;
	height:35px;
	background-image:url(../imgs/fechar.png);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}




#conteudo .bloco {
	background-color:#FFF;
	padding:20px;
	padding-bottom:60px;	
}
#conteudo .bloco.submenu {
	padding:0px;
	overflow:hidden;
	background-image:url(../imgs/bgBarraSubmenu.png);
	background-position:left;
	background-repeat:repeat-y;
}
#submenu {
	font-family: 'Patrick Hand', cursive;
	float:left;
	width:213px;
	color:#FFF;
	background-image:url(../imgs/submenuBaixo.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#d26d3d;
	padding-bottom:24px;
}
#submenu h2 {
	text-align:left;
	padding-top:0px;
	margin:0px;
	height:40px;
	background-image:url(../imgs/submenuTopo.png);
	background-position:top;
	background-repeat:no-repeat;
	text-transform:uppercase;
}
#submenu h2 span {
	display:block;
	padding-left:20px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;	
	padding-top:20px;
	font-size:16px;	
}
#submenu .corpo {
	background-image:url(../imgs/submenuMeio.png);
	background-position:top;
	background-repeat:repeat-y;
	padding-top:10px;
	padding-bottom:10px;
}
#submenu ul {
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0;
	margin-bottom:0;
}

#conteudo .bloco.submenu .direita {
	float:right;
	width:660px;
	padding-top:60px;
	padding-right:20px;
	padding-bottom:60px;
}
#conteudo h2 {
	font-weight:300;	
}

#submenu ul, #submenu li {
	list-style:none;	
}
#submenu li {
}
#submenu li a {
	display:block;
	padding:5px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	border-bottom:1px dotted #FFF;
	border-color:rgba(255,255,255,0.5);
}
#submenu li a:hover, #submenu li a.sel {
	background-color:#d68866;
}


#cantinho #submenu ul.n2 {
	padding-right:0;
}
#cantinho #submenu ul.n2 li a.sel {
	background-color:transparent;
	font-weight:bold;
}

/* sem bloco */
#lojas, #agentes, #postais {
	margin-top:20px;
	padding-bottom:40px;	
}

/* lojas */

#lojas iframe {
	border:6px solid #FFF;	
}
#lojas .left {
	float:left;	
}
#lojas .right {
	float:right;	
}
#lojas .info {
	width:486px; 
	height:416px;
	background-color:#bfcee3;
}
#lojas .info h2 {
	padding-left:20px;	
}
#lojas .info ul {
	float:left;
	margin-top:0px;
	padding-left:35px;
}
#lojas .info ul li {
	cursor:pointer;	
}
#lojas .linha {
	overflow:hidden;
	margin-bottom:18px;	
}
#lojas .info.internacional ul li {
	margin-bottom:8px;	
}
#lojas .info.internacional ul li span {
	text-transform:uppercase;
	display:inline-block;
	width:170px;	
}
#lojas .info.internacional {
	height:316px;	
}

/* agentes */
#agentes {
	margin-left:-12px;	
}
#agentes .agente, #agentes .foto {
	margin-left:12px;
	margin-bottom:12px;
	float:left;
	
}
#agentes .foto {
	width:155px;
	height:155px;
	overflow:hidden;
	position:relative;
}
#agentes .foto img {
	position:absolute;
	width:100%;
	height:100%;
	/*
	left:50%;
	margin-left:-110px;
	top:50%;
	margin-top:-110px;	
	*/
}
#agentes .agente {
	width:302px;
	height:135px;
	padding:10px;
	background-color:#bfcee3;
	color:#333;
}
#agentes .agente h3, #agentes .agente h4 {
	font-weight:300;
	margin:0px;
	text-transform:uppercase;	
	margin-bottom:10px;
}
#agentes .agente h4 {	
	font-size:16px;
}
#agentes .agente label {
	display:inline-block;
	width:75px;	
}

/* Postais */
#postais {
	overflow:hidden;	
}
#postais .fotos {
	float:left;	
}
#postais .fotos .mini {
	margin-left:-10px;	
}
#postalSel {
	display:block;
	margin-bottom:10px;	
}
#postais .fotos .mini a {
	margin-left:10px;
	display:block;
	float:left;
}

#postais .formulario {
	float:right;
	width:280px;
	padding:20px;
	height:467px;
	background-color:#bfcee3;	
}
#postais .formulario p {
	margin-top:0px;	
}
#postais .formulario h3 {
	margin-bottom:5px;
	font-weight:300;
	text-transform:uppercase;
	font-size:16px;	
}
#postais input {
	width:200px;	
}
#postais textarea {
	width:260px;
	margin-bottom:20px;	
}
#postais input.botao {
	width:auto;
	padding:5px 10px;
	cursor:pointer;
	float:right;
	margin-right:12px;
}

/* Contactos */

#conteudo .bloco#contactos {
	overflow:hidden;
	padding-top:70px;
}
#contactos h3 {
	margin-top:0px;	
}
#contactos .formulario {
	float:right;
}
#contactos .formulario form {
	padding:0px;
	width:455px;
}
#contactos .dados {
	float:left;	
	margin-left:26px;
}

#contactos .formulario label {
	width:90px;
}
#contactos .formulario input, #contactos .formulario textarea  {
	width:350px;
}
#contactos .formulario textarea {
	margin-bottom:10px;
}
#contactos .formulario input.botao {
	width:358px;	
}

/* home */
#home {
	margin-top:10px;
	position:relative;
}

#home .facebook {
	width:214px;
	height:214px;
	background-color:#FFF;
	padding:10px;
}
#home .facebook .container {
	width:100%;
	height:208px;
	overflow:hidden;
}
#home .facebook .container iframe {
	margin-left:-7px;
	margin-top:-1px;	
}
#home .facebook, #home .foto {
	float:left;	
}
#home .foto {
	width:234px;
	height:234px;
	margin-left:18px;
	position:relative;
}
#home .foto div {
	font-family: 'Patrick Hand', cursive;
	display:block;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-50px;
	width:99px;
	height:58px;
	background-image:url(../imgs/tituloHome.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}
#home .foto div span {
	text-transform:lowercase;
	font-size:20px;
	display:block;
	padding-top:13px;
	color:#80B3C0;
}
#homeTitulo {
	position:absolute;
	top:210px; 
	left: 30px;
	font-size:24px;
	z-index:30;
	color:#0180A4;
	border-radius:5px;
	padding:5px 15px;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.8);
}

/* newsletter */
#formNews {
	width:430px;
}
#formNews label {
	width:90px;	
}
#formNews input {
	width: 300px;	
}
#formNews input.botao {
	width: 308px;	
}
#newsletter .dados {
	float:right;
	margin-top:25px;
	margin-right:50px;
}
#newsletter a.botao {
	padding:5px 20px;
	text-transform:uppercase;
	border-radius:5px;
	text-decoration:none;
	color:#FFF;
}
#newsletter a.botao:hover {
}
#newsletter .erro, #newsletter .sucesso {
	padding:10px;
	border-radius:5px;
}
#newsletter .erro {
	background-color:#FFCCCC;
	border:1px solid #FF9999;	
}
#newsletter .sucesso {
	background-color:#CCFFCC;
	border:1px solid #99FF99;	
}

/* jogos */
#jogos {
	overflow:hidden;	
}
#jogos a {
	display:block;
	float:left;
	text-align:center;	
}
#jogos a img {
	display:block;	
}
#jogos a span {
	display:inline-block;
	padding:5px 15px;
	text-decoration:none;
	background-color:#D26D3D;
	border-radius:5px;
	text-transform:uppercase;
	color:#FFF;	
}
#jogos a:hover span {
	background-color:#FF6600;
}


form label {
	float:left;
	clear:left;
	display:inline-block;
	width: 60px;
	padding: 4px;
	padding-left:0px;
}
form input {
	margin-bottom:4px;
	vertical-align:middle;
}

input, textarea {
	padding:4px;
	background-color:#ebf2f4;
	border:0px;
	font-family:"Lato", sans-serif;
	font-size:16px;
}
input.botao, #newsletter a.botao {
	background-color:#D26E3E;
	color:#FFF;
	text-transform:uppercase;	
	cursor:pointer;
}
input.botao:hover, #newsletter a.botao:hover {
	background-color:#B25936;	
}

#infoPopupLojas {
	display:none;
	position:absolute;
	padding:10px;
	background-color:#FFF;
	border-radius:5px;
	box-shadow:0px 0px 10px #CCC;
	z-index:3000;
}
#infoPopupLojas img {
	position:absolute;
	bottom:-8px;
	left:10px;	
}
#infoPopupLojas strong {
	font-weight:normal;	
}
#infoPopupLojas strong span {
	margin-right:20px;
	font-weight:bold;	
}

/* modal */
#modal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
}
#modalBg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.8;
}
#modalConteudo {
	position:absolute;
	top:50%;
	left:50%;
}
#modalConteudo img {
	border: 2px solid #CCC;	
}
a#modalFechar {
	position:absolute;
	right:-15px;
	top:-15px;
	display:block;
	text-decoration:none;
	background-color:#FFF;
	border-radius:15px;
	padding:5px 10px;
	border:2px solid #CCC;
	color:#666;
}
a#modalFechar:hover {
	background-color:#FF6600;
	border-color:#FF6600;
	color:#FFF;
}


#home .facebook .noticias {
	display:block;
	padding:0px;
	margin-bottom:6px;
	color:#333;
	font-size:16px;
	text-transform:uppercase;
	text-align:left;
	height:131px;
	background-color:#E8BE77;
}
#home .facebook .noticias h1 {
	margin:0;
	padding:5px 12px;
	color:#FFF;
	font-weight:normal;
	border-bottom:1px dotted #FFF;
	font-size:16px;	
	margin-bottom:6px;
	background-color:#D26D3D;
}
#home .facebook .noticias a {
	text-transform:none;
	display:block;
	height:1.2em;
	line-height:1em;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:13px;
	white-space: nowrap;
	padding:3px 12px;
	color:#333;
	text-decoration:none;
}
#home .facebook .noticias a:hover {
	text-decoration:underline;	
}