/* SAR Labortecnic */

	body {	
		margin: 0;
		padding: 0;
		font-size: 10px;
		font-family: Arial, Verdana, sans-serif;
		background: #fff;		
	}

	p, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
	}

	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	a, p {
		color: #666;
	}

	img {
		border: none;
	}
	
	.content {
		width: 950px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	/* Top bar */
	
		#top-bar {
			background-color: #000;
			border-bottom: 1px solid #fff;
			padding: 8px 0;
		}
		
		#top-bar p.contact {
			float: right;
			margin: 0;
			padding: 0;
			font-size: 11px;
			font-weight: bold;
			_display: inline;
		}
		
			#top-bar p.contact a {
				color: #fff;
				display: block;
				background: url("../images/icon-letter.gif") no-repeat right center;
				padding: 0 30px 0 0;
				text-decoration: none;					
			}
			
				#top-bar p.contact a:hover {
					text-decoration: underline;
				}				
				
				
		#top-bar p.languages {
			color: #fff;
			float: right;				
			margin: 0 70px 0 0;
			padding: 0;
			font-size: 11px;
		}
		
			#top-bar p.languages a,
			#top-bar p.languages strong {
				color: #fff;
				text-decoration: none;					
			}
			
			#top-bar p.languages span {
				padding: 0 7px;
			}
			
				#top-bar p.languages a:hover {
					text-decoration: underline;
				}				
		
	
	/* Header */
	
		#header {
			background: #fff;					
		}
			
			#header .content {
				padding: 15px 0 10px 0;
				height: 140px;
				background: url("../images/header-background-1.jpg") no-repeat right bottom;
			}
		
			#header h1 {
				float: left;
				padding-bottom: 30px;
				_display: inline;
			}
			
			#header h1 img {
				width: 500px;
			}
	
	/* Main menu */
	
		#main-menu {
			padding-top: 10px;
			border-top: 1px solid #fff;
			background: #E52226 url("../images/background-main-menu.gif") repeat-x left bottom; 
		}
		
			#main-menu img {
				display: block;
			}			
		
			#main-menu ul {
				width: 100%;
				overflow: hidden;
			}			

				#main-menu ul li {
					float: left;
				}
				
				#main-menu ul li.contact {
					float: right;
				}
	
	/* Page content */
	
		#page {
			background: #eee url("../images/background-page.gif") repeat-x left top;
		}
		
		/* Local menu */
		
			#page .local-menu {
				width: 100%;
				overflow: hidden;				
				padding: 10px 0 0 0;
			}
			
				#page .local-menu li {
					float: left;					
					color: #666;
					font-size: 12px;
					margin-right: 10px;
					padding-right: 10px;
					border-right: 1px solid #666;
				}
				
					#page .local-menu li.last {
						margin-right: 0;
						padding-right: 0;
						border-right: none;
					}
				
					#page .local-menu li a {
						color: #666;
						text-decoration: none;
					}
					
						#page .local-menu li a:hover {
							text-decoration: underline;
						}
						
		/* Text area */
		
			#page .text {
				position: relative;
				padding: 0 0 30px 0;
			}
			
				#page .text h2 {
					color: #666;
					font-size: 30px;
					padding-top: 35px;
					margin-bottom: 15px;
				}
				
				#page .text h3 {
					color: #E52226;
					font-size: 1.6em;
					margin-bottom: 15px;
				}
				
				#page .text h4 {
					color: #666;
					font-size: 1.4em;
					margin-bottom: 15px;
				}
			
				#page .text p {
					color: #333;
					font-size: 13px;
					line-height: 18px;
					margin: 0 0 20px 0;
				}
				
				#page .text ul {
					font-size: 13px;
					margin-bottom: 35px;
				}
				
					#page .text ul li {
						color: #333;
						padding-left: 25px;
						margin-bottom: 12px;
						background: url("../images/text-li.gif") no-repeat 15px 7px;
					}
					
				#page .text img.right {
					float: right;
					margin: 0 0 35px 20px;
					border: 1px solid #ccc;
				}
				
				#page .text img.left {
					float: left;
					margin: 0 20px 35px 0;
					border: 1px solid #ccc;
				}
				
			/* Listado de referencias */
				
				#page .text .references {
					width: 350px;
					float: left;
				}
				
					#page .text .references li {
					}
			
			/* Galeria lateral */
			
			
				#page .text .right-gallery {
					float: right;				
					width: 300px;
					height: 225px;
					margin-left: 20px;
				}
				
					#page .text .right-gallery ul {
						padding: 0;
						margin: 0;
					}
			
						#page .text .right-gallery li {
							background: none;
							padding: 0;
							margin: 0;
							border-bottom: 2px solid #ddd;
							
						}
						
						#page .text .right-gallery li img {
							margin-bottom: 5px;
						}
						
						#page .text .right-gallery li span {
							display: block;
							font-size: 11px;
							text-align: right;
							padding-bottom: 8px;
						}
			
			/* Listado de publicaciones */
			
				#page .text .list-downloads {
					width: 100%;
					overflow: hidden;
					margin: 0;
					padding: 0;
				}
				
					#page .text .list-downloads li {
						margin: 0 50px 40px 0;
						padding: 0;
						background: none;
						width: 420px;
						overflow: hidden;						
						float: left;
					}
					
						#page .text .list-downloads li img {
							float: left;
							margin: 0 15px 0 0;
							border: 1px solid #ccc;
						}
						
						#page .text .list-downloads li p.title {
							font-size: 1.1em;
							font-weight: bold;
							margin: 0;
						}
						
						#page .text .list-downloads li p.type {
							color: #666;
						}
						
						#page .text .list-downloads li p.author {
							font-size: .9em;
						}
						
						#page .text .list-downloads li p.link {
							font-size: .9em;
						}
						
						#page .text .list-downloads li p.link a {
							background: url("../images/pdf-icon.gif") no-repeat left center;
							padding: 1em 0 1em 3.5em;
						}
			
				
			/* Listado de noticias */
				
				#page .text .news {
					margin: 0;
					padding: 0;
					width: 700px;
				}
				
					#page .text .news li {
						margin: 0 0 30px 0;
						padding: 0;
						background: none;
					}
					
						#page .text .news li .date {
							color: #999;
							margin: 0;
						}
						
						#page .text .news li .title {
							color: #E52226;
							font-size: 1.4em;
							margin: 0;
						}
						
						#page .text .news li p {
							margin: 5px 0;
							padding: 0;
							line-height: 18px;
						}
	
	
			/* Formulario de contacto */
			
				#page .text form.contacto {
					margin: 0;
					padding: 0;
				}
				
					#page .text form.contacto .campo {
						margin-bottom: 15px;
					}
				
					#page .text form.contacto .campo,
					#page .text form.contacto .campo * {
						vertical-align: middle;						
					}
	
					#page .text form.contacto .campo label {
						float: left;
						text-align: right;
						width: 150px;
						margin-right: 10px;
						font-size: 12px;
						line-height: 20px;
					}
					
					#page .text form.contacto .campo input.form-text {
						width: 250px;
					}
					
					#page .text form.contacto textarea {
						width: 400px;
						height: 100px;
					}
					
					#page .text form.contacto .botones-radio {
						width: 600px;
						overflow: hidden;
					}
					
					#page .text form.contacto .form-check-button {						
						vertical-align: middle;
						width: 200px;
						float: left;
						margin-bottom: 7px;
					}
					
						#page .text form.contacto .form-check-button label {
							font-size: 12px;
							line-height: 20px;
							vertical-align: middle;
						}
						
						#page .text form.contacto .form-check-button input {
							vertical-align: middle;
						}
	
			/* Product list */ 
			
				#page .text .product-list img,
				#page .text .used-machinery-list img {
					display: block;
					border: 1px solid #ccc;
				}
				
					#page .text .product-list #gallery-jquery img {
						width: 75px;
						height: 75px;
					}
				
					#page .text .product-list li.product {
						width: 100%;
						overflow: hidden;
						position: relative;
						margin: 0 0 30px 0;							
						padding: 0 0 30px 0;
						border-bottom: 1px dotted #ccc;
						background: none;
					}
					
					#page .text .used-machinery-list li.product {
						width: 100%;
						overflow: hidden;
						position: relative;
						margin: 0 0 20px 0;							
						padding: 0 0 20px 0;
						background: none;
						border-bottom: 1px solid #ccc;
						
						display: inline-block;
						vertical-align: top;
						*display: inline;
						*zoom: 1;
					}
					
						#page .text .product-list li.product .go-up,
						#page .text .used-machinery-list li.product .go-up {
							margin: 0;
							position: absolute;
							right: 0;
							top: 0;
						}
						
							#page .text .product-list li.product .go-up a,
							#page .text .used-machinery-list li.product .go-up a {
								color: #d31317;
								padding-right: 14px;
								background: url("../images/go-up-arrow.gif") no-repeat right center;
							}
					
						#page .text .product-list li.product .link {
							float: left;
							margin: 0 15px 0 0;
						}
						
						#page .text .used-machinery-list li.product .link {
							float: right;
							margin: 0 0 0 15px;
						}
					
						#page .text .product-list li.product img.main-image,
						#page .text .used-machinery-list li.product img.main-image {
							padding: 0;
							display: block;
							margin-bottom: 8px;
						}
						
						#page .text .product-list li.product img.main-image {
							float: left;
							margin: 0 15px 0 0;
							width: 230px;
							height: 230px;
						}
						
						#page .text .product-list li.product .lens, 
						#page .text .used-machinery-list li.product .lens {
							display: block;
							font-size: 11px;
							padding: 2px 2px 2px 20px;
							background: url("../images/lupa.png") no-repeat left center;
						}
						
						#page .text .used-machinery-list li.product .link.hidden {
							display: none;
						}
						
						#page .text .product-list li.product h3,
						#page .text .used-machinery-list li.product h3 {
							color: #D31317;
							font-size: 18px;
							margin-bottom: 10px;
						}
					
						#page .text .product-list li.product .gallery,
						#page .text .used-machinery-list li.product .gallery {
							position: absolute;
							margin: 0;
							padding: 0;
							left: 0;
							bottom: 30px;
							*bottom: 43px;
						}
						
							#page .text .product-list li.product .gallery p,
							#page .text .used-machinery-list li.product .gallery p {
								font-size: 11px;
								margin-bottom: 7px;
							}
						
							#page .text .product-list li.product .gallery li,
							#page .text .used-machinery-list li.product .gallery li {
								margin: 0 5px 0 0;
								padding: 0;
								float: left;
								display: inline;
							}





							#page .text .inner-menu {
								top: 40px;
								right: 0;
								width: 200px;
								border: 1px solid #ccc;
								background-color: #fff;
								z-index: 1000;
								position: absolute;
							}
							
							#page .text .inner-menu p {
								color: #fff;
								padding: 5px 10px;
								margin-bottom: 10px;
								background-color: #e52226;
							}
							
							#page .text .inner-menu ul {
								padding: 0 10px;
								margin-bottom: 20px;
							}
							
								#page .text .inner-menu ul li {
									font-size: 11px;
									margin: 0 0 10px 0;
									padding-left: 10px;
									background: url("../images/product-menu-li.gif") no-repeat left 3px;
								}
								
	
							#page #index li.iso {
							top: 316px;
							left: 484px;
							}
							
								#page #index li.iso a {
								background: url("../images/iso.gif") no-repeat center top;
								display: block;
								width: 170px;
								height: 58px;	
								font-size: 11px;
								text-align: center;
								padding-top: 50px;
								
								}
								#page #index li.iso a:hover {
								background: url("../images/iso.gif") no-repeat center top;
								}	

	/* Downloads list */
	
		#page .text .download-categories {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 0 0 30px 0;
			vertical-align: top;
		}
		
		#page .text .download-categories li {
			width: 150px;			
			padding: 0;
			margin: 15px 15px 25px 15px;
			background: none;
			text-align: center;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
		}
		
		#page .text .download-categories p {
			margin-bottom: 7px;
		}
		
		#page .text .download-categories img {
			width: 150px;
			display: block;
			padding: 1px;
			margin-bottom: 10px;
			border: 1px solid #ccc;
		}
	
	
	
	
	
	
	#page #index {
	width: 850px;
	height: 619px;
	background: url("../images/background-index.gif") no-repeat left top;
	position: relative;
	margin: 0;
	padding: 0;
	}
	
	#page #index li {
	position: absolute;
	background: none;
	margin: 0;
	padding: 0;
	}
	
	#page #index li.productos {
	top: 11px;
	right: 119px;	
	}
		
		#page #index li.productos a {
		background: url("../images/item-index-productos-off.gif") no-repeat left top;
		display: block;
		width: 133px;
		height: 188px;	
		}
		#page #index li.productos a:hover {
		background: url("../images/item-index-productos-on.gif") no-repeat left top;
		}

		
	#page #index li.contacto {
	bottom: 38px;
	right: 71px;	
	}
	
		#page #index li.contacto a {
		background: url("../images/item-index-contacto-off.gif") no-repeat left top;
		display: block;
		width: 141px;
		height: 103px;	
		}
		#page #index li.contacto a:hover {
		background: url("../images/item-index-contacto-on.gif") no-repeat left top;
		}

		
	#page #index li.noticias {
	bottom: 36px;
	right: 229px;	
	}
	
		#page #index li.noticias a {
		background: url("../images/item-index-noticias-off.gif") no-repeat left top;
		display: block;
		width: 122px;
		height: 132px;	
		}
		#page #index li.noticias a:hover {
		background: url("../images/item-index-noticias-on.gif") no-repeat left top;
		}
		

	#page #index li.download {
	bottom: 45px;
	right: 366px;	
	}
	
		#page #index li.download a {
		background: url("../images/item-index-downloads-off.gif") no-repeat left top;
		display: block;
		width: 97px;
		height: 110px;	
		}
		#page #index li.download a:hover {
		background: url("../images/item-index-downloads-on.gif") no-repeat left top;
		}
	
	
	#page #index li.instalaciones {
	bottom: 96px;
	left: 32px;	
	}
	
		#page #index li.instalaciones a {
		background: url("../images/item-index-instalaciones-off.gif") no-repeat left top;
		display: block;
		width: 323px;
		height: 170px;	
		}
		#page #index li.instalaciones a:hover {
		background: url("../images/item-index-instalaciones-on.gif") no-repeat left top;
		}	
	
	
	#page #index li.referencias {
	top: 183px;	
	left: 45px;	
	}
	
		#page #index li.referencias a {
		background: url("../images/item-index-referencias-off.gif") no-repeat left top;
		display: block;
		width: 135px;
		height: 175px;	
		}
		#page #index li.referencias a:hover {
		background: url("../images/item-index-referencias-on.gif") no-repeat left top;
		}	
		
		
	#page #index li.empresa {
	top: 61px;
	left: 361px;	
	}
	
		#page #index li.empresa a {
		background: url("../images/item-index-empresa-off.gif") no-repeat left top;
		display: block;
		width: 221px;
		height: 185px;	
		}
		#page #index li.empresa a:hover {
		background: url("../images/item-index-empresa-on.gif") no-repeat left top;
		}	
		
		
	#page #index li.servicios {
	top: 58px;
	left: 210px;	
	}
	
		#page #index li.servicios a {
		background: url("../images/item-index-servicios-off.gif") no-repeat left top;
		display: block;
		width: 150px;
		height: 218px;	
		}
		#page #index li.servicios a:hover {
		background: url("../images/item-index-servicios-on.gif") no-repeat left top;
		}	
		
	
	/* Footer */
		
		#footer {
			padding: 25px 0;
			border-top: 1px solid #fff;
			background: url("../images/background-footer.gif") repeat-x left top;
		}
		
			#footer img {
				float: right;
				margin: 0 10px 0 0;
			}
			
			#footer address {
				color: #666;
				font-size: 12px;
				font-style: normal;
				padding-top: 15px;
			}
			
			#footer p {				
				float: right;
				color: #666;
				font-size: 12px;				
			}

			
			
/* Main menu for CMS */

	.content-alta {
		background-color: #e52226;
	}
	
	.content-alta .main-menu {
		width: 950px;
		overflow: hidden;
		margin: 0 auto;
		padding: 10px 0;
	}
	
	.content-alta .main-menu li {
		font-size: 12px;
		float: left;
		margin-left: 8px;
		padding-left: 8px;
		border-left: 1px solid #fff;
	}
	
	.content-alta .main-menu li:first-child {		
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	
	.content-alta .main-menu li a {
		color: #fff;
		text-decoration: none;
	}
	
	.content-alta .main-menu li a:hover {
		text-decoration: underline;
	}