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

#mobile-header {
    display: none;
}

.mobile { display: none }
.no-mobile { display: block }
@media only screen and (max-width: 767px){
	.mobile { display: block }
	.no-mobile { display: none }

    #mobile-header {
		position: absolute;
        display: block;
		height: 50px;
		padding: 20px 20px 0 0;
		text-align: right;
		z-index: 500;
		right: 1%
    }
	#mobile-header a  {
		font-size: 3.5em;
		color: #662282;
		text-decoration: none;
		z-index: 300
	}
	
	#bg { display: none }

	#wrapper {
		width: 95%
	}	
	
	/* HEADER*/
	#wrapper #header {
		position: relative;
		width: 100%;
		height: 220px;
		margin-bottom: 10px;
		padding-top: 90px;
		background: url(../images/wrapper/bg_01_mobile.png) no-repeat center bottom
	}
		#wrapper #header #logo a {
			position: relative;
			position: absolute;
			display: block;
			width: 120px;
			height: 78px;
			margin-top: 0px;
			padding: 0px;
			margin: 0 auto 0 auto;
			z-index: 100;
			cursor: pointer;
			background: url(../images/wrapper/mobile_logo.png) no-repeat center
		}
		#wrapper #header #fb a {
			position: absolute;
			display: block;
			width: 120px;
			height: 162px;
			top: 0px;
			right: 0px;
			z-index: 100;
			cursor: pointer;
			background: url(images/wrapper/mravenisko_02.png) no-repeat center
		}
		#wrapper #header #virtualna a {
			position: absolute;
			display: block;
			width: 324px;
			height: 180px;
			top: 120px;
			right: -120px;
			z-index: 100;
			cursor: pointer;
			background: url(images/wrapper/virtualna.png) no-repeat center
		}
	#wrapper #header #menu {
		display: none
	}
	
	/* CONTENT */
	#wrapper #content {
		width: 98%;
		min-height: auto;
	}
	
	#wrapper #content p { text-align: justify }
	
	#wrapper #content #slideshow {
		display: none
	}
	
	/* FOOTER */
	#bg-footer {
		position: relative;
		width: 100%;
		height: auto;
		background:#542670
	}
	#bg-footer #footer {
		position: relative;
		width: 100%;
		height: auto;
		padding: 15px 0 15px 0;
		margin: 0 auto 0 auto;
		text-align: left;
	}
		#bg-footer #footer #copyright a {
			position: relative;
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
			float: none;
			cursor: pointer;
			background: url(../images/wrapper/mravenisko_21_mobile.png) no-repeat center
		}
		#bg-footer #footer #beemark a {
			position: relative;
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
			float: none;
			cursor: pointer;
			background: url(../images/wrapper/mravenisko_23_mobile.png) no-repeat center
		}
}