/* CSS Document */


/* codigo de video en reemplazo de sg-video...etc */
.videobox {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 100%;
	z-index: 100;
}
.videobox video {
	  position: relative;
  top: 80px;
  left: 329px;
  width: 790px;
}
.cartel {
	position: absolute;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	min-width: 200px;
	max-width: 760px;
	z-index: 101;
}
.titcartel {
	color: rgb(255, 255, 255);
	font-size: 1em;
	padding: 10px;
	border-radius: 10px;
	box-shadow: rgb(0, 0, 0) 0px 0px 10px;
	background: rgb(19, 26, 45);
}
.titcartel h2 {
	padding: 7px 10px 11px;
	border-radius: 7px;
	border: 3px dashed rgb(243, 236, 130);
}
/* Finaliza codigo de video */
 
.gogo1 {
	position: absolute;
	top: 10px;
	left: 17px;
	width: 64px;
	height: 55px;
	background-image: url(../img/mn1.png);
	cursor: pointer;
}
.gogo2 {
	position: absolute;
	top: 10px;
	left: 84px;
	width: 62px;
	height: 55px;
	background-image: url(../img/mn2.png);
	cursor: pointer;
}
.gogo3 {
	position: absolute;
	top: 10px;
	left: 150px;
	width: 64px;
	height: 55px;
	background-image: url(../img/mn3.png);
	cursor: pointer;
}
.gogo1:hover, .gogo1.atv {
	background-image: url(../img/ma1.png);
}
.gogo2:hover, .gogo2.atv {
	background-image: url(../img/ma2.png);
}
.gogo3:hover, .gogo3.atv {
	background-image: url(../img/ma3.png);
}

.textfoo {
	position: absolute;
	bottom: 24px;
	left: 80px;
	font-size: 32px;
	background-color: rgb(228, 201, 142);
	padding: 10px 20px 10px 20px;
	width: 1170px;
	border: 1px solid black;
	border-radius: 14px;
	text-align: center;
}
.menusup {
	position: absolute;
	top: 132px;
	right: 260px;
}
.pre_foo {
	position: absolute;
	bottom: 22px;
	left: 20px;
	padding: 20px;
	width: 50px;
	height: 50px;
	background-image: url(../img/pre.png);
	z-index: 1;
	cursor: pointer;
}
.next_foo {
	position: absolute;
	bottom: 22px;
	right: 20px;
	padding: 20px;
	width: 50px;
	height: 50px;
	background-image: url(../img/next.png);
	z-index: 1;
	cursor: pointer;
}

input[type=text]{
	position: absolute;
    
	border-radius: 8px;
    background-color: transparent;
    text-align: center;
    font-size: 37px;

	border: 1px solid rgb(0, 0, 0);
}

.a_num_1 {
    top: 341px;
    left: 151px;
    width: 172px;
    height: 48px;
}

.a_num_2 {  
    top: 451px;
    left: 151px;
    width: 172px;
    height: 48px;
}
.a_num_3 { 
    top: 562px;
    left: 151px;
    width: 172px;
    height: 48px;
}
.a_num_4 { 
    top: 341px;
    left: 833px;
    width: 172px;
    height: 48px;
}
.a_num_5 { 
    top: 451px;
    left: 833px;
    width: 172px;
    height: 48px;
}
.a_num_6 { 
    top: 562px;
    left: 833px;
    width: 172px;
    height: 48px;
}
.menu2 {
    position: absolute;
    bottom: 30px;
    left: 580px;
    transition: all cubic-bezier(0.94, 0.05, 0.74, 1.6) 300ms;
}


.b_num_1 {
    top: 627px;
    left: 304px;
    width: 183px;
    height: 51px;
}

.b_num_2 {  
    top: 484px;
    left: 772px;
    width: 183px;
    height: 51px;
} 


.c_num_1 {
    top: 627px;
    left: 304px;
    width: 183px;
    height: 51px;
}

.c_num_2 {  
    top: 484px;
    left: 772px;
    width: 183px;
    height: 51px;
} 

.d_num_1 {
    top: 627px;
    left: 304px;
    width: 183px;
    height: 51px;
}

.d_num_2 {  
    top: 484px;
    left: 772px;
    width: 183px;
    height: 51px;
} 





img.menu2:hover {
    transform: scale(1.1,1.1);
    cursor: pointer;
}

/*Calculadora */


.calculadora {
	position:absolute;
	top:10px;
	font-size: 17px;
	background-color: #2D415B;
	border-radius: 11px;
	height: 240px;
	margin: 0 auto;
	padding: 20px 20px 9px;
	width: 205px;
	display:none;
	border: 1px solid white;
}
.parteSuperior .pantalla {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	color: #FFFFFF;
	float: right;
	font-size: 17px;
	height: 40px;
	letter-spacing: 1px;
	line-height: 40px;
	padding: 0 10px;
	text-align: right;
	width: 130px;
}
.teclas, .parteSuperior {
	overflow: hidden;
}
.teclas span, .parteSuperior span.limpiar {
	background-color: #79C46A;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 11px 0;
	text-align: center;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
	width: 22%;
}
.parteSuperior span.limpiar {
	background-color: #FF7C87;
}
.teclas span.operador {
	background-color: #F49130;
	margin-right: 0;
}
.teclas span.igual {
	background-color: #F1FF92;
	color: #888E5F;
}
.parteSuperior span.limpiar, {
background-color: #FF9FA8;
color: #FFFFFF;
}
.teclas span:hover, .teclas span.igual:hover, .parteSuperior span.limpiar:hover {
	background-color: #FFFFFF;
	color: #000000;
}

/*Calculadora*/