/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*VIZUALI*/
#viz_p1{width: 390px; height: 330px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p1.png) no-repeat; position: relative; z-index: 1; top: 20px;}
#viz_p2{width: 960px; height: 391px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p2.png) no-repeat; position: relative; z-index: 0; top: -200px; margin-bottom: -200px;}
#viz_p2rules{width: 960px; height: 391px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p2.png) no-repeat; position: relative; z-index: 0; top: -159px; margin-top: 140px; margin-bottom: -200px;}
#viz_p2 a{float: right;}
#claim{width: 960px; height: 219px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/claim.png) no-repeat;}
#subheader{position: relative; z-index: 3; margin-top: 10px;}

#sn{width: 250px; height: 25px; float:right;}
#logo{width: 139px; height: 70px; float:left; margin-left: 15px;}
#c2a{float: right; margin-right: 20px;}
#c2a_small{float: right; position:absolute; top: 200px; left: 780px; z-index:3;}
#c2a_button{position: relative; z-index: 2; top: 60px;}

#sponsor{width: 480px; height: 79px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/sponsor.png) no-repeat; margin-left:auto; margin-right:auto;}
#slika1{width: 300px; height: 209px;  background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag01.png) no-repeat;}
#slika2{width: 300px; height: 209px;  background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag02.png) no-repeat;}
#slika3{width: 300px; height: 209px;  background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag03.png) no-repeat;}
#slika4{width: 300px; height: 209px;  background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag04.png) no-repeat;}
#slika5{width: 300px; height: 209px;  background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag05.png) no-repeat;}

#midband{width: 100%; height: 500px; background-color:#f1f2f3; position:absolute;}
.band.lower {background: #bff4f7; border-top: #ffffff solid 5px; margin-top: -47px; padding-top: 40px;}
.band.footer_top {background:#ffffff; border-top: 13px solid #bff4f7;}
.band.footer_bottom {background: #36373b; height: 86px; color:#e0e0e0;}
.band.footer_bottom .container {padding-top: 20px;}
.container.dark{border-bottom: 1px dashed #66b6bb; margin-top: 20px; margin-bottom: 0; padding-bottom: 8px;}
.container.dark h3{padding: 5px;}		
#pr_cont{padding: 0 0 0 24px; border:none;}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#claim{width: 750px; height: 172px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/claim_750.png) no-repeat; margin-left: 20px;}
		#viz_p1{width: 280px; height: 256px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p1_280.png) no-repeat; position: relative; z-index: 1; top: 20px;}
		#viz_p2{width: 750px; height: 305px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p2_750.png) no-repeat; position: relative; z-index: 0; top: -200px; margin-bottom: -190px;}
		#viz_p2rules{width: 750px; height: 305px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p2_750.png) no-repeat; position: relative; z-index: 0; top: -158px;  argin-top: 140px; margin-bottom: -190px;}
		
		#c2a{float: right; margin-right: 0;}
		#c2a_small{float: right; position:absolute; top: 155px; left: 590px; z-index:3;}
		#c2a_button{position: relative; z-index: 2; top: 30px;}
		#logo{margin-left: 15px;}
		#midband{width: 100%; height: 470px; background-color:#f1f2f3; position:absolute;}

		#slika1{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag01_230.png) no-repeat; margin-left: 0;}
		#slika2{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag02_230.png) no-repeat; margin-left: 0;}
		#slika3{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag03_230.png) no-repeat; margin-left: 0;}
		#slika4{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag04_230.png) no-repeat; margin-left: 0;}
		#slika5{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag05_230.png) no-repeat; margin-left: 0;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#claim{width: 280px; height: 64px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/claim_280.png) no-repeat; margin: 55px 0 20px 0;}
		#viz_p1{width: 280px; height: 256px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p1_280.png) no-repeat; position: relative; z-index: 1; margin-left: 15px; top: 0;}
		#viz_p2{width: 0; height: 0; background: none;}
		#viz_p2rules{width: 0; height: 0; background: none;}
		#sn{width: 250px; height: 25px; float:left; margin-left: 10px; position: relative; z-index: 1;}
		#c2a{float: none; margin-left: 0;}
		#c2a_small{float: right; position:relative; top: -5px; left: -15px; z-index:3;}
		#c2a_button{position: relative; z-index: 2; top: -10px;}
		#sponsor{width: 280px; height: 50px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/sponsor_280.png) no-repeat; margin-left:auto; margin-right:auto;}
		#logo{margin-left: 0;}
		#midband{width: 100%; height: 510px; background-color:#f1f2f3; position:absolute;}
		#slika{margin: 0 0 0 8px;}
		.two-thirds.column {padding: 8px;}
		#pr_cont{padding: 40px 20px 20px 0; border:none;}
		
		#slika1{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag01_230.png) no-repeat; margin-left: 30px;}
		#slika2{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag02_230.png) no-repeat; margin-left: 30px;}
		#slika3{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag03_230.png) no-repeat; margin-left: 30px;}
		#slika4{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag04_230.png) no-repeat; margin-left: 30px;}
		#slika5{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag05_230.png) no-repeat; margin-left: 30px;}
		h3{font-size: 18px; line-height: 20px; margin-left: -5px;}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#claim{width: 420px; height: 96px; background: url(https://www.njuskalo.hr/promo/nagradna-igra/images/claim_480.png) no-repeat; margin: 5px 0 20px 0;}
		#viz_p1{width: 280px; height: 256px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nuka_p1_280.png) no-repeat; position: relative; z-index: 1; margin-left: 75px; top: -20px;}
		#viz_p2{width: 0; height: 0; background: none;}
		#viz_p2rules{width: 0; height: 0; background: none;}
		#sn{width: 250px; height: 25px; float:left; margin-left: 30px;}
		#c2a{float: none; margin-left: 55px;}
		#c2a_small{float: right; position:relative; top: -5px; left: -15px; z-index:3;}
		#c2a_button{position: relative; z-index: 2; top: -10px;}
		#logo{margin-left: 0;}
		#midband{width: 100%; height: 400px; background-color:#f1f2f3; position:absolute;}
		#slika{margin: 0 0 0 8px;}
		.two-thirds.column {padding: 8px;}
		#pr_cont{padding: 0 20px 20px 0; border:none;}
		
		#slika1{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag01_230.png) no-repeat; margin-left: 85px;}
		#slika2{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag02_230.png) no-repeat; margin-left: 85px;}
		#slika3{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag03_230.png) no-repeat; margin-left: 85px;}
		#slika4{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag04_230.png) no-repeat; margin-left: 85px;}
		#slika5{width: 230px; height: 160px; background:url(https://www.njuskalo.hr/promo/nagradna-igra/images/nag05_230.png) no-repeat; margin-left: 85px;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/