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

	html {
		background: #BAE658 url(img/bg_body.png) top left repeat;
		}
	body {
		background: transparent url(img/bg_top.png) top left repeat-x;
		text-align: center;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 110px;
			}
			
			#head h1 {
				position: absolute;
				top: 0;
				left: 50%;
				margin: 0 0 0 150px;
				}
			#head p {
				float: left;
				margin: 0;
				padding: 6px 0 5px 0;
				color: #FFFFFF;
				}
				#head p span {
					margin: 0 30px;
					}
				#head p a {
					color: #FFFFFF;
					text-decoration: none;
					}
					#head p a:hover {
						text-decoration: underline;
						}
				
			
			#head ul {
				margin: 0;
				padding: 25px 0;
				clear: left;
				list-style: none;
				}
				#head ul li {
					margin: 0;
					padding: 0;
					float: left;
					}
					#head ul li a {
						display: block;
						text-indent: -9999px;
						height: 30px;
						background-position: top;
						}
						#head ul li a:hover {
							background-position: center;
							}
						#head ul li.sel a {	
							background-position: bottom;
							}
					#head ul li a#btn_inic {
						background-image: url(img/btn_inicio.png);
						width: 67px;
						}
					#head ul li a#btn_noso {
						background-image: url(img/btn_nosotros.png);
						width: 96px;
						}
					#head ul li a#btn_prod {
						background-image: url(img/btn_productos.png);
						width: 105px;
						}
					#head ul li a#btn_serv {
						background-image: url(img/btn_servicios.png);
						width: 95px;
						}
					#head ul li a#btn_cont {
						background-image: url(img/btn_contactos.png);
						width: 106px;
						}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#splash {
		padding: 0 0 23px 0;
		background: transparent url(img/bg_main-top.png) bottom no-repeat;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		padding: 0 0 10px 0;
		background: transparent url(img/bg_main.png) top repeat-y;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#cont {
		float: left;
		width: 550px;
		padding: 0 0 0 10px;
		}
		
		#cont h2 {
			margin: 0;
			padding: 1px 10px 9px 10px;
			font-size: 38px;
			color: #FFFFFF;
			background: url(img/bg_cont-h2.png) top no-repeat;
			line-height: 40px;
			}
			
		#cont h3 {
			font-size: 18px;
			font-weight: normal;
			color: #333333;
			text-align: right;
			padding: 4px 10px 5px 10px;
			line-height: 18px;
			margin: 0 0 14px 0;
			background: url(img/bg_cont-h3-yellow.png) no-repeat;
			clear: both;
			}
			#cont h3.pink {
				background: url(img/bg_cont-h3-pink.png) no-repeat;
				}
			#cont h3.blue {
				background: url(img/bg_cont-h3-blue.png) no-repeat;
				}
		
		#cont a {
			color: #82BBDA;
			text-decoration: none;
			font-weight: bold;
			}
			#cont a:hover {
				text-decoration: underline;
				}
				
		#cont blockquote {
			margin: 5px 10px;
			padding: 0 0 0 24px;
			background: url(img/bg_blockquote.png) top left no-repeat;
			}
			#cont blockquote p {
				font-style: italic;
				font-size: 18px;
				margin: 0;
				color: #666666;
				}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#side {
		float: right;
		width: 326px;
		padding: 0 10px 0 0;
		}
		
		#side h3 {
			margin: 0;
			padding: 4px 10px 12px 10px;
			font-size: 24px;
			color: #FFFFFF;
			background: url(img/bg_side-h3.png) top no-repeat;
			text-align: right;
			line-height: 24px;
			}
		#side div {
			background: #E9F6F9 url(img/bg_side-btm.png) bottom no-repeat;
			padding: 4px 10px 10px 10px;
			margin: 0 0 10px 0;
			}
		#side div h4 {
			font-size: 18px;
			font-weight: normal;
			margin: 0 0 10px 0;
			color: #628FA7;
			}
			
 
/*///////////////////////////////////////////////////////////////////////////*/

	#contacto {
		margin: 0;
		padding: 0;
		}
		#contacto fieldset {
			margin: 0 0 10px 0;
			padding: 20px 56px;
			background-color: #D3EEF4;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border: 0;
			}
			#contacto fieldset legend {
				display: none;
				}
			#contacto fieldset label {
				display: block;
				}
			#contacto fieldset input {
				width: 426px;
				border: 2px solid #C1DFEE;
				font-family: "Courier New", Courier, monospace;
				font-size: 16px;
				padding: 4px;
				color: #628FA7;
				}
			#contacto fieldset textarea {
				width: 426px;
				border: 2px solid #C1DFEE;
				font-family: "Courier New", Courier, monospace;
				font-size: 16px;
				padding: 4px;
				color: #628FA7;
				margin: 0 0 20px 0;
				}
			#contacto fieldset p {
				text-align: right;
				margin: 0;
				}
				#contacto fieldset p button {
					margin: 0;
					padding: 0;
					border: 0;
					text-indent: -9999px;
					width: 104px;
					height: 28px;
					background-image: url(img/btn_enviar.png);
					cursor: pointer;
					}
			p.enviado {
				padding: 5px 10px;
				background-color: #EAF7CC;
				color: #4D6025;
				font-size: 16px;
				}
 
/*///////////////////////////////////////////////////////////////////////////*/

	.pics {
		clear: both;
		height: 110px;
		}
		.pics a {
			margin: 0 0 0 5px;
			display: inline-block;
			
			}
		.pics a:first-child {
			margin: 0;
			}
	.pics a img {
		border: 1px solid #CCCCCC;
		}
		.pics a:hover img {
			border: 1px solid #7F9E3D;
			}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		background: url(img/bg_foot.png) no-repeat;
		height: 70px;
		padding: 20px 10px 10px 10px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		}
		#foot a {
			color: #FAFFD6;
			text-decoration: none;
			}
			#foot a:hover {
				text-decoration: underline;
				}