@charset "utf-8";

/* CSS Reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Fin CSS Reset */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	background: url(../img/background_body.jpg) repeat-x top left;
}
#container {
	width: 900px;
	float: left;
	background: #333333 url(../img/background_page_2.jpg) top left no-repeat;
}
#containerintro {
	width: 900px;
	float: left;
	background: #333333 url(../img/background_page_0.jpg) top left no-repeat;
}
#slide {
	/*	margin: 20px 50px 20px 50px;*/
	margin: 24px 50px 20px 66px;
	padding: 0;
	width: 800px;
	height: 600px;
	border: 0;
}

#slide2, #slide3, #slide4, #textslide2, #textslide22, #slide5, #slide6, #slide7, #slide8, #slide9, #slide44, #nombre, #codigo, #inputwizard, #nextwizard, #slide11, #inputwizardcompl, #nextwizardcompl  {
	display: none;
}
#textslide2, #textslide22 {
	position: absolute;
	left: 168px;
	top: 219px;
	width: 646px;
	height: 149px;
	background: #ffffff;
}
#textslide2 p, #textslide22 p {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 15px 5px;
	line-height: 16px;
	width: 620px;
	color: #000000;
}
#textslide2 p.sangria, #textslide22 p.sangria {
	padding: 5px 5px 15px 40px;
	font-weight: bold;
}
#textslide2 p.sangria span, #textslide22 p.sangria span {
	float: left;
	width: 140px;
}
#inputwizard {
	position: absolute;
	left: 429px;
	top: 301px;
	height: 55px;
	width: 330px;
}
#inputwizard input {
	float: left;
	border: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 240px;
	margin: 0 0 18px 0;
	height: 13px;
}
#nextwizard {
	position: absolute;
	left: 594px;
	top: 534px;
}
#nextwizardcompl {
	position: absolute;
	left: 594px;
	top: 534px;
}
#inputwizardcompl {
	position: absolute;
	left: 478px;
	top: 293px;
	height: 55px;
	width: 330px;
}
#inputwizardcompl input {
	float: left;
	border: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 350px;
	margin: 0 0 1px 0;
	height: 13px;
}
#slide12gif {
	position:absolute;
	left: 214px;
	top: 273px;
}
#slide13gif {
	position:absolute;
	left: 214px;
	top: 273px;
}
#parrafosegundos {
	position:absolute;
	left: 218px;
	top: 252px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	margin: 0;
	padding: 0;
}
#segundosnone {
	display: none;
}
map#slide12gifMap {
	display: none;
}
#slide12gifArea {
	display: none;
}
#inputcheckbox {
	position:absolute;
	left: 94px;
	top: 291px;
	border: none;
	background: none;
}
#eraseit_2_2, #eraseit_2_3, #eraseit_4_2, #eraseit_4_3, #eraseit_4_4, #eraseit_4_5, #eraseit_4_6, #eraseit_2_4 {
	display: none;
}
#borrado_gif {
	position: absolute;
	left: 393px;
	top: 272px;
}
.progress-bar {
	border: none;
	width: 100px;
	height: 19px;
	margin: 0;
	padding: 0;
	background: #d9d9d9;
	float: left;
	position: absolute;
	left: 394px;
	top: 282px;
}
.bar {
	height: 19px;
	font-size: 11px;
	text-indent:-9000px;
} 
#percentage{
	float: left;
	position: absolute;
	left: 419px;
	top: 286px;
	text-align: center;
	width: 50px;
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#informacion, 
#informacion2, 
#informacion3,
#informacion4,
#informacion5,
#informacion6,
#informacion7
 {
	margin: 0 50px 20px 60px;
	padding: 0;
	width: 800px;
	height: 100px;
	border: 0;
	background: none;
}
#informacion p, 
#informacion2 p, 
#informacion3 p,
#informacion4 p,
#informacion5 p,
#informacion6 p,
#informacion7 p
 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 12px;
	line-height: 18px;
	padding: 10px 17px 10px 22px;
	margin: 0;
}
#informacion p.segundoparrafo {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding: 12px;
	line-height: 18px;
	padding: 0px 17px 10px 22px;
	margin: 0;
}
#informacion p strong, 
#informacion2 p strong, 
#informacion3 p strong,
#informacion4 p strong,
#informacion5 p strong,
#informacion6 p strong,
#informacion7 p strong
 {
	font-weight: bold;
}
#informacion2, 
#informacion3,
#informacion4,
#informacion5,
#informacion6,
#informacion7
 {
 	display: none;
}