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

/* NORMALIZES Browers Styles */

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


html, body, form {
	height:100%;}
	
body {		text-align: center;}

ol,ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}
fieldset{
	border: 0; 
}
dl {
	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 */


/* 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
---------------------------------------------------------
*/
#header {
	position:relative;}
#container {						
	position: relative;
	text-align: left;

	min-height: 100%;
	height: auto !important;
	height: 100%;}
/* END BODY & PAGE
---------------------------------------------------------
*/



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

#body{ 								
	overflow:hidden;zoom:1;}

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

.column-right{ 						

	position:relative;
	margin-left:200px;
	zoom:1;}
									



/* END CONTENT
---------------------------------------------------------
*/

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





#footer ul {
									display:inline
}
#footer ul li {
									float:left
}
.site-info {
									float:left;
									padding-left:5px;
									margin:20px 0 0 20px;
}
.site-info p {
	margin-bottom:0.5em; float:left; text-align:left;
}
#footer .credits a {
	display:block;
	padding-right:62px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	float:left;
	color:#666;
}
#footer .credits a:hover { text-decoration:none; color:#000; }

#footer .credits strong {display:none;}

#footer .footer-nav {
margin:20px 0 0 14px;
position:absolute;
top:27px; left:0;
vertical-align:middle;
}
#footer .footer-nav ul { margin-left:0;}
#footer .footer-nav li { padding:0 12px;}


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


/*****************************************************************************************************/
/*****************************************************************************************************/
/* = HEADER
---------------------------------------------------------
*/
#header {							height: 123px;position:relative;}
/* END HEADER
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------*/
#footer, #push {					height: 60px; /* evitamos que el footer tape parte del contenido */
									width: 886px;}
/* END FOOTER
---------------------------------------------------------
*/
/* = CONTAINER
---------------------------------------------------------*/
#container {						margin: 0 auto -60px; /* el valor negativo de la altura del footer*/
									width: 886px;}
/* END CONTAINER
---------------------------------------------------------
*/
#body{ 								
	width:876px;
	padding:0 5px 5px 5px;
	position:relative;}

#social-networks{
    float:right;
    height:64px;
}
#social-networks a{
    float:left;
    margin-right:10px;
}