@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: #2dd1ec;
scrollbar-shadow-color:#2dd1ec;
scrollbar-highlight-color: #2dd1ec;
scrollbar-3dlight-color: #008fc9;
scrollbar-darkshadow-color: #2dd1ec;
scrollbar-track-color:#008fc9;/* #02327A;*/
scrollbar-arrow-color:#FFF;
background-color:#030;
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); }
#ganador{background-image: url(../images/fondo_premio-1.jpg); }
#no_ganador{background-image: url(../images/fondo_premio-0.jpg); }


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



/*------------------ Menu ----------------*/
.menu{
width:620px;
	height:55px;
	position:absolute;
	z-index:4;
	left: 760px;
	top:283px;
	background-image:url(img/base_menu.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0 0 0px;
	

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


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

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

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

/*------------------ Footer ----------------*/
.legal{width:490px; height:40px; left:960px;top: 825px;position:absolute; 	z-index:665; text-align:center}
#legal_interiores{left:785px; }
.legales_index { width:490px; height:20px; line-height:20px ;font-size:11px; color: #000; 	}

.legales2{ width:278px; height:20px; line-height:10px ;font-size:11px; color:#900; margin:auto; margin-top:-13px }

.facebook{width:25px; height: 24px; 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:#900 ; text-decoration:none}

.boton:hover {line-height:36px ;font-size:11px; color:#fff;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: #008fc9;
	-webkit-border-radius: 10px;
}
	 
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#2dd1ec;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background:#008fc9;
}

/* Final ScrollBar NochesDeCode.com.ar */



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

.base_listado{width:410px;
	height:210px;
	position:absolute;
	z-index:333;
	left: 820px;
	top: 525px;
		}

	#scroll{
	overflow-y: auto;
	width: 400px;
	height: 180px;
	float: left;
	position: relative;
	z-index: 4;
	font-size: 12px;
	color:#000;
	text-align: left;
	}
.ganador_celeste{ width:360px; height:20px; background-color:#82e2f8; margin-bottom:3px; margin-left:10px}	
.ganador_claro{ width:360px; height:20px; background-color:#c5f1fc;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:110px; text-align:center; float:left;line-height:20p }
.premio{ width:100px; text-align:center; float:left;line-height:20p }
/*------------------ Fin listado premios ----------------*/



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

.base_bases{width:410px;
	height:215px;
	position:absolute;
	z-index:333;
	left: 820px;
	top: 520px;
	background-color:
		}
		
#scroll2{overflow-y: auto;width: 410px;height: 206px;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:#000; margin-left:15px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px }
		
		#boton {color: #900;line-height:11px; font-weight:bold}

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


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

.base_faq{width:360px;height:250px;position:absolute;
	z-index:333;left: 820px;top: 520px;
		}

.txt_faq{ width:350px; text-align:left; float:left; color:#000; margin-left:15px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:18px }
		
.preguntas{ color:#107BBF; font-size:12px; font-weight:bold}

#scroll3{
	overflow-y: auto;
	width: 395px;
	height: 200px;
	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: 860px;top: 530px;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:11px;	}

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



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

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



.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}

.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) }

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

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

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

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

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

.base_datos{width:400px;height:268px;position:absolute;
	z-index:363;left: 560px;top: 230px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;	}
		
.item{ width: 380px; height:15px; margin: 0 5px; float:left; margin:5px 0}

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

.division{width:100px;height:40px;float:left;margin-bottom:10px
	}


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

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

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

.carga_marca2{ width:65px; height:15px; float:left;margin-left:5px}
.carga_marca3{ width:85px; 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:15px 0 0 250px; 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) }



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


/*------------------ Terminos ----------------*/

.base_terminos{width:390px;
	height:220px;
	position:absolute;
	z-index:333;
	left: 830px;
	top: 520px;
	background-color:
		}
		
#scroll3{overflow-y: auto;width: 390px;height: 210px;float: left;position: relative;z-index: 4;font-size: 12px;color:#000;	text-align: left;	}
		
.txt_terminos{ width:350px; text-align:left; float:left; color:#000; margin-left:15px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:18px }
		


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