@import url(reset.css);
@import url(text.css);


/*GENERAL*/

.clear{
	clear:both;
}

/*LAYOUT*/

html{
	min-height:100%;
}
body{
	min-height:100%;
	background:#E8E8E8 url(../img/background.jpg) no-repeat left bottom;
}

* html body{background:#E8E8E8 none;}/*IE6 Hack*/

#super_wrapper{
	position:relative;
}

#wrapper{
	width:985px;
	height:685px;
	margin:0 auto;
	position:relative;
}

#header{
	overflow:hidden;
}

.indhold{
	overflow:hidden;
	text-decoration:none;
	clear:both;
}

#content{
	overflow:hidden;
	clear:both;
}

#index #content{
	background:url(../img/folder.png) no-repeat 20px 30px;
}

#about #content{
	background:url(../img/foco.png) no-repeat 50px 190px;
}

#contact #content{
	background:url(../img/office.png) no-repeat 20px 155px;	
}

#col_1, #col_2, #col_3{
	width:300px;
	min-height:300px;
	float:left;
	display:inline;
	margin-right:30px;
	padding-top:260px;
}

* html #col_1, * html #col_2, * html #col_3{height:300px;}


#creative #col_1 img{
	position:absolute;
	left:-28px;
	top:277px;
}

* html #creative #col_1 img{
	position:static;
	left:0;
	top:-50px;
	margin-left:-50px;
}


#archive #col_1{
	width:630px;
	overflow:hidden;
}

#archive #col_2{
	display:none;
}

#archive #galeria_archivo{
	left:-6px;
	top:93px;
	background:url(../img/hoja_archivo.png) no-repeat left top;
	width:662px;
	height:492px;
	position:absolute;
}

/*IE6 Hack*/ * html #archive #galeria_archivo{background:url(../img/hoja_archivo.jpg) no-repeat left top;}

#col_3{
	margin-right:0;
	width: 310px;
}

#logo{
	float:left;
	display:inline;
	margin-top:30px;
}

#lang{
	float:right;
	display:inline;
	margin:50px 94px 0 0;
	color:#000;
	font-size:11px;
	line-height:11px;
}

#lang span{
	
}

#lang a{
	color:#666;
	text-decoration:none;
}

#lang a:hover{
	color:#000;
}

/*new menu*/

.menu {
	position:relative;
	background:url(../img/menu.gif) no-repeat;
	height:5px;
	width:985px;
	margin-top: 7px;
}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#666; padding:20px}
.menu a:hover {color:#000}
#slide {position:absolute; bottom:0; height:5px; background:#666; z-index:10}


#nav a{
	color:#666;
	text-decoration:none;
	font-size:12px;
	line-height:12px;
}

#nav a:hover{
	color:#000;
}

#nav .selected a{
	color:#000;	
}

/*Contenido*/

#titseccion{
	font-size:55px;
	line-height:42px;
	font-weight:bold;
	padding-bottom:0;
	width:300px;
	height:165px;
}

#index #titseccion{
	background:url(../img/doyou.png) no-repeat 0 0;
	text-indent:-10000px;
}

#index.es #titseccion{
	background:url(../img/doyou_es.png) no-repeat 0 0;
	text-indent:-10000px;
}

#index.ca #titseccion{
	background:url(../img/doyou_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#index.fr #titseccion{
	background:url(../img/doyou_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}

#about #titseccion{
	background:url(../img/letus.png) no-repeat 0 0;
	text-indent:-10000px;
}

#about.es #titseccion{
	background:url(../img/letus_es.png) no-repeat 0 0;
	text-indent:-10000px;
}

#about.ca #titseccion{
	background:url(../img/letus_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#about.fr #titseccion{
	background:url(../img/letus_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}


#archive #titseccion{
	background:url(../img/alwaysenjoying.png) no-repeat 0 0;
	text-indent:-10000px;
}

#archive.es #titseccion{
	background:url(../img/alwaysenjoying_es.png) no-repeat 0 0;
	text-indent:-10000px;
	width: 362px;
}

#archive.ca #titseccion{
	background:url(../img/alwaysenjoying_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#archive.fr #titseccion{
	background:url(../img/alwaysenjoying_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}

#contact #titseccion{
	background:url(../img/welcome.png) no-repeat 0 0;
	text-indent:-10000px;
}

#contact.es #titseccion{
	background:url(../img/welcome_es.png) no-repeat 0 0;
	text-indent:-10000px;
}

#contact.ca #titseccion{
	background:url(../img/welcome_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#contact.fr #titseccion{
	background:url(../img/welcome_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}

#creative #titseccion{
	background:url(../img/thepath.png) no-repeat 0 0;
	text-indent:-10000px;
}

#creative.es #titseccion{
	background:url(../img/thepath_es.png) no-repeat 0 0;
	text-indent:-10000px;
}

#creative.ca #titseccion{
	background:url(../img/thepath_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#creative.fr #titseccion{
	background:url(../img/thepath_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}

#team #titseccion{
	background:url(../img/whois.png) no-repeat 0 0;
	text-indent:-10000px;
}

#team.es #titseccion{
	background:url(../img/whois_es.png) no-repeat 0 0;
	text-indent:-10000px;
}

#team.ca #titseccion{
	background:url(../img/whois_ca.png) no-repeat 0 0;
	text-indent:-10000px;
}

#team.fr #titseccion{
	background:url(../img/whois_fr.png) no-repeat 0 0;
	text-indent:-10000px;
}

#team #col_1{
	width:600px;
	margin-right: 60px;
	padding-top:145px;
	position:relative;
}


#col_2 h2{
	margin-bottom:3px;
	font-size:12px;
	line-height:12px;
}

#col_2 p{
	color:#666;
	margin-bottom:10px;
	font-size:11px;
}

#col_2 a{
	color:#000;
	font-weight:bold;
}

#direccion{
	padding-top:152px;
	margin-left:110px;
}

.direccion{
	color:#666;
	font-size:12px;
	line-height:12px;
}

.direccion span{
	display: block;
}


/*galería personal*/
.galeria_team {  
    height:340px;  
    width:600px;
	float:left;
	display:inline;
} 
 
.galeria_team div.png_bg{
	background:transparent url(../img/polaroid.png) no-repeat 0 0;
	width:284px;
	height: 300px;
	float: left;
	
} 
.galeria_team div.team_left{ 
 	margin-right: 30px;
}

.galeria_team p{
	color:#666;
	padding:22px 0 0 65px;
}

.galeria_team p span{
	color:#000;
}
 
#galeria img {  
    top:  0; 
    left: 0;
	width:255px;
	height:281px;
	background: transparent !important;
} 

#back{
	padding-left: 65px;
}

#back a{
	color:#666;
	text-decoration: none;
	}

#back a:hover{
	color:#000;
}

/*archivo*/

#archive #content{
	overflow: visible;
}

#archive #gal_nav{
	position:absolute;
	top:40px;
	left:30px;	
}

#archive #gal_nav a{
	color:#666;
	font-size: 12px;
	text-decoration: none;
}

#archive #gal_nav a:hover{
	color:#000;
}



#archive #menu_archive{
	position:absolute;
	top:415px;
	left:30px;
}

#archive #menu_archive a{
	color:#666;
	text-decoration: none;
}

#archive #menu_archive .selected a{
	color: #000;
}

#archive #menu_archive a:hover{
	color:#000;
}

#archive #galeria_archivo img{position:absolute;}

#archive #galeria_archivo #galeria_identidad{
	position:absolute;
	top:75px;
	left:30px;
}

#archive #galeria_archivo #galeria_packaging{
	position:absolute;
	top:75px;
	left:30px;
}

#archive #galeria_archivo #galeria_graphics{
	position:absolute;
	top:65px;
	left:30px;
}

#archive #galeria_archivo #galeria_multimedia{
	position:absolute;
	top:70px;
	left:30px;
}

/*-- Division --*/
.hr2 {
	border-top: 3px solid #454545;
	height: 4px;
	border-bottom: 1px solid #454545;
	margin: 36px 0;
}
.hr1 {
	height: 0;
	border-bottom: 1px solid #454545;
	margin: 36px 0;
}

/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/

.one-half {
	width:48%;
}
.one-third {
	width:30.66%;
}
.two-third {
	width:65.33%;
}
.one-fourth {
	width:22%;
}
.three-fourth {
	width:74%;
}
.one-fifth {
	width:16.8%;
}
.two-fifth {
	width:37.6%;
}
.three-fifth {
	width:58.4%;
}
.four-fifth {
	width:67.2%;
}
.one-sixth {
	width:13.33%;
}
.five-sixth {
	width:82.67%;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position:relative;
	margin-right:4%;
	float:left;
}
.last {
	margin-right:0 !important;
	clear:right;
}

/*foot*/

.foot {
	margin:0;
	width:965px;
	display:inline-block;
	position:relative;
	border:none;
	background:#000;
	padding:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.foottxt {
	font-size: 11px;
	text-align: center;
	color:#fff;
	text-decoration: none;
	margin-bottom: 0px;
}

.foottxt a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	line-height:11px;
}

.foottxt a:hover{
	color:#666;
}

.foottxt .selected a{
	color:#666;	
}

/*footer*/
#footer { width:100%; margin:0 0 -1px 0; padding:37px 0 0 0; float:left; clear:both; position:relative; z-index:1; }
#footer .container { width:945px; height:auto !important; height:30px; min-height:30px; margin:0; padding:20px; float:left; background:#F3F0EB; position:relative; }
#footer .left-remainder { margin-right:-480px; }
#footer .left-remainder .inner { margin-right:480px; }
#footer .right-remainder { margin-left:-480px; }
#footer .right-remainder .inner { margin-left:480px; }
#footer .navigation { width:236px; float:left; position:relative; overflow:hidden; }
#footer .navigation .title {
	width:100%;
	height:auto !important;
	height:20px;
	min-height:20px;
	margin:0 0 3px 0;
	float:left;
	line-height:18px;
	color:#333;
	font-weight:bold;
}
#footer .navigation ul { width:100%; margin:0; float:left; }
#footer .navigation li {
	padding:0 0 5px 11px;
	background:url(../img/arrow_bullet.gif) no-repeat 0px 5px;
	font-size:85%;
}
#footer .navigation a { color:#746B64; border:none; }
#footer .navigation a:hover, #footer .navigation a:focus, #footer .navigation a:active {
	color:#333;
}

#footer-address { width:650px; padding:15px 0 0 0; float:left; display:inline; clear:left; font-size:75%; line-height:1.3em; color:#BCB8B3; }

a.twitter { height:22px; display:block; background:url(../img/icon_twitter.png) no-repeat left top; border:none; }
a.facebook { height:22px; display:block; background:url(../img/icon_facebook.pngf) no-repeat left top; border:none; }
a.email { height:22px; display:block; background:url(../img/icon_email.gif) no-repeat left top; border:none; }
a.myspace { height:22px; display:block; background:url(../img/icon_myspace.gif) no-repeat left top; border:none; }
a.delicious { height:22px; display:block; background:url(../img/icon_delicious.gif) no-repeat left top; border:none; }

#footer a.twitter { height:auto; display:inline; padding-left:23px; background:url(../img/icon_twitter.png) no-repeat left top; }
#footer a.facebook {  height:auto; display:inline; padding-left:23px; background:url(../img/icon_facebook.png) no-repeat left top; }
#footer a.rss {  height:auto; display:inline; padding-left:23px; background:url(../img/icon_rss.gif) no-repeat left top; }
#footer a.youtube {  height:auto; display:inline; padding-left:23px; background:url(../img/icon_youtube.png) no-repeat left top; }


/*corregir*/
.bembo, .bembo-selected, .bembo-direccion{visibility:hidden;}

img {
	border:0;		
}

#scroll {
	position:relative;
	height:;
	overflow:hidden;
	border:1px solid #ddd;
	width:948px;
	padding:15px;
	height:473px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:1000px;
	height:340px;
	text-align:center;
}

.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}


#thumbs {
	background:url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:425px;
	width:990px;
	left:-8px;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background:transparent url(http://static.flowplayer.org/tools/img/demo-navi.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:314px;
	_margin-left:304px;
}

/* CSS sprite for the navigation */
#t0 	   { margin-left:20px; _margin-left:10px; }
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-325px -90px; }
#t1:hover 	{ background-position:-325px -180px; }
#t1:active	{ background-position:-325px -270px; }
#t1.active	{ background-position:-325px 0 !important; }

#t2			{ background-position:-435px -90px; }
#t2:hover 	{ background-position:-435px -180px; }
#t2:active	{ background-position:-435px -270px; }
#t2.active	{ background-position:-435px 0 !important; }

#t3			{ background-position:-545px -90px; }
#t3:hover 	{ background-position:-545px -180px; }
#t3:active	{ background-position:-545px -270px; }
#t3.active	{ background-position:-545px 0 !important; }

#t4			{ background-position:-655px -90px; }
#t4:hover 	{ background-position:-655px -180px; }
#t4:active	{ background-position:-655px -270px; }
#t4.active	{ background-position:-655px 0 !important; }

#t5			{ background-position:-765px -90px; }
#t5:hover 	{ background-position:-765px -180px; }
#t5:active	{ background-position:-765px -270px; }
#t5.active	{ background-position:-765px 0 !important; }

#t6			{ background-position:-875px -90px; }
#t6:hover 	{ background-position:-875px -180px; }
#t6:active	{ background-position:-875px -270px; }
#t6.active	{ background-position:-875px 0 !important; }