/* CSS Document */

body {	
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:url(../../images/bg-body.jpg) repeat top;
	font-size:14px;
	text-align:center;
	margin:0 0 0 0;
	color: #000;
}

html, body { height: 100% }

p { margin:0; padding:0; text-align:left; }

.divide { clear:both; height:50px; }

/*---------A LiNK---------*/

a { color: black ; font-size: 14px; font-weight: normal; text-decoration: underline; }
a:link { color: black ; font-size: 14px; font-weight: normal; text-decoration: underline; }
a:visited { color: black ; font-size: 14px; font-weight: normal; text-decoration: underline; }
a:hover { color: #A2322B ; font-size: 14px; font-weight: normal; text-decoration: none; }
a:active { color: black ; font-size: 14px; font-weight: normal; text-decoration: underline; }

/*---------TITOLS COM ELS NOMS DELS TREBALLS, ETC---------*/

.titles { font-size:18px; }

/*---------ID's #---------*/
/* ----------------------------------------------------- */


#top { height:355px; background:url(../../images/bg-top.jpg) repeat center top; }

#idioma { width:150px; float:right; height:20px; margin:0 0 0 0; }
	#idioma a { font-size:9px; text-decoration:none; margin:0; background-color:#a2322a; padding:5px; color:#fff; line-height:15px; }

#header { background:url(../../images/bg-header.jpg) no-repeat center top; width:880px; height:355px; margin:0 auto; }

#logo { padding:15px 0 0 0; margin:0 0 0 350px; }
	/* Logo */
	#logo h1 { margin:0; padding:0; display:block; width:459px; height:142px; text-indent:-9999px; background-image:none; background:url(../../images/logo-lataka.gif) no-repeat 0 0; }
	#logo h1 a { margin:0; padding:0; display:block; width:459px; height:142px; outline:none; border:none; }
	
	#menu { width:480px; height:28px; margin:155px 0 0 350px; }
	
		#menu ul { list-style:none; padding:0; margin:0; text-indent:-9999px; cursor:pointer; }
		#menu ul li { padding:0; float:left; }
		
		#btn-portfolio { width:124px; height:30px; background:url(../../images/btn-portfolio.gif) no-repeat 0 0; cursor:pointer; }
		#btn-sobre-mi { width:119px; height:30px; background:url(../../images/btn-sobre-mi.gif) no-repeat 0 0; cursor:pointer; }
		#btn-imatges { width:113px; height:30px; background:url(../../images/btn-imatges.gif) no-repeat 0 0; cursor:pointer; }
		#btn-contacte { width:106px; height:30px; background:url(../../images/btn-contacte.gif) no-repeat 0 0; cursor:pointer; }


#content { margin:0 auto; width:764px; background:url(../../images/bg-content.jpg) no-repeat center top; }

	/* Portfolio */
	.barra-apartat { width:764px; height:80px; float:left; }
	.title-portfolio { width:249px; height:80px; background:url(../../images/title-portfolio.gif) no-repeat 0 0; float:left; }
	.title-portfolio-cat { width:249px; height:80px; background:url(../../images/title-portfolio-cat.gif) no-repeat 0 0; float:left; }
	.btn-top { width:49px; height:80px; background:url(../../images/btn-top.gif) no-repeat 0 0; float:right; }
	
	#img-gran { width:510px; height:345px; float:left; }
	#tetx-gran { width:240px; height:345px; float:left; text-align:left; }
	.title { font-size:24px; }
	
	#portfoli-thumbs { width:764px; float:left; }
		#portfoli-thumbs img { float:left; }
		
	/* Sobre mi */
	.title-sobre-mi { width:249px; height:80px; background:url(../../images/title-sobre-mi.gif) no-repeat 0 0; float:left; }
	
	#text-sobre-mi { float:left; width:505px; }
	#taula-programes { float:left; }
	#programes { width:170px; float:left; text-align:left; }
	#barres { width:550px; float:left; margin:5px 0 0 0; }
		.bar-base { background: url(../../images/bg-bar-base.gif) repeat-x; height:10px; width:570px; margin:0 0 0 0; float:left; padding:0 0 0 0;}
		.bar-result { background: url(../../images/bg-bar-result.gif) repeat-x; height:10px; padding:0 0 0 0;}
	#text-sobre-mi2 { float:left; width:735px; text-align:left; margin:15px 0 15px 0; }
	
	/* Imatges */
	.barra-apartat2 { width:764px; height:80px; margin:0 auto; padding-top:20px; }
	.title-viatges { width:249px; height:80px; background:url(../../images/title-viatges.gif) no-repeat 0 0; float:left; }
	.btn-top2 { width:49px; height:80px; background:url(../../images/btn-top2.gif) no-repeat 0 0; float:right; }
	
	#bg-viatges { height:235px; clear:both; background:url(../../images/bg-viatges.jpg) repeat center top; }
	
	#pics-travel { margin:0 auto; width:764px; }
	.bg-pics { background: url(../../images/viatges/bg-pics.jpg); width:95px; height:96px; float:left; margin:0 0 0 5px; }
	.bg-pics-rest { background: url(../../images/viatges/bg-pics.jpg); width:95px; height:96px; float:left; margin-left:15px;}
	.pics { margin: 4px 0 0 4px } 
	
	#bg-viatges-reflex { height:235px; margin:0 0 50px 0; clear:both; background:url(../../images/bg-viatges-reflex.jpg) repeat center top; }
		#bg-viatges-img-reflex { height:235px; width:765px; margin:0 auto; background:url(../../images/bg-viatges-img-reflex.jpg) repeat center top; }
		
	/* Footer */
	#footer { width:765px; margin:0 auto; }
	
	#block-footer { width:750px; height:75px; margin: auto; } 
		#destacats-css { background: url(../../images/css-galeries.jpg); height:55px; width:755px; float:left; margin: 0 0 10px 0; }
		#copyright { background: url(../../images/copy.jpg) no-repeat; height:21px; width:755px; float:left; }
		.btn-tweb { background: url(../../images/tweb.jpg) no-repeat; height:21px; width:90px; float:left; }
		
		.btn-validadors { border:0; width:80px; height:15px; }