@charset "utf-8";
/**
 * Products CSS File
 * @author Eugenio Grigolon
 * @email eugenio@eugeniogrigolon.com
 * @site http://www.eugeniogrigolon.com/
 *
 * @project FA Maringa
 * @date 2008-08-02 16:59 -0300 (Monday, 8 February 2009)
 */

div#container {
	background: url('../images/layout/products-middle.jpg') top left repeat-y;
}

div#logo {
	padding: 60px 0 0 20px;
}

/**
 * site layout
 */
div#site-top {
	position: absolute;
	width: 948px;
	display: block;
	z-index: 1;
	/*height: 348px;*/
	height: 451px;
	background: url('../images/layout/products-top.jpg') top left no-repeat;
}

/**
 * navigation
 */
div#nav {
	margin: 60px 0 0 60px;
}

div#nav ul li {
	float: left;
	position: relative;
	z-index: 99;
	_display: inline;
}

div#nav ul li a {
	color: #003a6a;
	text-decoration: none;
	font-weight: bold;
}

div#nav ul li a:hover {
	color: #003a6a;
	text-decoration: underline;
}

div#nav ul li#home {  }
div#nav ul li#home a { color: #1435b2; }

div#nav ul li#empresa { margin: 5px 0 0 40px; }
div#nav ul li#empresa a { color: #1435b2; }

div#nav ul li#produtos { margin: 5px 0 0 30px; }
div#nav ul li#produtos a { color: #2d4bbb; }

div#nav ul li#tecnologia { margin: -4px 0 0 30px; }
div#nav ul li#tecnologia a { color: #446ecc; }

div#nav ul li#qualidade { margin: -22px 0 0 35px; }
div#nav ul li#qualidade a { color: #446ecc; }

div#nav ul li#dicas { margin: -32px 0 0 185px; *margin: -32px 0 0 25px; }
div#nav ul li#dicas a { color: #4487cc; }

div#nav ul li#duvidas { margin: -62px 0 0 250px; *margin: -62px 0 0 25px; }
div#nav ul li#duvidas a { color: #4487cc; }

div#sub-nav {
	margin: 35px 0 0 60px;
	*margin: -60px 0 0 60px;
	_margin: -60px 0 0 10px;
	clear: both;
}

div#sub-nav ul li {
	float: left;
	position: relative;
	z-index: 99;
}

div#sub-nav ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

div#sub-nav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

div#sub-nav ul li#feiras { margin: 35px 0 0 50px; }
div#sub-nav ul li#feiras a { color: #fff; }

div#sub-nav ul li#resp-social { margin: 30px 0 0 45px; }
div#sub-nav ul li#resp-social a { color: #fff; }

div#sub-nav ul li#meio-ambiente { margin: 15px 0 0 30px; }
div#sub-nav ul li#meio-ambiente a { color: #fff; }

div#sub-nav ul li#trabalhe { margin: -5px 0 0 33px; *margin: -5px 0 0 27px; }
div#sub-nav ul li#trabalhe a { color: #fff; }

div#sub-nav ul li#fale { margin: -30px 0 0 32px; }
div#sub-nav ul li#fale a { color: #fff; }

div#sub-nav ul li#comprar { margin: -50px 0 0 137px; *margin: -50px 0 0 37px; }
div#sub-nav ul li#comprar a { color: #fff; }

/**
 * content
 */
div#content {
	position: relative;
	z-index: 99;
	clear: both;
	margin-top: 187px;
	*margin-top: 212px;
	padding: 0 55px;
}

div#content h2 {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -500000em;
	background-position: top left;
	background-repeat: no-repeat;
	width: 349px; 
	height: 49px;
	margin-top: -64px;
}

div#content h2#title-produtos { background-image: url('../images/title/produtos.png'); }

div#content p {
	color: #002135;
	line-height: 20px;
	text-align: justify;
	padding: 8px 0;
}

div#content h3 {
	font-weight: bold;
	font-size: 93%;
	color: #002135;
}

div#content ul {
	margin-left: 15px;
}

div#content ul li {
	color: #002135;
	list-style: disc;
	list-style-position: inside;
}

/**
 * prod-nav
 */
div#prod-nav {
	float: left;
	position: relative;
	z-index: 999;
	width: 250px;
}

div#prod-nav h4 {
	background-color: #6fa7b7;
	color: #fff;
	font-size: 123.1%;
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 15px;
}

div#prod-nav h4.link {
	cursor: pointer;
	cursor: hand;
}

div#prod-nav ul,
div#prod-nav ul li,
div#prod-nav ul li ul,
div#prod-nav ul li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#prod-nav ul li.items {
	background-color: #8db9c6;
	color: #fff;
	padding: 5px 25px;
	width: 200px;
	display: block;
	margin: 5px 0;
	_margin-top: 5px;
	font-size: 116%;
	*margin-left: -15px;
	cursor: pointer;
	cursor: hand;
}

div#prod-nav ul li.items a.single,
div#prod-nav h4.link a.single {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 210px;
	_width: 200px;
}

div#prod-nav ul.sub-items {
	position: absolute;
	width: 180px;
	left: 255px;
	margin-top: -23px;
	*margin-top: -7px;
	/*display: none;*/
	border-left: 1px solid #bdd7df;
	border-top: 1px solid #bdd7df;
	border-right: 1px solid #bdd7df;
}

div#prod-nav ul.sub-items li a {
	background-color: #5095a8;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 5px;
	width: 170px;
	border-bottom: 1px solid #bdd7df;
	*margin-left: -16px;
	font-size: 100%;
	font-weight: normal;
}

div#prod-nav ul.sub-items li a:hover {
	background-color: #427b8a;
}

/**
 * prod-content
 */
div#prod-content {
	float: left;
	position: relative;
	z-index: 997;
	width: 530px;
	margin: 12px 0 0 30px;
}

/** div.prod-detail-colchoes { background-color: #fff; } */ /*alterado por Arthur - 30/03/2010 */
div.prod-detail-outros { background-color: #fff; padding: 10px; overflow: hidden; }
div.prod-detail-collection { background-color: #4e443b; }
div.prod-detail-complementos { background-color: #fff; }

div.prod-detail-colchoes h3,
div.prod-detail-outros h3,
div.prod-detail-complementos h3{
	padding: 10px;
	text-align: right;
}

div#content div.prod-detail-colchoes div.prod-types,
div#content div.prod-detail-colchoes div.prod-icons {
	border-top: 1px solid #a4ccdd;
	border-bottom: 1px solid #a4ccdd;
	padding: 5px 0;
}

div#content div.prod-detail-complementos div.prod {
	border-top: 1px solid #a4ccdd;
	padding: 5px 0;
}

div#content div#prod-content p {
	text-align: center;
}

div#content div.prod-detail-colchoes div.prod-types { height: 110px; }

div#content div.prod-detail-colchoes div.prod-types p { text-align: left; padding-left: 15px; padding-right: 15px; }
div#content div.prod-detail-colchoes div.prod-types p.tipo { float: left; }
div#content div.prod-detail-colchoes div.prod-types p.logo { float: right; }

div.prod-detail-outros div.prod-item,
div.prod-detail-outros div.prod-camping {
	border-top: 1px solid #a4ccdd;
	padding: 5px 0;
	clear: both;
	overflow: hidden;
}

div.prod-detail-outros div.prod-item div.prod-text,
div.prod-detail-outros div.prod-camping div.prod-text {
	float: left;
	font-size: 88%;
	width: 350px;
}
div.prod-detail-outros div.prod-camping div.prod-text {
	width: 240px;
}

div.prod-detail-outros div.prod-item div.prod-text strong,
div.prod-detail-outros div.prod-camping div.prod-text strong {
	font-size: 100%;
	font-weight: bold;
}

div.prod-detail-outros div.prod-item div.prod-image,
div.prod-detail-outros div.prod-camping div.prod-image {
	float: right;
	width: 130px;
	text-align: center;
}
div.prod-detail-outros div.prod-camping div.prod-image {
	width: 260px;
}

/**
 * footer
 */
div#footer {
	background: url('../images/layout/products-footer.jpg') top left repeat-y;
	width: 948px;
	height: 170px;
	padding-top: 230px;
	display: block;
	padding-bottom: 0;
	clear: both;
}