@import url(common.css);

.push-1-3{
	margin-left: 38%;
}

.espacioBtns{
	position: relative;
}

.btns{
	position: absolute;
}

.b2{
	top: 220px;
  	left: 740px;
}

.b1{
	top: 220px;
  left: 120px;
}

#pop1{
	width: 1220px !important;
	max-height: 800px !important;
}

#pop1 .content{
	max-height: 700px !important;
}

.popup{
	position: relative;
	height: 700px;
}

.cajasPopup{
	position: absolute;
	padding:10px;
}

.cajasPopup p{
	font-size: 20px;
}

.c1{
	border: 5px solid #bfbfbf;
  padding: 15px;
  text-align: center;
 
  width: 710px;
  left: 230px;
}

.c2{
	top: 74px;
  left: 240px;
  width: 700px;
}

.c3, .c3_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	top: 194px;
    left: 29px;
    height: 50px;
    display: none;
	
}

.c3:after, .c3_:after{
  content: " ";
  height: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #bfbfbf;
  float: left;
  position: relative;
  left: 188px;
  top: -30px;
}

.c4, .c4_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	width: 240px;
	top: 340px;
	left: 70px;	
	display: none;
}
.c4:after, .c4_:after{
	content: " ";
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: right;
  position: relative;
  left: -19px;
  top: -210px;

}


.c5, .c5_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	height: 50px;
	top: 194px;
	left: 354px;
	display: none;
}
.c5:after, .c5_:after{
	content: " ";
  height: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #bfbfbf;
  float: left;
  position: relative;
  left: 100px;
  top: -30px;
}

.c6, .c6_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	
	width: 240px;
	top: 340px;
	left: 320px;
	display: none;	
}
.c6:after, .c6_:after{
	content: " ";
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: right;
  position: relative;
  left: -28px;
  top: -116px;
}

.c7, .c7_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	height: 50px;
	top: 194px;
	left: 700px;
	display: none;
}
.c7:after, .c7_:after{
	content: " ";
 	height: 10px;
  	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent;
	border-right: 20px solid #bfbfbf;
  	float: left;
  	position: relative;
	left: -34px;
 	top: -30px;
}

.c8, .c8_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	
	width: 240px;
	top: 340px;
	left: 580px;
	display: none;	
}
.c8:after, .c8_:after{
	content: " ";
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: right;
  position: relative;
	left: -134px;
	top: -164px;

}

.c9, .c9_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	height: 50px;
	top: 194px;
	left: 950px;
	display: none;
}
.c9:after, .c9_:after{
	content: " ";
 	height: 10px;
  	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent;
	border-right: 20px solid #bfbfbf;
  	float: left;
  	position: relative;
	left: -34px;
 	top: -30px;
}

.c10, .c10_{
	background: #ffcd1d;
	border: 5px solid #bfbfbf;
	border-radius: 10px;
	width: 240px;
	top: 340px;
	left: 850px;
	display: none;	
}
.c10:after, .c10_:after{
	content: " ";
  height: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #bfbfbf;
  float: right;
  position: relative;
  left: -153px;
  top: -140px;
}

#c3{
	left: 6px;
}

#c3:after{
	left: 209px;
}

#c4:after{
	top: -188px;
}

#c5{
	left: 310px;
}

#c5:after{
	left: 147px;
}


#c6:after{
	top: -140px;
}


#c8:after{
	top: -140px;
}


#c10:after{
	  top: -164px;
}

.cks{
	position: absolute;
	width: 30px;
	height: 30px;
	
}
.ck1, #ck1{  top: 207px;  left: 252px;}
.ck2, #ck2{
    top: 289px;
    left: 252px;
}
.ck3, #ck3{
    top: 207px;
    left: 493px;
}
.ck4, #ck4{
    top: 290px;
    left: 492px;
}
.ck5, #ck5{
    top: 207px;
    left: 646px;
}
.ck6, #ck6{
    top: 290px;
    left: 646px;
}
.ck7, #ck7{
    top: 207px;
    left: 896px;
}
.ck8, #ck8{
    top: 290px;
    left: 897px;
}

.b3{
	  bottom: 30px;
  right: 60px;
  display: none;
}

.border{
	height: 420px;
}