/*
 * Gospodarski vodič grada Vukovara
 * Copyright 2010 Fond za obnovu i razvoj grada Vukovara
 * Dizajn i programiranje: http://medio.com.hr
 */

 @import url(reset.css);
 @import url(base.css);
 @import url(djelatnosti.css);

 
 body {
 	background:#cfcfcf url(images/pozadina.jpg) no-repeat left top fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#666666;
	height:100%;
 }
 
 #page {
 	width:940px;
	margin:0 0 0 20px;
	padding:0;
 }
 
 /* Povratak na Fond */
 #top {
 	width:940px;
	height:25px;
 	margin:0 0 20px 0;
	padding:0;
 }
  
 #top #natrag {
 	float:right;
	width:auto;
	height:25px;
	line-height:20px;
	padding:0 20px;
	background:#fff;
 }
 
 .icon { vertical-align:middle; }
 
 /* Logo+Trazilica */
 #header { width:940px; height:100px; margin:0 0 20px 0; padding:0; }
 
 #logo {
 	float:left;
 	width:220px;
	height:100px;
 }
 
 #logo h3 {
 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	padding:10px;
	text-transform:uppercase;
 }
 
 #logo a { text-decoration:none; }
 
 #trazilica {
 	float:right;
	width:700px;
	height:45px;
	margin-top:55px;
	padding:0;
 }
 
 #trazi {
 	width:auto;
	margin:8px 10px 8px 10px;
 }
 
 .unos {
 	margin:0;
	padding:0 0 0 10px;
	width:580px;
	height:25px;
	border:#dfdfdf solid 1px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#666;
 }
 
 .unos:focus { border:#666 solid 1px; }
 
 .trazi {
 	font-family:Georgia, "Times New Roman", Times, serif;
	height:25px;
	padding:0 10px;
	vertical-align:middle;
	cursor:pointer;
 }
 
 /*
  * Rezultat
  */
 .rezultat { line-height:1.4em; border-bottom:#dfdfdf solid 1px; }
 #djelatnosti ol { margin: 0 1.5em 1.5em 1.5em; }
 #djelatnosti ol li { margin:1.5em; padding:0 .5em; line-height:1.2em; }
 
 

 /* Sidebar */
 #sidebar {
 	float:left;
	width:220px;
	margin:0;
	padding:0;
 }
 
 #logo, #trazilica, #prijava, #footer, #content { background:#fff; }
 
 #prijava {
 	width:220px;
	height:250px;
	margin:0 0 20px 0;
 }
 #prijava p { padding:10px; }
 
 a.prijava { text-decoration:none;}
 .prijava, .prijava:visited {
	background: #008cc8 url(images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-size:1.4em;
	position: relative;
	cursor: pointer;
 }
 .prijava:hover	{ background-color: #006895; color: #fff; }
 .prijava:active { top: 1px; }
 
 #footer {
 	width:220px;
	min-height:50px;
	height:auto;
 }
 #footer p {
 	padding:10px;
	font-size:.9em;
	line-height:1.5em;
 }

 /* Glavni sadrzaj */
 #content {
 	float:right;
	width:700px;
	height:auto;
	margin:0;
	padding:0;
 }
 
 #gradjevina, #poljoprivreda, #proizvodnja, #trgovina, #ugostiteljstvo, #usluge {
 	float:left;
 	width:220px;
	height:220px;
 }

 #gradjevina {
	background:#ffca05;
	margin:10px;
 }
 
 #poljoprivreda {
	background:#a5cd39;
	margin:10px 10px 10px 0;
 }
 
 #proizvodnja {
	background:#0098d9;
	margin:10px 10px 10px 0;
 }
 
 #trgovina {
	background:#ec1c24;
	margin:0 10px 10px 10px;
 }
 
 #ugostiteljstvo {
	background:#cc8b5d;
	margin:0 10px 10px 0px;
 }
 
 #usluge {
	background:#c6c3e1;
	margin:0 10px 10px 0;
 }
  
 #content h3 {
 	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:25px;
 	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
 }
 
 #gradjevina a, #poljoprivreda a, #proizvodnja a, #trgovina a, #ugostiteljstvo a, #usluge a { text-decoration:none; }
 
   
 #gradjevina img, #poljoprivreda img, #proizvodnja img, #trgovina img, #usluge img { margin-left:70px; }
 #ugostiteljstvo img { margin-left:62px; }
 
 #copyright {
 	float:right;
 	width:700px;
	min-height:30px;
	height:auto;
	margin:20px 0;
	background:#fff;

 }
 #copyright p { padding:5px 10px; line-height:2em; margin-bottom:0; font-size:.9em; text-align:center;}
 
 /*
  * Prijavnica
  */
 
 #obrazac { width:400px; margin:0 auto; }
 #obrazac p { margin-bottom:1em; line-height:1.6em; }
 #uploadform { margin-bottom:2em; }
 
 label { display: block; overflow:hidden; }
  
 textarea { overflow:auto; }
 
 select {
 	width:400px;
	border:#dfdfdf solid 1px;
	padding:2px 0;
 }
 
 input, textarea, option { 
 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;  
 }
 
 .required { font-size:1.3em; color:#df1b1b; }
 .field { border:#dfdfdf solid 1px; width:400px; padding:2px 0; }
 .field:focus { border:#666 solid 1px; }
 #submit:hover { cursor:pointer; }
 
 .napomena { font-style:italic; }
 
  #feedback { 
 	margin:0 auto; 
	background:#7fdeff; 
	padding:5px;
	width:400px;
 }
 
 hr { border:0; background-color:#dfdfdf; height:1px; }
 
  /*------ captcha -------*/
 #obrazac p.captcha { height:42px; }
 #obrazac p img {float:left;}
 #obrazac p .odgovor { 
 	width:50px; 
	height:38px;
	font-size:2.4em;
	text-align:center;
	border:#dfdfdf solid 1px;
 }
 #obrazac p .odgovor:focus { border:#666 solid 1px; }
 #obrazac p span.equal { font-size:3em; padding:0 10px; }


 /* Klase */
 .left { float:left; }
 .right { float:right; }
 .zuta { color:#ffca05; } /* gradjevina */
 .plava { color:#0098d9; } /* proizvodnja */
 .crvena { color:#ec1c24; } /* trgovina */
 .zelena { color:#a5cd39; } /* poljoprivreda */
 .lila { color:#c6c3e1; } /* usluge */
 .smedja { color:#cc8b5d; } /* ugostiteljstvo */