/* =Override all browser styles
------------------------------------------------------------*/

/* Normalizes margin, padding */
* {
	margin: 0px;
	padding: 0px;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
*	font-size: 10px;
}

/* Removes list-style from lists */
ol, ul {
	list-style: none;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes border from fieldset and img */
fieldset, img, a img, :link img, :visited img {
	border: 0px;
}

/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}

/* Removes quotation marks from q */
q:before, q:after {
	content: '';
}

/* =Wrapper
------------------------------------------------------------*/

#wrapper {
	width: 770px;
	position: relative;
	left: 50%;
	margin-left: -385px;
}

/* =Masthead
------------------------------------------------------------*/

#zaglavlje {
	position: relative;
	padding-top: 85px;
	height: 130px
}

/* =Navigation
------------------------------------------------------------*/

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav h3 {
	position: absolute;
	text-indent: -9999px;
}

#nav ul {
	float: right;
	margin-top: 8px;
	width: 770px;
}

#nav li {
	display: inline;
}

/* =Lead Graphic
------------------------------------------------------------*/

#leadGraphic {
	position: relative;
	height: 37em;
*	height: 370px;
}

#leadGraphic p#velikaslika {
	position: absolute;
	top: 0;
	left: 310px;
}

#leadGraphic div#uvod {
/*	position: absolute;
*/	position: relative;
	top: 40px;
	left: 0;
/*	padding-right: 440px;
*/	width: 330px;
}

/* =Content
------------------------------------------------------------*/

#content {
	position: relative;
	width: 770px;
}

/* =Main Content
------------------------------------------------------------*/

body#home #mainContent {
	width: 509px;
	padding-bottom: 10px;
}

body#smestaj #mainContent {
	padding-left: 264px;
	padding-bottom: 10px;
}

/* =linkpolje Box
------------------------------------------------------------*/
.linkpolje {
	float: left;
	width: 500px;
	margin-bottom: 10px;
}

.linkpolje dl {
	float: left;
	width: 480px;
	display: inline; /* fixes IE/Win double margin bug */
}

.linkpolje dt {
	float: right;
	width: 230px;
}

.linkpolje dd.img img {
	float: left;
	margin-right: 20px;
}

.linkpolje dd {
	margin-left: 250px;
}

.linkpolje dl dd.img {
	margin: 0;
}

/* =Sidebar
------------------------------------------------------------*/

body#home #sidebar {
	width: 250px;
	position: absolute;
	top: 0;
	left: 520px;
	z-index: 9999;
}

body#smestaj #sidebar {
	width: 250px;
	position: absolute;
	top: 0;
	left: 0;
/*	z-index: 9999;
*/}

#specijalno {
	padding: 20px 0;
}

/* =Menu
------------------------------------------------------------*/

#menu {
	padding: 30px 15px 0 0;
}

ul#mainMenu {
	margin-bottom: 20px;
}

/* =Feature Menu
------------------------------------------------------------*/
ul#linkpoljeostalestrane {
	padding: 10px 0;
}

ul#linkpoljeostalestrane li {
	margin-bottom: 15px;
}

ul#linkpoljeostalestrane li p {
	padding: 10px 10px 5px 10px;
}

/* =Footer
------------------------------------------------------------*/

#povratak {
	clear: both;
	padding: 10px 0;
}

#footer {
	clear: both;
	padding: 10px 0;
	margin-bottom: 20px;
}

/* =Patches
------------------------------------------------------------*/

/* Hides from IE-Mac \*/
* html #content {
	height: 1%;
}

/* Fixes background on fieldsets in Explorer */
html legend { 
position:absolute; 
top: -.5em; 
*top: -5px; 
left: .5em; 
*left: 5px; 
}
	
html fieldset {
position: relative; 
margin-top: 1em; 
*margin-top: 10px; 
padding-top: 3em; 
padding-top: 30px; 
}

/* End fix for background on fieldsets in Explorer */


/* =Body background
------------------------------------------------------------*/

body {
	background: url(images/vrh-bg.gif) repeat-x;
}

/* =Navigation bar background
------------------------------------------------------------*/
#nav {
	background: #003c00 url(images/vrh-bg.gif) repeat-x;
}

/* =Masthead background
------------------------------------------------------------*/

#zaglavlje h1 {
	position: absolute;
	top: 90px;
	left: 0;
	background: url(images/logo.jpg) no-repeat;
	text-indent: -9999px;
	width: 500px;
	height: 125px;
}

#zaglavlje h2 {
	position: absolute;
	top: 80px;
	left: 570px;
	background: url(images/znak.jpg) no-repeat;
	text-indent: -9999px;
	width: 158px;
	height: 139px;
}

/* =Main Content
------------------------------------------------------------*/

body#home #mainContent {
	border-right: 1px solid #838383;
	overflow: hidden;
}

body#smestaj #mainContent {
	background: url(images/main-content-bg.gif) repeat-y;
	overflow: hidden;
}

body#smestaj #mainContent h3 {
	border-bottom: 2px solid #DBD5C5;
}

/* =linkpolje boxes
------------------------------------------------------------*/

.linkpolje {
	background: #ffe6b4 url(images/linkpolje-bot-bg.jpg) bottom no-repeat;
	padding-bottom: 10px;
}

.linkpolje dl {
	background: url(images/linkpolje-top-bg.jpg) top no-repeat;
	padding: 10px 10px 0 10px;
}

.linkpolje img {
	border: 2px solid #FFFFFF;
}

/* =Sidebar
------------------------------------------------------------*/
body#home #kontakt h4 {
	border-bottom: 2px solid #DBD5C5;
}

#specijalno h4 {
	border-bottom: 2px solid #DBD5C5;
}

#sidebar h5 {
	border-bottom: 2px solid #DBD5C5;
	border-top: 2px solid #DBD5C5
}

/* =Menu
------------------------------------------------------------*/

ul#mainMenu li {
	border-bottom: 1px solid #CCCCCC;
}

ul#mainMenu {
	border-top: 1px solid #CCCCCC;
}

.menu img {
	border: 2px solid #FFFFFF;
}

/* =Feature Menu
------------------------------------------------------------*/

ul#linkpoljeostalestrane li {
	background: #ffe6b4 url(images/naslovnaveze-bg-top.gif) no-repeat top;
}

/* =Footer
------------------------------------------------------------*/

#footer {
	border-top: 1px solid #838383;
	border-bottom: 1px solid #838383;
}


/* =Base font sizes
------------------------------------------------------------*/

/* Base font size for all browsers but IE */
body {
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	/*font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;*/
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 62.5%;
	}
	
/* IE base font size */	
* html body {
	font-size: 60%; /* for IE5Win */
	f\ont-size: 75%; /*for other IE versions. IE6 renders fonts smaller.*/
	}
	
/* =Base link setup
------------------------------------------------------------*/

a:link, a:visited {
	color: #003c00;
	text-decoration: underline;
}

a:hover, a:active {
	color: #555555;
	text-decoration: none;
}

/* =Nav Bar
------------------------------------------------------------*/

#nav ul {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.4em;
*	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

#nav li {
	margin-left: 15px;
}

#nav a:link, #nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover, #nav a:active {
	color: #ffe6b4;
}

.navtekuca {
	color: #00CC00;
}

input:focus, textarea:focus {
	background: #ffc;
	background-image: none;
}

/* =Lead Graphic
------------------------------------------------------------*/

#uvod cite {
	font-size: 2.6em;
*	font-size: 26px;
	color: #003c00;
}

#uvod blockquote {
	font-size: 1.3em;
*	font-size: 13px;
	line-height: 1.5em;
*	line-height: 18px;
	margin-top: 7px;
	color: #555555;
}

/* =linkpolje
------------------------------------------------------------*/

.linkpolje dt {
	font-size: 2.2em;
*	font-size: 22px;
	padding-bottom: 3px;
}

.linkpolje dt a:link, .linkpolje dt a:visited {
	color: #003c00;
	text-decoration: underline;
}

.linkpolje dt a:hover, .linkpolje dt a:active {
	color: #555555;
	text-decoration: none;
}

.linkpolje dd {
	font-size: 1.4em;
*	font-size: 14px;
	line-height: 1.2em;
*	line-height: 18px;
	color: #555555;
}

.linkpolje span.linkpoljeLink {
	display: block;
	margin-top: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: .8em;
*	font-size: 10px;
	font-weight: bold;
	color: #003c00;
/*	text-transform: uppercase;  */
}

.linkpolje dd a:link, .linkpolje dd a:visited {
	color: #003c00;
	text-decoration: underline;
}

.linkpolje dd a:hover, .linkpolje dd a:active {
	color: #555555;
	text-decoration: none;
}

/* =Main Content
------------------------------------------------------------*/
#mainContent h3 {
	font-size: 3.5em;
*	font-size: 35px;
	color: #003c00;
	font-weight: normal;
	margin-bottom: 10px;
}

#mainContent h4 {
	font-size: 1.8em;
*	font-size: 18px;
	line-height: 1.4em;
*	line-height: 14px;
	color: #555555;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

#mainContent em,
#specijalno em {
	font-style: italic;
}

body#smestaj #mainContent h4 {
	position: relative;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.5em;
*	font-size: 15px;
	line-height: 1.3em;
*	line-height: 13px;
	color: #003c00;
	font-style: normal;
	font-weight: bold;
	/*border-bottom: 1px dotted #999999;*/
	padding: 25px 0 0 0px;
	margin-bottom: 15px;
}

/* Lead graphic on inside pages */
body#smestaj #mainContent p#pageGraphic {
	padding: 0;
	margin: 0;
}

body#smestaj #mainContent p, td {
	font-size: 1.4em;
*	font-size: 14px;
	line-height: 1.3em;
*	line-height: 18px;
	color: #555555;
}

body#smestaj #mainContent p {
	padding-left: 15px;
	margin-top: 15px;
}

body#smestaj #mainContent ul {
	font-size: 1.4em;
*	font-size: 14px;
	line-height: 1.5em;
*	line-height: 15px;
	color: #555555;
	list-style: disc;
	padding-left: 55px;
}

/* =Contact Information
------------------------------------------------------------*/

body#home #kontakt h4 {
	/*font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;*/
	font-size: 2.2em;
*	font-size: 22px;
	color: #003c00;
	text-align: left;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
}

body#home #kontakt div.vcard, 
body#smestaj #kontakt div.vcard {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.3em;
*	font-size: 13px;
	line-height: 1.3em;
*	line-height: 18px;
	text-align: left;
	color: #555555;
	padding-left: 15px;
}

/* Aligns vcard left on smestaj page */
body#smestaj #kontakt div.vcard {
	text-align: left;
	padding-left: 45px;
}

body#home #kontakt div.vcard a:link, 
body#home #kontakt div.vcard a:visited,
body#smestaj #kontakt div.vcard a:link, 
body#smestaj #kontakt div.vcard a:visited {
	color: #003c00;
	text-decoration: underline;
}

body#home #kontakt div.vcard a:hover, 
body#home #kontakt div.vcard a:active,
body#smestaj #kontakt div.vcard a:hover, 
body#smestaj #kontakt div.vcard a:active {
	color: #555555;
	text-decoration: none;
}

body#home #kontakt div.vcard div.org,
body#smestaj #kontakt div.vcard div.org {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.3em;
*	font-size: 18px;
	line-height: 1.2em;
*	line-height: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 4px;
}

#kontakt h5 span.moreInfo {
	padding: 0;
	font-size: .8em;
*	font-size: 10px;
	line-height: 1.2em;
*	line-height: 12px;
	font-style: italic;
	font-weight:  normal;
	color: #555555;
}

/* =Sidebar
------------------------------------------------------------*/

#sidebar h5 {
	font-weight: normal;
	font-size: 2em;
*	font-size: 20px;
	line-height: 1.2em;
*	line-height: 24px;
	text-align: center;
	font-style: italic;
	color: #666666;
	padding: 10px 15px;
	/*border-bottom: 1px dotted #555555;
	border-top: 1px dotted #555555;*/
}

/* =Awards
------------------------------------------------------------*/

#specijalno h4 {
	font-size: 2.2em;
*	font-size: 22px;
	color: #003c00;
	font-weight: normal;
	margin: 10px 0;
	padding: 0 0 5px 0;
	position: relative;
}

#specijalno h4 span {
	position: absolute;
	top: 0;
	left: 5px;
	/*margin-left: 5px;
	padding-top: 5px;*/
}

#specijalno ul {
	list-style: square;
	padding-left: 20px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 1.3em;
*	font-size: 13px;
	line-height: 1.4em;
*	line-height: 14px;
	color: #555555;
}

#specijalno li {
	margin-bottom: 10px;
}

/* =Menu
------------------------------------------------------------*/

#menu h6 {
/*	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 2.3em;
*	font-size: 23px;
	color: #003c00;
	font-weight: normal;
*/
	font-size: 2.2em;
*	font-size: 22px;
	color: #003c00;
	font-weight: bold;
	margin: 10px 0;
	position: relative;
}

/* =Feature Menu
------------------------------------------------------------*/

ul#linkpoljeostalestrane li h3 {
	background: url(images/naslovnaveze-bg-bot.gif) no-repeat bottom;
	padding: 0 10px 10px 10px;
	font-weight: normal;
	font-size: 2em;
*	font-size: 20px;
}

/* =Footer
------------------------------------------------------------*/

#povratak {
	text-align: right;
	font-size: 1.2em;
*	font-size: 12px;
}

#footer {
	text-align: center;
	font-size: 1em;
*	font-size: 10px;
	line-height: 1.4em;
*	line-height: 18px;
	color: #555555;
}

#footer a:link, #footer a:visited{
	color: #003c00;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #555555;
	text-decoration: none;
}




#contact-form {
	font-family: Arial, sans-serif;
	font-size: 1em;
*	font-size: 10px;
	color: #555555;
}

.upitb {
	color: #ffffff;
}
.upitb1 {
	color: #555555;
}

/* =admissions Form & Contact Form
------------------------------------------------------------*/

/*body#smestaj #contact-form #messagefield {
	margin: 3px 0 5px 0;
	padding: 3px;
	width: 450px;
	background: #fdffeb url(images/form-bg.gif) repeat-x;
	border-top: 2px solid #a8bcbe;
	border-left: 2px solid #a8bcbe;
	border-right: 2px solid #cfecee;
	border-bottom: 2px solid #cfecee;
	font-family: 'Lucida Grande', Lucida Sans, Arial, sans-serif;
	font-size: 1.5em;
*	font-size: 15px;
	color: #555555;
}

body#smestaj fieldset {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color: #DFF7F9;
	padding: 15px;
	border: 1px solid #003c00;
	margin-top: 20px;
}

body#smestaj legend {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1.8em;
*	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #003c00;
	border-left: 1px solid #003c00;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #003c00;
}

body#smestaj input.button {
	margin-top: 12px;
	font-size: 1.5em;
*	font-size: 15px;
	color: #FFFFFF;
	background-color: #003c00;
	padding: 3px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #555555;
	border-bottom: 2px solid #555555;
}

body#smestaj input.button:hover  {
	background-color: #FFFFFF;
	color: #003c00;
}

body#smestaj input.button:active  {
	background-color: #FFFFFF;
	color: #003c00;
	border-top: 2px solid #555555;
	border-left: 2px solid #555555;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

body#smestaj #contact-form p {
	color: #FF0000;
	font-size: 1.2em;
*	font-size: 12px;
}
*/