/* ------------------------------ */
/* --- LAYOUT --- */
/* ------------------------------ */

.front
{
	/*background: url(../images/barcelona_small_negre.jpg) no-repeat;*/
	background-attachment:fixed;
	background-size:cover;        
}

/* The central white area, defines a margin of 30px */
.front #site
{
    width: 950px;
    margin: 30px auto 0px auto;
	padding: 30px 30px 30px 30px;
    min-height: 588px;    
    background: #ffffff;
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #top
{			    	   
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #news-bar {
	position: relative;
	padding: 0px 0px 0px 20px;
	top: 20px;
	left:-30px; 
	z-index: 1;
	height: 30px;
	width: 990px;
	/* overflow: hidden; */
	background-color: #272625;
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #logos
{	
	position:relative;
	top:-10px;	
	float: right;		
}
.front #title
{		
    margin-left:auto;
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #banner
{	
	clear: both;	
	margin:50px 0px 30px 0px;
	padding: 10px 10px 10px 10px;
    height: 60px;		
    background: url(../images/banner.png) no-repeat;
	background-size:cover;
	background-position:center; 	
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #banner2
{	
	clear: both;	
	margin:50px 0px 30px 0px;
	padding: 10px 10px 10px 10px;
    height: 60px;		
    background: url(../images/dataTube.jpg) no-repeat;
	background-size:cover;
	background-position:center; 	
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}

.front #menu
{  			
	float: right;	
    width: 230px;	
	/* debug 	
	border-width: 2px; 
	border-style: dashed; */
}

.front #content
{  		
	margin-right: 240px;
	/* debug 	
	border-width: 2px; 
	border-style: dashed; */
}

.front #footer {    
	clear: both;
    height: 150px;		    
	/* debug 
	border-width: 2px; 
	border-style: dashed; */
}