@CHARSET "ISO-8859-1";
/*GENERALES*/
/***********/
body{
  margin:0px;
}

html{
	background-color:#000;
	font-size:1.2em;
}

#contenedorgeneral
{
	z-index: 1;
	position: absolute;
	left: -2px;
}

a{
	text-decoration : none;
}
a:visited{
	text-decoration : none;
}

.infobox a{
	text-decoration:none;
	cursor:pointer;
}
img{
	border:none;
}
/*NOTICIAS*/
/********************/
.texto{
	width: 50%;
    height:20%;
	left:20%;
	top:20%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}

.texto img{
	width: 100%;
    height: 100%;	
}
.texto2{
	width: 50%;
    height: 30%;
	left:20%;
	top:45%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}

.texto2 img{
	width: 100%;
    height: 100%;	
}
.eleccion{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
	top:13%; 
	left:20%;
	z-index: 1;
	color:#FFF;
}
/*FONDO Y ESES*/
/**************/
.fondo{
    width: 100%;
    height: 100%;
    left: 15%;
    top: 0px;
    position: fixed;
    z-index: 0;

}
.fondo_obien{
    width: 100%;
    height: 100%;
    left: 24%;
    top: 20px;
    position: fixed;
    z-index: 0;
}
.s{
	width: 65%;
    height: 95%;	
}
.s_obien{
	width: 55%;
    height: 90%;	
}
/*BOTONES INFERIORES*/
/********************/
.boton_menu{
	width: 100%;
    height: 100%;
	left:80%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.boton_menu img{
	width:12%;
	height:8%;
}
.atras{
	width: 9%;
    height: 9%;
	left:10%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.atras img{
	width:100%;
	height:100%;
}
.soporte{
	width: 100%;
    height: 100%;
	left:85%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.soporte img{
	width:12%;
	height:7%;
}
.contacto{
	width: 14%;
    height: 5%;
	left:81%;
	top: 80%;
	margin-bottom:10%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.contacto img{
	width:100%;
	height:100%;
}
.contacto2{
	width: 20%;
    height: 3.5%;
	left:75%;
	top:86%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	
}
.contacto2 img{
	width:100%;
	height:100%;
	cursor: pointer;
}
.contacto .more {
	display:none;
    }
.contacto:hover .more {
	display:block;
    position:fixed;
    z-index:1;
    left:77%;
    top:67%;
	height:10%;
    width:20%;
    padding:7px 5px 5px;
	color:#000;
    }

/*BOTONES SUPERIORES*/
/********************/
.santander {
	width: 100%;
    height: 100%;
	left:30%;
	top:20%;
	position: fixed;
	text-decoration:none;
	z-index: 1;

}
.santander img{
	width:20%;
	height:6%;
	cursor: pointer;
}
.segovia {
	width: 100%;
    height: 100%;
	left:30%;
	top:30%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	
}
.segovia img{
	width:16.5%;
	height:4%;
	cursor: pointer;
}
.recarga_div{
	width: 100%;
    height: 100%;
	left:48%;
	top:37%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.recarga_div img{
	width:25%;
	height:6%;
}
.recargasin_div{
	width: 100%;
    height: 100%;
	left:54%;
	top:37%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.recargasin_div img{
	width:18%;
	height:6%;
}
.parametros_div{
	width: 100%;
    height: 100%;
	left:23%;
	top:52%;
	position: fixed;
	text-decoration:none;
	z-index: 1;

}
.parametros_div img{
	width:25%;
	height:6%;
}
.primeravez_div{
	width: 100%;
    height: 100%;
	left:23%;
	top:52%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	
}
.primeravez_div img{
	width:23%;
	height:6%;
	cursor: pointer;
}
.usb{
	width: 100%;
    height: 100%;
	left:35%;
	top:15%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	
}
.usb img{
	width:15%;
	height:10%;
	cursor: pointer;
}

.codigo_recarga{
	width: 100%;
    height: 100%;
	left:50%;
	top:67%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	
}
.codigo_recarga img{
	width:15%;
	height:10%;
	cursor: pointer;
}
.recarga_codigo_div{
	width: 100%;
	height: 100%;
	left:20%;
	top:20%;
	position: fixed;
	text-decoration:none;
	z-index: -1;
	color:#FFF;
}
.recarga_codigo_div img{
	width:25%;
	height:12%;

}
.recarga_button{
	width: 18%;
	height: 7%;
	left:38.5%;
	top:35%;
	position: fixed;
	text-decoration:none;
	z-index: 0;
	color:#FFF;
	cursor:pointer;
}
.recarga_button img{
	width:100%;
	height:100%;

}
.menu{
	width: 11%;
	height: 9%;
	left:85%;
	top:5%;
	position: fixed;
	text-decoration:none;
	z-index: 0;
	color:#FFF;
	cursor:pointer;
}
.menu img{
	width:100%;
	height:100%;

}
.caja_recarga{
	left:48%;
	top:22.5%;
	position: fixed;
	z-index: 1;
	font-weight: bold;
	border: 1px solid yellow;
}

/*CARTELES SUPERIORES*/
/*********************/
.explorer_derecha{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
	top:3%; 
	left:80%;
	z-index: 1;
}
.explorer_derecha img{
	width:18%;
	height:12%;
}
.explorer_izquierda{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
	top:3%; 
	left:2%;
	z-index: 1;	
}
.explorer_izquierda img{
	width:15%;
	height:10%;
}
.recarga_izquierda {
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
	top:3%; 
	left:2%;
	z-index: 1;	
}
.recarga_izquierda img{
	width:10%;
	height:3%;
}
.recarga_codigo_izquierda{
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
	top:3%; 
	left:2%;
	z-index: 1;	
}
.recarga_codigo_izquierda img{
	width:10%;
	height:8%;
}
.instrucciones{
	width: 19%;
    height: 5%;
    position: fixed;
    z-index: 1;
	top:3%; 
	left:80%;
	z-index: 2;
	cursor:pointer;
}
.instrucciones img{
	width:100%;
	height:100%;
}
.instrucciones .more img {
	width:100%;
	height:100%;
}
.instrucciones .more {
	display:none;
}
.instrucciones:hover .more{
	display:block;
    position:fixed;
    left:30%;
    top:9%;
    width:60%;
    border:1px solid #FFFF00;
	height:70%;
	z-index: 2;
	
}
/*CSS PARA QUE APAREZCA TODO MOUSE OVER*/
/***********************************************/
.infobox {
	width: 49%;
    height: 4%;
	left:5.1%;
	top:20%;
	position: fixed;
	text-decoration:none;
	z-index: 100;
	cursor: pointer;
	color:#FFF;
}
.infobox img{
	width:100%;
	height:100%;
}
.infobox2 {
	width: 38%;
    height: 4.2%;
	left:5.25%;
	top:29%;
	position: fixed;
	text-decoration:none;
	z-index: 101;
	cursor: pointer;
	color:#FFF;
}
.infobox2 img{
	width:100%;
	height:100%;
}
.infobox3 {
	width: 45%;
    height: 8%;
	left:5.1%;
	top:38%;
	position: fixed;
	text-decoration:none;
	z-index: 102;
	cursor: pointer;
	color:#FFF;
 }
.infobox3 img{
	width:100%;
	height:100%;
}
.infobox .more {
	display:none;
}
.infobox2 .more {
	display:none;
}
.infobox3 .more {
	display:none;
}
.infobox:hover .more {
	display:block;
	width: 25%;
    height: 10%;
    position:fixed;
    z-index:1;
    left:8%;
    top:50%;
    }
.infobox2:hover .more {
	display:block;
    position:fixed;
	width: 55%;
    height: 15%;
    z-index:1;
    left:8%;
    top:50%;
    }
.infobox3:hover .more {
	display:block;
    position:fixed;
    z-index:1;
	width: 50%;
    height: 30%;
    left:8%;
    top:50%;
    }
.aqui3{
	width: 3.9%;
    height: 2.8%;
	left:38%;
	top:21%;
	position: fixed;
	text-decoration:none;
	z-index: 105;
	cursor: pointer;
	color:#FFF;
}
.aqui3 img {
	width:100%;
	height:100%;
}

/*CSS PARA IFRAME*/
/*****************/
.fadebox {
    display: none;
    width: 100%;
    height: 100%;
	left:0%;
    top: 0%;
    position: fixed;
    z-index: 0;
    background-color: black;
    z-index:1000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=60);
}
.overbox {
    display: none;
    width: 90%;
    height: 95%;
    left: 10%;
	right:5%;
    top: 5%;
    position: fixed;
    z-index: 0;
    top: 1%;
    z-index:1001;
    overflow: auto;
}
.iframe{
	height:90%; 
	width:90%;
}
/*PAGOS    */
/***********/
.boton_conecta_comet{
	width:20%;
    height: 7%;
    position: fixed;
    z-index: 0;
	top:13%; 
	left:36%;
	z-index: 1;
}
.boton_conecta_comet img{
	width:100%;
	height:100%;
	cursor:pointer;
}
.numero_serie{
	width: 22%;
    height: 4%;
    position: fixed;
    z-index: 0;
	top:20%; 
	left:20%;
	z-index: 1;
}
.numero_serie img{
	width:100%;
	height:100%;
}
.tarjetas{
	width: 50%;
    height:20%;
    position: fixed;
    z-index: 0;
	top:34%; 
	left:20%;
	z-index: 1;
}
.tarjetas img{
	width:100%;
	height:100%;
}

.importe_recargas{
	width: 20%;
    height: 8%;
    position: fixed;
    z-index: 0;
	top:25%; 
	left:20.2%;
	z-index: 1;
}
.importe_recargas img{
	width:100%;
	height:100%;
}
.importe_total{
	width: 7%;
    height: 8%;
    position: fixed;
    z-index: 0;
	top:80%; 
	left:20%;
	z-index: 1;
	cursor:pointer;
}

.importe_total img{
	width:100%;
	height:100%;
}
.importante1{
	width: 50%;
    height: 8%;
    position: fixed;
    z-index: 0;
	top:55%; 
	left:20%;
	z-index: 1;
}

.importante1 img{
	width:100%;
	height:100%;
}
.importante2{
	width:50%;
    height:10%;
    position: fixed;
    z-index: 0;
	top:65%; 
	left:20%;
	z-index: 1;
}

.importante2 img{
	width:100%;
	height:100%;
}
.borrar{
	width: 10%;
    height: 6%;
    position: fixed;
    z-index: 0;
	top:90%; 
	left:20%;
	z-index: 1;
	cursor:pointer;
}
.borrar img{
	width:100%;
	height:100%;
}
.adicional{
	width: 12%;
    height: 3%;
    position: fixed;
    z-index: 0;
	top:81%; 
	left:30%;
	z-index: 1;
}
.adicional img{
	width:100%;
	height:100%;
}
.imp_tot{
	width: 12%;
    height: 3%;
    position: fixed;
    z-index: 0;
	top:85%; 
	left:30%;
	z-index: 1;
}
.imp_tot img{
	width:100%;
	height:100%;
}
.euro1{
	width: 2%;
    height: 3%;
    position: fixed;
    z-index: 0;
	top:81%; 
	left:50%;
	z-index: 1;
}
.euro1 img{
	width:100%;
	height:100%;
}
.euro2{
	width: 2%;
    height: 3%;
    position: fixed;
    z-index: 0;
	top:85%; 
	left:50%;
	z-index: 1;
}
.euro2 img{
	width:100%;
	height:100%;
}
.euro3{
	width: 2%;
    height: 3%;
    position: fixed;
    z-index: 0;
	top:31%; 
	left:54%;
	z-index: 1;
}
.euro3 img{
	width:100%;
	height:100%;
}
.pago{
	width: 18%;
    height: 7%;
    position: fixed;
    z-index: 0;
	top:89%; 
	left:52%;
	z-index: 1;
	cursor:pointer;
}
.pago img{
	width:100%;
	height:100%;
}
.caja_importe{
	left:45%;
	top:27%;
	position: fixed;
	z-index: 1;
	font-weight: bold;
	border: 1px solid yellow;
	size:40px;
}

.cancelar{
	width: 10%;
    height: 4%;
    position: fixed;
    z-index: 0;
	top:82%; 
	left:55%;
	z-index: 1;
	cursor:pointer;
}
.cancelar img{
	width:100%;
	height:100%;
}

/*PARAMETROS */
/*************/
.leer_registro{
	width: 75%;
    height: 80%;
	left:45%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.leer_registro img{
	width:15%;
	height:10%;
}
.actualizar{
	width: 75%;
    height: 80%;
	left:23%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.actualizar img{
	width:11%;
	height:10%;
}
.actualizar_reloj{
	width: 75%;
    height: 80%;
	left:70%;
	top:80%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
	cursor: pointer;
}
.actualizar_reloj img{
	width:11%;
	height:10%;
}
.texto_parametros{
	width: 75%;
    height: 65%;
	left:13%;
	top:10%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.texto_parametros img{
	width:100%;
	height:100%;
}
.titulo_parametros{
	width: 17%;
    height: 5%;
	left:1%;
	top:1%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.titulo_parametros img{
	width:100%;
	height:100%;
}
.titulo_instrucciones_uso{
	width: 23%;
    height: 5%;
	left:75%;
	top:1%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.titulo_instrucciones_uso img{
	width:100%;
	height:100%;
}
/* INSTRUCCIONES    */
/********************/
.intro{
	width: 50%;
    height: 10%;
	left:15%;
	top:15%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.intro img{
	width:100%;
	height:100%;
}
.instruccion1_1{
	width: 70%;
    height: 12%;
	left:15%;
	top:25%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_1 img{
	width:100%;
	height:100%;
}
.instruccion1_2{
	width: 73%;
    height: 8%;
	left:15%;
	top:37%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_2 img{
	width:100%;
	height:100%;
}
.instruccion1_3{
	width: 80%;
    height: 20%;
	left:14.5%;
	top:47%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_3 img{
	width:100%;
	height:100%;
}
.instruccion1_4{
	width: 70%;
    height: 8%;
	left:15%;
	top:68%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_4 img{
	width:100%;
	height:100%;
}
.instruccion1_5{
	width: 80%;
    height: 12%;
	left:15%;
	top:78%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_5 img{
	width:100%;
	height:100%;
}
.instruccion1_6{
	width: 45%;
    height: 5%;
	left:15.1%;
	top:90%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion1_6 img{
	width:100%;
	height:100%;
}
.instrucciones_uso{
	width: 25%;
    height: 4%;
	left:72%;
	top:2%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instrucciones_uso img{
	width:100%;
	height:100%;
}
/* INSTALACION DEL DRIVER    */
/*****************************/
.intro{
	width: 50%;
    height: 12%;
	left:15%;
	top:10%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.intro img{
	width:100%;
	height:100%;
}
.instruccion2_1{
	width: 50%;
    height: 5%;
	left:14%;
	top:22%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_1 img{
	width:100%;
	height:100%;
}
.instruccion2_2{
	width: 59%;
    height: 4%;
	left:14.5%;
	top:26%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_2 img{
	width:100%;
	height:100%;
}
.instruccion2_3{
	width: 54%;
    height: 4.3%;
	left:14.4%;
	top:30%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_3 img{
	width:100%;
	height:100%;
}
.instruccion2_4{
	width: 60%;
    height: 4.3%;
	left:14.7%;
	top:34%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_4 img{
	width:100%;
	height:100%;
}
.instruccion2_5{
	width: 68%;
    height: 6.5%;
	left:14.9%;
	top:38.5%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_5 img{
	width:100%;
	height:100%;
}
.instruccion2_6{
	width: 66%;
    height: 6.5%;
	left:15%;
	top:45.5%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_6 img{
	width:100%;
	height:100%;
}
.instruccion2_7{
	width: 68%;
    height: 4%;
	left:14.6%;
	top:52.5%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_7 img{
	width:100%;
	height:100%;
}
.instruccion2_8{
	width: 65%;
    height: 6.5%;
	left:15%;
	top:57%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_8 img{
	width:100%;
	height:100%;
}
.instruccion2_9{
	width: 65%;
    height: 6.5%;
	left:15%;
	top:64%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_9 img{
	width:100%;
	height:100%;
}
.instruccion2_10{
	width: 65%;
    height: 6.5%;
	left:14.7%;
	top:71%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_10 img{
	width:100%;
	height:100%;
}
.instruccion2_11{
	width: 65%;
    height:6.5%;
	left:15%;
	top:78%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_11 img{
	width:100%;
	height:100%;
}
.instruccion2_12{
	width: 47%;
    height: 4.5%;
	left:14.2%;
	top:85%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instruccion2_12 img{
	width:100%;
	height:100%;
}
.instrucciones_uso{
	width: 26%;
    height:5%;
	left:72%;
	top:3%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.instrucciones_uso img{
	width:100%;
	height:100%;
}
.final{
	width: 50%;
    height:10%;
	left:15%;
	top:90%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}

.final img{
	width:100%;
	height:100%;
}
.aqui{
	width:3.5%;
    height:2.9%;
	left:22.2%;
	top:23.3%;
	position: fixed;
	text-decoration:none;
	cursor: pointer;
	z-index: 1;
}

.aqui img{
	width:100%;
	height:100%;
}
.aqui2{
	width:3.5%;
    height:3.2%;
	left:37.6%;
	top:37.7%;
	position: fixed;
	text-decoration:none;
	cursor: pointer;
	z-index: 1;
}

.aqui2 img{
	width:100%;
	height:100%;
}
.continue{
	width:8%;
    height:4%;
	left:51%;
	top:90.5%;
	position: fixed;
	text-decoration:none;
	cursor: pointer;
	z-index: 1;
}

.continue img{
	width:100%;
	height:100%;
}
/*RECARGA REALIZADA */
/********************/
.ok{
	width: 15%;
    height: 30%;
	left:30%;
	top:30%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.ok img{
	width:100%;
	height:100%;
}
.recarga_ok{
	width: 25%;
    height: 10%;
	left:45%;
	top:45%;
	position: fixed;
	text-decoration:none;
	z-index: 1;
}
.recarga_ok img{
	width:100%;
	height:100%;
}
.imprimir{
	width: 7%;
    height:15%;
	left:45%;
	top:75%;
	position: fixed;
	text-decoration:none;
	cursor: pointer;
	z-index: 1;
}
.imprimir img{
	width:100%;
	height:100%;
}