/* CSS Document */

html, body {

	padding: 0 !important;

	margin: 0 !important;

}

body {

	font-family: Arial, Helvetica, sans-serif;

	background: #FFF url(img/bg.jpg) repeat-x center top;

	font-size: 16px;

	color: #333;

}

#wrapper {

	position: absolute;

	height: auto;

	min-height: 700px;

	width: 100%;

	background: url(img/header.jpg) no-repeat center 42px;

}

#top {

	margin-top: 5px;

}

.top-sitemap {

	padding-left: 10px;

	margin-left: 10px;

	background: url(img/separador-top.png) no-repeat;

	float: right;

}

.addthis_toolbox {

	float: right;

	width: 245px;

}

#spacer {

	height: 330px;

}

#menu {

	width: 425px;

	height: 53px;

	background: url(img/menu.png);

}

#menu a {

	text-decoration: none;

	color: #838382;

	font-size: 14px;

	display: block;

}

#menu a:hover {

	color: #111;

}

#menu li {

	float: left;

	list-style: none;

	display: block;

	background: url(img/line.png) no-repeat right center;

	line-height: 40px;

	height: 43px;
	padding: 0 10px;

}

	#menu li a {

		padding: 0 8px;

	}

	#menu li:first-child a {

		padding-left: 45px;

	}

	#menu li:last-child {

		background: none;

	}

		#menu li ul {

			display: none;

			padding-top: 1px;

			position: absolute;

			margin-left: -10px;

			width: 221px;

			height: auto;

			background: url(img/submenu.png);

			padding-left: 20px;

			z-index: 99999999;

		}

		#menu li:hover ul {

			display: block;

		}

		#menu ul li {

			display: block;

			height: auto;
			
			padding: 5px 0;

			line-height: 30px !important;

			width: 200px;

			background: none;

		}

		#menu ul li a {

			background: url(img/bullet.png) no-repeat center left !important;

			padding: 0 0 0 13px;

			border-bottom: solid #CCC 1px;

		}

		#menu ul li:first-child a {

			padding-left: 17px !important;

			margin-left: -4px;

			background: url(img/bullet.png) no-repeat left center;

		}

		#menu ul li:first-child {

			background: url(img/first-li.jpg) repeat-x !important;

			padding: 0 11px 0 10px !important;

			margin-left: -10px;

		}

		#menu ul li:last-child {

			width: 201px;

			margin-left: -20px;

			border: none;

			padding-bottom: 24px;

			padding-left: 20px;

			padding-right: 20px;

			margin-bottom: -24px;

			background: url(img/bottom-menu.png) no-repeat bottom center;

		}

		#menu ul li:last-child a {

			border: none !important;

		}

#footer {

	width: 100%;

	height: auto;

	background: url(img/footer.jpg);

	padding-top: 20px;

}

	#footer ul {

		color: #a5a5a5;

		text-shadow: #000 0 1px 0;

		border-bottom: solid #353535 1px;

	}

		#footer a {

			color: #a5a5a5;

			text-decoration: none;

		}

	#footer li {

		background: url(img/bullet.jpg) no-repeat left center;

		display: block;

		font-size: 13px;

		padding: 7px 0;

		padding-left: 15px;

		border-bottom: solid #161616 1px;

		border-top: solid #353535 1px;

	}

	#footer li:first-child {

		border-top: none;

	}

	#footer li.title_li {

		list-style: none;

		text-transform: uppercase;

		font-size: 20px;

		background: none;

		padding-left: 0;

		color: #FFF;

		padding-bottom: 15px;

	}

	.no_bullet li {

		background: none !important;

		padding-left: 0 !important;

	} 

#banner_principal {

	height: 235px;

	padding: 30px 110px;

}

	#banner_principal li {

		display: block;

		list-style: none;

		width: 750px;

	}

	#banner {

		width: 750px;

		color: #666 !important;

	}

	#banner_principal .jcarousel-prev-horizontal {

		position: absolute;

		width: 40px;

		height: 40px;

		left: -100px;

		margin-top: -20px;

		top: 50%;

		background: url(img/prev.jpg);

		cursor: pointer;

	}

	#banner_principal .jcarousel-next-horizontal {

		position: absolute;

		width: 40px;

		height: 40px;

		margin-top: -20px;

		top: 50%;

		right: -100px;

		background: url(img/next.jpg);

		cursor: pointer;

	}

h1 {

	color: #006205;

	font-size: 30px;

	font-weight: 100;

}

h2 {

	color: #666;

	font-size: 30px;

	font-weight: 100;

}

.s18 {

	font-size: 18px;

}

.s12 {

	font-size: 12px;

}

.gris {

	color: #777;

}

.italic {

	font-style: italic;

}

.mt30 {

	margin-top: 30px;

}

.mb30 {

	margin-bottom: 30px;

}

.ml30 {

	margin-left: 30px;

}

.mr30 {

	margin-right: 30px;

}

hr {

	border-bottom: solid #6e6e6e 1px;

}

#rotador_clientes {

	width: 816px;

	height: 126px;

	padding: 2px 62px 0 61px;

	background: url(img/clientes.jpg);

}

	#clientes {

		width: 816px;

		height: 100px;

		background: #000;

	}

		#clientes li {

			width: 100px;

			height: 100px;

			list-style: none;

		}
		#clientes li img {
			width: 100px;
			height: auto;
		}

		#rotador_clientes .jcarousel-next-horizontal {

			position: absolute;

			z-index: 99;

			width: 72px;

			height: 102px;

			right: -42px;

			top: 10px;

			background: url(img/productos/next.png);

			cursor: pointer;

		}

		#rotador_clientes .jcarousel-prev-horizontal {

			position: absolute;

			z-index: 99;

			width: 72px;

			height: 102px;

			left: -42px;

			top: 10px;

			background: url(img/productos/prev.png);

			cursor: pointer;

		}

.alignright {

	float: right;

	margin: 0 0 20px 20px;

}

.alignleft {

	float: left;

	margin: 0 20px 20px 0;

}

.blanco {

	background: #FFF;

	line-height: 1.5em;

	font-size: 13px;

	margin-bottom: 30px;	

	margin-top: 30px;

	border: solid #CCC 1px;

}

.blanco > div {

	padding: 50px;

}

.blanco p {

	margin-bottom: 20px;

}

.blanco ul {

	margin-left: 50px;

}

.blanco ul li {

	list-style-image: url(img/bullet.png);

}
.tablaProductos tr {
	border-bottom: solid #AAA 1px;
}

