/* @override http://bacteriano.com/bacteriano.css */

/* @group Clases */

.d {
	float: right;
	margin-left: 25px;
}

.path {
	color: white;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin-top: 25px;
}

.b {
	border: thin dotted white;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sb {
	margin-top: 10px;
	margin-bottom: 10px;
}

.pth {
	margin-bottom: -8px;
}

.step {
	font-style: italic;
	font-size: 35px;
	color: white;
}

.warning {
	font-style: italic;
	font-size: 35px;
	color: orange;
}

/* My Comment */

.tag {
	opacity: 0.5;
}

/* @end */

/* @group Contenedores */

#TextBox {
	width: 570px;
	margin-left: 15px;
}

#container {
	width: 440px;
	height: 320px;
	margin-top: -160px;
	margin-left: -220px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#PageContainer {
	width: 600px;
	margin: 50px auto;
}

#Header {
	width: 600px;
	background-image: url(nacionalizando/pix/titulo.png);
	height: 138px;
}

/* @end */

/* @group Etiquetas */

ul {
	color: silver;
	font: 15px Georgia, "Times New Roman", Times, serif;
	list-style-type: square;
	list-style-position: outside;
}

h3 {
	color: white;
	border-bottom: thin dotted gray;
	font: 20px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

body {
	background-image: url(pix/bk.png);
}

p {
	color: #999;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin-left: 20px;
}

#TextBox p {
	color: silver;
	font: 15px Georgia, "Times New Roman", Times, serif;
	margin-left: 0;
	text-align: justify;
}

#Header p {
	color: silver;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	margin-top: -15px;
	opacity: 1;
}

a {
	color: #999;
	text-decoration: none;
}

h2 {
	color: #fff;
	font: 25px Georgia, "Times New Roman", Times, serif;
}

#Header h2 {
	color: #fff;
	font: 20px Georgia, "Times New Roman", Times, serif;
	padding-top: 50px;
	padding-left: 15px;
	text-transform: lowercase;
}

a:hover {
	color: #fff;
}

/* @end */

/* @group Sachiel */

#Horizonte {
	width: 4000px;
	height: 620px;
	margin-top: -310px;
	position: absolute;
	top: 50%;
	background: url(sachiel/load_1k.gif) repeat-x 0 50%;
}

#Uno {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/1.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}

#Uno:hover {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/1r.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: wait;
}

#Dos {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/2.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	top: 0;
	left: 1000px;
	position: absolute;
}

#Dos:hover {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/2r.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	top: 0;
	left: 1000px;
	position: absolute;
	cursor: wait;
}

#Tres {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/3.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	position: absolute;
	top: 0;
	left: 2000px;
}

#Tres:hover {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/3r.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	position: absolute;
	top: 0;
	left: 2000px;
	cursor: wait;
}

#Cuatro {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/4.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	top: 0;
	left: 3000px;
	position: absolute;
}

#Cuatro:hover {
	height: 600px;
	width: 800px;
	background-image: url(sachiel/4r.jpg);
	margin-left: 90px;
	margin-right: 90px;
	border: 10px solid #fff;
	top: 0;
	left: 3000px;
	position: absolute;
	cursor: wait;
}



/* @end */

/* @group Sample */

#A{
	height: 621px;
	width: 432px;
	background-image: url(sample/AA.jpg);
	border: 10px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -216px;
}

#A:hover {
	background-image: url(sample/AB.jpg);
	cursor: wait;
}



/* @end */