@charset "UTF-8";

/*
Theme Name: Moda Mix
Theme URI: http://www.modamixfashion.com.br
Description: Site institucional
Version: 2011
Author: Agência Slim
Author URI: http://www.agenciaslim.com.br
*/

/********** CSS RESET **********/
*    {padding:0; margin:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.bgHome  {background:url(../images/background.jpg) no-repeat center top #fbd114;}
	.bgSecao {background:url(../images/background-secao.jpg) no-repeat center top #9b111f; color:#484646;}

header, section, footer, article, nav, aside {display: block;} /* css reset para html5 */


/*********** Formatação ***********/
.limite       {position:relative; width:1002px; margin:0 auto;}
.clearboth    {clear:both;}
.dot-bg       {display:block; overflow:hidden; text-indent:-9999px;}
.fl 		  {float:left;}
.slink        {text-decoration:none;}
.clink        {text-decoration:none;}
.clink:hover  {text-decoration:underline;}
.underline    {text-decoration:underline;}
.borderradius {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

/* Tipografia */
.padrao {color:#484646;}



/*********** Home ***********/
#home      {position:relative; float:left; width:100%;}
#home .limite {height:932px;}
#home h1 a {position:absolute; top:83px; left:305px; width:184px; height:276px; background:url(../images/logo.png);}
#home h2   {position:absolute; top:395px; left:20px; width:487px; height:114px; background:url(../images/voce-em-movimento.png);}
#home h5 a {position:absolute; bottom:20px; right:20px; width:106px; height:36px; background:url(../images/assinatura-slim.png) no-repeat center center;}

#menuHome {position:absolute; top:285px; right:20px; width:229px; height:301px; background-repeat:no-repeat;}
	.bgMenuHomeAzul     {background-image:url(../images/bg-menu-azul.png);}
	.bgMenuHomeLaranja  {background-image:url(../images/bg-menu-laranja.png);}
	.bgMenuHomeRoxo     {background-image:url(../images/bg-menu-roxo.png);}
	.bgMenuHomeVerde    {background-image:url(../images/bg-menu-verde.png);}
	.bgMenuHomeVermelho {background-image:url(../images/bg-menu-vermelho.png);}

/* Especificações dos Menus - Home e Seção */
.menu ul      {position:relative; float:left; width:100%; padding:0; margin:0;}
.menu ul li   {list-style:none;}
.menu ul li a {float:right; height:36px; margin-bottom:2px; background-repeat:no-repeat; background-position:left top;}
.menu div     {position:absolute; top:301px; left:95px; width:123px; height:110px; background:url(../images/bg-menu.png); z-index:9;}

	.menuConheca       {width:148px; background-image:url(../images/menu/conheca.png);}
	.menuConheca:hover {background-position:right;}
	
	.menuModa       {width:106px; background-image:url(../images/menu/moda.png);}
	.menuModa:hover {background-position:right;}
	
	.menuCampanha       {width:164px; background-image:url(../images/menu/campanha.png);}
	.menuCampanha:hover {background-position:right;}
	
	.menuTendencias       {width:180px; background-image:url(../images/menu/tendencias.png);}
	.menuTendencias:hover {background-position:right;}
	
	.menuNossasLojas  	   {width:204px; background-image:url(../images/menu/nossas-lojas.png);}
	.menuNossasLojas:hover {background-position:right;}
	
	.menuNossasMarcas 		{width:229px; background-image:url(../images/menu/nossas-marcas.png);}
	.menuNossasMarcas:hover {background-position:right;}
	
	.menuCadastrese       {width:191px; background-image:url(../images/menu/cadastre-se.png);}
	.menuCadastrese:hover {background-position:right bottom;}
	
	.menuContato       {width:144px; background-image:url(../images/menu/contato.png);}
	.menuContato:hover {background-position:right;}


/*********** Seção ***********/
#topo 		  {position:relative; float:left; width:100%;}
#topo .limite {height:160px;}

#topo h1 a {position:absolute; top:-60px; right:86px; width:184px; height:276px; background:url(../images/logo.png);}

#menu {position:absolute; top:210px; left:210px; width:229px; height:301px; background-repeat:no-repeat; z-index:9;}

#main 		  {position:relative; float:left; width:100%;}
#main .limite {height:534px;}

#qdr-conteudo   {position:absolute; top:0; left:478px; width:478px; height:530px;}
#qdr-conteudo p {margin-bottom:15px;}
	#conteudo   {position:relative; float:left; width:100%; height:530px;}
#qdr-conteudo img {border:0;}

	.thumbLoja {margin:0 20px 20xp 0;}

/* Títulos Seções */
.tit-secao {float:left; width:100%; height:49px; margin-bottom:25px; background-repeat:no-repeat; background-position:left bottom;}
	.conheca      {background-image:url(../images/tit-secao/conheca.png);}
	.historico    {background-image:url(../images/tit-secao/historico.png);}
	.moda         {background-image:url(../images/tit-secao/moda.png);}
	.campanha     {background-image:url(../images/tit-secao/campanha.png);}
	.tendencias   {background-image:url(../images/tit-secao/tendencias.png);}
	.nossaslojas  {background-image:url(../images/tit-secao/nossas-lojas.png);}
	.nossasmarcas {background-image:url(../images/tit-secao/nossas-marcas.png);}
	.cadastrese   {background-image:url(../images/tit-secao/cadastre-se.png);}
	.contato      {background-image:url(../images/tit-secao/contato.png);}


/*********** Rodapé ***********/
#rodape 		{position:relative; float:left; width:100%;}
#rodape .limite {height:289px;}

#menu-rodape 		 {position:absolute; top:140px; left:433px; width:564px;}
#menu-rodape ul      {padding:0; margin:0;}
#menu-rodape ul li   {list-style:none; float:left; height:16px; padding:10px 0; background:url(../images/separador-menu.png) no-repeat center right;}
#menu-rodape ul li a {margin:0 12px 0 8px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; text-decoration:none;}
#menu-rodape ul li a:hover {color:#f9df00;}

#rodape .address    {position:absolute; top:196px; left:440px; color:#fff; font-style:normal; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
#rodape .address li {list-style:inside; margin-bottom:5px;}

#rodape h5 a    {position:absolute; bottom:42px; right:12px; width:106px; height:36px; background:url(../images/assinatura-slim-interna.png) no-repeat center center;}