@charset "iso-8859-1";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
:focus {outline: none;}
body {
	width: 100%;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #f9fcff url(../img/bg-site.jpg) fixed no-repeat center 0;
}
ol, ul {list-style: none;}

#wrap {
	width: 912px;
	margin: 0 auto;
}

#header {
	width: 912px;
	height: 114px;
	background: url(../img/bg-header.gif) no-repeat;
	position: relative;
	/*margin-bottom: 12px;*/
}
#header h1 {
	width: 95px;
	height: 82px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/logo.png) no-repeat;	
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 35px;
}

#header ul {
	width: 600px;
	height: 20px;
	float: left;
	position: absolute;	
	z-index: 1;
	top: 58px;
	left: 313px;
}
#header ul li {
	float: left;
	margin-right: 20px;
}
#header ul li a {
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/bg-nav.png) no-repeat;
}
#header ul li #nav-home {width: 40px;}
#header ul li #nav-home:hover, 
#header ul li #nav-home.activated {background-position: 0 -20px;}

#header ul li #nav-marca {width: 47px; background-position: -59px 0;}
#header ul li #nav-marca:hover, 
#header ul li #nav-marca.activated {background-position: -59px -20px;}

#header ul li #nav-campanha {width: 70px; background-position: -128px 0;}
#header ul li #nav-campanha:hover, 
#header ul li #nav-campanha.activated {background-position: -128px -20px;}

#header ul li #nav-colecao {width: 61px; background-position: -218px 0;}
#header ul li #nav-colecao:hover, 
#header ul li #nav-colecao.activated {background-position: -218px -20px;}

#header ul li #nav-midia {width: 40px; background-position: -299px 0;}
#header ul li #nav-midia:hover, 
#header ul li #nav-midia.activated {background-position: -299px -20px;}

#header ul li #nav-lojas {width: 40px; background-position: -359px 0;}
#header ul li #nav-lojas:hover, 
#header ul li #nav-lojas.activated {background-position: -359px -20px;}

#header ul li #nav-contato {width: 60px; background-position: -419px 0;}
#header ul li #nav-contato:hover, 
#header ul li #nav-contato.activated {background-position: -419px -20px;}

#header ul li #nav-franquias {width: 73px; background-position: -498px 0;}
#header ul li #nav-franquias:hover, 
#header ul li #nav-franquias.activated {background-position: -498px -20px;}

#content {
	width: 912px;
	float: left;
	position: relative;	
}
#content h2 {
	position: absolute;
	top: 38px;
	left: 316px;
	z-index: 1;	
	overflow: hidden;
	text-indent: -2000px;
}

#footer {
	width: 876px;
	float: left;
	padding: 5px 17px 4px 19px;	
	background: #d6fc11 url(../img/bg-footer.png) no-repeat;
	position: relative;
}
#footer p {
	float: left;
	font-size: 10px;
	color: #e90f48;
}
#footer small {
	float: right;
	font-size: 9px;
	margin-top: 2px;
}
#footer small a {
	color: #e90f48;
	text-decoration: none;
}
#footer small a:hover {text-decoration: underline;}
#footer ul {
	width: 100px;
	height: 13px;
	float: left;
	position: absolute;
	top: 4px;
	left: 240px;
	z-index: 1;	
}
#footer ul li {
	width: 13px;
	height: 13px;
	float: left;
	margin-left: 5px;
}
#footer ul li a {
	width: 13px;
	height: 13px;
	overflow: hidden;
	text-indent: -2000px;
	float: left;
	background: url(../img/ico-redes-sociais.png) no-repeat 0 0;
}
#footer ul li .ico-twitter {background-position: 0 -13px;}


/* HOME
*****************************************************************************************************************/

#content.home {
	height: 450px;
	/*background: url(../img/foto-home.jpg) no-repeat;*/
}
#content.home dl {
	width: 866px;
	padding: 15px 0 14px 14px;	
	float: left;
	background: url(../img/bg-transp.png) repeat;
	position: absolute;
	z-index: 1;
	bottom: 16px;
	left: 15px;
}
#content.home dl dt {
	width: 276px;
	height: 116px;
	float: left;
	margin-right: 12px;	
}
#content.home dl dt a {
	width: 274px;
	height: 114px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	border: solid 1px #fff;
}
#content.home dl dt a:hover {border-color: #d6fc11;}

#content.home dl dt .promo-paris {background: url(../img/banner-promo-paris.jpg) no-repeat 0 0;}
#content.home dl dt .promo-paris:hover {background-position: 0 -114px;}

#content.home dl dt .making-of {background: url(../img/banner-assista-video.jpg) no-repeat 0 0;}
#content.home dl dt .making-of:hover {background-position: 0 -114px;}

#content.home dl dt .conheca-myshoes {background: url(../img/banner-conheca.jpg) no-repeat 0 0;}
#content.home dl dt .conheca-myshoes:hover {background-position: 0 -114px;}


/* MARCA
*****************************************************************************************************************/

#content.marca {
	height: 447px;
	background: url(../img/bg-marca.jpg) no-repeat;
}
#content.marca h2 {
	width: 223px;
	height: 27px;
	background: url(../img/tit-marca.png) no-repeat;
}
#content.marca .info {
	width: 470px;
	position: absolute;	
	top: 128px;
	left: 316px;
}
#content.marca .info p {
	text-align: justify;
	color: #333;
	line-height: 14px;
	margin-bottom: 15px;
}

/* CAMPANHA
*****************************************************************************************************************/

#content.campanha {
	height: 632px;
	background: url(../img/bg-campanha.jpg) no-repeat;
}
#content.campanha h2 {
	width: 353px;
	height: 27px;
	background: url(../img/tit-campanha.gif) no-repeat;
}

#sub-nav-campanha {
	width: 400px;
	height: 10px;
	position: absolute;
	z-index: 1;
	top: 83px;
	left: 316px;	
}
#sub-nav-campanha li {
	float: left;
	height: 10px;
	margin-right: 20px;
}
#sub-nav-campanha li a {
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/bg-nav-campanha.png) no-repeat;	
}

#sub-nav-campanha li #nav-fotos {width: 104px; background-position: 0 0;}
#sub-nav-campanha li #nav-fotos:hover, 
#sub-nav-campanha li #nav-fotos.activated {background-position: 0 -10px;}

#sub-nav-campanha li #nav-video {width: 29px; background-position: -125px 0;}
#sub-nav-campanha li #nav-video:hover, 
#sub-nav-campanha li #nav-video.activated {background-position: -125px -10px;}

#sub-nav-campanha li #nav-ft-making {width: 107px; background-position: -175px 0;}
#sub-nav-campanha li #nav-ft-making:hover, 
#sub-nav-campanha li #nav-ft-making.activated {background-position: -175px -10px;}


#sub-nav-campanha li #nav-ficha {width: 71px; background-position: -303px 0;}
#sub-nav-campanha li #nav-ficha:hover, 
#sub-nav-campanha li #nav-ficha.activated {background-position: -303px -10px;}

#fotos-campanha {
	width: 881px;
	height: 506px;
	position: absolute;
	z-index: 1;
	top: 113px;
	left: 16px;	
}
#fotos-campanha .previous, 
#fotos-campanha .next {
	width: 24px;
	height: 23px;
	overflow: hidden;
	text-indent: -2000px;
	position: absolute;
	top: 50%;
	display: block;
	z-index: 100;
}
#fotos-campanha .previous {background: url(../img/bt-prev.gif) no-repeat; left: -1px;}
#fotos-campanha .next {background: url(../img/bt-next.gif) no-repeat; right: -1px;}

#fotos-campanha .ft-making-of-01 {background-image: url(../img/ft-making-of-01.jpg);}
#fotos-campanha .ft-making-of-02 {background-image: url(../img/ft-making-of-02.jpg);}
#fotos-campanha .ft-making-of-03 {background-image: url(../img/ft-making-of-03.jpg);}
#fotos-campanha .ft-making-of-04 {background-image: url(../img/ft-making-of-04.jpg);}
#fotos-campanha .ft-making-of-05 {background-image: url(../img/ft-making-of-05.jpg);}
#fotos-campanha .ft-making-of-06 {background-image: url(../img/ft-making-of-06.jpg);}
#fotos-campanha .ft-making-of-07 {background-image: url(../img/ft-making-of-07.jpg);}
#fotos-campanha .ft-making-of-08 {background-image: url(../img/ft-making-of-08.jpg);}
#fotos-campanha .ft-making-of-09 {background-image: url(../img/ft-making-of-09.jpg);}
#fotos-campanha .ft-making-of-10 {background-image: url(../img/ft-making-of-10.jpg);}
#fotos-campanha .ft-making-of-11 {background-image: url(../img/ft-making-of-11.jpg);}
#fotos-campanha .ft-making-of-12 {background-image: url(../img/ft-making-of-12.jpg);}
#fotos-campanha .ft-making-of-13 {background-image: url(../img/ft-making-of-13.jpg);}
#fotos-campanha .ft-making-of-14 {background-image: url(../img/ft-making-of-14.jpg);}
#fotos-campanha .ft-making-of-15 {background-image: url(../img/ft-making-of-15.jpg);}


#video {
	width: 640px;
	height: 385px;
	position: absolute;
	z-index: 1;
	top: 151px;
	left: 137px;	
}

#ficha-tecnica {
	width: 335px;
	height: 318px;
	position: absolute;
	z-index: 1;
	top: 175px;
	left: 16px;	
	padding: 24px 0 0 545px;
	background: url(../img/ilustra-ficha.jpg) no-repeat 0 0;
	font-size: 11px;
	color: #fff;
}
#ficha-tecnica h4 {
	width: 330px;
	float: left;
	margin-bottom: 2px;
	font-weight: normal;	
	text-transform: uppercase;
}
#ficha-tecnica p {
	width: 288px;
	margin-bottom: 18px;
	font-weight: bolder;
	text-align: justify;
	line-height: 13px;
}


/* COLEÇÃO
*****************************************************************************************************************/

#content.colecao-home {height: 450px;}

#banner-promo {
	width: 912px;
	height: 252px;
	float: left;
	background: url(../img/banner-promo.jpg) no-repeat 0 0;	
	position: relative;
}
#banner-promo p {
	width: 432px;
	height: 194px;
	overflow: hidden;
	text-indent: -5000px;	
	background: url(../img/txt-promo.png) no-repeat 0 0;
	top: 12px;
	left: 32px;
	position: absolute;
	z-index: 1;
}
#banner-promo a {
	height: 17px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	position: absolute;
	z-index: 1;	
	bottom: 15px;
}
#banner-promo .bt-como-participar {
	left: 36px;
	width: 97px;
	background: url(../img/bt-como-participar.png) no-repeat 0 0;	
}
#banner-promo .bt-regulamento {
	left: 150px;
	width: 87px;
	background: url(../img/bt-regulamento.png) no-repeat 0 0;	
}

#collections {
	width: 897px;
	height: 198px;
	float: left;
	background: url(../img/bg-collections.jpg) no-repeat 0 0;
	padding: 16px 0 0 15px;
}
#collections div {
	width: 192px;
	height: 151px;
	float: left;
	background: url(../img/moldura-1st-collection.png) no-repeat 0 0;
	padding: 8px 9px 10px 8px;	
	margin-right: 14px;
}
#collections div a {
	width: 192px;
	height: 151px;
	float: left;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/banner-1st-collection.jpg) no-repeat 0 0;
}
#collections div a:hover {background-position: 0 -151px;}
#collections ul {
	width: 210px;
	height: 78px;
	float: left;
	margin-right: 14px;
}
#collections ul li {
	width: 192px;
	height: 60px;
	float: left;
	background: url(../img/moldura-collections.png) no-repeat 0 0;
	padding: 9px;
	margin-bottom: 13px;
}
#collections ul li a {
	width: 192px;
	height: 60px;
	float: left;
	overflow: hidden;
	text-indent: -2000px;
}
#collections ul li .desativado {
	width: 192px;
	height: 60px;
	float: left;
	overflow: hidden;
	text-indent: -2000px;
	background-position: 0 -60px;
	cursor: default;
}
#collections ul li a:hover {background-position: 0 -60px;}

#collections .second-collection {background: url(../img/banner-2nd-collection.jpg) no-repeat 0 0;}
#collections .third-collection {background: url(../img/banner-3rd-collection.jpg) no-repeat 0 0;}
#collections .fourth-collection {background: url(../img/banner-4th-collection.jpg) no-repeat 0 0;}
#collections .fifth-collection {background: url(../img/banner-5th-collection.jpg) no-repeat 0 0;}
#collections .sixth-collection {background: url(../img/banner-6th-collection.jpg) no-repeat 0 0;}
#collections .seventh-collection {background: url(../img/banner-7th-collection.jpg) no-repeat 0 0;}

#content.colecao-form {
	height: 2820px;	
	background: url(../img/bg-colecao.jpg) no-repeat 0 0;
}

#banner-colecao {
	width: 912px;
	height: 293px;
	background: url(../img/banner-colecao.jpg) no-repeat 0 0;
	position: relative;	
}

#banner-colecao p {
	width: 440px;
	height: 200px;
	overflow: hidden;
	text-indent: -5000px;	
	float: left;
	position: absolute;
	z-index: 1;
	top: 29px;
	right: 40px;
}

#banner-colecao span {
	width: 425px;
	height: 54px;
	overflow: hidden;
	text-indent: -5000px;	
	float: left;
	position: absolute;
	z-index: 2;
	top: 221px;
	right: 44px;
	background: url(../img/txt-pensando-voce.png) no-repeat 0 0;
}

#banner-colecao p.txt-1st-collection {background: url(../img/txt-1st-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-2nd-collection {background: url(../img/txt-2nd-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-3rd-collection {background: url(../img/txt-3rd-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-4th-collection {background: url(../img/txt-4th-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-5th-collection {background: url(../img/txt-5th-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-6th-collection {background: url(../img/txt-6th-collection.png) no-repeat 0 0;}
#banner-colecao p.txt-7rh-collection {background: url(../img/txt-7th-collection.png) no-repeat 0 0;}

#content.colecao-form .itens-colecao {
	width: 896px;
	padding: 12px 0 0 15px;
	float: left;	
}
#content.colecao-form .itens-colecao li {
	width: 164px;
	height: 210px;
	padding: 1px 1px 2px 1px;
	float: left;	
	margin-right: 13px;
	background: url(../img/bg-itens-colecao.png) no-repeat 0 0;
}
#content.colecao-form .itens-colecao li a {
	width: 164px;
	height: 210px;
	float: left;	
	position: relative;
	color: #333;
	text-decoration: none;
	background-color: #fff;
}
#content.colecao-form .itens-colecao li a img {float: left;}
#content.colecao-form .itens-colecao li a span {
	width: 164px;
	float: left;
	padding-top: 12px;	
	text-align: center;
	float: left;
	background: url(../img/sep-itens.gif) no-repeat center 0;
	font-size: 9px;
}

#frm-promo {
	width: 883px;
	float: left;
	padding: 55px 0 0 29px;
}
#frm-promo .left {
	width: 566px;
	float: left;
	position: relative;
}
#frm-promo .right {
	width: 315px;
	float: left;	
}

#pergunta {
	width: 566px;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	margin-bottom: 20px; 	
}
#pergunta.pergunta-01 {height: 59px; background: url(../img/txt-pergunta-01.png) no-repeat 0 0;}
#pergunta.pergunta-02 {height: 59px; background: url(../img/txt-pergunta-02.png) no-repeat 0 0;}
#pergunta.pergunta-03 {height: 59px; background: url(../img/txt-pergunta-03.png) no-repeat 0 0;}
#pergunta.pergunta-04 {height: 79px; background: url(../img/txt-pergunta-04.png) no-repeat 0 0;}

#frm-promo .txt-marque-pergunta {
	width: 566px;
	height: 33px;
	background: url(../img/txt-marque-opcao.png) no-repeat 0 0;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}

#cont-respostas {
	width: 566px;
	float: left;
	position: absolute;
	z-index: 1;
	top: 160px;
	left: 5px; 	
}
#cont-respostas a {
	width: 29px;
	height: 30px;
	float: left;
	overflow: hidden;
	text-indent: -2000px;	
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#cont-respostas a.ico-1 {background-image: url(../img/ico-1.png);}
#cont-respostas a.ico-2 {background-image: url(../img/ico-2.png);}
#cont-respostas a.ico-4 {background-image: url(../img/ico-4.png);}
#cont-respostas a.ico-5 {background-image: url(../img/ico-5.png);}
#cont-respostas a.ico-6 {background-image: url(../img/ico-6.png);}
#cont-respostas a.ico-7 {background-image: url(../img/ico-7.png);}
#cont-respostas a.ico-11 {background-image: url(../img/ico-11.png);}
#cont-respostas a.ico-12 {background-image: url(../img/ico-12.png);}
#cont-respostas a.ico-15 {background-image: url(../img/ico-15.png);}
#cont-respostas a.ico-18 {background-image: url(../img/ico-18.png);}
#cont-respostas a.ico-21 {background-image: url(../img/ico-21.png);}
#cont-respostas a.tick {background-image: url(../img/ico-tick.png);}
#cont-respostas span {
	width: 78px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 8px;	
	float: left;
	overflow: hidden;
	text-indent: -2000px;
}
#cont-respostas span.lbl-sandalia {background-image: url(../img/lbl-sandalia.png); background-position: 0 5px;}
#cont-respostas span.lbl-sandalias {background-image: url(../img/lbl-sandalias.png); background-position: 0 5px;}
#cont-respostas span.lbl-rasteiras {background-image: url(../img/lbl-rasteiras.png);}
#cont-respostas span.lbl-bolsas {background-image: url(../img/lbl-bolsas.png);}
#cont-respostas span.lbl-calcados {background-image: url(../img/lbl-calcados.png);}

#frm-promo fieldset label {
	width: 315px;
	float: left;
	margin-bottom: 5px;	
} 
#frm-promo fieldset .campos {
	float: left;
	margin-bottom: 18px;
	border-top: solid 2px #848484;
	border-left: solid 2px #848484;	
	border-bottom: solid 2px #fafafa;
	border-right: solid 2px #fafafa;	
	font-size: 11px;
	color: #848484;
	padding: 0 5px;
}
#frm-promo fieldset .tam-01 {width: 271px;}
#frm-promo fieldset .tam-02 {width: 25px;margin-right: 10px;}
#frm-promo fieldset .tam-03 {width: 143px;}

#hLayer {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
}

* html #hLayer { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#hLayer .bgLayer {
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);	
	
}
#hLayer .box-prod {
	width: 524px;
	height: 440px;
	background: transparent url(../img/bg-box-produto.png) no-repeat 0 0;
	z-index: 100;
	color: #000000;
	position: fixed;
	_position: absolute;
	top: 50%;
	-top: 20%;
	left: 50%;
	margin-top: -220px;
	margin-left: -262px;
	overflow-y: auto; 
}

#hLayer .box-prod .bt-fechar {
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: -2000px;
	float: left;
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 7px;
	background: url(../img/bt-fechar.gif) no-repeat 0 0;
}
#hLayer .box-prod .cont-img {
	width: 524px;
	float: left;
	margin-top: 20px;
	text-align: center;	
}
#hLayer .box-prod p {
	width: 524px;
	text-align: center;
	font-size: 12px;
	color: #333;
	margin-top: 35px;
	float: left;	
}
#hLayer .box-prod .bt-facebook {
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -2000px;
	float: left;
	position: absolute;
	z-index: 1;
	bottom: 32px;
	right: 18px;
	background: url(../img/bt-facebook.png) no-repeat 0 0;
}
#hLayer .box-texto {
	width: 510px;
	height: 400px;
	border: solid 1px #000;
	z-index: 100;
	color: #000000;
	position: fixed;
	_position: absolute;
	top: 50%;
	-top: 20%;
	left: 50%;
	margin-top: -220px;
	margin-left: -275px;
	overflow-y: auto;  	
	display: none;
	background: url(../img/bg-midia.jpg) no-repeat 0 -4px;
	padding: 20px;
}
#hLayer .box-texto .scroll {
	height: 400px;
	overflow: auto;
	padding-right: 10px;
	text-align: justify;
}
#hLayer .box-texto .scroll h3 {
	width: 300px;
	height: 10px;
	overflow: hidden;
	text-indent: -2000px;	
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#hLayer #regulamento.box-texto .scroll h3 {background-image: url(../img/tit-regulamento-promo.png);}
#hLayer #como-participar.box-texto .scroll h3 {background-image: url(../img/tit-como-participar.png);}
#hLayer .box-texto .scroll p {
	color: #333;
	display: block;
	margin-bottom: 15px;	
}
#hLayer .box-texto .bt-fechar {
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: -2000px;
	float: left;
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 5px;
	background: url(../img/bt-fechar.gif) no-repeat 0 0;
}

#content.postback {
	height: 450px;
}
#content.mensagem-01 {
	background: url(../img/bg-postback-01.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent:-2000px;
}
#content.mensagem-02 {background: url(../img/bg-postback-02.jpg) no-repeat 0 0;}
#content.mensagem-padrao {
	background: url(../img/bg-postback-padrao.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent:-2000px;
}

#content.postback .link-regulamento {
	width: 85px;
	height: 17px;
	position: absolute;
	bottom: 62px;
	left: 104px;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}
#content.postback .link-lojas {
	width: 57px;
	height: 20px;
	position: absolute;
	top: 220px;
	left: 270px;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}


/* MIDIA
*****************************************************************************************************************/

#content.midia {
	height: 540px;
	background: url(../img/bg-midia.jpg) no-repeat;
}
#content.midia h2 {
	width: 162px;
	height: 37px;
	top: 28px;
	background: url(../img/tit-midia.png) no-repeat;
}

#sub-nav-midia {
	width: 300px;
	height: 9px;
	position: absolute;
	z-index: 1;
	top: 85px;
	left: 315px;  	
}
#sub-nav-midia li {
	float: left;
	margin-right: 20px;
	height: 9px;	
}
#sub-nav-midia li a {
	float: left;
	height: 9px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/bg-nav-midia.png) no-repeat 0 0;
}
#sub-nav-midia li #nav-digital {width: 35px;}
#sub-nav-midia li #nav-digital:hover, 
#sub-nav-midia li #nav-digital.activated {background-position: 0 -9px;}
#sub-nav-midia li #nav-impressa {width: 45px;background-position: -57px 0;}
#sub-nav-midia li #nav-impressa:hover, 
#sub-nav-midia li #nav-impressa.activated {background-position: -57px -9px;}

#navegacao-midia {
	width: 912px;
	float: left;
	margin-top: 112px;	
}
#navegacao-midia img {border: 0;}


/* FRANQUIAS
*****************************************************************************************************************/

#content.info-franquias {
	height: 976px;
	background: url(../img/bg-franquias-info.jpg) no-repeat;
}
#content.form-franquias {
	height: 1605px;
	background: url(../img/bg-franquias-form.jpg) no-repeat;
}
#content.info-franquias h2,
#content.form-franquias h2 {
	width: 333px;
	height: 37px;
	background: url(../img/tit-franquias.png) no-repeat;
}

#sub-nav-franquias {
	width: 300px;
	height: 9px;
	position: absolute;
	z-index: 1;
	top: 210px;
	left: 315px;  	
}
#sub-nav-franquias li {
	float: left;
	margin-right: 20px;
	height: 9px;	
}
#sub-nav-franquias li a {
	float: left;
	height: 12px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/bg-nav-franquias.png) no-repeat 0 0;
}
#sub-nav-franquias li #nav-info {width: 68px;}
#sub-nav-franquias li #nav-info:hover, 
#sub-nav-franquias li #nav-info.activated {background-position: 0 -12px;}
#sub-nav-franquias li #nav-form {width: 129px;background-position: -90px 0;}
#sub-nav-franquias li #nav-form:hover, 
#sub-nav-franquias li #nav-form.activated {background-position: -90px -12px;}

#content.info-franquias .info {
	width: 365px;
	float: left;
	color: #333;
	position: absolute;
	top: 170px;
	left: 317px;
}
#content.info-franquias .info p {
	width: 340px;
	margin-bottom: 30px;
	line-height: 14px;
	float: left;	
	text-align: justify;	
}
#content.intro-franquias {
	width: 340px;
	margin-bottom: 30px;
	line-height: 14px;
	text-align: justify;
	position:absolute;
	left: 317px;
	top:80px;
}
#content.info-franquias .info p.destaque {
	color: #0099ff;
	margin-bottom: 15px;	
}
#content.info-franquias .info h3 {
	width: 365px;
	height: 12px;
	float: left;
	margin-bottom: 28px;
	overflow: hidden;
	text-indent: -5000px;	
}
#content.info-franquias .tit-myShoes-apoio {background: url(../img/tit-myShoes-apoio.png) no-repeat 0 0;}
#content.info-franquias .tit-franqueado-necessario {background: url(../img/tit-tornar-franqueado.png) no-repeat 0 0;}
#content.info-franquias .info ul {
	width: 340px;
	margin-bottom: 30px;
	float: left;
}
#content.info-franquias .info ul li {
	padding-left: 10px;	
	line-height: 14px;	
	background: url(../img/ico-bullet.gif) no-repeat 4px 5px;
}

#content.form-franquias fieldset {
	width: 365px;
	float: left;
	color: #333;
	position: relative;
	top: 170px;
	left: 317px;	
}
#content.form-franquias fieldset h3 {
	width: 365px;
	height: 12px;
	float: left;
	margin-bottom: 35px;
	overflow: hidden;
	text-indent: -5000px;	
}
#content.form-franquias fieldset .tit-dados-pessoais {background: url(../img/tit-dados-pessoais.png) no-repeat;}
#content.form-franquias fieldset .tit-local-interesse {background: url(../img/tit-local-interesse.png) no-repeat;}
#content.form-franquias fieldset .tit-responda-questoes {background: url(../img/tit-responda-questoes.png) no-repeat;}
#content.form-franquias fieldset label {
	float: left;
	margin-bottom: 5px;	
} 
#content.form-franquias fieldset .campos {
	float: left;
	margin-bottom: 18px;
	border-top: solid 2px #004370;
	border-left: solid 2px #004370;	
	border-bottom: solid 2px #0082d9;
	border-right: solid 2px #0082d9;	
	font-size: 11px;
	color: #ddd;
	padding: 0 5px;
	background-color: #0082d9;
	font-family: Arial, Helvetica, sans-serif;
}


/* CONTATO
*****************************************************************************************************************/

#content.contato, 
#content.cadastre-se, 
#content.trabalhe-conosco {height: 540px;}

#content.contato h2, 
#content.cadastre-se h2, 
#content.trabalhe-conosco h2 {
	width: 285px;
	height: 27px;
	background: url(../img/tit-contato.png) no-repeat;	
}

#content.contato {background: url(../img/bg-contato.jpg) no-repeat 0 0;}
#content.cadastre-se {background: url(../img/bg-cadastre-se.jpg) no-repeat 0 0;}
#content.trabalhe-conosco {background: url(../img/bg-trabalhe-conosco.jpg) no-repeat 0 0;}

#sub-nav-contato {
	width: 300px;
	height: 10px;
	position: absolute;
	z-index: 1;
	top: 83px;
	left: 316px;	
}
#sub-nav-contato li {
	float: left;
	height: 10px;
	margin-right: 20px;
}
#sub-nav-contato li a {
	display: block;
	height: 8px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/bg-nav-contato.png) no-repeat;	
}

#sub-nav-contato li #nav-contato {width: 72px; background-position: -83px 0;}
#sub-nav-contato li #nav-contato:hover, 
#sub-nav-contato li #nav-contato.activated {background-position: -83px -9px;}

#sub-nav-contato li #nav-cadastre {width: 62px; background-position: 0px 0;}
#sub-nav-contato li #nav-cadastre:hover, 
#sub-nav-contato li #nav-cadastre.activated {background-position: -0px -9px;}

#sub-nav-contato li #nav-trabalhe {width: 100px; background-position: -177px 0;}
#sub-nav-contato li #nav-trabalhe:hover, 
#sub-nav-contato li #nav-trabalhe.activated {background-position: -177px -9px;}

#form-contato {
	width: 465px;
	float: left;
	position: absolute;
	z-index: 1;
	top: 144px;;
	left: 193px;
}

#form-contato fieldset .tam-01 {width: 271px;}
#form-contato fieldset .tam-02 {width: 25px;margin-right: 10px;}
#form-contato fieldset .tam-03 {width: 143px;}

#form-contato label {
	width: 109px;
	float: left;
	margin-right: 20px;
	text-align: right;
	color: #333;	
}
#form-contato .campos, 
#form-contato .txt-area {
	width: 322px;
	float: left;
	margin-bottom: 18px;
	border-top: solid 2px #004370;
	border-left: solid 2px #004370;	
	border-bottom: solid 2px #0082d9;
	border-right: solid 2px #0082d9;	
	font-size: 11px;
	color: #ddd;
	padding: 0 5px;
	background-color: #0082d9;
	font-family: Arial, Helvetica, sans-serif;		
}
#form-contato .txt-area {height: 120px;}
#form-contato .optin {
	width: 465px;
	float: left;	
	margin-bottom: 18px;
}
#form-contato .rdo {
	width: 13px;
	height: 13px;
	float: left;
	margin-right: 10px;	
}
#form-contato .txt-cadastre {
	width: 465px;
	height: 11px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../img/txt-cadastre-aqui.jpg) no-repeat	125px 0;
	margin-bottom: 40px;
}


/* LOJAS
*****************************************************************************************************************/

#content.lojas {
	height: 450px;
	background: url(../img/bg-lojas.jpg) no-repeat;
}
#content.lojas h2 {
	width: 200px;
	height: 27px;
	background: url(../img/tit-lojas.png) no-repeat;
}

#box-lojas {
	width: 744px;
	height: 344px;
	background-color: #fff;
	float: left;
	position: absolute;
	z-index: 1;
	top: 86px;
	left: 80px;	
}
#box-lojas .fotos {
	width: 532px;
	float: left;	
}
#box-lojas .fotos ul {
	width: 500px;
	float: left;
	margin-left: -1px;	
	margin-bottom: 6px;
}
#box-lojas .fotos ul li {
	float: left;
	margin-right: 4px;	
}
#box-lojas .fotos ul li a {
	float: left;
	height: 59px;
	overflow: hidden;
	text-indent: -2000px;
}
#box-lojas .fotos ul li #thumb-loja-01 {
	width: 116px;
	background: url(../img/thumb-loja-01.jpg) no-repeat 0 0;	
}
#box-lojas .fotos ul li #thumb-loja-01:hover, 
#box-lojas .fotos ul li #thumb-loja-01.activated {background-position: 0 -59px;}
#box-lojas .fotos ul li #thumb-loja-02 {
	width: 115px;
	background: url(../img/thumb-loja-02.jpg) no-repeat 0 0;	
}
#box-lojas .fotos ul li #thumb-loja-02:hover, 
#box-lojas .fotos ul li #thumb-loja-02.activated {background-position: 0 -59px;}
#box-lojas .fotos ul li #thumb-loja-03 {
	width: 117px;
	background: url(../img/thumb-loja-03.jpg) no-repeat 0 0;	
}
#box-lojas .fotos ul li #thumb-loja-03:hover, 
#box-lojas .fotos ul li #thumb-loja-03.activated {background-position: 0 -59px;}
#box-lojas .fotos ul li #thumb-loja-04 {
	width: 116px;
	background: url(../img/thumb-loja-04.jpg) no-repeat 0 0;	
}
#box-lojas .fotos ul li #thumb-loja-04:hover, 
#box-lojas .fotos ul li #thumb-loja-04.activated {background-position: 0 -59px;}
#show-foto {
	width: 476px;
	height: 279px;
	float: left;	
}
#show-foto.foto-loja-01 {background: url(../img/holder-loja-01.jpg) no-repeat 0 0;}
#show-foto.foto-loja-02 {background: url(../img/holder-loja-02.jpg) no-repeat 0 0;}
#show-foto.foto-loja-03 {background: url(../img/holder-loja-03.jpg) no-repeat 0 0;}
#show-foto.foto-loja-04 {background: url(../img/holder-loja-04.jpg) no-repeat 0 0;}

#enderecos {
	width: 200px;
	height: 336px;
	float: left;
	position: relative;	
	margin-top: 4px;
}
#enderecos h3 {
	font-weight: bolder;
	color: #0099ff;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#enderecos p {
	color: #333;
	margin-bottom: 15px;
	line-height: 14px;
}




.botao {
	color: #fff;
	padding: 1px 4px 2px;
	background-color: #e90f48;
	text-decoration: none;	
	border: solid 1px #fff;
	float: left;
}

.bt-enviar {
	width: 41px;
	height: 16px;
	border: 0;
	cursor: pointer;
	background: url(../img/bt-enviar.gif) no-repeat 0 0;
	float: left;
}