/*=======================================*/
/* General */
/*=======================================*/

body {
	font-family: Arial;
	font-size: 13px;
	color: #929082;
	background-color: #FEFFFE;
	text-align: center;
	margin: 0;
}

a {
	text-decoration: none;
	color: #929082;
}

a:hover {
	color: #E69D5D;
}

img {
	border: none;
}

.clear {
	clear: both;
}


/*=======================================*/
/* Container */
/*=======================================*/

#container {
	margin: 0 auto;
	text-align: center;
}


/*=======================================*/
/* Header */
/*=======================================*/

#header {
	width: 1024px;
	height: 210px;
	background: url('../images/header_logo.jpg') no-repeat center;
	margin: 0 auto;
}

#header p {
	margin: 0;
	padding: 0;
}


/*=======================================*/
/* Top menu */
/*=======================================*/

/* Main options */

#topMenu {
	height: 60px;
	background: url('../images/topMenu_bg.gif') repeat-x top center;
	text-align: center;
}

#topMenuContainer {
	width: 1024px;
	margin: 0 auto;
	padding: 0 0 0 100px;
}

#topMenuContainer ul.topNav {
	font-size: 0.9em;
	font-weight: bold;
	list-style: none;
	margin: 0;
	text-transform: uppercase;
}

#topMenuContainer ul.topNav li {
	float: left;
	position: relative;
}

#topMenuContainer ul.topNav li a {
	display: block;
	float: left;
	height: 32px;
	padding: 18px 20px 0 20px;
	text-decoration: none;
}

#topMenuContainer > ul.topNav > li > a:hover {
	background: url('../images/topMenu_bgo.gif') repeat-x center top;
}

/* Drop down menus */

#topMenuContainer ul.subNav {
	list-style: none;
	position: absolute;
	left: 0;
	top: 50px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	z-index: 1;
}

#topMenuContainer ul.productos {
	width: 115px;
}

#topMenuContainer ul.subNav li {
	background: #F8F6F5;
	width: 100%;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#topMenuContainer ul.subNav li a {
	width: 65%;
	font-size: 0.95em;
	font-weight: normal;
	text-align: left;
	height: 10px;
	padding: 5px 20px;
}

#topMenuContainer ul.subNav li a:hover {
	background-color: #FFF;
}

#topMenuContainer ul.subNav li.subNavBottom {
	height: 30px;
	background: transparent url('../images/topMenu_subNav_bottom.png') repeat-x top center;
}

#topMenuContainer > ul.topNav > li > a.topNavHover {
	color: #e69d5d;
	background: url('../images/topMenu_bgo.gif') repeat-x left top;
}


/*=======================================*/
/* Content */
/*=======================================*/

#content {
	width: 1024px;
	min-height: 500px;
	text-align: left;
	margin: 0 auto;
}


/*=======================================*/
/* Start page */
/*=======================================*/

body.startPage {
	background-color: #000;
}


/*=======================================*/
/* Product */
/*=======================================*/

#content.home {
	width: 100%;
	background: url('../images/home_bg.gif') repeat-x center top;
}

#home {
	text-align: center;
}



/*=======================================*/
/* Product */
/*=======================================*/

#contentProduct {
	min-height: 500px;
}

#contentProductInfo {
	text-align: right;
	padding: 20px 20px 0 480px;
}

#contentProductPacks {
	float: left;
	margin: 0 5px 0 0;
}

#contentProductItems {
	float: left;
}

#contentProductPacks ul {
	font-size: 0.95em;
	letter-spacing: -1px;
	text-transform: uppercase;
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentProductPacks ul li {
	float: left;
	margin: 0 8px 0 0;
}

#contentProductPacks ul li a {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 0.8em;
	color: #FFF;
	display: block;
	width: 45px;
	height: 29px;
	padding: 16px 0 0 0;
	margin: 0;
	text-align: center;
	background: #cac9bd url('../images/productInfo_packs_canvas.gif') no-repeat;
}

#contentProductPacks ul li a.doubleLine {
	height: 39px;
	padding: 6px 0 0 0;
}

#contentProductPacks ul li a.doubleLine span {
	display: block;
	font-size: 0.65em;
}

#contentProductPacks ul li a:hover,
#contentProductPacks ul li a.active {
	background: #929082 url('../images/productInfo_packs_canvas.gif');
}

#contentProductItems ul {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#contentProductItems ul li {
	padding: 0 0 0 18px;
	background: url('../images/productInfo_bullet.gif') no-repeat 0 50%;
}

#contentProductImage {
	min-height: 350px;
}

#contentProductImage,
#contentLineImage {
	position: relative;
	text-align: center;
	padding: 0 0 30px 0;
}

#contentProductLineImage {
	position: absolute;
	top: 120px;
	right: 85px;
	text-align: right;
}

#contentProductPack {
	position: absolute;
	top: 110px;
	left: 130px;
	text-transform: uppercase;
	width: 120px;
	font-size: 2.0em;
	padding: 0 120px 0 0;
	text-align: right;
	background: url('../images/productInfo_packs_line.gif') no-repeat center right;
}

#contentProductDescription {
	text-align: center;
	width: 890px;
	min-height: 75px;
	margin: 0 auto;
	padding: 20px;
	background: url('../images/productInfo_description_bg.jpg') no-repeat top center;
}

/*=======================================*/
/* List */
/*=======================================*/

#listContainer {
	width: 620px;
	margin: 0 auto 40px auto;
	text-align: center;
}

#listHeader {
	height: 295px;
	background: url('../images/listHeader_bg.png') no-repeat bottom center;
}

#listHeader h1 {
	font-size: 2.5em;
	text-align: left;
	color: #f3f4f1;
	padding: 145px 0 0 30px;
	margin: 0;
	text-transform: uppercase;
}

#listHeader h2 {
	text-transform: uppercase;
	font-size: 0.95em;
	text-align: left;
	color: #f3f4f1;
	padding: 0 0 0 32px;
	margin: 0;
}

#listHeader h2.accesorios {
	width: 325px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.listElementLeft {
	float: left;
	width: 250px;
	height: 140px;
	background: url('../images/listElementLeft_bg.png') no-repeat center right;
	text-align: left;
	padding: 40px 20px 80px 40px;
}

.odd .listElementLeft {
	text-align: right;
}

.odd .listElementLeft .itemText,
.even .listElementRight .itemText {
	height: 180px;
	width: 240px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.even .listElementLeft {
	text-align: center;
}

.even .listElementLeft p {
	margin: 0;
}

.even .listElementRight {
	text-align: left;
}

.even .listElementRight h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #585554;
}

.listElementLeft h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #585554;
}

.listElementLeft a {
	color: #585554;
}

.listElementLeft a:hover {
	color: #e69d5d;
}

.listElementLeft p {
	margin: 10px 0 0 0;
}

.listElementLeft .summaryContainer {
	height: 150px;
	padding: 0 5px 0 0;
	overflow: auto;
}

.listElementRight {
	float: left;
	width: 220px;
	height: 180px;
	background: url('../images/listElementRight_bg.png') no-repeat center right;
	text-align: center;
	padding: 40px 50px 40px 40px;
}

.listElementRight p {
	margin: 0;
	padding: 0;
}

#listEndBottom {
	background: url('../images/listEndBottom_bg.png') no-repeat top center;
}


/*=======================================*/
/* Document */
/*=======================================*/

#documentHeader {
	height: 30px;
	background: url('../images/documentHeader_bg.png') no-repeat bottom center;
}

#document {
	width: 640px;
	background: url('../images/document_bg.png') repeat-y top center;
	margin: 0 auto;
	padding: 0 40px 0 40px;
	min-height: 380px;
	border: 1px solid transparent;
}

#document h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding: 0 10px;
}

#document #documentImage {
	float: right;
	margin: 0 15px 20px 20px;
}

#document #documentSummary {
	font-weight: bold;
}

#document #documentBody.scrolling {
	height: 320px;
	overflow: auto;
}

#document #documentSummary,
#document #documentText {
	padding: 0 10px;
}

#documentButtons {
	width: 640px;
	margin: 0 auto;
	text-align: right;
	background: url('../images/document_bg.png') repeat-y top center;
	padding: 20px 40px 30px 40px;
}

#documentButtons p {
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 5px 5px 0 0;
}

#documentEndBottom {
	height: 30px;
	background: url('../images/documentEndBottom_bg.png') no-repeat top center;
}


/*=======================================*/
/* Accesories */
/*=======================================*/

#listContainer.accesories #listHeader {
	background: url('../images/listHeader_accesories_bg.png') no-repeat bottom center;
}

#listContainer.accesories #listHeader h1 {
	font-size: 1.7em;
	text-align: center;
	padding-right: 330px;
	padding-top: 150px;
}

#listContainer.accesories .listRow h1 {
	font-size: 0.85em;
	text-transform: uppercase;
	color: #585554;
}

#listContainer.accesories .listRow a {
	color: #585554;
}

#listContainer.accesories .listRow a:hover {
	color: #e69d5d;
}

#listContainer.accesories .listRow p.listThumbnail {
	width: 240px;
	height: 180px;
	display: table-cell;
	vertical-align: middle;
}

#listContainer.accesories .listElementLeft  {
	text-align: center;
}

#listContainer.accesories .listElementRight  {
}

#listContainer.accesories .listElementLeft h1 {
	text-align: right;
}

#listContainer.accesories .listElementRight h1 {
	text-align: left;
}

#listContainer.accesories .listElementLeft p {
	margin: 0;
}

/*=======================================*/
/* Sales */
/*=======================================*/

#content.sales {
	width: 100%;
}

#salesMap {
	width: 1024px;
	text-align: center;
	margin: 0 auto;
}

#salesMap p {
	margin: 0;
	padding: 0;
}

#salesList {
	background: url('../images/sales_bg.gif') repeat-x center top;
	margin: 20px auto 10px auto;
	min-height: 250px;
}

#salesListContent {
	width: 924px;
	margin: 0 auto;
}

#salesListContent p {
	margin: 10px 10px 10px 25px;
}

#salesListContent a {
	text-decoration: underline;
}

#salesList h1 {
	font-size: 1.3em;
	text-align: center;
	padding: 25px 0 10px 0;
	border-bottom: 2px solid #9E9C90;
	text-transform: uppercase;
}

#salesList h2 {
	font-size: 1.2em;
	padding: 0 5px 5px 5px;
	margin: 0 20px 0 20px;
}

#salesList h3 {
	font-size: 1.0em;
	padding: 5px 25px 10px 25px;
	margin: 0;
	border-bottom: 1px solid #E5E4E0;
}

#salesList hr {
	clear: both;
	height: 1px;
	border: none;
	background-color: #E5E4E0;
}

#salesList .contactItem {
	width: 250px;
	float: left;
	padding: 10px 20px 20px 25px;
}

#salesList .contactItem strong.sta {
	font-size: 0.85em;
	color: #e69d5d;
}

#salesListSearch {
	width: 924px;
	margin: 0 auto 30px auto;
	padding: 0 0 0 50px;
	text-align: center;
}

#salesListSearch label {
	font-weight: bold;
}

#salesListSearch input {
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #9E9C90;
}

#salesListSearch div {
	display: inline;
}


/*=======================================*/
/* Contact */
/*=======================================*/

#contactForm > p {
	text-align: center;
	font-weight: bold;
	margin: 0 0 40px 0;
}

#contactForm .campoRequerido,
#contactForm .requiredField {
	color: #E69D5D;
	font-weight: bold;
}

#contactForm label {
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	margin: 4px 20px 0 0;
}

#contactForm input {
	clear: left;
	border: 1px solid #CCCCCC;
}


/*=======================================*/
/* Downloads */
/*=======================================*/

#content.downloads {
	width: 100%;
}

#downloadsIcons {
	width: 1024px;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 auto;
}

#icons {
	width: 560px;
	margin: 0 auto;
}

#downloadsIcons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#downloadsIcons ul li {
	display: inline;
}

#downloadsIcons ul li a {
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	width: 100px;
	height: 45px;
	padding: 60px 0 0 0;
	margin: 0 40px 0 0;
	background: url('../images/ic_descargas.jpg') center top no-repeat;
}

#downloadsIcons ul li a:hover {
	color: #929082;
}

#downloadsList {
	background: url('../images/sales_bg.gif') repeat-x center top;
	margin: 20px auto 40px auto;
	min-height: 250px;
}

#downloadsListContent {
	width: 670px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#downloadsListContent p {
	margin: 10px 10px 10px 25px;
}

#downloadsListContent a {
	text-decoration: none;
}

#downloadsListContent h1 {
	font-size: 1.3em;
	padding: 0 0 10px 10px;
	margin: 0;
	border-bottom: 1px solid #9E9C90;
}

#downloadsListContent h2 {
	font-size: 1.1em;
	margin: 0 0 5px 0;
}

#downloadsListContent hr {
	clear: both;
	height: 1px;
	border: none;
	background-color: #E5E4E0;
}

#downloadsListContent .downloadsListItem {
	width: 300px;
	float: left;
}

#downloadsListContent .downloadsListItemImage {
	float: left;
}

#downloadsListContent .downloadsListItemImage img {
	height: 80px;
}

#downloadsListContent .downloadsListItemInfo {
	text-align: left;
	padding: 20px 0 0 120px;
}


/*=======================================*/
/* Popups */
/*=======================================*/

/* General */

#puContainer {
	width: 720px;
	height: 480px;
}

#puContent {
	height: 460px;
	background-color: #f3f4f1;
	text-align: left;
	padding: 10px 10px 10px 20px;
	overflow: hidden;
}

/* Components */

#component h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	padding: 0;
}

#component p {
	padding: 0 0 0 5px;
}

#component a {
	color: #000;
}

#component a:hover {
	color: #e69d5d;
}

#component #componentContent {
	height: 400px;
	overflow: auto;
	padding: 0 10px 0 0;
}

#component #componentImage {
	float: right;
	margin: 0 0 20px 20px;
}


/*=======================================*/
/* Footer */
/*=======================================*/

#footer {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.0em;
	width: 924px;
	text-align: left;
	margin: 0 auto 40px auto;
	padding: 10px 50px;
}

#footer #footerContactInfo {
	width: 500px;
	float: left;
}

#footer #footerLogos {
	float: right;
}

#footer img#footerLogo {
	float: left;
	margin: 1px 10px 5px 0;
}