/* =RESET */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img { margin: 0; padding: 0; border: 0; }
ul,ol { list-style: none; }

/* =CLEARFIX */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }
.clearfix {zoom:1;}

/* =GENERAL */
.left { float: left; display: inline; }
.right {float: right; display: inline; }
.center { text-align: center !important; }

body {
	background-color: #0F0F0F;
	text-align: center;
	font: 100.1% arial, verdana, helvetica, sans-serif;
}

div#wrap {
	margin: 0 auto;
	background: url(../images/css-img/bg_wrap.jpg) no-repeat top center;
	width: 770px;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -385px;
	color: #fff;
}

div#head {
	position: relative;
	height: 139px;
	background: url(../images/css-img/bg_head.jpg) repeat-x center bottom;
}

	div#head h1 {
		width: 236px;
		height: 34px;
		background: url(../images/css-img/logo.jpg) no-repeat;
		text-indent: -3000px;
		position: absolute;
		bottom: 22px;
		left: 15px;
	}
	
	div#head h2 {
		width: 81px;
		height: 12px;
		position: absolute;
		bottom: 2px;
		_bottom: -16px;
		left: 15px;
		background: url(../images/css-img/logo_interiorismo.jpg) no-repeat;
		text-indent: -3000px;
	}
	
ul#menu {
	position: absolute;
	top: 92px;
	right: 0;
}

	ul#menu li {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 100px;
		font: bold 75% arial,sans-serif;
		cursor: pointer;
	}

		ul#menu li li {
			visibility: hidden;
			float: none;
			display: block;
			margin-left: 0;
			font-size: 100%;
			background-color: #222;
		}
	
	ul#menu li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 7px 0;
	}
	
	ul#menu li a:hover {
		text-decoration: underline;
		background-color: #fff;
		color: #000;
		background-color: #fff;
	}
	
	ul#menu li a.submenu:hover { text-decoration: none; }

/* =secciones */
div#seccion {
	border: 2px solid #fff;
	font-size: 70%;
	height: 427px;
	background: #fff url(../images/css-img/bg_seccion.jpg) no-repeat;

}

div#lateral {
	float: left;
	display: inline;
	width: 215px;
	margin: 0 20px;
	overflow: auto;
	height: 100%;
}

	div#lateral h3 {
		font-size: 150%;
		text-align: left;
		margin-top: 20px;
	}

	div#lateral p {
		text-align: left;
		margin-top: 15px;
		line-height: 170%;
	}
	
	div#lateral a {
		color: #fff;
		font-weight: bold;
	}
	
div#main {
	float: right;
	display: inline;
	height: 395px;
	width: 480px;
	margin: 15px;
}

div#foto_visor img {
	width: 450px;
	height: 300px;
	padding: 3px;
	border: 1px solid #888;
	background: url(../js/jcarousel/images/loading-thickbox.gif) no-repeat 50% 50%;
}

ul#firmas {
	height: 100%;
	overflow: auto;
}

	ul#firmas li {
		float: left;
		display: inline;
		width: 130px;
		height: 70px;
		padding: 20px 0;
		font: bold 100% verdana,sans-serif;
		background-color: #000;
		margin: 10px;
		border: 1px solid #888;
		opacity: .8;
		filter:alpha(opacity=80);
	}
	
	ul#firmas li.grande {
		height: 130px;
	}
	
		ul#firmas li a {
			color: #fff;
			display: block;
			margin-top: 10px;

		}
		
/* =contactar */
form.contacto legend {
	text-indent: -3000px;
}

form.contacto label {
	display: block;
	font: bold 100% verdana,sans-serif;
	margin: 0 0 2px 3px;
	clear: both;
}

form.contacto p {
	text-align: left;
}

form.contacto p.left, form.contacto p.right {
	width: 215px;
	margin-bottom: 25px;
}

form.contacto p.left input, form.contacto p.right input {
	border: 2px solid #aaa;
	padding: 4px;
	font: 100% verdana,sans-serif;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

form.contacto textarea {
	padding: 4px;
	width: 465px;
	height: 175px;
	border: 2px solid #aaa;
	font: 100% verdana,sans-serif;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

form.contacto input.submit {
	font: bold 100% verdana,sans-serif;
	padding: 3px;
	color: #080;
	margin: 25px 0 0 5px;
}

.form_validation_field_error_text { border: 2px solid #c00 !important; }

.form_validation_field_error_error_message { background-color: #c00; padding: 5px 10px; color: #fff !important; }

p.enviado {
	background-color: #080;
	font: bold 100% verdana,sans-serif;
	padding: 10px;
	width: 300px;
	margin: 10px auto;
	border: 1px solid #004C00;
	opacity: .8;
	filter:alpha(opacity=80);
}

/* =intro */
div.intro {
	top: 30% !important;
}

	div.intro a span {
		display: block;
		margin: -25px 0 0 -400px;
		text-decoration: underline;
		color: #fff;
		font: bold 100% arial,sans-serif;
		letter-spacing: .1em;
	}

/* =inicio */
div#inicio {
	/*height: 350px;*/
	border: 2px solid #fff;
	font-size: 70%;
	background-color: #fff;
}

	div#inicio p {
		background-color: #222;
		/*height: 40px;*/
		margin-top: 2px;
		*margin-top: 0;
		padding: 5px 35px 7px;
		line-height: 170%;
	}
	
/* =servicios */
ul#lista_servicios li {
	text-align: left;
	list-style: inside;
	list-style-type: square;
	margin-top: 10px;
}
	
/* =pie */
div#foot {
	font-size: 70%;
	color: #aaa;
	margin-top: 10px;
}

	div#foot a {
		color: #ddd;
	}