@charset "utf-8";

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

/**************/
/* TEXTS      */
/**************/

h1{
	font-family: 'Exo', sans-serif;
	color:#999;
	font-size:33px;
	margin: 10px 0 10px 0;
	padding:0;	
}


p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#999;
	padding: 0 30px 0 0;
	text-align:justify;
}


span.subtitled {
		font-size:14px;
		font-weight:bold;
}


/*COLORS*/
.blue {color: #0C3F59}
.orange {color:#F60;}


/**************/
/* STRUCTURES */
/**************/

body {
	background: url(../images/build/background.jpg) repeat-x #fff;
	margin:0;
	
}

	.wrapper {
		width:983px;
		margin:15px auto;	
	}

/*** HEADER ***/

			.header {
				width:983px;
				height:350px;
			}
			
						.head {
							width:983px;
							height:84px;
							background:url(../images/build/background-head.jpg) no-repeat top left;
						}
						
								.head img { border:none; }
								
								.search-and-date{
										width:490px;
										height:50px;
										float: right;
										margin: 15px 15px 0 0 ;
										*position:absolute; /*IE7 HACK*/
										*margin:15px 15px 0 170px ; /*IE7 HACK*/
										*height:60px; /*IE7 HACK*/
									}
									
									
										.search-and-date form {
											float:right; 
											margin:0;
										}
										
											.social-red{
												width: 22px;
												height: 22px;
												float: right;
												margin-right: 10px;
											}
											
												.titulo-redes-sociales{
													width: 139px;
													height: 22px;
													float: right;
													margin-right: 5px;
												}
								
													.search-and-date input{
														width:210px;
														font-family:Tahoma, Geneva, sans-serif;
														font-size:12px;
														color: #999;
													}
													
													.search-and-date .submit{
														width:30px;
														height:22px;
														font-family:Tahoma, Geneva, sans-serif;
														font-size:12px;
														color: #fff;
														text-transform:uppercase;
														text-align:center;
														background:#1575A3;
													}
										
										.search-and-date p{
											font-family:Tahoma, Geneva, sans-serif;
											font-size:12px;
											color: #fff;
											text-align:right;
											display:block;
											float:right;											
											*display:inline; /*IE7 HACK*/
											*position:absolute; /*IE7 HACK*/
											*margin: 30px 0 0 41px;	 /*IE7 HACK*/										
										}
						
						
						.slider {
							width:983px;
							height:224px;
						}
						
						.menu {
							width:983px;
							height:44px;
							background:url(../images/build/background-menu.jpg) repeat-x top left;
							
						}
						
									.menu ul {
										margin:0;
										padding: 0;
									}	
										
										
											.menu ul li {
												display:inline-block;
												*display:inline; /*IE7 HACK*/
												width:115px;
												height:38px;
												list-style:none;
												margin:3px 0 0 0;
												padding: 0;
												
											}
											
													.menu ul li a {										
														display:inline-block;
														width:115px;
														height:38px;
														margin:0;
														*margin: 3px 0 0 0; /*IE7 Hack*/
														padding:0;
														font-family:Tahoma, Geneva, sans-serif;
														font-size:14px;
														color:#fff;
														line-height:38px;
														text-align:center;
														text-decoration:none;
														border-right:1px solid #fff;
													}
													
															.menu ul li a:hover { background:#0E5374; }
															
/*** CATEGORIES ***/
			
			.categories{
					width:984px;
					height:372px;
					margin:3px 0 3px 0;
			}
			
					.category-left{
						width:243px;
						height:183px;
						border:1px solid #ccc;
						margin:0 1px 2px 0;
						float:left;
					}
					
					.category-right{
						width:243px;
						height:183px;
						border:1px solid #ccc;
						margin:0 1px 2px 0;
						float:right;
					}
					
							.category-left img, .category-right img{ 
								margin:0;
								padding:0;
								border:none;
							}
							
							.category-left a.category-title, .category-right a.category-title {
								display:block;
								width:243px;
								height:32px;
								background:url(../images/build/background-categories-title.jpg) repeat-x top left;
								font-family: 'Exo', sans-serif;
								color:#fff;
								font-size:20px;
								line-height:32px;
								text-align:center;
								text-decoration:none;
							}

/*** BANNERS ***/

			.banners {
				width:984px;
				height:118px;
				margin: 4px 0 4px 0;
				*margin: 0 0 4px 0; /*IE7 HACK*/
				*padding: 4px 0 0 0; /*IE7 HACK*/
			}
			
				.banners img{ 
					float:left;
					border:0; 
					margin:0;
				}
				
				.banners img.banner-middle {
					margin: 0 2px 0 2px;
				}
			
/*** SIDEBAR ***/

.sidebar {
	width:243px;
	/*height:auto;*/
	height:100%;
	float:left;
	margin: 0 3px 0 0;
}

		.sidebar h1 {
			display:block;
			width:243px;
			height:38px;
			background:url(../images/build/background-product-title.jpg) no-repeat top left;
			font-family: 'Exo', sans-serif;
			color:#fff;
			font-size:17px;
			padding: 7px 0 0 10px;
			margin:0;
		}
		
.inner-sidebar {
	width:240px;
	/*height:auto;*/
	height:100%;
	float:left;
	margin: 0px 5px 0px 0px;
}

		.inner-sidebar h1 {
			display:block;
			width:243px;
			height:38px;
			background:url(../images/build/background-product-title.jpg) no-repeat top left;
			font-family: 'Exo', sans-serif;
			color:#fff;
			font-size:17px;
			padding: 7px 0 0 10px;
			margin:0;
		}
		
		
/*** OFERTAS ***/

.ofertas {
	width:737px;
	float:left;
	margin:0;
	padding:0;
}

.ofertas-section {
	width:737px;
	float:left;
	margin: 10px 0 0 0;
	padding:0;
}


	.ofertas h1, .ofertas-section h1 {
		display:block;
			width:727px;
			height:38px;
			background:url(../images/build/background-ofertas-title.jpg) repeat-x top left;
			font-family: 'Exo', sans-serif;
			color:#fff;
			font-size:20px;
			padding: 7px 0 0 10px;
			margin:0;
	}
	
		.oferta-first {
				width:240px;
				height:185px;
				border:1px solid #ccc;
				float:left;
				padding:0;
				margin:-3px 0 8px 0;
			}
	
	
			.oferta {
				width:240px;
				height:185px;
				border:1px solid #ccc;
				float:left;
				padding:0;
				margin: -3px 0 8px 5px;
			}
			
			.oferta-section {
				width:240px;
				height:185px;
				border:1px solid #ccc;
				float:left;
				padding:0;
				margin: -3px 20px 20px 35px;
			}
				
				
				.oferta-first img, .oferta img { border:none; }
				.oferta-details img { border:none; }
				
				.oferta-details h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:13px;
					font-weight:lighter;
					color:#D8580C;
					text-align:center;
					background:none;
					margin:0;
					padding:3px 0 0 0;
					line-height: 13px;
				}
				
				
				.oferta-details a.oferta-details-product {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					color:#333;
					line-height:25px;
					text-align:center;
					text-decoration:none;
					display:block;
					width:240px;
					height:25px;
					background:#E9E9E9;
					margin:5px 3px 0 0;
					float:left;
				}
				
							.oferta-details a:hover.oferta-details-product {
								color:#fff;
								background:#999;
							}
							
							
				
				.oferta-details p {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:12px;
					color:#fff;
					line-height:25px;
					text-align:center;
					text-decoration:none;
					display:block;
					width:59px;
					height:25px;
					background:#D8580C;
					margin:5px 0 0 0;
					float:left;
				}

				
/*** CONTENT ***/

.main-content {
	width:981px;
	/*height:auto;*/
	height:100%;
	border: 1px solid #ccc;
	background:#fff;
	}

			.content {
				width:734px;
				min-height:420px;
				margin: 0px 0 0px 0px;
				float:left;	
			}
			
/***CATEGORY TRADEMARK CAROUSEL ***/			

.category-trademark-carousel {
			width:646px;
			border: 1px solid #999;
			margin: 20px 0 20px 0;
		}
		
			 .category-trademark-carousel h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					font-weight:bold;
					color:#fff;			
					line-height:23px;
					background:#167CAD;
					width:636px;
					height:28px;
					margin: 0;
					padding: 0 0 0 10px;
				}



/*** SUBCATEGORIES ***/

.subcategories {
	width:660px;
}

		.subcategory {
			width:156px;
			height:181px;
			border:1px solid #999;
			margin: 0 5px 15px 0;
			float:left;
		}
		
					.subcategory a img { border:none;}
		
		
					.subcategory h2{						
						font-family:Tahoma, Geneva, sans-serif;
						font-size:12px;
						font-weight:bold;
						color:#fff;
						line-height:27px;
						text-align:center;
						display:block;
						width:156px;
						height:27px;
						background:#0C425C;
						margin:0;
						padding:0;
					}
					
					.subcategory a {						
						font-family:Tahoma, Geneva, sans-serif;
						font-size:11px;
						color:#fff;
						line-height:21px;
						text-align:center;
						text-decoration:none;
						display:block;
						width:156px;
						height:21px;
						background:#167CAD;
						border-top: 1px solid #fff;
						margin:0;
						padding:0;
					}
					
							.subcategory a:hover {background:#F60;}
							
					/*IMAGE LINK*/		
					.subcategory a.imageurl {
						display:inline;
						background:none;
						border-top:none;
						margin:0;
						padding:0;
					}	


/*** PRODUCTS ***/

.product-image{
	width:247px;
	min-height:300px;
	float:left;
	margin: 0 23px 0 0;
}

		.product-image img{
			border: 1px solid #ccc;
			margin: 0 0 3px 0;
		}
		
		.product-image img.bt-consulta{ border: none; }
		
		
		.product-image a.more-pictures {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:12px;
			color:#0C425C;
			line-height:23px;
			text-decoration:none;
			text-align:right;
			display:block;
			width:230px;
			height:25px;
			background: url(../images/build/misc-zoom.gif) no-repeat top left #D1EDFA;
			padding: 0 17px 0 0;
			margin: 0 0 3px 0;
		}
		
				.product-image a:hover.more-pictures {
					color:#fff;
					background: url(../images/build/misc-zoom.gif) no-repeat top left #0C425C;
				}
				
		.product-image a.sale-more-pictures {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:12px;
			color:#0C425C;
			line-height:23px;
			text-decoration:none;
			text-align:right;
			display:block;
			width:224px;
			height:25px;
			background: url(../images/build/misc-zoom.gif) no-repeat top left #D1EDFA;
			padding: 0 17px 0 0;
			margin: 0 0 3px 0;
		}
		
				.product-image a:hover.sale-more-pictures {
					color:#fff;
					background: url(../images/build/misc-zoom.gif) no-repeat top left #0C425C;
				}


.product-description {
	width:438px;
	float:left;
}

		.product-description .product-price {
			width:438px;
			height:40px;
			border-bottom: 1px dotted #ccc;
			padding: 0 0 15px 0;
			margin: 0 0 20px 0;
		}
		
		.product-description .product-price h3 {
			font-family: 'Exo', sans-serif;
			font-size:27px;
			color:#F60;
			padding: 0 0 17px 0;
			margin:0;
		}



		.product-description h2 {
			font-family: 'Exo', sans-serif;
			color:#F60;
			font-size:19px;
			margin:5px 0 10px 0;
			padding:0;
		}


		.product-description p { margin:0; padding:0 10px 0 0; }
		

		.product-description ul {
			padding: 0;
			margin: 15px 10px 20px 15px;
		}

					.product-description ul li {
						font-family:Tahoma, Geneva, sans-serif;
						font-size:11px;
						color:#999;
						list-style-image:url(../images/build/misc-list.gif);
						margin: 3px 0 5px 0;
					}
					
											.product-description ul li ul {
												padding:0;
												margin:8px 0 0 25px;
											}
					
					
												.product-description ul li ul li {
														font-family:Tahoma, Geneva, sans-serif;
														font-size:9px;
														color:#666;
														list-style-image:url(../images/build/misc-list2.gif);
														margin: 0;
														padding:0;
													}
		
		/*Advice: para los consejos de RODI*/
		
		.product-description .advice {
			width:423px;
			border: 1px solid #ccc;
			margin: 20px 0 10px 0;
		}
		
				.product-description .advice h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					font-weight:bold;
					color:#666;			
					line-height:26px;
					background:#dfdfdf;
					width:px;
					height:28px;
					margin: 0;
					padding: 0 0 0 10px;
				}
				
				.product-description .advice p{
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					color:#666;			
					padding: 10px;
				}
				
				.product-description .advice dl{
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					color:#666;			
					padding: 10px;
					margin:0;
				}
				
							.product-description .advice dt{
								font-family:Tahoma, Geneva, sans-serif;
								font-size:13px;
								font-weight:bold;
								color:#333;			
								padding: 10px 0 5px 0;
							}
							
							.product-description .advice dd{
								font-family:Tahoma, Geneva, sans-serif;
								font-size:11px;
								color:#666;			
								padding: 0 8px 20px 0;
								margin: 0 0 0 15px;
								text-align:justify;
							}
							
										.product-description .advice dd ol{	margin:15px 0 15px 0; }
				
		/*Composition: Partes / Despiece */

		.product-description .composition {
			width:423px;
			border: 1px solid #ccc;
			margin: 20px 0 10px 0;
		}
		
				.product-description .composition h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					font-weight:bold;
					color:#fff;			
					line-height:26px;
					background:#214659;
					width:px;
					height:28px;
					margin: 0;
					padding: 0 0 0 10px;
				}
				
				.product-description .composition p{
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					color:#666;			
					padding: 10px;
				}
				
				.product-description .composition dl{
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					color:#666;			
					padding: 10px;
					margin:0;
				}
				
							.product-description .composition dt{
								font-family:Tahoma, Geneva, sans-serif;
								font-size:13px;
								font-weight:bold;
								color:#333;			
								padding: 10px 0 5px 0;
							}
							
							.product-description .composition dd{
								font-family:Tahoma, Geneva, sans-serif;
								font-size:11px;
								color:#666;			
								padding:  0 8px 20px 0;
								margin:0 0 0 15px;
								text-align:justify;
							}
							
		
		.product-description .trademark-carousel-first {
			width:423px;
			border: 1px solid #ccc;
			margin: 0 0 20px 0;
		}
		
		
		.product-description .trademark-carousel {
			width:423px;
			border: 1px solid #ccc;
			margin: 20px 0 20px 0;
		}
		
				.product-description .trademark-carousel h2, .product-description .trademark-carousel-first h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:11px;
					font-weight:bold;
					color:#666;			
					line-height:23px;
					background:#dfdfdf;
					width:413px;
					height:28px;
					margin: 0;
					padding: 0 0 0 10px;
				}
				
				
				.product-description .composition .composition-item {
					width:423px;
					height:80px;
					margin: 0 0 15px 0;
				}
				
									.product-description .composition .composition-item .composition-image {
										margin: 10px 15px 0 15px;
										float:left;
									}
									
														.product-description .composition .composition-item .composition-image img {border: 1px solid #ccc;}
									.product-description .composition .composition-item .composition-description {
										margin: 0 15px 0 15px;
										float:left;
									}
		
.hidden-products{visibility:hidden;}

/****************/
/*SECCIONES     */
/****************/


/*** LA EMPRESA ***/

.company-image{
	width:247px;
	min-height:300px;
	float:left;
	margin: 0 23px 0 0;
}

		.company-image img{
			border: 1px solid #ccc;
			margin: 0 0 7px 0;
		}



.company-list1 {
	width: 150px;
	float:left;
}

.company-list2 {
	width: 270px;
	float:left;
}


/*** UBICACION ***/

iframe.gmaps {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}


/*** CONTACTO ***/

form.contact-form {	
	width:600px; 
	margin: 45px 0 0 50px;
}

form.contact-form fieldset {	
	margin: 0 0 25px 0;
}

		form.contact-form label {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:15px;
			color:#999;
			display:inline-block;
			width:120px;
			vertical-align:top;
			
		}
		
		
		form.contact-form input{
			font-family:Tahoma, Geneva, sans-serif;
			font-size:11px;
			color:#666;
			display:inline-block;
			margin: 0 25px 25px 0;
		}
		
		 form.contact-form select {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:11px;
			color:#666;
			display:inline-block;
			width:140px;
			margin: 0 25px 25px 0;
		}
		
		form.contact-form textarea{
			font-family:Tahoma, Geneva, sans-serif;
			font-size:11px;
			color:#666;
			display:inline-block;
			width:423px;
			height: 80px;
			margin: 0 25px 25px 0;
		}
		
		form.contact-form  .buttonsubmit{
			font-family:Tahoma, Geneva, sans-serif;
			font-size:11px;
			color:#666;
			display:inline-block;
			margin: 0 0 0 120px;
		}
		
		.dottedline {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:17px;
			color:#067599;
			padding:5px;
			width:540px;
			height:20px;
			border-bottom:1px dotted #067599;
			margin: 0 0 30px 0;
		}
		
		.captcha {
			width:200px;
			height:80px;
			background:#CCC;
			margin: 0 0 20px 122px;
			}


/**************/
/*** FOOTER ***/
/**************/

.footer {
	width:983px;
	height:79px;
	background:url(../images/build/background-footer.jpg) repeat-x top left;
	margin:0;
	margin: 4px 0 0 0; /*IE7 HACK*/
	padding:0;	
}

	.footer ul {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#fff;
		list-style-image:url(../images/build/misc-list.gif);		
		margin:0 0 0 20px;
		padding:15px 0 0 10px;
	
		float:left;
	}
	
	.copyright {
		float:right;
		margin: 42px 0 0 0;
	}
			.copyright img {border:0;}