/********************** <General> **********************/
* {margin: 0; padding: 0;}

body{
	background: #EEE url(/imagenes/fondo_body.jpg) repeat-x left top;
}

.accesibilidad{display: none;}

a{text-decoration: none;}

img{border:0;}

#contenedor{
	width: 775px;
	margin: auto;
}
/********************** </General> **********************/
/********************** <cabecera> **********************/
#cabecera{
	float:left;
	width:100%;
	height:120px;
}
	#cabecera img{
		float: left; 
	}

h1 a{
	display: block;
	float: left;
	z-index: 1;
	width: 300px;
	height: 120px;
	background: url(/imagenes/logo_inseraqua.jpg) no-repeat;
}
	h1 a span{
		position: absolute;
		z-index: -1;
		display:none;
	}
	/********************** <men?> **********************/
	#menu{
		float: right;
		width: 290px;
		height: 35px;
		margin: 75px 0 0 0;
		padding: 10px 0 0 185px;
		list-style:none;
		background: url(/imagenes/fondo_menu.jpg) no-repeat;
	}
		ul#menu li{
			float: left;
			padding: 0 5px 0 10px;
			background: url(/imagenes/rayita_menu.gif) no-repeat left center;
		}	
			ul#menu li#menu_inicio{
				background: none;
			}	
		ul#menu li a{
			font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
			font-size: 12px;
			font-weight: bold;
			text-transform:uppercase;
			color: #315A94;
		}
	/********************** </men?> **********************/
/********************** </cabecera> **********************/
h2{
	clear: both;
	z-index: 1;
	width:100%;
	height:206px;
	background: url(/imagenes/fondo_frase.jpg) no-repeat;
}
	h2 span{
		position: absolute;
		z-index: -1;
		display:none;
	}
/********************** <contenido> **********************/
#contenido{
	clear: both;
	width: 775px;
	overflow:hidden;
	clear:both;
	min-height: 175px;
	_height: 175px;
	height: auto;
	background: url(/imagenes/fondo_contenido.jpg) repeat-y;
}

	/********************** <contenido_texto> **********************/
	#contenido_texto{
		float:left;
		display:inline;
		width:470px;
		margin: 30px 0 0 0;
		}
		#contenido_texto h3{
			margin: 0 0 5px 50px;
		}
			#contenido_texto h3#titulo_inicio{
				height: 25px;
				background: url(/imagenes/titulo_inicio.jpg) no-repeat;
			}
				#contenido_texto h3#titulo_inicio span{
					display: block;
					text-indent: -5000px;
				}
			#contenido_texto h3#titulo_empresa{
				height: 25px;
				background: url(/imagenes/titulo_empresa.jpg) no-repeat;
			}
				#contenido_texto h3#titulo_empresa span{
					display: block;
					text-indent: -5000px;
				}
			#contenido_texto h3#titulo_productos{
				height: 25px;
				background: url(/imagenes/titulo_productos.jpg) no-repeat;
			}
				#contenido_texto h3#titulo_productos span{
					display: block;
					text-indent: -5000px;
				}
			#contenido_texto h3#titulo_contacto{
				height: 25px;
				background: url(/imagenes/titulo_contacto.jpg) no-repeat;
			}
				#contenido_texto h3#titulo_contacto span{
					display: block;
					text-indent: -5000px;
				}
		#contenido_texto h4{
			font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
			font-size:14px;
			color:#006699;
			line-height: 140%;
			padding: 0 65px 15px 50px;
		}
		#contenido_texto p{
			font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
			font-size:12px;
			color: #666;
			line-height: 140%;
			padding: 0 65px 15px 50px;
		}
		#contenido_texto ul{
			font-family: "Trebuchet MS", Arial, Helvetica, "sans serif";
			font-size:12px;
			color: #666;
			line-height: 140%;
			padding: 0 65px 15px 50px;
		}
		#contenido_texto li {
			margin:0 10px;
			list-style:none;
			padding:5px 20px;		
			list-style:none;
			background:url(../imagenes/bullet.jpg) no-repeat left center;	
		}
	#contenido_texto a{
		border-bottom: 1px dashed #FFF;
		color: #2792D6;
		border-bottom: 1px solid #2792D6;
		}
	#contenido_texto a:hover{
		color: #59ABE1;
		border-bottom: 1px solid #2792D6;
		}
		/********************** <CONTACTO> *************************************/
		#formulario{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align: justify;
			color: #666;
			line-height: 145%;
			}
		
		#formulario dt {
			margin-top:10px;
		}
		#formulario dd {
			margin-left:10px;
			padding-top: 5px;
		}
		#formulario, #errores{
			margin:0 0 10px 55px;
		}
		#errores{
			margin-left: 65px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			display:block;
			color:#FF0000;
		}
		.caja_form{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			border: 1px solid #7F9DB9;
			color:#666666;
		}
		.caja_form_error{
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			border: 1px solid #FF0000;
			color:#666666;
		}
		.boton_form{
			display:inline;
			border: 1px solid #4D6C8A;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding:2px;
			background-color:#fff;
		}
		#disenyo_web{
			margin:15px 0 0 0px;
		}
		#datos_contacto {
			float:right;
			width:210px;
			margin:30px 40px 0 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			border:1px solid #CCC;
			line-height:160%;
			color:#006699;
			padding:20px 10px;
			text-align:center;
		}
		
		#datos_contacto a{
			color:#666;
			text-decoration:underline;
		}
		/********************** </CONTACTO> *************************************/
	/********************** </contenido_texto> **********************/
#imagen_inicio{
	float: left;
	width: 305px;
	height: 175px;
	background: url(/imagenes/imagen_inicio.jpg) no-repeat right bottom;
}
/********************** </contenido> **********************/
/********************** <pie> **********************/
#pie{
	width: 100%;
	height: 40px;
	background: url(/imagenes/fondo_pie.jpg) no-repeat;
}
/********************** </pie> **********************/