/*inicio*/

input {
	border:none;
	text-align: center;
}

#dat_1{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
	text-align: center;
}
.verificar{
	position: absolute;
	top: 290px;
	left: 1030px;
}
.verificar:hover{
	-webkit-transform:scale(1.1);
	cursor: pointer;
}
.incorrecto{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_01.png);
}
.cerrar_inc{
	left: 800px;
	top: -30px;
	position: absolute;
}
.cerrar_inc:hover{
	-webkit-transform:scale(1.1);
	cursor: pointer;
}
.co_uno{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 29px;
	left: 290px;
	font-size:3em;
	text-align: center;
}
.co_dos{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 162px;
	left: 290px;
	font-size:3em;
	text-align: center;
}
.co_tres{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 27px;
	left: 455px;
	font-size:3em;
	text-align: center;
}
.co_cuatro{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 158px;
	left: 455px;
	font-size:3em;
	text-align: center;
}

/*pagina 2*/
#dat_2{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_3{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}

.verificar_dos{
	position: absolute;
	top: 530px;
	left: 1100px;
}
.verificar_dos:hover{
	-webkit-transform:scale(1.1);
	cursor: pointer;
}



/*pagina 3*/
#incorrecto_dos{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_02.png);
}
#dat_4{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
	text-align: center;
}


/*pagina 4*/
#dat_5{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_6{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
/*pagina 5*/
#incorrecto_tres{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_03.png);
}
#dat_7{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}
/*pagina 6*/
#dat_8{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_9{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
/*pagina 7*/
#dat_10{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}
.preg{
	width: 100%;
	height: 80px;
	text-align: center;
	position: relative;
	top: 310px;
}
.txt_uno{
	width: 90%;
	height: 170px;
	margin-top: 305px;
	text-align: left;
	border-radius: 10px;
}
/*pagina 8*/
.preg_dos{
	width: 100%;
	height: 80px;
	text-align: center;
	position: relative;
	top:70px;
}
.txt_dos{
	width: 90%;
	height: 170px;
	text-align: left;
	border-radius: 10px;
}

/*tap 2 pagina 1*/

#incorrecto_cuatro{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_04.png);
}
#dat_11{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}
/*tap 2 pagina 2*/
#dat_12{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_13{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
/*tap 2 pagina 3*/

#incorrecto_cinco{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_05.png);
}
#dat_14{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}
/*tap 2 pagina 4*/
#dat_15{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_16{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}

/*tap 2 pagina 5*/

#incorrecto_seis{
	width: 850px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 250px;
	background: url(../img/incorrecto_03_02_06.png);
}
#dat_17{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}
/*tap 2 pagina 6*/
#dat_18{
	width: 60px;
	height: 60px;
	position: absolute;
	top:463px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}
#dat_19{
	width: 60px;
	height: 60px;
	position: absolute;
	top:574px;
	left: 860px;
	padding: 0;
	font-size: 2.7em;
	text-align: center;
}

/*tap 2 pagina 7*/
#dat_20 {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 275px;
	left: 660px;
	padding: 0;
	font-size: 3em;
}


/*tab 3 pag 1*/
.txt_tab3_01{
	width:965px;
	height: 200px;
	position: absolute;
	top: 470px;
	left: 50px;
}
/*Fin*/

























.cerrar {
	position: absolute;
	top: -20px;
	right: -20px;
}

.balanza{
	position:absolute;
	top: -29px;
    left: 342px;
}

.elboton{
	position:absolute;
	top: 645px; 
	left: 1239px;
}
.elboton:hover{
	opacity: 0.8;
}

.reiniciar{
	position:absolute;
	top: 645px; 
	left: 1140px;
	cursor: pointer;
}
.reiniciar:hover{
	opacity: 0.8;
}

.pregunta{
	position:absolute;
	top: 645px; 
	left: 1043px;
	cursor: pointer;
}
.pregunta:hover{
	opacity: 0.8;
}



.scalegray{
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.grabbing{
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
}

.dragging{
	pointer-events:none;
}

.animation{
	transition:all 0.7s ease;
}

.drag:hover{
	cursor:pointer;
	transform:scale(1.05);
}

.drag:active{
	transform:scale(1);
}

.highlight{
	border:dashed 2px gray;
	/*border-top: none;*/
}

.ins{
	position:absolute;
	top: 140px;
    left: 90px;
	opacity: 0;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.etabs {
    position:absolute;
    right:20px;
    z-index: 10000;
}

.etabs .tab {
    margin:5px;
    background:#042c49 !important;
    border:none !important;
    border-color:none;
    height:50px;
    width:220px;
    text-align:center !important;
    padding:0 !important;
    color:#FFF !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

.etabs .tab a {
    color:#FFF !important;
    text-decoration:none;
    width:60px;
    height:60px;
    display:block;
    line-height:50px !important;
    font-size:2em !important;
    text-shadow: 0 2px 0px rgba(0,0,0,0.3);
}

.etabs .tab.active {
    background:#ffaf39 !important;
    top:0 !important;
}

.tab-container .panel-container {
    padding:0;
    height:636px;
    border:none;
    background:none!important;
}

.buttons {
    position:absolute;
    bottom:30px;
    left:280px;
}

.btnPages {
    margin:5px;
    background:#042c49;
    height:50px;
    width:180px;
    text-align:center;
    border-radius: 12px;
    color:#FFF;
    display:inline-block;
    line-height:50px;
    font-size:2em;
    text-shadow: 0 2px 0px rgba(0,0,0,0.3);
}

.btnPages:first-child {
    margin-right:400px;
}

input[type="checkbox"] {
    width:50px;
    height:50px;
    position:absolute;
}

input[type="checkbox"]:first-child {
    top:318px;
    left:80px;
}

input[type="checkbox"]:nth-child(2) {
    top:405px;
    left:80px;
}

input[type="checkbox"]:last-child {
    top:494px;
    left:80px;
}

#tab-container ul{
	width:230px;
	bottom: 0px;
}
#tab-container ul li{
	width: 60px;
	display: inline-block;
	vertical-align: top;

}


#cont_02{
	width: 90%;
	height: 520px;
	top: 90px;
	position: relative;
	text-align: center;
}
.item{
	width: 220px;
	height:240px;
	background: #6A0021;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin: 10px 80px;
}
.sec{
	background:#F6F1D1;
	width: 95%;
	height:180px;
	background:#F6F1D1;
	margin: 0 auto;
	border-radius: 4px;
	margin-top: 5px;
}
textarea{
	padding: 0;
	border-radius: 3px;
	margin: 0;
	margin-top:5px;
	width:95%;
	height: 40px;
	text-align: center;
	font-size: 2em;

}
.item img{
	margin-top: 5px;
}
#cont_btn{
	width: 700px;
	height: auto;
	position: relative;
	margin: 0 auto;
	text-align: center;
	top: 470px;
}
.btn_tres{
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	-webkit-transition:all 0.1s linear;
	border-radius: 25px;
}
.btn_tres:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	box-shadow: 0px 0px 20px #FFF;
}
.botonera_dos:before{
	width: 50% !important;
}
#instru{
	width: 80px;
	height:80px;
}