* {
	margin: 0px;
	padding: 0px;
}

body {
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	margin-top:25%;
}

	textarea:focus, input:focus{ outline: 0;}



a:link {	color: #ccc;}
a:visited {	color: #ccc;}
a:hover {	color: #0dbdff;}
a:active {	color: #e30617;}




.logo {	padding: 50px 0;}



#sifrasajta {
	background-color: #0dbdff;
	text-align:center; 
	font-size:24px;
	border:0px;
	color:#fff;
	padding:4px;
	-moz-border-radius: 30px ;
	border-radius: 30px ;	
	height:60px;
	width:320px; 
	}
	
#sifrasajta:focus { width:480px; }


@media (max-width: 599px) {

		#sifrasajta {
			-moz-border-radius: 20px ;
			border-radius: 20px ;	
			height:40px;
			width:180px; 
			}
		#sifrasajta:focus { width:90%; }	
		
		.logo { width:80%; height:auto; padding: 20px 0;}
		
	} /* kraj media */
	
	
	/* tranzicija za width */	  
		#sifrasajta {
		transition: width 0.3s ease-in-out, visibility 0.3s linear;
		-moz-transition: width 0.3s ease-in-out, visibility 0.3s linear;
		 -ms-transition: width 0.3s ease-in-out, visibility 0.3s linear;
		-o-transition: width 0.3s ease-in-out, visibility 0.3s linear;
		-webkit-transition: width 0.3s ease-in-out, visibility 0.3s linear;
		}	


		
#block-bottom {
  padding: 15px 0;
  background: #424446;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.05) inset;
  color: #777;
  height: auto;
  width:100%;
	display: table;
	position:absolute;
	bottom:0;

}

.wrapper {
  max-width: 980px;
}
.wrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}


.width25 {
  width: 25%;
  min-width:240px;
  margin:20px 0;
}

.grid-box {
  float: left;
  text-align:center;
}


    /* Teres Zoom Out */
    .pro-zoomout {
        -moz-transition: opacity 0.2s easeInOutCubic;
        -webkit-transition: opacity 0.2s easeInOutCubic;
        -o-transition: opacity 0.2s easeInOutCubict;
        -ms-transition: opacity 0.2s easeInOutCubic;
        -transition: opacity 0.2s easeInOutCubic;
        /*opacity: 0.6;*/
        opacity: 1;
    }
    .pro-zoomout:hover {
         opacity: 1.1;
        -moz-transform: scale(0.9);
        -moz-transition: -moz-transform 0.75s easeInOutCubic 0s;
        -webkit-transform: scale(0.9);
        -webkit-transition: -moz-transform 0.75s easeInOutCubic 0s;
        -o-transform: scale(0.9);
        -o-transition: -moz-transform 0.75s easeInOutCubic 0s;
        -ms-transform: scale(0.9);
        -ms-transition: -moz-transform 0.75s easeInOutCubict 0s;
        transform: scale(0.9);
        transition: -moz-transform 0.75s easeInOutCubic 0s;

    }


	

	
	
	
	

/*
 * Responsive Style Sheet - Defines base styles for mobile devices
 */


/* Responsive Utility Classes
----------------------------------------------------------------------------------------------------*/

.hidden-desktop { display: none; }

/* Only Phones */
@media (max-width: 767px) {
	.hidden-desktop { display: block; }
	.hidden-phone { display: none; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.hidden-desktop { display: block; }
	.hidden-tablet { display: none; }
}


/* Responsive Content
----------------------------------------------------------------------------------------------------*/

#header-responsive { display: none; }


/* Layout Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	#banner { display: none; }

		

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	#maininner,
	#sidebar-a,
	#sidebar-b {
		width: 100%;
		left: auto;
		right: auto;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
	body { margin-top:10%; }
	
	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width60,
	.width75,
	.width80 { width: 50%; text-align: center;}

	.width50 .width50 { width: 100%; }

	.sidebars-1 #sidebar-a .width100,
	.sidebars-1 #sidebar-b .width100 { width: 50%; }

	#sidebar-a .width100:nth-child(odd):last-child,
	#sidebar-b .width100:nth-child(odd):last-child,
	.width20:nth-child(odd):last-child { width: 100%; }

	.sidebars-2 #sidebar-a,
	.sidebars-2 #sidebar-b { width: 50%; }
	.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a { float: right; } /* Keep Sidebar order */

	.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

	/* Tools */
	.width50 .align-left,
	.width50 .alignleft,
	.width50 .align-right,
	.width50 .alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}

/* Only Phones */
@media (max-width: 767px) {



	/* Layout */
	.width33,
	.width66 { width: 100%; }

	/* Header */
	#header-responsive { display: block; }

	#header-responsive .logo,
	#header-responsive .searchbox {
		display: inline-block;
		width: 45%;
		vertical-align: middle;
	}

	#header-responsive .logo { margin-right: 10%; }

	#header-responsive .searchbox {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Menu */
	.menu-responsive {
		width: 100%;
		font-size: 14px;
	}


}

/* Only Phones (Landscape) */
@media (min-width: 599px) and (max-width: 767px) {

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 599px) {
#block-bottom {	position:static; margin-top:5%;}

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

#block-bottom {	position:static; }


	/* Base */
	body { word-wrap: break-word; }

	/* Layout */
	.width16,
	.width20,
	.width25,
	.width40,
	.width50,
	.width60,
	.width75,
	.width80 { width: 100%; text-align: center;}

	.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

	/* Tools */
	.align-left,
	.alignleft,
	.align-right,
	.alignright {
		margin: 0 auto 15px auto;
		float: none;
	}

}