/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- ESTA LLOVIENDO -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- 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% Arial, Helvetica, sans-serif;}
	
		#weatherPic {padding-bottom:75px;}
			h1 {display:block; height:468px; font-size:0; text-indent:-9999em; margin:0 auto;}
		
		#footer {width:692px; margin:0 auto; position:relative; z-index:1; top:-50px;}
			#footer p {padding-bottom:3px; text-align: center;}
		
		/*- Sol -*/
		.sun {background:#9ECE64;}
			.sun #weatherPic {background:#94D0D7 url(../images/sun/sunBg.png) repeat-x 0 442px;}
				.sun h1 {background:url(../images/sun/sun.png) no-repeat center 0;}
				.sun p, .sun p a {color:#697F4F;}
				.sun p a:hover {color:#282F20;}
			
		/*- Nubes -*/
		.rain {background:#CCC;}
			.rain #weatherPic {background:#4D5765 url(../images/rain/rainBg.png) repeat-x 0 442px;}
				.rain h1 {background:url(../images/rain/rain.png) no-repeat center 0;}
				.rain p, .rain p a {color:#666;}
				.rain p a:hover {color:#333;}
				
		/*- Casi -*/
		.almostRain {background:#CCC;}
			.almostRain #weatherPic {background:#4D5765 url(../images/almostrain/almostrainBg.png) repeat-x 0 442px;}
				.almostRain h1 {background:url(../images/almostrain/almostrain.png) no-repeat center 0;}
				.almostRain p, .almostRain p a {color:#666;}
				.almostRain p a:hover {color:#333;}

			

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------- FIN ESTA LLOVIENDO ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/