/* 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 */

html, body, form{	height: 100%;}

body {}

ol,ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}

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 */


/* 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;
									text-align: left;
									min-height: 100%;
									height: auto !important;
									height: 100%;}
/* END BODY & PAGE
---------------------------------------------------------
*/
#header{
	position:relative;}


/* = CONTENT
---------------------------------------------------------
*/

#body{ 								
	overflow:hidden; width:940px;}

.column-left{ 
	width:740px;}
	
.column-right {
	margin:0 0 0 740px !important;
	overflow:hidden;
	width:200px;}

.column-left{				
	position:relative;
	float:left; /* = al ancho del sidebar*/}

									



/* END CONTENT
---------------------------------------------------------
*/
/* = FOOTER
---------------------------------------------------------
*/
#footer {							position: relative;
									margin: 0 auto;}





#footer ul {
									display:inline
}
#footer ul li {
									float:left
}

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


/*****************************************************************************************************/
/*****************************************************************************************************/
/* = HEADER
---------------------------------------------------------
*/
.index #header {							
	height: 317px;
	padding-bottom:78px;}

.karmele #header,
.editoriales #header,
.colaboradores #header,
.galeria-karmele #header,
.videos-karmele #header,
.foros-links #header,
.prensa-links #header,
.libro-visitas #header,
.contact #header,
.login #header,
.sitemap #header,
.legal #header{							
	height: 245px;
	padding-bottom:72px;}
/* END HEADER
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------*/
#wrapperFooter{
	width:100%;}
#footer
{
	z-index:10000;}
#footer, #push {
	width:960px;	
	height:77px; /* evitamos que el footer tape parte del contenido */}		
/* END FOOTER
---------------------------------------------------------
*/
/* = CONTAINER
---------------------------------------------------------*/
#container {	
	margin: 0 auto -77px; /* el valor negativo de la altura del footer*/
	width: 960px;
	z-index:9000;}
/* END CONTAINER
---------------------------------------------------------
*/
#body{ 
	padding:0 10px 10px 10px;
	}