/*

	Variable Grid System.

	Learn more ~ http://www.spry-soft.com/grids/

	Based on 960 Grid System - http://960.gs/



	Licensed under GPL and MIT.

*/





/* Containers

----------------------------------------------------------------------------------------------------*/

.container_2 {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

}



/* Grid >> Global

----------------------------------------------------------------------------------------------------*/





.grid_1,
.grid_2 {
	display:inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container_2 .grid_1 {
	width:440px;
}

.container_2 .grid_2 {
	width:920px;
}





/* Prefix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container_2 .prefix_1 {
	padding-left:480px;
}





/* Suffix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container_2 .suffix_1 {
	padding-right:480px;
}





/* Clear Floated Elements

----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */



.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}



.column { background-color:#92C348; height:400px; float:left; margin-top:20px; }
		.gutter { background-color:#BCDA86; height:400px; float:left; margin-top:20px; }
		.gutter_outer { background-color:#56644A; height:400px; float:left; margin-top:20px; }
		.left {float:left; margin-left:0px;}

body { background-color: #fff;
color:black;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
color:#666666; }
	.container { }
	.container div p { }
	div p {  text-align:left;}
	div p img {margin-left:5px;} 
	h2 {  }
	#slika {
background-image:url(../images/pozadina.jpg); 
background-repeat:no-repeat;
background-position:top right;
min-height:300px;
}
a {
color:#666666;
text-decoration:none;
font-size:18px;
}
a:hover {
color:#AAAAAA;
}	
li {
list-style-image: url(../images/bullet.jpg);
padding-top:10px;
}
#foot {
background-image: url(../images/foot.jpg);
background-repeat:no-repeat;
background-position:top;
min-height:100px;
text-align:center;
}
#foot a {
font-size:12px;
}
#podmeni a {
font-size:14px;
margin-right:10px;
}
.grid_2 p{
text-align:right;
}
p a:hover {
background-color:#fff;
}
a:hover {
background-color:#fff;
}

h1 {
margin-top:-40px;
line-height:20px;
padding-top:0;
font-size:18px;
}
#Form_Form fieldset{
border:none;
}
.middleColumn{
margin-bottom:20px;
}
label{
width:200px;
display: block;
}

.middleColumn ul li{

list-style:none;
}

.middleColumn ul li label{
display: inline;

}
#Form_Form_EditableCheckboxGroupField8_Coffebreak {
margin-top:30px;
margin-left:-155px;

}
#Form_Form_EditableCheckboxGroupField16_Kolai {
margin-top:30px;
margin-left:-155px;

}
input {
border-top:2px solid #999;
border-right:2px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
}
input[type="submit"]{
width:400px;
height:30px;
margin-bottom:50px;
}
p strong {
font-weight:bold;
}