@charset "utf-8";
/* CSS Document */

*{ outline: none; margin:0}

body{

background-position: center;
background-attachment: fixed;
background-repeat:no-repeat;
overflow:auto;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
scrollbar-face-color: #3E2819;
scrollbar-shadow-color:#3E2819;
scrollbar-highlight-color: #3E2819;
scrollbar-3dlight-color: #26170F;
scrollbar-darkshadow-color: #3E2819;
scrollbar-track-color:#26170F;/* #02327A;*/
scrollbar-arrow-color:#FFF;
background-color:#3F6D9E;
overflow-x: hidden;
overflow-y: hidden;
}

.wrapp {
position: absolute; 
top: 50%; 
left: 50%; 
margin-top: -531px; /*Restamos la mitad de alto*/
margin-left: -960px; /*Restamos la mitad de ancho*/
}

.clear{ clear:both}

/*------------------ Img fondo ----------------*/

.img_fondo{ width: 1920px; height: 1080px; z-index:1; position:absolute; background-position:center; background-repeat:no-repeat}

#home{background:url(../images/fondo_home.jpg)}
#participar{background-image: url(../images/fondo_participar.jpg); }
#premios{background-image: url(../images/fondo_listado.jpg); }
#bases{background-image: url(../images/fondo_bases.jpg); }
#faq{background-image: url(../images/fondo_faq.jpg); }
#contacto{background-image: url(../images/fondo_contacto.jpg); }
#carga_datos{background-image: url(../images/fondo_carga.jpg); }
#terminos{background-image: url(../images/fondo_terminos.jpg); }
#premio{background-image: url(../images/fondo_premio.jpg); }




/*------------------ Fin img fondo ----------------*/



/*------------------ Menu ----------------*/
.menu{
width:200px;
	height:160px;
	position:absolute;
	z-index:4;
	left: 335px;
	top:380px;
	background-image:url(img/base_menu.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:5px 0 0 0px;
	text-align:center;
	 display:block;
	 text-shadow: black 0.1em 0.2em 0.2em;
	 font-weight:bold;

	 
	

	}
.menu ul { padding:0; margin:0; list-style:none; border:0; display:block}
.menu ul li { display:inline;  margin:0; padding:0;  background:none; display:block }
.menu ul li a {  color:#fff; line-height:32px; text-align: center; text-decoration:none; display:inline; padding: 0 8px 0 8px; font-weight:bold; display:block


    }
.menu ul li a:hover { color:#fc0; display:block}
.menu ul li a.active { background-image:url(img/ancla.png); background-position:center; line-height:32px;  background-repeat:no-repeat; color:#fc0; height:32px;  display:block}

/*------------------ Fin menu ----------------*/

/*------------------ Fin menu ----------------*/

/*------------------ Footer ----------------*/
.legales_index { width:760px; height:20px; line-height:20px ;font-size:11px; color: #fff; text-align:center; position:absolute; 	z-index:666;	left: 580px;top: 825px;}

.legales2{ width:278px; height:20px; line-height:20px ;font-size:11px; color:#900; text-align:center; position:absolute; z-index:666;left: 1050px;top: 830px; }

.legales { width:810px; height:36px; line-height:36px ;font-size:11px; color: #BFE3F1; text-align:center; position:absolute; 	z-index:667;	left: 100px;top: 530px;}

.facebook{width:15px; height: 15px; float:right; padding-top:10px; }

.fb, .fb:link, fb:visited, fb:active{ background-image:url(../images/fb_off.png);z-index:1020;width:15px; height: 15px; cursor:pointer}

.fb:hover { background-image:url(../images/fb_on.png)}
.txt_legales{ margin-left:-365px; position:absolute}
		
.boton:link, .boton:active, .boton:visited {line-height:36px ;font-size:11px; color: #fff ; text-decoration:none}

.boton:hover {line-height:36px ;font-size:11px; color:#0CF;text-decoration:none}	

/*------------------ Fin footer ----------------*/


/* ScrollBar NochesDeCode.com.ar */

::-webkit-scrollbar {
    width: 12px;
}
	 
::-webkit-scrollbar-track {
	-webkit-box-shadow: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
	background-color: #26170F;
	-webkit-border-radius: 10px;
}
	 
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#8e6c50;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background:#26170F;
}

/* Final ScrollBar NochesDeCode.com.ar */


/*------------------ Listado Premios ----------------*/

.base_listado{width:430px;
	height:190px;
	position:absolute;
	z-index:333;
	left: 800px;
	top: 440px;
		}

	#scroll{
	overflow-y: auto;
	width: 420px;
	height: 160px;
	float: left;
	position: relative;
	z-index: 4;
	font-size: 12px;
	color:#fff;
	text-align: left;
	}
.ganador_celeste{ width:390px; height:20px; background-color:#3E2819; margin-bottom:3px; margin-left:10px}	
.ganador_claro{ width:390px; height:20px; background-color:#26170F;margin-bottom:3px;margin-left:10px}	

.nombre{ width:80px; text-align:center; float:left;line-height:20px}
.dni{ width:70px; text-align:center; float:left;line-height:20p}
.marca{ width:90px; text-align:center; float:left;line-height:20p }
.premio{ width:140px; text-align:center; float:left;line-height:20p }
/*------------------ Fin listado premios ----------------*/


/*------------------ Bases ----------------*/

.base_bases{width:400px;
	height:170px;
	position:absolute;
	z-index:333;
	left: 800px;
	top: 390px;
	background-color:
		}
		
#scroll2{overflow-y: auto;width: 400px;height: 160px;float: left;position: relative;z-index: 4;font-size: 12px;color:#000;	text-align: left;	}
		
.txt_bases{ width:360px; text-align:left; float:left; color:#fff; margin-left:15px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px }
		
#boton {color: #fc0;line-height:11px; font-weight:bold}

/*------------------ Fin bases ----------------*/

/*------------------ FAQ ----------------*/

.base_faq{width:360px;height:220px;position:absolute;
	z-index:333;left: 760px;top: 400px;
		}

.preguntas{ color:#fc0; font-size:12px; font-weight:bold}

#scroll3{
	overflow-y: auto;
	width: 395px;
	height: 180px;
	float: left;
	position: relative;
	z-index: 4;
	font-size: 12px;
	color:#000;
	text-align: left;
}

/*------------------ Fin faq ----------------*/


/*------------------ Contacto ----------------*/

.base_contacto{width:400px;	height:268px;position:absolute;
	z-index:363;left: 790px;top: 380px;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:11px;	}

.campos{width:330px;height:40px;z-index:364;float:left;padding: 5px 0 0 0;  }

.division{width:100px;height:40px;float:left; color:#FFF; margin-right:10px}
	

.captcha{ width:250px; height:60px; z-index:367; margin:150px 0 0px 0px;  position:absolute; color:#FFF }

.captcha_iz{ width:100px; height:60px; float:left; }
.captcha_der{ width:125px; height:60px; float:left;  margin-left:10px }


.campo_codigo{ width:100px; height:20px; z-index:367; margin:5px 0  }

.enviar{ width:69px; height:26px; position:absolute; margin:170px 0 0 245px; padding-left:10px; display:block; background-image:url(../images/enviar_off.png); background-repeat:no-repeat; cursor:pointer; z-index:5000 }
.enviar:link, .enviar:visited,.enviar:active{display:block; background-image:url(../images/enviar_off.png)}
.enviar:hover{display:block; background-image:url(../images/enviar_on.png) }



/*------------------ Fin contacto ----------------*/

/*------------------ Carga datos ----------------*/

.base_carga{width:400px;height:240px;position:absolute;	z-index:363;left: 760px;top: 370px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px; color:#FFF;}

.item_1{ width:400px; height:15px; margin: 0 5px; float:left; margin:5px 0 10px 0; float:left; text-align:center}
.galletitas{ width:400px; height:45px;color:#fff; font-weight:700;  float:left}

.carga_marca1{ width:50px; height:15px; float:left; margin-left:15px;  }
.carga_marca2{ width:125px; height:15px; float:left;margin-left:15px}
.carga_marca3{ width:75px; height:15px; float:left;margin-left:15px; }
.opcion{ width:15px; height:15px; float:left; margin-right:20px; position:relative}

.campos_carga{width:400px;height:20px;z-index:365;float:left;  margin: 10px 15px;}

.division_carga{width:80px;height:20px;float:left;margin-right:15px;  }
.division_carga2{width:130px;height:20px;float:left; }
.division_carga3{width:150px;height:20px;float:left;margin-right:10px;}
.division_carga4{width:100px;height:20px;float:left;margin-right:10px;}

.carga_field{width:70px;height:20px; float:right}

.item_carga{width:57px;height:20px; float:left; line-height:20px; text-align:right; padding-right:3px}

.item_final{ width: 380px; height:15px; margin:20px 0 20px 20px}
.fecha{ width:180px; float:left; line-height:20px}
.dd{ width:30px; height:15px;float:left; margin-right:25px; text-align:center}

.captcha2{ width:250px; height:60px; z-index:367; margin:0px 0 0px 30px;  position:absolute; color:#FFF }

.bot_cargar{ width:69px; height:26px; position:absolute; margin:20px 0 0 270px; padding-left:10px; display:block; background-image:url(../images/cargar_off.png); background-repeat:no-repeat; cursor:pointer }
.bot_cargar:link, .bot_cargar:visited,.bot_cargar:active{display:block; background-image:url(../images/cargar_off.png)}
.bot_cargar:hover{display:block; background-image:url(../images/cargar_on.png) }

/*
.item{ width: 380px; height:15px; margin: 0 5px; float:left; margin:5px 0}

#item{margin-top:15px;width: 390px}



#division{ margin-right:20px; float:left}

.galletitas2{ width:320px; height:45px;color:#fff; font-weight:700; margin-top:15px;  left:115px; position:absolute}

.carga_marca1{ width:55px; height:15px; float:left; margin-left:5px; }

.carga_marca2{ width:60px; height:15px; float:left;margin-left:5px}
.carga_marca3{ width:80px; height:15px; float:left;margin-left:5px; }

.campos_carga{width:410px;height:20px;z-index:365;float:left;  margin-bottom:5px}

.division_carga{width:130px;height:20px;float:left;margin-right:10px;  }

.division_carga2{width:130px;height:20px;float:left; }

.division_carga3{width:150px;height:20px;float:left;margin-right:10px;}

.division_carga4{width:100px;height:20px;float:left;margin-right:10px;}

.carga_field{width:70px;height:20px; float:right}

.item_carga{width:57px;height:20px; float:left; line-height:20px; text-align:right; padding-right:3px}

.item_carga2{width:77px;height:20px; float:left; line-height:20px; text-align:right; padding-right:3px;}

.item_carga3{width:25px;height:20px; float:left; line-height:20px; text-align:right; padding-right:3px; }

.division_codigo{width:130px;height:40px;float:left;padding-left:20px; }

.item_final{ width: 380px; height:15px; margin:10px 0 10px 40px}


.bot_cargar{ width:69px; height:26px; position:absolute; margin:0px 0 0 5px; padding-left:10px; display:block; background-image:url(img/cargar_off.png); background-repeat:no-repeat; cursor:pointer }
.bot_cargar:link, .bot_cargar:visited,.bot_cargar:active{display:block; background-image:url(img/cargar_off.png)}
.bot_cargar:hover{display:block; background-image:url(img/cargar_on.png) }


.txt_rojo { color:#900}

.item{ width: 380px; height:15px; margin: 0 5px}

#item{margin-top:5px;width: 390px}

.pais { width:40px; height:20px; line-height:24px; float:left;} 

.paises {color:#003366; font-weight:700; width:90px; line-height:20px;  float:left}

.galletitas{ width:390px; height:45px;color:#003366; font-weight:700;}
.marcas{ width:80px; height:15px; float:left; margin-left:5px}
.marcas1{ width:70px; height:15px; float:left; margin-left:5px}
.marcas2{ width:120px; height:15px; float:left;margin-left:5px}
.opcion{ width:15px; height:15px; float:left; margin-right:20px; position:relative}

.fecha{ width:180px; float:left; line-height:20px}
.dd{ width:30px; height:15px;float:left; margin-right:25px; text-align:center}

#carga{top:245px}
#carga1{top:240px}

/*
.division_carga{width:120px;height:40px;float:left;margin-right:10px; }

.campos_carga2{width:420px;height:30px;z-index:365;float:left; margin-top:-5px }



/*------------------ Fin carga datos ----------------*/