/* CSS Document */
@import url("reset.css");

html, body {
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
}

input {
	font-family: Verdana, Geneva, sans-serif;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #f95403;
}

ul, ol {
	padding-left: 15px;
	margin: 8px 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 5px 0;
}

#layout {
	width: 1024px;
	height: 550px;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -512px; 
	margin-top: -275px; 
	background: #fff url("img/inicio-factoria.gif") no-repeat;
	color: #fff;
}

#header {
	width: 100%;
	height: 30px;
}

	#header h2 {
		margin-top: 6px;
		margin-left: 18px;
		background: url("img/texto-mantenimiento.gif") no-repeat;
		width: 640px;
		height: 0;
		padding: 22px 0 0 0;
		overflow: hidden;
	}

	#header h3 {
		position: absolute;
		right: 74px;
		top: 7px;
		background: url("img/texto-telefono.gif") no-repeat;
		width: 125px;
		height: 0;
		margin: 0;
		padding: 17px 0 0 0;
		overflow: hidden;	
	}

#footer {
	width: 260px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	padding: 0 0 6px 0;
}

#aside {
	position: absolute;
	right: 0;
	top: 31px;
	height: 485px;
	width: 260px;
}

#content {
	position: absolute;
	left: 0;
	top: 32px;
	width: 727px;
	height: 498px;
	background-color: #b6cfa0;
	padding: 10px 15px 10px 20px;
	color: #003300;
	overflow: scroll;
}

	#content a {
		color: #003300;
		border-bottom: 1px dotted;		
	}
		

#menu {
	margin-top: 88px;
	margin-left: 30px;
	width: 200px;
}
	#menu ul {
		list-style: none;
		padding: 0;
	}
	
	#menu li {
		margin: 5px 0;
	}
	
	#menu span {
		visibility: hidden;
		padding: 0 20px 0 0;
	}
	
	#menu a {
		text-decoration: none;
		display: block;
	}
	
	#menu a.presentacion {
		background: url('img/menu-presentacion.gif') 0 0 no-repeat;
	}

	#menu a.presentacion:hover {
		background: url('img/menu-presentacion-hot.gif') 0 0 no-repeat;
	}

	#menu a.servicios {
		background: url('img/menu-servicios.gif') 0 0 no-repeat;
	}

	#menu a.servicios:hover {
		background: url('img/menu-servicios-hot.gif') 0 0 no-repeat;
	}

	#menu a.galeria {
		background: url('img/menu-galeria.gif') 0 0 no-repeat;
	}

	#menu a.galeria:hover {
		background: url('img/menu-galeria-hot.gif') 0 0 no-repeat;
	}

	#menu a.blog {
		background: url('img/menu-blog-consultas.gif') 0 0 no-repeat;
	}

	#menu a.blog:hover {
		background: url('img/menu-blog-consultas-hot.gif') 0 0 no-repeat;
	}


#datos-cliente {
}

#modulos {
	margin-top: 8px;
	margin-left: 30px;
	width: 200px;
	width: 200px;
	font-size: 11px;
	font-variant:small-caps;
	line-height: 140%;
}

#login {
	margin-top: 10px;
	margin-left: 30px;
}

	#login h2 {
	}
	
	#login p.texto-pass {
	  height: 20px;
	  margin: 0;
	  padding: 0;
	  border: 0;
	  background: url('img/texto-olvidaste-pass.gif') 0 0 no-repeat;
	  text-indent: -1000em;
	}
	
	form {
		width: 200px;
	}
	
	form.login-inicio label {
		line-height: 20px;
	}
	
	form.login-inicio .campo {
		background-color: #c1bfbf;
		border: 0;
	}
	
	form.login-inicio .entrar {
		background: none;
		display:block;
		width: 80px;
		height: 20px;
		margin: 5px 0 0 0;
		padding: 0;
		border: 0;
		cursor: pointer;
		cursor: hand;
	}
		


#content.inicio {
	background: url('img/fondo-inicio.jpg') no-repeat;
	overflow: visible !important;
}

.error {
	color: #F00;
	font-weight: bold;
	font-size: 11px;
	font-variant:small-caps;
	line-height: 140%;	
}

#eltiempo {
	float: right;
	position: absolute;
	right: 10px;
	bottom: 10px;
}