/* CSS Document */


/* codigo de video en reemplazo de sg-video...etc */
.videobox {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 100%;
	z-index: 100;
}
.videobox iframe {
	position: relative;
	top: 59px;
	left: 318px;
}
.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 */




.suelt1 {
	position: absolute;
	top: 315px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.suelt2 {
	position: absolute;
	top: 367px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.suelt3 {
	position: absolute;
	top: 419px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.suelt4 {
	position: absolute;
	top: 469px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.suelt5 {
	position: absolute;
	top: 521px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.suelt6 {
	position: absolute;
	top: 604px;
	left: 746px;
	width: 539px;
	height: 45px;
}
.arra1 {
	position: absolute;
	top: 255px;
	left: 63px;
	width: 547px;
	height: 45px;
	background-image: url(../img/03_02-villavicencio.png);
}
.arra2 {
	position: absolute;
	top: 307px;
	left: 63px;
	width: 547px;
	height: 45px;
	background-image: url(../img/03_02-cali.png);
}
.arra3 {
	position: absolute;
	top: 358px;
	left: 63px;
	width: 547px;
	height: 45px;
	background-image: url(../img/03_02-bogota.png);
}
.arra4 {
	position: absolute;
	top: 410px;
	left: 63px;
	width: 547px;
	height: 45px;
	background-image: url(../img/03_02-medellin.png);
}
.arra5 {
	position: absolute;
	top: 459px;
	left: 63px;
	width: 547px;
	height: 45px;
	background-image: url(../img/03_02-cartagena.png);
}
img.reini {
	position: absolute;
	bottom: 32px;
	right: 44px;
	width: 61px;
	cursor: pointer;
}
img.reini:active {
	bottom: 29px;
}
.veri {
	position: absolute;
	bottom: 68px;
	right: 94px;
	width: 151px;
	cursor: pointer;
}
.veri:active {
	bottom: 64px;
}
img.cerrar {
	position: absolute;
	right: -67px;
	top: -30px;
}

.select {
	position: absolute;
	font-size: 30px;
	background-color: rgb(0, 169, 157);
	color: white;
	background-image: url(../img/flechasel2.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 299px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
#opc1 {
	top: 290px;
	left: 912px;	
}
#opc2 {
	top: 354px;
	left: 912px;	
}
#opc3 {
	top: 424px;
	left: 912px;	
}
#opc4 {
	top: 491px;
	left: 912px;	
}
#opc5 {
	top: 559px;
	left: 912px;	
}

.ciud1{
	position:absolute;
	top: 299px;
	left: 80px;
	width: 282px;
	height: 57px;
	background-image:url(../img/vi_r.png);
	cursor:pointer;        
}
.ciud2{
	position:absolute;
	top: 369px;
	left: 80px;
	width: 282px;
	height: 57px;
	background-image:url(../img/bo_r.png);
	cursor:pointer;
}
.ciud3{
	position:absolute;
	top: 437px;
	left: 80px;
	width: 282px;
	height: 57px;
	background-image:url(../img/me_r.png);
	cursor:pointer;
}
.ciud4{
	position:absolute;
	top: 505px;
	left: 80px;
	width: 282px;
	height: 57px;
	background-image:url(../img/ca_r.png);
	cursor:pointer;
}
.ciud5{
	position:absolute;
	top: 570px;
	left: 80px;
	width: 282px;
	height: 57px;
	background-image:url(../img/car_r.png);
	cursor:pointer;
}

.circulo{
	position:absolute;
	top: 220px;
	left: 810px;
	width: 459px;
	height: 459px;
	background-image:url(../img/ciculodivide.png);
}

.opc1:hover,.opc2:hover,.opc3:hover{
	transform:scale(1.1,1.1);
	cursor:pointer;
}
.opc1{
	
	position:absolute;
	top: 290px;
	left: 840px;
	width: 165px;
	height: 208px;
	background-image:url(../img/cir1.png);
}
.opc2{
	
	position:absolute;
	top: 290px;
	left: 1070px;
	width: 166px;
	height: 206px;
	background-image:url(../img/cir2.png);
}
.opc3{
	
	position:absolute;
	top: 439px;
	left: 960px;
	width: 165px;
	height: 208px;
	background-image:url(../img/cir3.png);
}
.dividir{
	cursor:pointer;
	position:absolute;
	top: 435px;
	left: 960px;
	width: 165px;
	-webkit-box-shadow: 10px 10px 106px -6px rgba(255,255,255,1);  -moz-box-shadow: 10px 10px 106px -6px rgba(255,255,255,1);  box-shadow: 10px 10px 106px -6px rgba(255,255,255,1);
}
.dividir:hover{
	left: 957px;
	width: 171px;
}
.dividir:active{
	top: 439px;
}



.reiniciar1 {
    position: absolute;
    bottom: 60px;
    right: 50px;
	cursor:pointer;
}
.reiniciar1:active {
	
 bottom: 55px;
}