@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'BPreplayRegular';
	src: url('fonts/BPreplay-webfont.eot');
	src: local('☺'), url('fonts/BPreplay-webfont.woff') format('woff'), url('fonts/BPreplay-webfont.ttf') format('truetype'), url('fonts/BPreplay-webfont.svg#webfontV7sdwbMZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BPreplayItalic';
	src: url('fonts/BPreplayItalics-webfont.eot');
	src: local('☺'), url('fonts/BPreplayItalics-webfont.woff') format('woff'), url('fonts/BPreplayItalics-webfont.ttf') format('truetype'), url('fonts/BPreplayItalics-webfont.svg#webfontq95rzWWJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BPreplayBold';
	src: url('fonts/BPreplayBold-webfont.eot');
	src: local('☺'), url('fonts/BPreplayBold-webfont.woff') format('woff'), url('fonts/BPreplayBold-webfont.ttf') format('truetype'), url('fonts/BPreplayBold-webfont.svg#webfont3kHRsFgU') format('svg');
	font-weight: normal;
	font-style: normal;
}

	html {
		background: #FFF url(img/bg_html.jpg) bottom center repeat-x;
	}

	body {
		background: transparent url(img/bg_top.jpg) top center repeat-x;
		text-align: center;
		font-family: "BPreplayRegular", Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 150px;
			padding: 10px 0 0 0;
			background: url(img/bg_head.png) right 24px no-repeat;
			}
			#head h1 {
				float: left;
				margin: 0;
			}
				#head h1 a {
					display: block;
					width: 160px;
					height: 135px;
					text-indent: -9999px;
					outline: 0;
					background: url(img/logo.png) top right no-repeat;
				}
				
			#head ul {
				float: right;
				margin: 0;
				padding: 114px 0 0 0;
				list-style: none;
			}
				#head ul li {
					float: left;
					margin: 0 0 0 10px;
					padding: 0;
				}
					#head ul li a {
						display: block;
						color: #FFF;
						text-decoration: none;
						font-size: 16px;
						line-height: 16px;
						padding: 2px 0 30px 0;
						width: 94px;
						text-align: center;
						text-shadow: -1px -1px 1px #000;
					}
						#head ul li a:hover {
							color: #000;
							text-shadow: 1px 1px 1px #FFF;
						}
						#head ul li.sel a {
							background: url(img/bg_btn.png) top center no-repeat;
						}
							#head ul li.sel a:hover {
								text-shadow: none;
								color: #FFF;
							}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		padding: 0;
	}
	
		#cont {
			padding: 40px 0 0 0;
		}
			#cont h2 {
				font-size: 24px;
				color: #FFF;
				font-weight: normal;
				line-height: 54px;
				margin: 0 0 20px 0;
				padding: 0 0 0 20px;
				height: 62px;
				background: url(img/bg_h2.png) top left no-repeat;
			}
			#cont h3 {
				font-size: 20px;
				color: #FFF;
				font-weight: normal;
				line-height: 44px;
				margin: 0 0 12px 0;
				padding: 0 0 0 20px;
				height: 50px;
				background: url(img/bg_h3-628.png) top left no-repeat;
			}
			#cont div.box6 h3 {
				background: url(img/bg_h3-466.png) top left no-repeat;
			}
			#cont div.box4 h3 {
				background: url(img/bg_h3.png) top left no-repeat;
			}
			#cont div.box6 h3.producto {
				font-size: 20px;
				color: #F00;
				font-weight: normal;
				line-height: 40px;
				margin: 0 0 12px 0;
				padding: 0;
				height: auto;
				background: none;
			}
			
			a {
				color: #06C;
				text-decoration: none;
			}
				a:hover {
					text-decoration: underline;
				}
			
			#cont p {
				margin: 0 0 20px 0;
			}
			#cont p.tagline {
				font-family: "BPreplayItalic", Arial, Helvetica, sans-serif;
				font-size: 16px;
				font-style: italic;
				color: #669900;
			}
			
			#cont p.hprods {
				margin: 0 0 10px 0;
				min-height: 60px;
				*height: 60px;
			}
				#cont p.hprods a img {
					border: 1px solid #666;
					float: left;
					margin: 0 20px 0 0;
				}
			
			#cont a.abtn {
				display: inline-block;
				width: 86px;
				height: 28px;
				line-height: 24px;
				color: #FFF;
				text-decoration: none;
				text-shadow: 1px 1px 1px #000;
				background: url(img/bg_abtn.png);
				text-align: center;
				font-size: 12px;
			}

			#cont ul {
				list-style-image:url(img/bg_li.png);
			}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#slideshow {
		width: 400px;
		height: 300px;
		padding: 32px 30px 34px 24px;
		background: url(img/bg_slider.png) left bottom no-repeat;
	}
	#slider {
		width: 400px;
		height: 300px;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

	.clientes {
		margin: 0 0 30px 0;
	}
		.clientes td {
			vertical-align: middle;
			line-height: 19px;
			border-bottom: 1px solid #CCC;
			padding: 0 0 10px 0;
		}
		.clientes img {
			float: left;
			margin: 0 10px 0 0;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	.box4 {
		float: left;
		width: 304px;
		margin: 0 20px 20px 0;
	}
	.box6 {
		float: left;
		width: 466px;
		margin: 0 20px 20px 0;
	}
	.box8 {
		float: left;
		width: 628px;
		margin: 0 20px 20px 0;
	}
	.prods {
		float: left;
		width: 304px;
		height: 92px;
		margin: 0 20px 20px 0;
	}
		.prods a img {
			float: left;
			margin: 0 20px 0 0;
			border: 1px solid #690;
		}
	.boxr {
		float: right;
		margin: 0 0 20px 0;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		padding: 25px 0 0 0;
		height: 120px;
		text-align: center;
		color: #FFF;
		font-size: 12px;
		text-shadow: -1px -1px 1px #000;
		}
		#foot a {
			color: #FFF;
			}
			#foot a:hover {
			text-decoration: none;
				}