/*--------------------------------------------------------------------
LAYOUT "trajes Ficha" 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; 
	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{padding-top: 25px;}
#contentPrim div.picBig{
	float: left; width: 411px; padding: 12px 10px 0 0; 
	background: transparent url(../imgs/trajes-picBig-topo.png) no-repeat left top;
}
#contentPrim div.picBig p{
	width: 391px; padding: 0 10px 0 10px; line-height: 5px; margin: 0;
	background: transparent url(../imgs/trajes-picBig-centro.png) repeat-y;
}
#contentPrim div.picBig .picfndo{
	width: 411px; height: 12px; 
	background: transparent url(../imgs/trajes-picBig-fndo.png) no-repeat left top;
}

#contentPrim ul{
	float: left; width: 195px; backgrounds-color: red;
}
#contentPrim ul li{
	display: block; float: left; position: relative;
	width: 84px; height: 109px; padding: 9px 0 0 7px; margin: 0 9px 10px 0;
	background: transparent url(../imgs/trajes-moldura-small.png) no-repeat;
}
#contentPrim ul li.last{margin-right: 0;}
#contentPrim ul li a{overflow: hidden; display: block; width: 78px; height: 101px;}


#contentPrim p.volver{
	clear: both; height: 38px; padding: 10px 0 0 133px; line-height: 38px; 
	font: italic 18px Georgia,"Times New Roman", Times, serif; color: #be812e; 
}
#contentPrim p.volver a{
	padding: 5px 2px 5px 28px; line-height: 38px; 
	background: transparent url(../imgs/seta-volver.png) no-repeat left center;
	font-weight: bold; text-decoration: none; color: #22201d;  
}
#contentPrim p.volver a:hover, #contentPrim p.volver a:focus{
	border-bottom: 1px dashed #be812e; color: #be812e; 
}

#Spots{
	width: 391px; padding: 0 10px 0 10px; line-height: 5px; margin: 0;
	background: transparent url(../imgs/trajes-picBig-centro.png) repeat-y;
}


/* =CONTENT SECUNDARIO
----------------------------------------------------------------------*/
#contentSec h2{padding-top: 25px;}
#contentSec h2{
	font: italic 20px Georgia,"Times New Roman", Times, serif; color: #22201d; 
	margin: 0 0 20px 29px;
}

#contentSec ul{
	font: 14px Georgia, "Times New Roman", Times, serif; color: #2a2724; 
	margin: 0 0 60px 29px;
}
#contentSec ul li{padding-bottom: 4px;}
#contentSec ul li strong{text-transform: lowercase;}
