@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Michroma);

body{
	background-image:url(../images/body_bg.jpg);
	color:#898989;
}

.inner{
	margin:0 auto;
	background-color:#f1f1f1;
	padding: 0 1.065%;
}

.padding-10{
	padding:0 10px;
	margin:0 auto;
	width:940px;
}

header{
	padding: 1.384% 0;
}

.content-float{
	overflow:hidden;
	height:1%;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

#social{
	padding: 1.277% 0;
	text-align:right;
}

#search{
	max-width: 266px;
	height: 34px;
	position: relative;
	width: 266px;
	margin-left:160px;
	margin-top:1%;
}

#search input[name=search]{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	background-image:url(../images/search_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:95%;
	height:87%;
	padding-left:2%;
	padding-right:2%;
	position:absolute;
	top:0;
	left:0;
	line-height:29px;
}

#search input[name=submit]{
	background:transparent;
	position: absolute;
	top: 1px;
	right: 1px;
	border: none;
	height: 32px;
	display: block;
	width: 30px;
	margin:0;
	padding:0;
}

#social a{
	margin:0 3px;
}

#menu{
	background-color:#f7f7f7;
	border:1px solid #FFF;
	text-align:center;
	padding: 1.2% 0;
	margin:0;
	list-style:none;
	margin-bottom:7px;
}

#menu li{
	display:inline;
	padding: 0 4%;
	white-space: nowrap;
}

#menu li a{
	color:#696969;
	text-decoration:none;
	font-size:0.9em;
	font-family: 'Michroma', sans-serif;
}

#menu li a:hover, #menu li a.active{
	color:#e77818;
}

#home .on{
	display:none;
}

#home:hover .off, .active .off{
	display:none !important;
}

#home:hover .on, .active .on{
	display:inline !important;
}

#home .off{
	display:inline;
}

#slideshow-content{
	position:relative;
	padding-bottom: 2.66%;
}

#slideshow{
	position:relative;
	z-index:100;
}

#slideshow-content #pager1{
	position:absolute;
	top:10px;
	right:10px;
	z-index:1000;
}

.pager span{
	display:inline-block;
	width:15px;
	height:15px;
	background-image:url(../images/slideshow-button.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin:0 2px;
	cursor:pointer;
}

.pager span.cycle-pager-active{
	background-image:url(../images/slideshow-button_active.png);
}

#slideshow-content .shadow{
	position:absolute;
	bottom: -4%;
}

#content{
	padding: 0 1.087%;
	padding-bottom:1px;
}

h2.title{
	overflow:hidden;
	height:1%;
	margin:0;
	margin-left: -3.262%;
	font-weight:normal;
	font-size:1.4em;
}

h2.title .left{
	background:url(../images/title-left_bg.png);
	display:block;
	width:10px;
	height:53px;
	float:left;
}

h2.title .center{
	line-height:42px;
	color:#FFFFFF;
	background-image:url(../images/title_bg.png);
	display:block;
	float:left;
	padding:0 2%;
	min-width: 23%;
}

h2.title .right{
	background:url(../images/title-right_bg.png);
	display:block;
	width:7px;
	height:42px;
	float:left;
}

.box{
	margin-bottom: 3%;
}

#carousel-content{
	position:relative;
	padding-top:17px;
	width:100%;
}

#carousel, #categories{
	overflow:hidden;
	height:255px !important;
}

#carousel .item, #categories .item{
	width:180px;
	height:255px;
	*display:inline !important;
	float:left;
}

#carousel .image, #categories .image{
	margin:4.5px auto;
	max-width:95%;
	height:124px;
	display:block;
}

#carousel .view-more, #categories .view-more{
	position: absolute;
	top: 195px;
	right: -7px;
}

#carousel .shadow, #categories .shadow{
	position:absolute;
	bottom:-8px;
	left:0;
}

#carousel .item_inner, #categories .item_inner{
	height:243px;
	background-color:#FFFFFF;
	border:1px solid #d7d7d7;
	margin-right: 5.38%;
	position:relative;
}

#carousel .title, #categories .title{
	padding: 0 10%;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	margin: 0;
	top: 170px;
	left: 0;
	color:#000;
	width: 139px;
	white-space: nowrap;
}

#carousel-content #pager2{
	position:absolute;
	right:10px;
	top:1px;
}

.content-left{
	width:680px;
	float:left;
	text-align:justify;
}

.content-right{
	width: 205px;
	float: right;
	text-align: justify;
}

.content-left h2.title{
	margin-left: -4.414%;
}

.content-left h2.title .center {
	min-width: 32%;
}

.clear{
	clear:both;
}

.banner{
	position:relative;
}

.banner img{
	position:relative;
	z-index:100;
}

.banner .shadow{
	position: absolute;
	left: 0;
	bottom: -31%;
	z-index:0;
}

.content-right h2.title .left {
	background: url(../images/title-right_bg_2.png);
	width: 7px;
	height: 42px;
}

.content-right h2.title .right {
	background: url(../images/title-left_bg_2.png);
	width: 10px;
	height: 53px;
}

.content-right h2.title .center {
	background-image: url(../images/title_bg_2.png);
	min-width: 223px;
}

.content-right h2.title {
	margin-left:-15px;
	width:250px;
}

.menu_productcategories{
	text-align:center;
	overflow:hidden;
	height:1%;
}

.menu_productcategories a{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/title_bg.png);
	padding: 10px 10px;
	white-space: nowrap;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.lightbox .lb-image{
	max-width:none;
}

.small{
	font-size:0.8em;
	color:#000000;
	text-align:left;
	overflow-y: scroll;
	height: 504px;
}

.input-text{
	background-color:#ffffff;
	border:1px solid #dededd;
	padding:12px 35px ;
	margin:0;
	width: 37%;
	margin-bottom:12px;
	background-repeat:no-repeat;
	background-position:5px center;
}

#full_name{
	background-image:url(../images/people.png);
}

#email{
	background-image:url(../images/email.png);
}

#company{
	background-image:url(../images/company.png);
}

#phone{
	background-image:url(../images/phone.png);
}

#comment{
	background-image:url(../images/comment.png);
	background-position:5px 10px;
}

.textarea{
	background-color:#ffffff;
	border:1px solid #dededd;
	padding:12px 35px ;
	margin:0;
	width: 89.4%;
	margin-bottom:12px;
	resize:none;
	background-repeat:no-repeat;
	background-position:5px center;
}

.submit{
	background-image:url(../images/send_bg.png);
	border:none;
	width:112px;
	height:38px;
	color:#FFFFFF;
	text-transform:uppercase;
}

footer{
	background-image:url(../images/footer_bg.jpg);
	background-size:100% 100%;
	font-size:12px;
	color:#747171;
}

.footer_inner{
	padding: 10px 1.065%;
	overflow:hidden;
	height:1%;
}

footer h3{
	color:#000000;
	margin-bottom:0;
}

footer p{
	margin:0;
}


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

footer ul li{
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-left:15px;
}

footer ul li a{
	text-decoration:none;
	color:#747171;
}

footer .item-20{
	width:20%;
	float:left;
}

footer .item-40{
	width:40%;
	float:left;
}

.result-search a{
		
}

.product-image{
	width:48%;
	float:left;
}

.product-description{
	width:48%;
	float:right;
}

@media (max-width: 975px) and (min-width: 786px) {
	.padding-10{
		width:750px;
	}
	
	#search {
		margin-left:0;
	}
	
	h2.title .center {
		min-width: 29%;
	}
	
	h2.title {
		margin-left: -3.581%;
	}
	
	.content-left {
		width: 494px;
	}
	
	.content-left h2.title {
		margin-left: -5.321%;
	}
	
	.content-left h2.title .center {
		min-width: 45%;
	}
	
	.content-right h2.title .center {
		min-width: 220px;
	}
	
	.input-text {
		width: 32%;
	}
	
	.textarea {
		width: 85.4%;
	}
	
	footer .item-20{
		width:25%;
		float:left;
	}

	footer .item-40{
		width:50%;
		float:left;
	}
	
	footer .bolivia{
		clear:both;
		width:100%;
	}
	
	#carousel .item, #categories .item{
		width:179.5px;
	}
}

@media (max-width: 785px) and (min-width: 595px) {
	.padding-10{
		width: 559px;
	}
	
	h2.title .center {
		min-width: 39%;
	}
	
	h2.title {
		margin-left: -4.144%;
	}
	
	#social{
		width:50%;
		float:left;
		text-align:left;
	}
	
	#social img{
		width:34px;
		height:34px;
	}
	
	#search{
		width:50%;
		margin-top: 1.3%;
		margin-left:0;
		max-width: 50%;
		float:right;
	}
	
	header{
		text-align:center;
	}
	
	#logo{
		float:none;
	}
	
	.content-left {
		width: 312px;
	}
	
	.content-left h2.title {
		margin-left: -7.265%;
	}
	
	.content-right h2.title .center {
		min-width: 216px;
	}
	
	.input-text {
		width: 77%;
	}
	
	.textarea {
		width: 77%;
	}
	
	footer .item-20{
		width:50%;
		float:left;
	}

	footer .item-40{
		width:50%;
		float:left;
	}
	
	footer .bolivia{
		clear:none;
		width:50%;
	}
	
	#carousel .item, #categories .item{
		width:178px;
	}
}

@media (max-width: 594px) and (min-width: 0px) {
	.padding-10{
		width: 100%;
		padding:0;
	}
	
	h2.title .center {
		width:100%;
	}
	
	h2.title {
		margin-left: 0;
		margin-bottom:10px;
		font-size:1.1em;
	}
	
	#social{
		width:100%;
		float:none;
	}
	
	#social img{
		width:34px;
		height:34px;
	}
	
	#search{
		float:none;
		margin-top: 1.3%;
		margin-left:0;
		width:100%;
		max-width:100%;
	}
	
	header{
		text-align:center;
	}
	
	#logo{
		float:none;
	}
	
	.content-left, .content-right {
		width: 100%;
	}
	
	.content-left h2.title {
		margin-left:0;
	}
	
	.content-left h2.title .center, .content-right h2.title .center {
		min-width: 91%;
	}
	
	.content-right h2.title {
		width: auto;
		margin-left: 0;
	}
	
	.input-text {
		width: 76%;
	}
	
	.textarea {
		width: 76%;
	}
	
	footer .item-20{
		width:50%;
		float:left;
	}

	footer .item-40{
		width:100%;
		float:left;
	}
	
	footer .bolivia{
		clear:none;
		width:100%;
	}
	
	#carousel .item, #categories .item{

	}
	
	#carousel .title, #categories .title {
		padding: 0 13%;
		width: 74%;
	}
	
	h2.title .left {
		display:none;
	}
	
	h2.title .right {
		display:none;
	}
	
	.content-left h2.title .center, .content-right h2.title .center {
		width:100%;
	}
}

/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}