/* coding: utf-8 */

html { font-size: 100%; }

body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #999;
	font-family: Verdana, Futura, sans_serif;
	font-size: 1em;
	line-height: 1.25em;
	background: #000 url(./img/back.png) repeat-y 50% 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", sans_serif;
}
a:link,	
a:visited,
a:hover,
a:active {
	outline: none;
}


body.pasos { background: #98B3B3 url(./img/altBack.png) repeat-x 0 0; }

	#canvas {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#flashContentBox {
		margin: 0 auto 5px;
		width: 1000px;
		padding: 0;
		text-align: justify;
		font-size: .8em;
		
	}
		#flasher { outline: none; }
		
			h1 span.lite { font-size: .8em; }
	
		#canvas h1 {
			margin: 50px 0 0;
			padding: 0;
			font-size: .6em;
		}
		
			#canvas h1 a {
				display: block;
				width: 180px;
				text-align: left;
				height: 400px;
				margin: 0 auto;
				padding: 0;
				text-decoration: none;
				background: transparent url(./img/intro.png) no-repeat 0 0;
			}
			
			#canvas h1 a:hover {
				/*background: transparent url(./img/introHover.png) no-repeat 0 0;*/
				background-position: 100% 0;
			}
			
				#canvas h1 a span {display: none;}
				#canvas h1 a strong {
					display: block;
					margin-top: 150px;
					line-height: 400px;
					color: #FFF;
					font-size: 2.5em;
					text-align: center;
					visibility: hidden;
				}
				#canvas h1 a:hover strong {
					text-decoration: underline;
					visibility: visible;
				}
		
		#introPasos {
			width: 180px;
			margin: 50px auto;
			padding: 2px;
			font-size: .75em;
			line-height: 1.2em;
		}
		
		#contact {
			margin: 0 auto;
			width: 1000px;
			padding: 0;
			text-align: right;
			font-size: .75em;
			line-height: 1.2em;
		}
		
			#contact a:link , #introPasos a:link { color: #999; font-weight: bold;}
			#contact a:link { font-weight: normal; border: 1px dotted #999; border-width: 1px  0 0; text-decoration: none;}
			#contact a:visited, #introPasos a:visited { color: #626262;  font-weight: bold;}
			#contact a:visited { font-weight: normal; border: 1px dotted #626262; border-width: 1px  0 0;  text-decoration: none;}
			#contact a:hover, #introPasos a:hover { color: #FFF;  font-weight: bold;}
			#contact a:hover {font-weight: normal; border: 1px dotted #FFF; border-width: 1px  0 0; text-decoration: underline;}
			#contact a:active, #introPasos a:active { color: #0CF;  font-weight: bold;}
			#contact a:active { font-weight: normal; border: 1px dotted #0CF; border-width: 1px  0 0; text-decoration: none;}