/* IMPORT CORE CSS FILES */
@import url(typo.css);
@import url(nav.css);
@import url(form.css);
@import url(modules.css);

/* NORMALIZES Browers Styles */

* { margin:0;padding:0;outline:none;} /* removes defaults from all elements */

ol,ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border: 0; 
}
dl {
	clear:both;
	height:100%;
}
dt,dd {
	float:left;
}
/* = CLEARING
---------------------------------------------------------
*/

.stretch,
.clear
{
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

/* fix for IE7 */
.clearfix
{
	display: inline-block;
}

/* Show to IE-pc only */
* html .clearfix
{
	/* Hide from IE-mac \*/
	height: 1px;
	/* End hide from IE-mac */
}

/* END CLEARING
--------------------------------------------------------------
*/
/*---------------------------------------------------------- */
/*  Layout Styles includes display properties,               */
/*						   floats ans positioning,           */ 
/*						   widths and heights,               */
/*						   paddings and margins              */
/*---------------------------------------------------------- */
/* = LAYOUT: TABLE OF CONTENTS
    1. = BODY & PAGE
    2. = HEADER
    3. = CONTENT
    4. = FOOTER
---------------------------------------------------------
*/
/* = BODY & PAGE
---------------------------------------------------------
*/
#container {
	position:relative;
}
/* END BODY & PAGE
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/
#header {
	position:relative;
	width:100%;
	height:84px;
	margin-top:25px;
	margin-bottom:20px;
}
/* END HEADER
---------------------------------------------------------
*/

/* = CONTENT
---------------------------------------------------------
*/
#body {	
	position:relative;
	width:920px;
	margin:0 auto;
	overflow:hidden;
}
#content {
	width:100%;
	min-height:500px;
	float:left;
	display:inline;
}
#content, div.logo-header {
	margin-left:160px;
}
#content div.editor-text {
	overflow:hidden;
}
#content div.editor-text ul.center {
	margin-top: 10%;
	margin-bottom: 10%;
}
.precios #content, .saunier #content, .legal #content, .servicios #content, .productos #content { margin-left:0;} 

.column-main {
	width:600px;
	margin-right:10px;
	display:inline;
	float:left; 
}
.precios .column-main,
.legal .column-main		{ width:760px}
.productos .column-main	{ margin-left:160px;display:inline;}

.column-side {
	width:150px;
	float:left;
}
.col  { float:right;width:280px;margin-left:10px;display:inline;position:relative;}

.col img { margin-bottom:10px;margin-right:3px;float:left;display:inline;}
/* END CONTENT
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------
*/
#footer {
	width:100%;
	overflow:hidden;
}
#footer ul {
	display:inline
}
#footer ul li {
	float:left
}
.site-info {
	float:left;
	padding-left:5px
}
.site-info p {
	margin-bottom:0.5em;
}
#footer .credits a {
	display:block;
	padding-right:62px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	float:left;
}

#footer .credits strong {display:none;}

.footer-nav {
	float:right;
	vertical-align:middle
}
.footer-nav ul { margin-left:0;}
.footer-nav li { padding-right:5px;}

/* END FOOTER
---------------------------------------------------------
*/