/*--------------------------------------------------------------------
LAYOUT "index" 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
----------------------------------------------------------------------*/
#header #flashContent{position: relative; width:200px; height: 145px;}
#header h1{background: none;}


/* =CONTENT PRIMARIO
----------------------------------------------------------------------*/
#contentPrim p{
	font: 13px/20px Georgia, "Times New Roman", Times, serif; color: #3e3c38;
}

#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; text-align: right; 
	z-index: 99; font-size: 17px; line-height: normal;
}
#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;}


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

#contentSec ul.pLerMas, #contentSec .txtRestante{
	font: bold 14px/19px Georgia,"Times New Roman", Times, serif; color: #2d2d2d;
}
#contentSec ul li{padding-bottom: 10px;}
#contentSec p.pLerMas em, #contentSec ul.pLerMas em, #contentSec .txtRestante em{
	font: italic 13px Georgia,"Times New Roman", Times, serif; color: #2d2d2d; display: block;
}
#contentSec p.pLerMas a, #contentSec ul.pLerMas a, #contentSec .txtRestante a{
	color: #2d2d2d; text-decoration: none; border-bottom: 1px dashed #2d2d2d;
}
#contentSec ul.pLerMas a:hover, #contentSec ul.pLerMas a:focus, 
#contentSec .txtRestante a:hover, #contentSec .txtRestante a:focus{border-bottom: 0; color: #cb7c11;}

#contentSec .txtRestante a.linkAbrirDta:hover, #contentSec .txtRestante a.linkAbrirDta:focus{
	color: #2d2d2d; text-decoration: none; border-bottom: 0;
}