/* START RESET.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET.css */

html { height: 100%; margin-bottom: 1px; }
body{
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 12px;
	background-color: #f2f2f2;
	line-height: 14px;
}
.center{
	width: 1000px;
	margin: auto;
}
.clear{
	clear: both;
}
strong{
	font-weight: bold;
}
p{
	margin: 1.12em 0;
}
a{
	color: #333333;
}
ul{
	list-style: disc;
}
li{
	padding-top: 4px;
	padding-bottom: 4px;
}
/*table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
td, th          { display: table-cell }
th              { font-weight: bolder; text-align: center }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }*/


#toolbar{
	background-color: #333333;
	/*padding: 6px;*/
}
	#toolbar .login a{
		color: #ffffff;
		text-decoration: none;
		padding-top: 10px;
	}
	#toolbar .login a:hover{
		text-decoration: underline;
	}
	#toolbar .languages{
		float: left;
		margin-top:  4px;
	}
		#toolbar .languages img{
			float: left;
			margin-left: 6px;
			margin-right: 6px;
			margin-top: 4px;
		}
	#toolbar .login {
		color: #ffffff;
		float: right;
	}
		#toolbar .login input{
			margin-right: 3px;
			margin-left: 3px;
			color: #cccccc;
			font-size: 12px;
			border: 1px solid black;
			padding: 2px;
		}
		#toolbar .login input[name="password-clear"]{
			width: 160px;
			margin-right: 3px;
			margin-left: 3px;
		}
		#toolbar .login input[name="password"]{
			display: none;
			color: #000000;
			margin-right: 3px;
			font-size: 12px;
			border: 1px solid black;
			padding: 2px;
			height: 15px;
			width: 160px;
		}
		#toolbar .login input[name="login"], #toolbar .login input[name="register"]{
			background-image: url('../images/toolbar/buttonBg.png');
			background-repeat: repeat-x;
			color: white;
			padding-left: 6px;
			padding-right: 6px;
		}
div.greenLine{
	margin: 0;
	background-color: #87c75a;
	height: 2px;
	border: 0;
}

#header{
	background-image: url('../images/header/bg.png');
	background-repeat: repeat-x;
	height: 343px;
}
	#header .logo{
		float: right;
		margin-top: 20px;
	}
	#header .liveHelp{
		float: right;
	}
	#header .navigation{
		color: white;
		font-size: 19px;
		margin-top: 34px;
		float: left;
	}
	#header .banner{
		margin-top: 2px;
	}
		#header .banner .images{
			float: left;
		}
			#header .banner .images img{
				cursor: pointer;
			}
			/*#header .banner .images .apple_overlay {
				width:428px;		
				padding: 50px;
				margin-bottom: 50px;
				font-size:11px;
			}
			#header .banner .images .apple_overlay div.close {
				position:absolute; right:5px; top:5px;
				cursor:pointer;
				height:35px;
				width:35px;
			}*/
			#header .banner .images a.prevPage,
			#header .banner .images a.nextPage{
				float: left; 
				margin-top: 120px;
			}
			#header .banner .images .items{
				float: left; 
				background-image: url(../images/header/banner/frame.png); 
				width: 425px; 
				height: 241px; 
				padding-top: 30px;
				padding-left: 25px;
			}
		#header .banner .text {
			color:white;
			float:left;
			font-size:15px;
			line-height:20px;
			margin-left:60px;
			margin-top:38px;
			padding-bottom:10px;
			text-align:right;
			vertical-align:middle;
			width:430px;
		}
		#header .banner img.prev{
			margin-top: 120px;
			float: left;
		}
		#header .banner img.frame{
			margin-left: 10px;
		}
		#header .banner img.next{
			margin-top: 120px;
			margin-left: 6px;
		}
		#header #navigation{
			list-style: none;
		}
			#header #navigation a{
				color: #ffffff;
				text-decoration: none;
			}
			#header #navigation li{
				float: left;
			}
		
#body{
	background-color: #f2f2f2;
}
	#body #runGaea{
		margin-top: 6px; height: 111px; padding: 20px; line-height: 15px; 
	}
	#body #runGaea .left{
		float: left; width: 470px; text-align: center;
		padding-top: 15px;
		line-height: 20px;
	}
	#body #runGaea .right{
		padding-left: 40px;
		text-align: center;
		float: right; 

		width: 430px;
	}
	#body #runGaea .right a.podatki-in-uporaba{
		font-weight: bold;
		font-size: 12px;
		text-decoration: underline;
	}
	#body #runGaea .right a.podatki-in-uporaba:hover{
		text-decoration: none;
	}

	#body #runGaea h1{
		font-size: 28px;
		padding-bottom: 10px;
		font-weight: bold;
		color: #00b9ff;
	}
	#body #news{
		background-image: url('../images/news-bg.png');
		background-repeat: no-repeat;
		width: 991px;
		height: 31px;
		margin-top: 10px;
		padding-left:10px;
		padding-top: 15px;
	}
		#body #news h4{
			float: left;
			font-size: 12px;
			font-weight: bold;
			margin-left: 25px;
		}
		#body #news h4 a{
			text-decoration: none;
		}
		#body #news h4 a:hover{
			text-decoration: underline;
		}
		#body #news span{
			float: left;
			width: 840px;
			margin-left: 40px;
		}
	#body #products{
		margin-top: 10px;
	}
		/* Zacasni CSS 
		*
		*  Ko bo spet omogocena registracija in trije stolpci ga lahko zbrises
		*/
		#body #otherBoxes{
			margin-top: 20px;
		}
			#body #otherBoxes h1{
				font-size: 19px;
				padding-bottom: 10px;
				font-weight: bold;
				color: #00b9ff;
			}
		#body #otherBoxes .references,
		#body #otherBoxes .mailing{
			float: left; background-image: url(../images/body/grey-bg.png); width: 496px; height: 141px;
			line-height: 16px;
		}
			#body #otherBoxes .references .reference{
				float: left; width: 230px;
				line-height: 15px;
				margin-top: 6px;
			}
			#body #otherBoxes .references .reference p{
				padding:0;
				margin:0;
			}
			#body #otherBoxes .mailing .subscribe{
				margin-top: 25px; color: #8e8e8e;
			}
			#body #otherBoxes .mailing input.email{
				border: 1px solid #b1b1b1; color: #8e8e8e; font-size: 15px; padding: 4px; width: 300px
			}
			#body #otherBoxes .mailing input.submit{
				border: 0pt none ; 
				font-size: 11px; 
				font-weight: bold; 
				color: white; 
				background-image: url(../images/body/green-button-bg.png); 
				height: 28px; 
				background-repeat: repeat-x;
				padding: 6px;
				padding-top: 9px;
			}
		#body #products .gis{
			float: left; background-image: url(../images/body/gaea-GIS.png); width: 496px; height: 401px;
		}
			#body #products a.more-info{
				top: 149px; left: 15px; position: relative;
			}
		#body #products .rekonstrukcija
		{
			float: left; background-image: url(../images/body/gaea-3Drec2.png); width: 496px; height: 401px;
		}
		#body #products h2{
			color: white; font-size: 25px; font-weight: bold;
		}
		#body #products ul{
			color: white; margin-top: 25px; margin-left: 15px; font-size: 14px;
		}
			#body #products ul li{
				padding-top: 5px;
				padding-bottom: 5px;
			}
		/* Konec zacasnega CSS-a */
		#body #products .gaeaLite .content, 
		#body #products .gaeaPlus .content, 
		#body #products .gaeaPro .content{
			margin-top: 80px;
			width: 200px;
			height: 180px;
			margin-left: 60px;
		}
		#body #products  div.runButton {
			margin-left: 60px;
		}
		#body #products .gaeaLite{
			background-image: url('../images/body/gaea-lite-box-sl.png');
			background-repeat: no-repeat;
			width: 302px;
			height: 315px;
			float: left;

		}
			#body #products .gaeaLite a{
				background-image: url('../images/body/gaea-lite-button.png');
				background-repeat: no-repeat;
				width: 180px;
				color: #ffffff;
				font-size: 18px;
				font-weight:bold;
				text-decoration: none;
				padding-top: 13px;
				padding-left: 20px;
				padding-right: 62px;
				padding-bottom: 13px;
				margin-top: 20px;
				cursor: pointer;
				position: relative;
			}
			#body #products .gaeaLite a.runButton:hover{
				text-decoration: underline;
			}
		#body #products .gaeaPlus{
			background-image: url('../images/body/gaea-plus-box-sl.png');
			background-repeat: no-repeat;
			width: 302px;
			height: 315px;
			margin-left: 47px;
			float: left;
		}
			#body #products .gaeaPlus a{
				background-image: url('../images/body/gaea-plus-button.png');
				background-repeat: no-repeat;
				width: 180px;
				color: #ffffff;
				font-size: 18px;
				font-weight:bold;
				text-decoration: none;
				padding-top: 13px;
				padding-left: 20px;
				padding-right: 62px;
				padding-bottom: 13px;
				cursor: pointer;
				margin-top: 20px;
				position: relative;
			}
			#body #products .gaeaPlus a.runButton:hover{
				text-decoration: underline;
			}
		#body #products .gaeaPro{
			background-image: url('../images/body/gaea-pro-box-sl.png');
			background-repeat: no-repeat;
			width: 302px;
			height: 315px;
			margin-left: 47px;
			float: left;
		}
			#body #products .gaeaPro a{
				background-image: url('../images/body/gaea-pro-button.png');
				background-repeat: no-repeat;
				width: 180px;
				color: #ffffff;
				font-size: 18px;
				font-weight:bold;
				text-decoration: none;
				padding-top: 13px;
				padding-left: 25px;
				padding-right: 66px;
				padding-bottom: 13px;
				margin-top: 20px;
				position: relative;
			}
			#body #products .gaeaPro a.runButton:hover{
				text-decoration: underline;
			}
		#body #reconstruction{
			padding: 20px;
			padding-top: 10px;
			margin-top: 20px;
			background-image: url('../images/body/3dreconstruction-bg.png');
			width: 961px;
			height: 270px;
			color: #ffffff;
			line-height: 18px;
		}
			#body #reconstruction a{
				color: #ffffff;
			}
		#body #usersOpinions, #body #obvestilo{
			background-image: url('../images/body/users-opinions-bg.png');
			padding: 20px;
			width: 961px;
			height: 111px;
			margin-top: 20px;
			line-height: 15px;
		}
		#body #obvestilo{
			margin-top: 6px;
		}
			#body #usersOpinions h1, #body #obvestilo h1{
				font-size: 19px;
				padding-bottom: 10px;
				font-weight: bold;
				color: #00b9ff;
			}
			#body #usersOpinions div.opinion,  #body #obvestilo div.obvestilo{
				height: 70px;
				/*margin-top: 6px;*/
			}
			#body #usersOpinions div.opinion p, #body #obvestilo div.obvestilo p{
				margin-top: 4px;
			}
#gallery{
	display: none;
}
	#gallery-holder .close{
		text-align: right;
	}
		#gallery-holder .close a{
			color: #ffffff;
			font-weight: bold;
		}
	#gallery-holder .gallery a#next{
		float: left;
		margin-left: 10px;
	}
	#gallery-holder .gallery div.images{
		float: left;
	}
	#gallery-holder .gallery a#prev{
		float: left;
		margin-right: 10px;
	}			
#footer{
	margin-top: 20px;
	background-color: #333333;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
}
	#footer a{
		color: #ffffff;
	}
	#footer .firstColumn,
	#footer .contactColumn,
	#footer .communityColumn,
	#footer .twitterColumn{
		float: left;
	}
	#footer .separator{
		background-image: url('../images/footer/separator.png');
		width: 1px;
		height: 90px;
		float: left;
		margin-left: 42px;
		margin-right: 42px;
	}
		#footer .communityColumn h4{
			padding-bottom: 10px;
		}
		#footer .twitterColumn {
			background-image: url('../images/footer/twittershout.png');
			width: 224px;
			height: 138px;
		}
		#footer .twitterColumn .lastTwit{
			width: 180px;
			margin-left: 10px;
			margin-top: 10px;
			font-style: italic;
			font-size: 11px;
		}