/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- CSS WEB BRUNO -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/

		
		body {font:76% Arial, Helvetica, sans-serif; background:url(../images/wood.jpg) repeat 0 0;}
			
		/*- Sprites -*/
		.sprite {display:block; font-size:0; text-indent:-9999em; background:url(../images/sprite.png) no-repeat 0 0;}
		
		
/*- Fin de Estilos Generales -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Contenedor (Fotos e Info) ----------------------------------------------*/


		#contenedor {width:960px; margin:30px auto 0; overflow:hidden;}
		
			#fotos {float:left; width:515px; height:482px; background:url(../images/fotos.png); margin-top:30px;}	
			
			#info {float:right; width:445px;}
	
				#info h1 {width:328px; height:100px; background-position:-1px -250px; margin:0 auto;}
				#info h2 {width:278px; height:248px; background-position:-1px -1px; margin:20px auto;}
				
				#info p {display:block; overflow:hidden;}
					#info p strong {display:block; font-size:1.2em; padding-bottom:10px;}
					#info p a {float:left; margin:0 20px 20px 0; cursor:pointer;}
				
					#facebook {width:149px; height:45px; background-position:-1px -351px;}
					#myspace {width:189px; height:50px; background-position:-151px -351px;}
					#lastfm {width:149px; height:44px; background-position:-1px -397px; clear:left;}
					#fotolog {width:196px; height:43px; background-position:-151px -402px;}
					
					
/*- Fin Contenedor (Fotos e Info) -----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- IE6 Fixes -------------------------------------------------------------*/

	
		* html #fotos {background-image:url(../images/ie6/fotos.gif);}
		* html .sprite {background-image:url(../images/ie6/sprite.gif);}
		

/*- Fin IE6 Fixes ---------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ FIN CSS WEB BRUNO ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/