/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- SITIOS BOLUDOS ----------------------------------------*/
/*---------------------------- por Ignacio Ricci (www.ignacioricci.com) -------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- 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 ----------------------------------------------------*/

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

		
		body {font:76% Helvetica, Arial, sans-serif; background:#86C9EF;}
		
		
			#header,
			#workList,
			#footer {margin:0 auto;}
			
			h1,
			h2,
			h3 {font-weight:normal;}
		
			/*- Header -*/
			#header {width:830px; padding:355px 0 40px; margin-top:40px; background:url(../images/idiots.gif) no-repeat center top; position:relative;}
				#header h1 {font-size:0; text-indent:-9999em; width:179px; height:129px; background:url(../images/logo.gif) no-repeat 0 0; position:absolute; top:207px; left:308px;}
				#header h2 {font-size:2.4em; letter-spacing:-0.05em; margin:0 50px; background:#FFF;}
					#header h2 * {display:block;}
					#header h2 strong {color:#000; padding-bottom:5px;}
					#header h2 em {color:#DA0047; font-style:normal;}
					
			
			/*- Work List -*/
			#workList {width:680px; padding-top:50px; overflow:hidden;}
				#workList li {float:left; width:288px; padding:10px; margin:0 30px 20px 0; background:#C3E4F7 url(../images/work.gif) no-repeat 0 0;}
				#workList .oddWork {margin-right:0;}
					#workList h3 {font-size:1.6em; padding:5px 0 10px 5px;}
					#workList img {width:288px; height:184px; border-bottom:1px solid #B4D3E4;}
					#workList a {display:block; text-decoration:none; color:#616D74;}				
				/*- Work Hover -*/
				#workList .workHover {background:#22333D url(../images/work-hover.gif) no-repeat 0 0;;}
					#workList .workHover img {border-color:#151F26;}
					#workList .workHover a {color:#FFF;}
			
			
			/*- Footer -*/
			#footer {width:830px; padding:30px 0;}
				#footer p {color:#425C6C; text-align:center;}


/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------- FIN SITIOS BOLUDOS ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
