body{
		/*background:#fff url(../images/bg.png) left top repeat-x;*/
		margin:0px;
		padding:0px;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		font-size:11pt;
		overflow:hidden;
		
	}
	a{
		color:#333;
		text-decoration:none;
	}
	#wrapper{
		text-align:center;
	}
	#maincontenedor{
		margin:auto;
		width:700px;
		height:600px;
		padding:0px;
		text-align:center;
		background-color:#fff;
		
		
	}
	#contenedor{
		text-align:left;
		margin:0px;
		width:600px;
		padding:0px;
		float:left;
		
	}
	
	#homediv{
	 	background:url(../images/mainbg.jpg) left top no-repeat;
	}

	#contenedor.illustration{
		background:url('../images/colored-pencils.jpg') 450px -105px no-repeat;
		
	}
	#contenedor.photo{
		background:url('../images/photo-top-bg.jpg') 450px -105px no-repeat;
		
	}
	#contenedor.dessign{
		background:url('../images/design-top-bg.jpg') 450px -105px no-repeat;
		
	}
	
	#contenedor.web{
		background:url('../images/web-top-bg.jpg') 450px -105px no-repeat;
		
	}

	#contenedor .pagesmask{
		margin:auto;
		width:600px;
		height:500px;
		padding:0px;
		overflow:hidden;
		/*padding-left:200px;*/
	}
	#contenedor #pages{
		width:2600px;
		height:1500px;
		margin:0px;
		padding:0px;
	}
	#contenedor .page {
		width:600px;
		height:500px;
		margin:0px;
		float:left;
		margin-right:10px;
		/*background:#ccff00*/
	}

	.nav{
		margin:0px;
		padding:0px;
		list-style:none;
		width:600px;
		clear:both;
		height:60px;
		clear:both;
		
/*		border-top:6pt solid black;*/
		
	}

	.nav li{
		float:left;
		display:block;
		/*width:100px;*/
		margin-right:0px;
	}

	.nav li a{
		display:block;
		padding:0px;
		padding-top:0px;
		padding-bottom:0px;
		color:#000;
		text-decoration:none;
		font-size:19px;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		/*border-bottom:5pt solid #fff;*/
		
		/*text-align:center;*/
	}
	.nav li a:hover{
		/*background:url(../images/underline.jpg) bottom center no-repeat;
		color:#5e4b32;*/
	}
	
	#apage_home_ca{
		background-image:url(../images/head_bg_ca_01.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:94px;
	}
	
	#apage_who_ca{
		background-image:url(../images/head_bg_ca_02.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_portfolio_ca{
		background-image:url(../images/head_bg_ca_03.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:92px;
	}
	
	#apage_contact_ca{
		background-image:url(../images/head_bg_ca_04.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_news_ca{
		background-image:url(../images/head_bg_ca_05.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_home_es{
		background-image:url(../images/head_bg_es_01.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:94px;
	}
	
	#apage_who_es{
		background-image:url(../images/head_bg_es_02.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_portfolio_es{
		background-image:url(../images/head_bg_es_03.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:92px;
	}
	
	#apage_contact_es{
		background-image:url(../images/head_bg_es_04.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_news_es{
		background-image:url(../images/head_bg_es_05.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_home_en{
		background-image:url(../images/head_bg_en_01.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:94px;
	}
	
	#apage_who_en{
		background-image:url(../images/head_bg_en_02.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	#apage_portfolio_en{
		background-image:url(../images/head_bg_en_03.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:92px;
	}
	
	#apage_contact_en{
		background-image:url(../images/head_bg_en_04.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	#apage_news_en{
		background-image:url(../images/head_bg_en_05.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		height:60px;
		width:100px;
	}
	
	
	#apage_home_ca:hover, #apage_who_ca:hover, #apage_portfolio_ca:hover, #apage_contact_ca:hover,#apage_home_es:hover, #apage_who_es:hover, #apage_portfolio_es:hover, #apage_contact_es:hover,#apage_home_en:hover, 			#apage_who_en:hover, #apage_portfolio_en:hover, #apage_contact_en:hover,#apage_news_en:hover,#apage_news_es:hover,#apage_news_ca:hover{
		background-position:left bottom;
	}
	
	#footer{
		font-size:9px;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		
	}
	#footer a{ 
		color:#333;
		text-decoration:none;
	}

	#footer .contactinfo{
		float:left;
		width:500px;	
		margin:0px;
		padding:0px;
			
	}
	#footer .language{
		float:left;
		width:100px;	
		text-align:right;
		margin:0px;
		padding:0px;	
	}
	.columnleft{
		width:350px;
		height:500px;
		margin-right:10px;
		padding:0px;
		float:left;
	}
	.columnleft p{
		margin:10px;
	}
	.columnright{
		width:240px;
		height:500px;
		margin:0px;
		padding:0px;
		float:left;
		background:url(../images/bgtit.jpg) right bottom no-repeat;
		
			
	}
	.columnright p{
		margin:10px;
		text-align:justify;
	}
	.columnwide{
		width:600px;
		height:500px;
		margin:0px;
		padding:0px;
		float:left;
		
	}

	.columnwide p{
		color:#000;
		margin:20px;
		text-align:justify;
	}
	.columnwide p.sectiontitle{
		height:120px;
		margin:0px;
		margin-bottom:5px;
		color:#fff;
		font-weight:bold;
		font-size:30pt;
		padding:0px;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		/*line-height:260px;*/
		font-variant: small-caps;
		text-shadow: #000 2px 0px 2px;
		background-position:center center;

	}
	
	.columnright  a,.columnwide a{
		font-weight:bold;
	}	
	
	.columnwide a{
		color:#000;
	}
	
	.picturecontainer .caption a,.googlemap  a,#footer a{
		padding-bottom:10px;
		
	}
	.picturecontainer .caption a:hover,.columnleft  a:hover, .columnright  a:hover,  .googlemap  a:hover, #footer a:hover{
		color:#756242;
		background-color:#fff;
		background:url(../images/underline.jpg) bottom left no-repeat;
		color:#5e4b32;/*border-bottom:3pt solid #666;*/
	}
	
	.columnwide p.sectiontitle a{
		color:#fff;
		text-decoration:none;
		display:block;
		width:100%;
		height:100%;
	}
	
	.portfoliocontent{
		width:600px;
		height:500px;
		/*border-bottom:1px solid red;*/
		margin:0px;
		padding:0px;
		
	}
	
	.portfoliocontent h1{
		/*font-size:40pt;*/
		height:50px;
		margin:0px;
		padding:0px;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		
	}
	
	.portfoliocontent .columnleft{
		width:290px;
		height:300px;
		margin-right:10px;
		padding:0px;
		float:left;
	}
	.portfoliocontent .columnleft p{
		margin:10px;
		color:#000;
		font-size:10px;
	}
	.portfoliocontent .columnright{
		width:300px;
		height:300px;
		margin:0px;
		padding:0px;
		float:left;
	}
	.portfoliocontent .columnright p{
		margin:10px;
	}


	#loader{
		opacity:1;
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		background:#fff;
		text-align:center;
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		font-size:9px;
		
	}
	#loader p{
		/*background:url(../images/loading.gif) center center no-repeat;*/
		color:#666;
		margin-top:250px;
	}

	.arrow{
		display:block;
		margin:0px;
		padding:0px;
		float:left;
		width:50px;
		height:70px;
		margin-top:130px;
		 
		opacity:1.0;

		
	}

	#arrowleft{
		background:url(../images/arrowleft.jpg) left top no-repeat;
		background-position:50px 0px;
	}


	#arrowright{
		background:url(../images/arrowright.jpg) left top no-repeat;
		background-position:-50px 0px;
	}

	

	#header{
		font-family:Trebuchet, Tahoma, Verdana, Arial;
		height:60px;
		width:600px;
		font-size:10px;
	}
	
	#footer a.selected{
		background:url(../images/underline.jpg) bottom center no-repeat;
		
	}
	


.gallery{
	width:600px;
	height:450px;
	margin:0px;
	padding:0px;
	/*background-color:#ccc;	*/
}

.gallery div.picturemask {
	width: 600px;
	height: 118px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	background:url(../images/bg-img-mask.jpg) left top repeat-x;
}

.gallery div.picturemask ul {
	display: block;
	float: left;
	clear: both;
	/*position: relative;*/
	width: 2548px;
	height: 118px;
	margin:0px;
	padding:0px;
}

.gallery div.picturemask ul li {
	display: block;
	float: left;
	width: 120px;
	height: 118px;
	padding:0px;
	margin:0px;
	margin-right:0px;
}

.gallery div.picturemask ul li span{
	position:relative;
	margin-left:-120px;
	margin-bottom:10px;
	color:#fff;
	font-family:Lucida;
	font-size:69px;
}


		.picturecontainer{
			width:600px;
			margin:0px;
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			margin-top:10px;
		}
		
		.picturecontainer .image{
			float:left;
			width:360px;
			height:320px;
			background-repeat:no-repeat;
			background-position:center 0px ;
			padding:0px;
			margin:0px;
			margin-right:10px;
		
			
		}
		.picturecontainer .image a{
			display:block;
			margin:0px;
			padding:0px;
			height:320px;
			width:360px;
		}
		.picturecontainer .caption{
			float:left;
			width:230px;
			padding:0px;
			margin:0px;
			height:320px;
			/*background:#fff url(../images/bgcaption.jpg) left bottom no-repeat;
		*/
			
		}
		.picturecontainer .caption p{
			color:#000;
			width:230px;
			padding:0px;
			margin:0px;
			text-align:right;
		}
		.picturecontainer .caption h2{
			color:#000;
			display:block;
			font-family:Trebuchet, Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size:2.5em;
			margin-right:0px;
			text-align:right;
			background:url(../images/bgtit.jpg) right bottom no-repeat;
			font-variant: small-caps;
			padding:0px;
			margin:0px;
			padding-bottom:20px;
			
		}


#imgloader{
	position:absolute;
	right:0px;
	top:0px;
	font-size:8pt;
	padding:5px;
	opacity:0.0;
	background-color:#666;
	color:#fff;
	-moz-border-radius-bottomleft: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;

}	


.columnwide img.banner{
	margin:0px;
	border-width:0px;
	margin-bottom:10px;
	
}


.newslink{
	margin-top:400px;
	width:600px;
	text-align:center;
}

.newslink a{
	margin:auto;
	width:120px;
	display:block;
	height:51px;
	padding:0px;
}
.newslink a.ca:hover{
	background:url(../images/newslink_ca.jpg) left top no-repeat;
}
.newslink a.es:hover{
	background:url(../images/newslink_es.jpg) left top no-repeat;
}
.newslink a.en:hover{
	background:url(../images/newslink_en.jpg) left top no-repeat;
}
.news{
	padding:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	color:#000;
	
}
.news #subscribe{
	text-align:right;
	font-size:7pt;
}

.news dl{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:.9em;
}
.news dl dt{
	margin:0px;
	padding:0px;
	font-size:.8em;
	float:left;
	width:130px;
}
.news dl dd{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	width:430px;
	margin-bottom:10px;
}

.news a{
	/*border-bottom:5pt solid #000;
	*/
	padding-bottom:10px;
	background:url(../images/underline.jpg) bottom left no-repeat;
	color:#5e4b32;
}

.news a:hover{
	border-color:#ddd;
	color:#000
}
#last-images{
	height:120px;
}
#last-images ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#last-images ul li{
	margin:0px;
	padding:0px;
	float:left;
}

.whocontent{
	background-position: left top;
	background-repeat: no-repeat;
	height:400px;
	margin:0px;
	padding:0px;
}

.whocontent p{
	color:#fff;
	font-size: 8pt;
	margin:0px;
	padding:0px;
	padding-left:350px;
	padding-right:50px;
	padding-top:90px;
	text-align: left;
}

#pepecontent{
	background-image:url(../images/who/who_bg_nuevo_02.png);
}

#txocontent{
	background-image:url(../images/who/who_bg_nuevo_05.png);
}

#chiveticontent{
	background-image:url(../images/who/who_bg_nuevo_07.png);
}


/**PRELOADER*/

	/* these selector names are based on what you provide to the class */
	
	/* example 1 */
	#progress-bar		{ margin:auto;width:200px; height:40px; }
	#box			{ background:url(../images/progress-bar-back.gif) right center no-repeat;width:200px;float:left;height:20px; }
	#perc			{ background:url(../images/progress-bar.gif) right center no-repeat; height:20px; }
	#box			{ background:#eee;width:200px;float:left;height:20px;padding:1px; }
	#perc			{ background:#688322; margin:1px;height:18px; }

	#text			{ float:left;width:260px;font-size:25px;font-weight:bold; color:#000; height:20px;text-align:center; }
	


.facebook_icon{
	margin-left:2px;padding-bottom:4px;
}
.flickr_icon{
	margin-left:2px;padding-bottom:4px;
}

.twitter_icon{
	margin-left:2px;padding-bottom:4px;
}

.social{
text-align:left;
float:left;
		
margin:0px;
padding:0px;
padding-top:10px;
}