/*
Theme Name: Stella Zac
Theme URI: 
Description: Tema Stella Zac
Version: 1
Author: William Matos
Author URI: 
*/

@charset "utf-8";
/* CSS Document */

body{	
	font-family: 'Abel', sans-serif;
	margin: 0;
	padding: 0;
	background: url("images/bg-stellazac.jpg") no-repeat fixed center center #E74A51;
	
}
div{
	font-family: 'Abel', sans-serif;
}
.frame{
	margin: 0;
	height: 510px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin:-255px 0 25px;
	background:url(images/bg-miolo.png) repeat;
}
.gocadastro{
	height: 620px;
	position: absolute;
	top: 30px;
	margin: 0 0 30px 0;
}
#container{
	background: url("images/bg-container.png") no-repeat scroll -3px 0 transparent;
	width: 960px;
	margin: 0 auto;
	height: 510px;
	position:relative;
}
.left-bar{
	background:#470B1C;
	/*background:url("images/bg-sidebar.jpg");*/
	width: 220px;
	height:510px;
	float: left;
}
.left-bar h1{
	margin: 10px 0 15px;
	height: 0;
	clear: both;
	float: left;
	width: 100%;
	height:59px;
	border: 0;
}
.left-bar h1 img{
	border: 0;	
}
.left-bar h1 a{
	border: 0;
}

/*******************************************
Menu
*******************************************/

.left-bar ul.menu{
	padding: 0 0 5px 0;
	margin: 0;
	width: 220px;
	list-style: none;
	float: left;
}
.left-bar ul.menu li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
	height: 27px;
	clear: both;
}
.left-bar ul.menu li a{
	width: 220px;
	height: 21px;
	width:100%;
	float: left;
	text-decoration: none;
}

.left-bar ul.menu li a:hover{
opacity: 0.4;
}

.left-bar ul.menu li a span{
	visibility: hidden;
	border: 0;
}

.left-bar ul.menu li a.home{
	background: url(images/stella-zac-home-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.conceito{
	background: url(images/stella-zac-conceito-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.conceito{
	background: url(images/stella-zac-colecao-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.colecao{
	background: url(images/stella-zac-conceito-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.look-book{
	background: url(images/produtos-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.midia{
	background: url(images/midia3.jpg)  no-repeat 33px 0;
}
.left-bar ul.menu li a.lojas{
	background: url(images/stella-zac-lojas.gif) no-repeat 33px 0;
}
.left-bar ul.menu li a.contato{
	background: url(images/stella-zac-contato-verao.gif) no-repeat 20px 0;
}
.left-bar ul.menu li a.onde_encontrar{
	background: url(images/stella-zac-onde-encontrar-verao.gif) no-repeat 20px 0;
}
.left-bar #socialmedia{
	background: url("http://www.stellazac.com.br/wp-content/themes/stellazac/images/acompanhe-verao.gif") no-repeat scroll 21px 0 transparent;
    float: left;
    height: 40px;
    padding: 40px 21px;
    width: 177px;
}
/*******************************************
Área Restrita
*******************************************/

.left-bar h2.area-restrita{
	background:url("http://www.stellazac.com.br/wp-content/themes/stellazac/images/images/cadastre-se.gif") no-repeat scroll 45px 0 transparent;
	clear:both;
	float:left;
	font-size:11px;
	height:30px;
	margin:0 0 9px;
	padding:0 0 0 45px;
	width:110px;
}
.left-bar h2.area-restrita2 {
    background: url("http://www.stellazac.com.br/wp-content/themes/stellazac/images/novidades-verao.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    font-size: 11px;
    height: 45px;
    margin: 0 0 13px;
    padding: 0;
    width: 182px;
}
.left-bar h2.area-restrita2 span{
	visibility: hidden;
	font-size: 10px;
	
}
.left-bar h2.area-restrita span{
	visibility: hidden;
	font-size: 10px;
}

.left-bar h2 img{
	border: 0;	
}
.left-bar h2 a{
	border: 0;
}
.left-bar h2.area-restrita span{
	visibility: visible;
	text-indent: -9999px;
	display: block;
	height: 24px;
}
.left-bar ul.menu li a.logar{
	background: url(images/logar.gif) no-repeat 45px 0;
	padding: 0 0 0 45px;
	width: 100px;
}
.left-bar ul.menu li a.cadastro{
	background: url(images/cadastrar.gif) no-repeat 45px 0;
	padding: 0 0 0 45px;
	width: 100px;
}

.main-content{
	float: left;
	width: 737px;
}
.main-content h1{
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
.main-content h2{
    color: #9E2346;
    font-size: 20px;
    font-weight: normal;
    margin: 8px 0 10px;
    padding: 0;
}
.main-content p{
    color: #fff;
	/*color: #E6BCC4;*/
    font-size: 15px;
    width: 285px;
}

/*Page #conceito*/
div#conceito{
	width: 737px;
	height:510px;
	font-family: Arial, Helvetica, sans-serif;
	background:url("images/bg-conceito-verao.jpg") no-repeat;
}
div #content_conceito{
    float: right;
    padding: 45px 0 0 35px;
    width: 300px;	
}

#conceito h1{
	background: url(images/conceito.png) 0 0 no-repeat;
}

/*Page #colecao*/

.thumbs_colecao{
	float: left;
	list-style:none;
	width:20px;
	height:88px;
	position:absolute;
	top: 210px;
	right: 11px;
}

.thumbs_colecao img{
	border:1px solid #E74A51;
	display:block;
	float:left;
	 margin-bottom: 6px;
	margin-left:6px;
	padding-left:0;
}
.thumbs_colecao p{
	background:#0F9;
}
#content_colecao ul{
	list-style:none;
	background:#F00;
	display:inline;
}

#txt_colecao .txt_colecao{
    height: auto;
    width: 287px;
}
#side-bar-colecao{
	width: 359px;
	background: #ccc;
}
div#colecao{
	width: 737px;
	height:510px;
	font-family: Arial, Helvetica, sans-serif;
	background:url("images/bg-colecao-verao.jpg") no-repeat;
	position:relative;
}

div #content_colecao{
	float: right;
    padding: 45px 20px 0;
    width: 285px;	
}
#colecao h1{
	background: url(images/colecao.png) 0 0 no-repeat;
}

/*Page #midia*/

div#midia{
	width: 656px;
	padding: 136px 0 0 62px;
}
#midia h1{
	background: url(images/midia.jpg) -10px 0 no-repeat;
}
#side-bar-colecao{
	width: 359px;
	background: #ccc;
}

/*Page #lojas*/

div#lojas{
	width: 675px;
	height:405px;
	padding: 85px 0 0 35px;
	background:url(images/bg-lojas.jpg) no-repeat  0 0 transparent;
}
#lojas h1{
	background: url(images/lojas.gif) -9px 0 no-repeat;
	height: 30px;
}
div#lojas div{
	width: 124px;
	float: none;
	font-size: 11px;
	color:#656565;
}
div#lojas div.div2{
	width:124px;
	color:#656565;
}

/*Page #contato*/

div #contato{
	width:737px;
	height:510px;
	background:url(images/bg-contato-verao.jpg) no-repeat;
}
div #content_contato{
    float: right;
    height: 30px;
    padding: 20px 0 0 20px;
    position: relative;
    width: 305px;
}

#wpcf7-f1-p9-o1 {
    left: 40px;
   /* position: absolute;*/
    top: 253px;
}

#contato h1{
	background: url(images/contato.png) 0 0 no-repeat;
	height: 20px;
}
#contato form{
	margin: 0;
	padding: 0;
}
#contato label{
    background-color: #9E2346;
    float: left;
    font-size: 15px;
    height: 18px;
    margin: 0;
    padding: 5px;
    text-align: left;
    width: 60px;
}
#contato .mensagem {
    background-color: #9E2346;
    float: left;
    font-size: 15px;
    height: 60px;
    margin: 0;
    padding: 5px;
    text-align: left;
    width: 60px;
}
#contato input{
    background: none repeat scroll 0 0 #9E2346;
    border: 0 none;
    color: #fff;
    float: left;
    height: 26px;
    margin: 0 0 10px;
    width: 215px;
}
#contato textarea{
    background: none repeat scroll 0 0 #9E2346;
    border: 0 none;
    color: #FFFFFF;
    font: 12px Arial,Helvetica,sans-serif;
    height: 62px;
    margin: 0;
    padding: 8px 0 0;
    width: 215px;
}
#contato #enviar{
    background: url("images/cadastrar.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    float: right;
    height: 14px;
    margin-top: 10px;
    padding: 0;
    width: 45px;
}

/*Page #ondeencontrar*/
div #onde_encontrar{
	width:350px;
	padding: 0 0 0 62px;
	height:510px;
	font-family: Arial, Helvetica, sans-serif;
	background:url("images/bg-onde-encontrar-verao.jpg") no-repeat;
}
div #content_prod {
    height: 400px;
    margin: 0 70px;
    overflow: auto;
    padding: 0 0 0 24px;
    width: 290px;
}



div #represent{
	display:inline;
	float:left;
	height:176px;
	width:370px;
}

div #represent_pipe{
	color:#333333;
	font-size:18px;
	font-weight:normal;
	left:560px;
	position:absolute;
	top:95px;
	width:43px;
}

div #represent a{
	float:left;
	width:119px;
	cursor:pointer;
}

div #represent p{
	display:inline;
	float:left;
	width:144px;
	margin:0 0 10px;
}
div #content_prod p{
	width:240px;
}

#onde_encontrar h1{
	background: url("images/encontrar.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 188px;
    top: 40px;
    width: 120px;
}

/*Page #area-restrita*/

div#area-restrita{
	width: 456px;
	padding: 136px 0 0 62px;
}
#area-restrita h1{
	background: url(images/area-restrita-h1.gif) 0 0 no-repeat;
	height: 27px;
}
#news h1{
	background: url(images/novidades.gif) 0 0 no-repeat;
	height: 27px;
}
#area-restrita form{
	margin: 0;
	padding: 0;
}
#area-restrita label{
	margin: 0;
	padding: 5px 5px 5px;
	width: 53px;
	font-size: 11px;
	height: 20px;
	float: left;
	text-align: right;
}
#area-restrita input{
	width: 350px;
	height: 20px;
	float: left;
	margin: 0 0 10px;
	background: #efefef;
	border: 0;
	
}
#area-restrita #entrar{
	background: url(images/entrar.gif) 0 0 no-repeat;
	width: 63px;
	height: 24px;
	margin: 5px 44px 0 0;
	padding: 0;
	border: 0;
	float: right;
}


/*Page #cadastro*/

#cadastro{
	padding: 10px 0 0 64px;
	width: 399px;

}
#cadastro .all{
	width: 399px;
	height: 20px;
	background: #efefef;
	border: 5px solid #fff;
	clear: right;
	display: block;
}
#cadastro h1{
	background: url(images/area-restrita-h1.gif) 0 0 no-repeat;
	height: 27px;
}
#cadastro .half{
	width: 193px;
	height: 20px;
	background: #efefef;
	border: 5px solid #fff;
	float: left;
}
#cadastro fieldset{
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 5px 100px;
	position: relative;
	width: 410px;	
}
#cadastro fieldset legend{
	border: 0;
	padding: 0;
	position: absolute;
	left: -100px;
	width: 100px;
	visibility: hidden;
}
#cadastro #field1{
	background: url(images/cadastro/1-dados-de-acesso.gif) 0 50% no-repeat;	
}
#cadastro #field2{
	background: url(images/cadastro/2-pessoa-fisica.gif) 0 50% no-repeat;	
}
#cadastro #field3{
	background: url(images/cadastro/3-pessoa-juridica.gif) 0 50% no-repeat;	
}
#cadastro #field4{
	background: url(images/cadastro/4-dados-de-contato.gif) 0 50% no-repeat;	
}
#cadastro #field5{
	background: url(images/cadastro/5-loja-de-preferencia.gif) 0 50% no-repeat;	
	font-size: 12px;
}
#finalizar-cadastro{
	background: url(images/cadastro/finalizar-cadastro.gif) top right no-repeat;
	width: 161px;
	height: 25px;
	border: 0;
	margin: 3px 0 0;
	float: left;
	padding: 0;
	width: 505px;
}
/*Page #erro-404*/

div#erro-404{
	width: 656px;
	padding: 136px 0 0 62px;
}
#erro-404 h1{
	background: url(images/desculpa-404-not-found.gif) 0 0 no-repeat;
	height: 27px;
}
#side-bar-colecao{
	width: 359px;
	background: #ccc;
}

/*Page #look-book*/

div#look-book{
    height: 490px;
    padding: 20px 0 0 43px;
    width: 690px;
}
#look-book h1{
	background: url(images/produtos-a.png) 0 0 no-repeat;
	height: 18px;
}
#look-book ul.menu-look-book{
	padding: 0;
	margin: 0;
	list-style: none;
}
#look-book ul..menu-look-book li {
	padding: 0 5px;
	margin: 0;
	float: left;
}
#look-book ul.menu-look-book li a{
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px 5px 0;
    text-decoration: none;
}
#look-book ul.look-book-images{
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
#look-book ul.look-book-images li{
	width: 61px;
	height: 81px;
	float: left;
	font-size: 11px;
	text-align: center;
}
#look-book ul.look-book-images li img{
	border-bottom: 1px solid #ccc;	
}
/*Page #look-book-int*/

div#look-book-int{
    height: 363px;
    margin: 10px 0 0;
    padding: 126px 0 0 62px;
    width: 97px;
}
#look-book-int h1{
	background: url(images/produtos-a.png) 0 0 no-repeat;
	height: 27px;

}
#look-book-int ul.menu-look-book{
	padding: 10px 0 0;
	margin: 0;
	list-style: none;
	text-align: right;
}
#look-book-int ul..menu-look-book li {
	padding: 0 5px;
	margin: 0;
	text-align: right;
}
#look-book-int ul.menu-look-book li a{
    color: #FFFFFF;
    font-size: 15px;
    margin: 0;
    padding: 5px 28px 5px 0;
    text-align: right;
    text-decoration: none;
}
#produtos-destaque{
    float: left;
    /*padding: 50px 0 0 15px;*/
    width: 517px;
	margin: 60px 0 0;
	background: none repeat scroll 0 0 #FFFFFF;
	/*background:url("images/bg-produtos-principais.png") no-repeat scroll 23px 65px transparent;*/
}
#produtos-destaque img{
	float: left;
	border-right: 1px solid #fff;
	border-left:0;
	border-bottom:0;
	border-top:0;
}

#produtos-destaque h2{
	margin: 0;
	padding: 5px;
	line-height: 20px;
	font-size: 14px;
}
#produtos-destaque p{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 25px;
}
.ampliar{
	background: #f06 url(images/ampliar.gif) 3px 50% no-repeat;
	padding: 0 4px 0 0;
	margin: 0 0 0 25px;
	height: 16px;
	float: left;
	font-size: 12px;
	width: 58px;
	color: #fff;
	text-align: right;
	text-decoration: none;
}
a.ampliar:hover {
	background: #a10040 url(images/ampliar.gif) 3px 50% no-repeat;
}
#pagination1{
	width: 520px;
	height: 20px;
	padding: 9px;
	margin: 0;
	clear: both;
	float: left;
	
	
}
.creditos  {
	bottom:-20px;
	clear:both;
	color:#CCC;
	font:10px Arial,Helvetica,sans-serif;
	margin:9px auto 0;
	position:absolute;
	width:955px;
	left: 50%;
	margin: 0 0 0 -477px;
	
}

.creditos2 {
    bottom: -23px;
    clear: both;
    color: #FFFFFF;
    font: 10px Arial,Helvetica,sans-serif;
    left: 50%;
    margin: 0 0 0 -518px;
    position: absolute;
    top: 507px;
    width: 995px;
}
.creditos2 ul li{ list-style:none; float:left; color:#666; padding-right:20px; font-size:11px; }

.creditos a{
	float: right;
}
.creditos img{
	border: 0;
}

#pagination{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 70px;
    padding: 6px 20px 0 0;
    width: 482px;
}
#pagination h2{
	background: url(images/outros-produtos.gif) 0 0 no-repeat;
	height: 22px;
	text-indent: -9999px;
	margin: 0 0 14px 0;
	padding: 0;
	border-bottom: 1px solid #9E9998;
}
#pedidos {
	float:left;
	height:150px;
	padding:0 0 7px 25px;
	width:520px;
}
.tabela {
	height:127px;
	overflow: auto;
	width: 100%;
}
.delete {
	background:url("images/x.gif") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:14px;
	padding:0 6px 0 5px;
	vertical-align:bottom;
	width:14px;
}
#tabela_pedidos td{
	text-align: center;	
}
#tabela_pedidos th{
	text-align: center;	
}
#pedidos h3{
	background: url(images/pedidos.gif) 0 0 no-repeat;
	height: 25px;
	text-indent: -9999px;
	margin: 0 0 3px 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
#look-book ul.look-book-images{
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    height: 400px;
    list-style: none outside none;
    width: 651px;
}
#look-book ul.look-book-images li{
    float: left;
    font-size: 11px;
    height: 125px;
    margin: 0 auto;
    padding: 0 5px 5px 1px;
    text-align: center;
    width: 124px;
}
#look-book ul.look-book-images li img{
	border-bottom: 10px solid #fff;	
}
#movie{
	float: left;
	height:508px;
	width:737px;
/*}
.side-bar{
	float: right;
	width: 745px;
	height:400px;
	background:url(images/bg-lojas.jpg) no-repeat;*/
}
.item_peca h2{
	padding: 0;
	margin: 0;
}
.peca{
	padding: 6px 0 0 0px;
}
#pedidosform{
	display: none;	
}
a#fecha_pedido: first-letter{
	text-transform: uppercase;
	text-decoration: none;
}
a#fecha_pedido{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #060;
	text-transform: lowercase;
}

.item_peca, .item_peca a{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    font-size: 11px;
    padding: 0 2px;
    width: 498px;
}
.item_peca dd, .item_peca dt{
	display: inline;
	margin: 0;
	padding: 0;
}

#news{ 
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-left: 20px;
    width: 190px;
}

#news input{
    background: none repeat scroll 0 0 #9E2346;
    border: medium none;
    color: #fff;
    float: left;
    height: 26px;
    margin-bottom: 10px;
    width: 140px;
}

#news label{ 
    background: none repeat scroll 0 0 #9E2346;
    color: #E6BCC4;
    float: left;
    font-size: 15px;
    height: 24px;
    padding: 4px 0 0 3px;
    width: 40px;
}

#news input.botao{ width:65px; background:url("images/enviar.gif") no-repeat scroll 0 0 transparent; height:23px; padding:0; margin:0; border:none; float:right; }

#news input.botao3{
	background: url("images/cadastrar.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 23px;
    margin: 0;
    padding: 0;
    width: 47px;
}



#index-class span.active {
    z-index:10;
    opacity:1.0;
}
#index-class span.last-active {
    z-index:9;
}

span.bg001{
	background: url("images/home-verao1.jpg") top right no-repeat;
	position: absolute;
	width:737px; height:510px;
	
}
span.bg002{
	background: url("images/home-verao2.jpg") top right no-repeat;
	position: absolute;
	width:737px; height:510px;
	
}
span.bg003{
	background: url("images/home-verao3.jpg") top right no-repeat;
	position: absolute;
	width:737px; height:510px;
	
}
.wpcf7-mail-sent-ok {
color: #fff;
}

.pages {
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 12px;
    width: 110px;
}

.current{ 
    color: #E74A51;
    display: block;
    float: left;
    margin: 0 6px;
    width: auto;
}

.page{    
	color: #FFFFFF;
    float: left;
    margin: 0 6px;
    text-decoration: none; 
}
.wp-pagenavi a{ 
	color: #FFFFFF;
    float: left;
    text-decoration: none;
}

.first{ 
	margin-right: 5px;
}

.last{ 
	margin-left: 5px;
}

.extend{
	color: #FFFFFF;
    float: left;
	margin: 0 6px;
}

.wpcf7-not-valid-tip-no-ajax{
	color:#ffcc00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.wpcf7-response-output{
	color: #ffcc00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    left: 100px;
    position: absolute;
    top: 14px;
    width: 215px;
}

#end-loja{
    height: 200px;
    left: 652px;
    position: absolute;
    top: 295px;
    width: 300px;
}

#end-loja .loja-end{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 14px;
    width: 285px;
}

#end-loja .titulo-lojas{
    color: #FFFFFF;
    font-size: 18px;
}
#combo{ position:absolute; right:169px; top: 70px;}
#texto{ position:absolute; z-index:800; left:240px; font-family: 'Abel', sans-serif; top:15px; }
#texto p{ width:180px; font-size:14px; line-height:16px; }
#texto p strong{ font-weight:400; }
#texto h2{ margin:0; padding:0; color:#FFF; height:20px; }
#texto h2 strong{ font-weight:400; }
#texto h3{ margin:0; padding:0; color:#FFF; font-weight:400; height:20px; }