/*--------------------------------------------------------------------
LAYOUT "trajes" Style - GALICE (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2008
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);
/*----------------------------------------------------------------------*/

/* =HEADER
----------------------------------------------------------------------*/
/* =Navigation Secundaria */
ul#navSec{
	position: absolute; left: 228px; top:116px; width: 324px; height: auto;
}
ul#navSec li{
	float: left; display: block; width:73px; height: 29px; padding-right: 7px; overflow: hidden;
	font: normal 11px/27px Georgia,"Times New Roman", Times, serif; color: #fffdf9; 
	text-transform: uppercase; 
}
ul#navSec li a{
	display: block; position: relative; width: 100%; height: 100%; text-align: center;
	color: #fffdf9; text-decoration: none;
	background: transparent url(../imgs/trajes-submenu.png) no-repeat left top;
}
ul#navSec li a:hover, ul#navMain a:focus {color: #f2b616; text-decoration: none;}
ul#navSec li.on a{
	color: #fffdf9; cursor: default;
	background: transparent url(../imgs/trajes-submenu.png) no-repeat left bottom;
}
ul#navSec li.on a:hover, ul#navSec li.on a:focus {color: #fffdf9;}


/* =CONTENT PRIMARIO
----------------------------------------------------------------------*/
#contentPrim ul#produtos{
	position: relative; 	width: 100%; overflow: hidden; height: 1%; 
	font: 13px Georgia, "Times New Roman", Times, serif; color: #3e3c38;
}
#contentPrim ul#produtos li{
	display: block; float: left; position: relative;
	width: 184px; height: 179px; padding: 9px 9px 0 9px; margin: 0 9px 10px 0;
	background: transparent url(../imgs/trajes-moldura.png) no-repeat;
}
#contentPrim ul#produtos li.last{margin-right: 0;}
/* :INFO: faz o corte se a imagem for too big*/
#contentPrim ul#produtos a{overflow: hidden; display: block; width: 184px; height: 140px;}

#contentPrim ul#produtos h3{
	position: absolute; top:155px; left: 9px; width: 135px; z-index: 100;
	font: normal 12px/14px Georgia, "Times New Roman", Times, serif; text-transform: lowercase;
}
#contentPrim ul#produtos h3 a{text-decoration: none; color: #3e3c38; width: auto; height: auto; display: inline;}
#contentPrim ul#produtos h3 a:hover, #contentPrim ul#produtos h3 a:focus{border-bottom: 1px dashed #3e3c38;}
*:first-child+html #contentPrim ul#produtos h3 a:hover{text-decoration: underline; border:0;} /* :BUG: IE7 */
#contentPrim ul#produtos p{
	position: absolute; top:147px; right: 9px; font-size: 17px; text-align: right; 
	z-index: 99; 
}
#contentPrim ul#produtos p span{
	display: block; position: relative; top: 5px; font-size:10px; font-style: italic; 
}
/* :INFO: esta info estara na pagina de cada produto, logo nao ha problema em nao estar acessivel na listagem */
#contentPrim ul.refProduto{
	position: absolute; left: -9999px; top:-9999px; overflow: hidden; width: 197px; height: 184px; 	
	background: transparent url(../imgs/trajes-bg-amarelo.png) no-repeat; padding: 8px 6px;
	font: 12px/15px Georgia, "Times New Roman", Times, serif; color: #2a2724; 
}
#contentPrim ul#produtos ul.refProduto li{
	background: none; float: none; padding:0 0 3px 0; margin: 0; width: 190px; height: auto;
}
#contentPrim ul#produtos ul.refProduto li strong{text-transform: lowercase;}

#contentPrim ul#paginas{
	position: relative; left: 33%; top: 5px; padding-top: 5px;
	overflow: auto; width:auto; height: auto; background: none; 
	font: italic 18px/25px Georgia, "Times New Roman", Times, serif; color: #be812e; 
}
#contentPrim ul#paginas li{float: left; padding: 0 3px;}
#contentPrim ul#paginas li span{font-size:12px;}
#contentPrim ul#paginas a{font-weight: bold; color: #2d2d2d; text-decoration: none;}
#contentPrim ul#paginas a:hover, #contentPrim ul#paginas a:focus{
	color: #be812e; border-bottom: 1px dashed #be812e;
}
#contentPrim ul#paginas a.on{color: #be812e; cursor: default;}
#contentPrim ul#paginas a.on:hover, #contentPrim ul#paginas a.on:focus{border-bottom: 0;}


/* =CONTENT SECUNDARIO
----------------------------------------------------------------------*/
#contentSec{
	position: relative; float: left;	width: 330px; min-height: 685px; 
	background: transparent url(../imgs/trajes-bg.png) no-repeat bottom right;
}