/* ------------------------------------------------------------------------------
 * STYLE
 * 
 * 	project: 	Casas Mood
 * 	version: 	0.1 - 12.01.2010
 * 	author:		VOID (www.void.pt)
 *
 * 	[Table of Contents]
 *		1. LAYOUT
 *		2. CONTAINERS
 *			2.1. Header
 *			2.2. Content
 *			2.3. Footer
 *		3. NAVIGATIONS
 *			3.1. Language menu
 *			3.2. Main menu
 *			3.3. Footer menu
 *			3.4. Site map menu
 *		4. TYPOGRAPHY
 *			4.1. Fancy
 *			4.2. Colors
 *		5. LINKS
 *		6. BUTTONS
 *		7. SECTIONS
 *			7.1. Contacts
 * --------------------------------------------------------------------------- */

/* [1. LAYOUT] --------------------------------------------------------------- */

html, body {
	background: 				#222021 url(../images/body-bg.gif) no-repeat center top;
}

#bottom {
	background: 				#343232 url(../images/bottom-bg.gif) repeat-x left top;
}

#footer {
	padding:					0px 15px 0px 15px;
	background: 				#343232 url(../images/footer-bg.gif) no-repeat center top;
}

#layout {
	min-height:					800px;
	padding:					0px 15px 0px 15px;
	background:					#222021 url(../images/layout-bg.gif) no-repeat center top;
}

/* [2. CONTAINERS] ----------------------------------------------------------- */

/* 2.1. Header */

#header {
	display:					block;
	position:					relative;
	clear:						both;
	width:						950px;
	height:						150px;
	margin:						0px;
	padding:					0px;
	z-index:					9000;
}

#language {
	display:					block;
	position:					relative;
	width:						100px;
	height:						20px;
	margin:						0px 0px 0px 825px;
	padding:					0px;
}

#logo {
	display:					block;
	position:					relative;
	float:						left;
	width:						300px;
	height:						85px;
	margin:						15px 25px 0px 25px;
	padding:					0px;
	overflow:					hidden;
}

#logo a {
	display:					block;
	position:					relative;
	width:						300px;
	height:						85px;
	text-indent:				-5555px;
	background:					transparent url(../images/logo.gif) no-repeat top left;
}

#menu {
	position:					relative;
	float:						left;
	width:						470px;
	height:						40px;
	margin:					    50px 0px 0px 0px;
	padding:                	0px 0px 0px 130px;
	background:					transparent url(../images/menu-bg.gif) no-repeat center top;
	z-index:					9000;
}

/* 2.2. Content */

#panel {
	position:					relative;
	width:						910px;
	height:						360px;
	margin:						0px;
	padding:					20px;
	background:					transparent url(../images/panel-bg.gif) no-repeat left top;
}

#panel500 {
	position:					relative;
	width:						910px;
	height:						500px;
	margin:						0px;
	padding:					20px;
	background:					transparent url(../images/panel-500-bg.gif) no-repeat left top;
}

#model {
	position:					relative;
	clear:						both;
	width:						910px;
	height:						1165px;
	margin:						0px;
	padding:					0px 20px 20px 20px;
	background:					transparent url(../images/model-bg.gif) no-repeat left top;
}

#modelbig {
	position:					relative;
	clear:						both;
	width:						910px;
	height:						1465px;
	margin:						0px;
	padding:					0px 20px 20px 20px;
	background:					transparent url(../images/model-big-bg.gif) no-repeat left top;
}

/* 2.3. Footer */

#catalog {
	display:					block;
	float:						left;
	width:						300px;
	height:						140px;
	margin:						80px 0px 0px 25px;
	padding:					0px;
	overflow:					hidden;
}

#catalog img {
	position:					relative;
	float:						left;
	width:						120px;
	height:						130px;
	margin:						0px 5px 0px 0px;
	padding:					0px;
	overflow:					hidden;
}

#catalog h2 {
	font-size: 					1.75em;
	color:						#606060;
	margin-bottom: 				0.33em;
}

#catalog p {
	color:						#b1b1b1;
}

#custommade {
	display:					block;
	float:						left;
	width:						300px;
	height:						140px;
	margin:						80px 0px 0px 50px;
	padding:					0px;
	overflow:					hidden;
}

#custommade img {
	position:					relative;
	float:						left;
	width:						130px;
	height:						130px;
	margin:						0px 5px 0px 0px;
	padding:					0px;
	overflow:					hidden;
}

#custommade h2 {
	font-size: 					1.75em;
	color:						#606060;
	margin-bottom: 				0.33em;
}

#custommade p {
	color:						#b1b1b1;
}

#copyright {
	display:					block;
	float:						left;
	width:						180px;
	height:						140px;
	margin:						80px 0px 0px 50px;
	padding:					0px;
	overflow:					hidden;
}

#copyright img.logogrupo {
	position:					relative;
	float:						left;
	width:						180px;
	height:						75px;
	margin:						0px;
	padding:					0px;
	overflow:					hidden;
}

#copyright p {
	margin:						0px;
	padding:					0px;
	font:						9px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#5b5859;
}

#copyright p a {
	font:						9px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#5b5859;
}

#copyright p a:hover {
	font:						9px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#d5d8d9;
}

#copyright p a.email {
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#b1b1b1;
	text-decoration:			none;
}

#copyright p a.email:hover {
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#b9202d;
	text-decoration:			none;
}

#footerlinks {
	display:					block;
	float:						none;
	clear:						both;
	width:						950px;
	height:						20px;
	margin:						0px;
	padding:					20px 0px 0px 0px;
	overflow:					hidden;
	text-align:					center;
}

/* [3. NAVIGATIONS] ----------------------------------------------------------- */

/* 3.1. Language menu */

ul#langlist ul { 
	display: 					none;
}

ul#langlist li:hover > ul {
	display: 					block;
}

ul#langlist ul {
	position:					absolute;
	left:						0px;
	top:						20px;
}

ul#langlist ul ul {
	position:					absolute;
	left:						100%;
	top:						0px;
}

ul#langlist table { 
	border-collapse: 			collapse; 
}

ul#langlist {
	display:					block;
	float: 						left;
	margin:						0px;
	padding:					0px;
	list-style:					none;
	background:					none;
	border:						none;
	zoom:						1;
	z-index:					201;
}

ul#langlist li {
	display:					block;
	float:						left;
	margin:						0px;
	padding:					0px;
}

ul#langlist li:hover {
	position:					relative;
}

ul#langlist a.mainbutton {
	display:					block;
	width:						65px;
	height:						20px;
	padding:					0px 25px 0px 10px;
	vertical-align:				middle;
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right top;
	border:						none;
	text-align:					left;
	text-decoration:			none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#3d3d3d;
	cursor:						default;
}

ul#langlist li a.mainbutton:hover {
	position:					relative;
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right -20px;
	border:						none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#686768;
	text-decoration:			none;
}

ul#langlist li:hover > a.mainbutton {
	background:					#0b0a0b url(../images/language-arrow.gif) no-repeat right -20px;
	border:						none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#686768;
	text-decoration:			none;
}

ul#langlist ul {
	width:						100px;
	margin:						0px;
	padding:					0px;
	list-style:					none;
	background:					#0b0a0b;
	border:						none;
}

ul#langlist ul li {
	float:						none;
	height:						20px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#3d3d3d;
	text-transform:				none;
}

ul#langlist ul li:hover {
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#686768;
	text-transform:				none;
}

ul#langlist ul a {
	width:						90px;
	height:						20px;
	padding:					0px 0px 0px 10px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#3d3d3d;
	text-align:					left;
	text-decoration:			none;
	white-space:				nowrap;
}

ul#langlist ul a:hover {
	width:						90px;
	height:						20px;
	padding:					0px 0px 0px 10px;
	background:					none;
	font:						11px/18px Verdana, Helvetica, Arial, sans-serif;
	color:						#686768;
	text-decoration:			none;
}

/* 3.2. Main menu */

ul#menulist ul { 
	display: 					none;
}

ul#menulist li:hover > ul {
	display: 					block;
}

ul#menulist ul {
	position:					absolute;
	left:						0px;
	top:						28px;
	z-index:					9002;
}

ul#menulist ul ul {
	position:					absolute;
	left:						100%;
	top:						0px;
}

ul#menulist table { 
	border-collapse: 			collapse; 
}

ul#menulist {
	display:					block;
	width:						auto;
	margin:						0px;
	padding:					0px;
	list-style:					none;
	background:					none;
	border:						none;
	text-align:					left;
	zoom:						1;
	z-index:					9001;
}

ul#menulist li {
	display:					block;
	float:						left;
	margin:						0px;
	padding:					0px;
}

ul#menulist li:hover {
	position:					relative;
}

ul#menulist a.mainbutton {
	display:					block;
	height:						30px;
	padding:					0px 15px 0px 15px;
	vertical-align:				middle;
	background:					none;
	border:						none;
	text-align:					left;
	text-decoration:			none;
	text-transform:				uppercase;
	font:						16px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#686768;
}

ul#menulist li a.mainbutton:hover {
	position:					relative;
	background:					#171617;
	border:						none;
	font:						16px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#686768;
	text-transform:				uppercase;
	text-decoration:			none;
}

ul#menulist li:hover > a.mainbutton {
	background:					#171617;
	border:						none;
	font:						16px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#686768;
	text-transform:				uppercase;
	text-decoration:			none;
}

ul#menulist ul {
	width:						150px;
	margin:						0px;
	padding:					5px 5px 10px 5px;
	list-style:					none;
	background:					#171617;
	border:						none;
}

ul#menulist ul li {
	float:						none;
	height:						20px;
	background:					none;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-transform:				none;
}

ul#menulist ul li:hover {
	background:					none;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-transform:				none;
}

ul#menulist ul li.group {
	height:						25px;
	padding:					5px 0px 0px 10px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#3d3d3d;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul li.subgroup {
	height:						20px;
	padding:					0px 0px 0px 20px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#6b1e24;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul a {
	padding:					0px 0px 0px 30px;
	background:					none;
	font:						11px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-align:					left;
	text-decoration:			none;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul a:hover {
	padding:					0px 0px 5px 30px;
	background:					none;
	font:						11px Verdana, Helvetica, Arial, sans-serif;
	color:						#901d27;
	text-decoration:			none;
	text-transform:				uppercase;
}

ul#menulist ul li.group a {
	height:						25px;
	padding:					5px 0px 0px 0px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#3d3d3d;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul li.group a:hover {
	height:						25px;
	padding:					5px 0px 0px 0px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#898a8b;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul li.subgroup a {
	height:						20px;
	padding:					0px 0px 0px 0px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#6b1e24;
	text-transform:				uppercase;
	white-space:				nowrap;
}

ul#menulist ul li.subgroup a:hover {
	height:						20px;
	padding:					0px 0px 0px 0px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#901d27;
	text-transform:				uppercase;
	white-space:				nowrap;
}

/* 3.3. Footer menu */

#footerlinks {
	font:						11px/18px Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight:				normal;
	color:						#5b5859;
}

#footerlinks a {
	font:						11px/18px Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight:				normal;
	color:						#5b5859;
	text-decoration:			none;
}

#footerlinks a:hover {
	font:						11px/18px Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight:				normal;
	color:						#d5d8d9;
	text-decoration:			none;
}

/* 3.4. Site map menu */

ul#sitemap {
	width: 						auto;
  	margin:						0px 0px 0px 20px;
	padding:                    0px;
}

ul#sitemap li {
	display: 					block;
  	margin: 					0px;
  	padding: 	                0px;
}

ul#sitemap li a {
	display: 					block;
  	height: 					30px;
	margin:						0px;
	padding:               	    0px;
  	font:						18px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				normal;
	color:						#686768;
	text-decoration:			none;
	vertical-align: 			bottom;
}

ul#sitemap li a:hover, 
ul#sitemap li a:focus {
	color:						#b9202d;
}

ul#sitemap ul.group {
	margin:						0px 0px 0px 20px;
	padding:					0px;
}

ul#sitemap ul.group li {
	display: 					block;
  	height: 					24px;
	margin:						0px;
	padding:               	    0px 0px 0px 15px;
	font:						16px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#898a8b;
	text-transform:				none;
	background:					transparent url(../images/sitemap-bullet.gif) no-repeat left top;
}

ul#sitemap ul.group li a {
	display: 					block;
	margin:						0px;
	padding:               	    0px;
	font:						16px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#898a8b;
	text-transform:				none;
	vertical-align: 			bottom;
}

ul#sitemap ul.group li a:hover, 
ul#sitemap ul.group li a:focus {
	color:						#b9202d;
}

ul#sitemap ul.subgroup {
	margin:						0px 0px 0px 30px;
	padding:					0px;
}

ul#sitemap ul.subgroup li {
	display:					block;
	height:						24px;
	margin:						0px;
	padding:					0px 0px 0px 15px;
	font:						11px/24px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
	color:						#d5d8d9;
	background:					transparent url(../images/sitemap-bullet.gif) no-repeat left top;
}

ul#sitemap ul.subgroup li a {
	display: 					block;
	margin:						0px;
	padding:               	    0px;
	font:						11px/24px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
	color:						#d5d8d9;
	text-transform:				none;
	vertical-align: 			bottom;
}

ul#sitemap ul.subgroup li a:hover, 
ul#sitemap ul.subgroup li a:focus {
	color:						#b9202d;
}

ul#sitemap ul.ssubgroup {
	margin:						0px 0px 0px 30px;
	padding:					0px;
}

ul#sitemap ul.ssubgroup li {
	display:					block;
	height:						24px;
	margin:						0px;
	padding:					0px 0px 0px 15px;
	font:						11px/24px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
	color:						#d5d8d9;
	background:					transparent url(../images/sitemap-bullet.gif) no-repeat left top;
}

ul#sitemap ul.ssubgroup li a {
	display: 					block;
	margin:						0px;
	padding:               	    0px;
	font:						11px/24px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
	color:						#d5d8d9;
	text-transform:				none;
	vertical-align: 			bottom;
}

ul#sitemap ul.ssubgroup li a:hover, 
ul#sitemap ul.ssubgroup li a:focus {
	color:						#b9202d;
}

/* [4. TYPOGRAPHY] ----------------------------------------------------------- */

/* 4.1. Fancy */

.indent {
	padding:					0px 20px 0px 20px;
	text-align:					justify;
	text-indent: 				2em;
}

.indent-1 { padding-left: 10px; }
.indent-2 { padding-left: 20px; }
.indent-3 { padding-left: 30px; }
.indent-4 { padding-left: 40px; }

p.mantra {
	font:						30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				normal;
	color:						#8e8d8e;
	line-height:				28px;
	text-align:					right;
}

p.mantra_left {
	font:						30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				normal;
	color:						#8e8d8e;
	line-height:				28px;
	margin-bottom:				20px;
	text-align:					left;
}

p.mantra span {
	font:						22px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				normal;
	color:						#6b1e24;
}

p.linespace {
	line-height:				1.5;
}

.alt {
	color: 						#666666;
	font-family: 				"Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-style: 				italic;
	font-weight: 				normal;
}

.dquo { 
	margin-left: 				-.5em;
}

p.incr, .incr p {
	font-size: 					10px;
	line-height: 				1.44em;
	margin-bottom: 				1.5em;
}

.caps {
	font-variant: 				small-caps;
	text-transform: 			lowercase;
}

.bigger {
	font-size:					1.25em;
}

.pad-right {
	padding-right:				10px;
}

/* 4.2. Colors */

.bordeaux {
	color:						#b9202d;
}

.black {
	color:						#000000;
}

.darkgrey {
	color:						#3b3b3b;
}

.lightgrey {
	color:						#898a8b;
}

.white {
	color:						#d5d8d9;
}

/* [5. LINKS] ---------------------------------------------------------------- */

body a.noicon {
	background:					transparent none !important;
	padding:					0 !important;
	margin:						0 !important;
}

/* [6. BUTTONS] -------------------------------------------------------------- */

a.button, button {
	display:					block;
	float:						left;
	margin: 					0px 10px 0px 0px;
	padding:					7px 10px 7px 10px;
	border:						none;
	background-color:			#282326;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	font-weight:				bold;
	color:						#676767;
	text-decoration:			none;
	cursor:						pointer;
}

button {
  	width:						auto;
	overflow:					visible;
	padding:					4px 10px 3px 7px;   /* IE6 */
}

button[type] {
	padding:					4px 10px 4px 7px;   /* Firefox */
	line-height:				17px;           	/* Safari */
}

*:first-child+html button[type] {
	padding:					4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img {
	margin:						0 3px -3px 0 !important;
	padding:					0;
	border:						none;
	width:						16px;
	height:						16px;
	float:						none;
}

button:hover, a.button:hover {
	background-color:			#171617;
	color:						#b9202d;
}

a.button:active {
	background-color:			#171617;
	color:						#b9202d;
}

.positive {
	color:						#529214;
}

a.positive:hover, button.positive:hover {
	background-color:			#e6efc2;
	color:						#529214;
}

a.positive:active {
	background-color:			#529214;
	color:						#ffffff;
}

.negative {
	color:						#d12f19;
}

a.negative:hover, button.negative:hover {
	background-color:			#fbe3e4;
	color:						#d12f19;
}

a.negative:active {
	background-color:			#d12f19;
	color:						#ffffff;
}

/* [7. SECTIONS] ------------------------------------------------------------- */

.append-s16 {
	padding-right:				16px;
}

/* 7.1. Products */

.productslist {
	padding:					5px 0px 0px 0px;
}

.productslist li {
	float:						left;
	width:						150px;
	height:						110px;
	margin:						0px 20px 0px 0px;
	background:					none;
	font:						10px Verdana, Helvetica, Arial, sans-serif;
	line-height:				15px;
	color:						#d5d8d9;
	text-align:					center;
}

.productslist li.last {
	margin:						0px;
}

.productslist li a.pnome {
	float:						none;
	clear:						both;
	height:						15px;
	padding:					0px 5px 0px 5px;
	color:						#d5d8d9;
	text-decoration:			none;
	background-color:			#1b1b1b;
}

.productslist li.pcategory {
	display:					block;
	float:						none;
	clear:						both;
	width:						100%;
	height:						18px;
	border-bottom:				1px solid #6b1e24;
	margin-bottom:				5px;
	text-align:					left;
	font-family:				'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 					1em; 
	font-weight: 				bold;
	color:						#6b1e24;
}

.productslist li.pcategory h2 {
	font-family:				'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 					1.5em; 
	font-weight: 				bold;
	color:						#6b1e24;
}

/* 7.2. Home Product Menu */

.prodlist {
	width:						220px;
	margin:						0px;
	padding:					5px 5px 10px 5px;
	list-style:					none;
	background:					#171617;
	border:						none;
}

.prodlist li {
	float:						none;
	height:						20px;
	background:					none;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-transform:				none;
}

.prodlist li:hover {
	background:					none;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-transform:				none;
}

.prodlist li.group {
	height:						25px;
	padding:					5px 0px 0px 10px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#3d3d3d;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist li.subgroup {
	height:						20px;
	padding:					0px 0px 0px 20px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#6b1e24;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist a {
	padding:					0px 0px 0px 30px;
	background:					none;
	font:						11px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
	text-align:					left;
	text-decoration:			none;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist a:hover {
	padding:					0px 0px 5px 30px;
	background:					none;
	font:						11px Verdana, Helvetica, Arial, sans-serif;
	color:						#901d27;
	text-decoration:			none;
	text-transform:				uppercase;
}

.prodlist li.group a {
	height:						25px;
	padding:					5px 0px 0px 0px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#3d3d3d;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist li.group a:hover {
	height:						25px;
	padding:					5px 0px 0px 0px;
	font:						14px/25px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#898a8b;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist li.subgroup a {
	height:						20px;
	padding:					0px 0px 0px 0px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#6b1e24;
	text-transform:				uppercase;
	white-space:				nowrap;
}

.prodlist li.subgroup a:hover {
	height:						20px;
	padding:					0px 0px 0px 0px;
	font:						14px/20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:				bold;
	color:						#901d27;
	text-transform:				uppercase;
	white-space:				nowrap;
}

/* 7.3. Model */

#panel h1.hmodel {
	width:						550px;
	height:						380px;
	margin:						0;
	padding:					0;
	overflow:					hidden;
	text-indent:				-5555px;
}

#panel h1.pt_ind_t1 { background: transparent url(../../../../images/titulo-industria-t1.gif) no-repeat left top; }
#panel h1.pt_ind_st { background: transparent url(../../../../images/titulo-industria-suite.gif) no-repeat left top; }
#panel h1.pt_ind_rf { background: transparent url(../../../../images/titulo-industria-refeitorio.gif) no-repeat left top; }
#panel h1.pt_m2a_t1 { background: transparent url(../../../../images/titulo-mood2a-t1.gif) no-repeat left top; }
#panel h1.pt_m2a_t2 { background: transparent url(../../../../images/titulo-mood2a-t2.gif) no-repeat left top; }
#panel h1.pt_m2a_t3 { background: transparent url(../../../../images/titulo-mood2a-t3.gif) no-repeat left top; }
#panel h1.pt_mpl_t3 { background: transparent url(../../../../images/titulo-moodplus-t3.gif) no-repeat left top; }
#panel h1.pt_mpl_t4 { background: transparent url(../../../../images/titulo-moodplus-t4.gif) no-repeat left top; }

#panel h1.en_ind_t1 { background: transparent url(../../../../images/title-industry-t1.gif) no-repeat left top; }
#panel h1.en_ind_st { background: transparent url(../../../../images/title-industry-suite.gif) no-repeat left top; }
#panel h1.en_ind_rf { background: transparent url(../../../../images/title-industry-cafeteria.gif) no-repeat left top; }
#panel h1.en_m2a_t1 { background: transparent url(../../../../images/title-mood2a-t1.gif) no-repeat left top; }
#panel h1.en_m2a_t2 { background: transparent url(../../../../images/title-mood2a-t2.gif) no-repeat left top; }
#panel h1.en_m2a_t3 { background: transparent url(../../../../images/title-mood2a-t3.gif) no-repeat left top; }
#panel h1.en_mpl_t3 { background: transparent url(../../../../images/title-moodplus-t3.gif) no-repeat left top; }
#panel h1.en_mpl_t4 { background: transparent url(../../../../images/title-moodplus-t4.gif) no-repeat left top; }

#panel h1.fr_ind_t1 { background: transparent url(../../../../images/titre-industrie-f1.gif) no-repeat left top; }
#panel h1.fr_ind_st { background: transparent url(../../../../images/titre-industrie-suite.gif) no-repeat left top; }
#panel h1.fr_ind_rf { background: transparent url(../../../../images/titre-industrie-refectoire.gif) no-repeat left top; }
#panel h1.fr_m2a_t1 { background: transparent url(../../../../images/titre-mood2a-f1.gif) no-repeat left top; }
#panel h1.fr_m2a_t2 { background: transparent url(../../../../images/titre-mood2a-f2.gif) no-repeat left top; }
#panel h1.fr_m2a_t3 { background: transparent url(../../../../images/titre-mood2a-f3.gif) no-repeat left top; }
#panel h1.fr_mpl_t3 { background: transparent url(../../../../images/titre-moodplus-f3.gif) no-repeat left top; }
#panel h1.fr_mpl_t4 { background: transparent url(../../../../images/titre-moodplus-f4.gif) no-repeat left top; }

#panel500 h1.hcateg {
	width:						430px;
	height:						40px;
	margin:						0;
	padding:					0;
	overflow:					hidden;
	text-indent:				-5555px;
}

#panel500 h1.pt_m2a { background: transparent url(../../../../images/titulo-mood2a.gif) no-repeat right top; }
#panel500 h1.pt_mpl { background: transparent url(../../../../images/titulo-moodplus.gif) no-repeat right top; }
#panel500 h1.pt_ind { background: transparent url(../../../../images/titulo-industria.gif) no-repeat right top; }

#panel500 h1.en_m2a { background: transparent url(../../../../images/title-mood2a.gif) no-repeat right top; }
#panel500 h1.en_mpl { background: transparent url(../../../../images/title-moodplus.gif) no-repeat right top; }
#panel500 h1.en_ind { background: transparent url(../../../../images/title-industry.gif) no-repeat right top; }

#panel500 h1.fr_m2a { background: transparent url(../../../../images/titre-mood2a.gif) no-repeat right top; }
#panel500 h1.fr_mpl { background: transparent url(../../../../images/titre-moodplus.gif) no-repeat right top; }
#panel500 h1.fr_ind { background: transparent url(../../../../images/titre-industrie.gif) no-repeat right top; }

#panel500 h1.hotel {
	width:						380px;
	height:						50px;
	margin:						0;
	padding:					0;
	overflow:					hidden;
	text-indent:				-5555px;
}

#panel500 h1.pt_hot { background: transparent url(../../../../images/titulo-hotelaria.gif) no-repeat right top; }
#panel500 h1.en_hot { background: transparent url(../../../../images/title-hotel-industry.gif) no-repeat right top; }
#panel500 h1.fr_hot { background: transparent url(../../../../images/titre-hoteliere.gif) no-repeat right top; }

.compo {
	position:					relative;
	height:						310px;
}

#tabs {
	height:						55px;
}

#tabs ul {
	padding:					10px 0px 0px 15px;
}

#tabs ul li {
	position: 					relative;
	display:					block;
	float:						left;
	width:						140px;
	height:						30px;
	margin:						0px 5px 0px 0px;
	padding:                    15px 0px 0px 0px;
	text-align:					center;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#000000;
	background:					url(../images/tabs.gif) no-repeat -145px 0px;
	cursor:						pointer;
}

#tabs ul li.hover {
	color:						#b9202d;
	cursor:						pointer;
}

#tabs ul li.active {
	height:						35px;
	padding:                    10px 0px 0px 0px;
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#000000;
	background-position:		0px 0px;
	cursor:						default;
}

#tabs ul li.disabled {
	cursor:						default;
}

#tabs ul li a {
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#000000;
	text-decoration:			none;
}

#tabs ul li a:hover {
	font:						12px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#b9202d;
	text-decoration:			none;
}

#breadcrumbs {
	height:						35px;
	padding-top:                20px;
	font:						11px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				normal;
	color:						#919293;
	text-align:					right;
}

#breadcrumbs a {
	color:						#919293;
	/*text-decoration:			none;*/
}

#breadcrumbs a:hover {
	color:						#b9202d;
}

#imagens a, 
#gallery a, 
#bungalows a {
	display:					block;
	float:						left;
	width:						250px;
	height:						147px;
	margin:						0px 0px 20px 0px;
	padding:					13px;
	background:					url(../images/gallery-bg.png) no-repeat left top;
}

#imagens a.first, 
#gallery a.first, 
#bungalows a.first {
	margin:						0px 20px 25px 0px;
}

#imagens a.last, 
#gallery a.last, 
#bungalows a.last {
	margin:						0px 0px 25px 20px;
}

/* 7.4. Contacts */

#maps {
	position:					relative;
	width:						920px;
	height:						315px;
	margin:						0px 0px 50px 0px;
	padding:					15px 5px 20px 25px;
	background:					transparent url(../images/panel-bg.gif) no-repeat left top;
}

#maps .map {
	float:						left;
	width:						440px;
	margin-right:				20px;
}

#details {
	float:						left;	
	width:						270px;
	padding-left:				25px;
}

#details img {
	margin:						5px 0px 15px 20px;
}

#details .contactbox {
	width:						215px;
	padding:					15px;
	background:					#1c1a1b;
}

#emailform {
	float:						left;	
	width:						590px;
	padding-left:				45px;
	background:					transparent url(../images/content-sep.gif) no-repeat left top;
}

.contactForm {
	position:					relative;
	width:						590px;
	margin:						20px 0px 0px 0px;
	padding:                	0px;
}

.contactForm fieldset {
	border:						none;
}

.contactForm label {
	position:					relative;
	float:						left;
	clear:						left;
	width:						90px;
	height:						27px;
	margin:						3px 10px 4px 0px;
	text-align:					right;
	font: 						12px/18px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
}

.contactForm div.inputfield {
	position:					relative;
	float:						left;
	width:						300px;
	height: 					34px;
	margin:						0px;
	padding:	 				0px;
	background:					transparent url(../images/input-bg.gif) no-repeat left top;
}

.contactForm div.inputmsg {
	position:					relative;
	float:						left;
	clear:						right;
	width:						140px;
	margin:						0px 0px 0px 10px;
	padding:	 				5px 0px 10px 0px;
	font: 						10px Verdana, Helvetica, Arial, sans-serif;
}

.contactForm div.areafield {
	position:					relative;
	float:						left;
	width:						300px;
	height: 					200px;
	margin:						0px 0px 0px 0px;
	padding:	 				0px;
	background:					transparent url(../images/textarea-bg.gif) no-repeat left top;
}

.contactForm input {
	width:						290px;
	height: 					16px;
	margin:						4px 5px 4px 5px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	line-height:				15px;
	font: 						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
}

.contactForm textarea {
	width:						290px;
	height: 					190px;
	margin:						5px 5px 5px 5px;
	padding:	 				0px;
	border: 					none;
	background:					none;
	font: 						12px Verdana, Helvetica, Arial, sans-serif;
	color:						#d5d8d9;
}

.contactForm input.submitButton {
	clear:						both;
	width:						80px;
    height: 					25px;
	margin:						10px 0px 0px 320px;
	padding:	 				0px 10px 0px 10px;
	border-width:				1px;
	border-style:				solid;
	border-color:				#292728 #2f2d2e #2f2d2e #292728;
	background:					#1c1a1b;
	text-align:					center;
	text-transform:				uppercase;
	font: 						10px Verdana, Helvetica, Arial, sans-serif;
	font-weight:				bold;
	color:						#898a8b;
}

.contactForm div.formresult {
	position:					relative;
	clear:						both;
	width:						400px;
	height:						20px;
	margin:						0px;
	padding:	 				20px 0px 0px 0px;
	text-align:					right;
}