html, body  {
   padding: 0px;
   margin: 0px;
   height: 100%;
   background: #f1f4c6 url(img/tile.gif) center top repeat-x;
   font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clear { clear: both; }

a { outline: none; }

h2 { color: #FFF; }

h3 { color: #3eac33; font-size: 15px;}

h5 a { text-decoration: none !important; }

hr { margin: 10px 0; color: #be3be3; height: 1px; width: 100%; border-top: 1px solid; }

#wrapper  {
   margin: 0px auto 0px auto;
   padding-bottom: 40px;
   min-height: 100%;
   width: 1100px;
   position: relative;
   background-color: #f1f4c6;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#logo  {
   position: absolute;
   left: 27px;
   top: 52px;
   z-index: 20;
   width: 260px;
   height: 260px;
   cursor: pointer !important;
}

/* Menu */

#menu  {
   position: absolute;
   left: 306px;
   top: 49px;
   z-index: 10;
   width: 780px;
   height: 62px;
}

#menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

#menu ul li {
	margin: 0;
	padding: 0 2px;
	float: left;
	display: inline;
	width: 126px;
	height: 62px;
}

.blue {
   background: url(img/menu_bt_01.gif) no-repeat;
}

.lightblue {
   background: url(img/menu_bt_02.gif) no-repeat;
}

.green {
   background: url(img/menu_bt_03.gif) no-repeat;
}

.orange {
   background: url(img/menu_bt_04.gif) no-repeat;
}

.red {
   background: url(img/menu_bt_05.gif) no-repeat;
}

.pink {
   background: url(img/menu_bt_06.gif) no-repeat;
}

#menu ul li a {
	display: block;
	padding: 24px 0px;
	width: 126px;
	height: 62px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	color: #FFF;
}

/* Content */

#content  {
   margin: 0px auto 0px auto;
   padding-top: 464px;
   width: 1046px;
   position: relative;
   overflow:hidden;
   padding-bottom: 90px;
   z-index: 4;
}

#content .left {
   margin: 0px;
   float: left;
   width: 259px;
}

#content .right {
   margin: 0px;
   float: right;
   width: 752px;
}

/* Main Content */

#content .right .content { padding: 0 0 0 20px; }

#content .right .content p { font-size: 13px; color: #333; }

#content .right .content #titleBackground { width: 730; height: 40px; background: url(img/title_back.gif) no-repeat; }

#content .right .content  h1 { color: #40aa35; font-size: 24px; text-transform: uppercase;}

#content .right .content img {
	border: 1px solid #0273c1;
	padding: 3px;	
	margin: 10px 10px 4px 0;
	vertical-align: top;
	outline: none;
	float: left;
}

#content .right .content a img {
	border: 1px solid #0273c1;
	padding: 3px;	
	margin: 10px 10px 4px 0;
	vertical-align: top;
	outline: none;
}

#content .right .content a:hover img {
	border: 1px solid #eb1259;
	padding: 3px;	
	margin: 10px 10px 4px 0;
	vertical-align: top;
	outline: none;
}

#content .right .content .novosti_img {
	float: left;
	padding: 4px;
}

#content .right .content .novosti_img {
	float: left;
	padding: 4px;
}

#content .right .content a {
color: #e41515;
font-weight: bold;
text-decoration: none;
}

#content .right .content a:hover {
color: #000;
text-decoration: none;
}

#content .right .content ul li {
color: #333;
}

div.orange_content { background-color: #ffc95d; }
div.novosti_content { background-color: #85ab10; }
div.suradnja_content { background-color: #00b5e8; }
div.smart_card_content { background-color: #F60; }
div.humanitarni { background-color: #393; }
div.kreativna { background-color: #393; }
div.reference { background-color: #94b826; }

div.usluge_inner_content { font-size: 20px; text-transform: uppercase; }

div.usluge_inner_content a { font-size: 22px !important; color: #fff !important; text-decoration: none !important; }

#content .right .content div.novosti_content p { color: #fff; !important }
#content .right .content div.novosti_content a { color: #fff; text-decoration: none; }
#content .right .content div.novosti_content a:hover { color: #f9dc06; text-decoration: none; }

#content .right .content div.suradnja_content p { color: #fff; !important }
#content .right .content div.suradnja_content a { color: #fff; text-decoration: none; }
#content .right .content div.suradnja_content a:hover { color: #f9dc06; text-decoration: none; }

#kreativna_radionica p, #poduka_za_skolu p, #logoped_poduka p, #najam_igraonica p, #najam_prostora p, #smart_poklon_bon p, #skolica_jezika p, #jezicna_igraonica p, #djacki_tecaj p, #jutarnja_igraonica p, #rodjendani_usluge p, #smart_start p, #smart_fun p, #smart_deluxe p, #smart_baby p, #smart_bio p, #home_party p, #dodatne_usluge p, #termini_rodjendana p, #smart_pozivnice p, #napopularnije_igre p, #nagradna_igra p, #glazbene_radionice p, #onama_content p {
color: #333;
}

#kreativna_radionica h1, #poduka_za_skolu h1, #logoped_poduka h1, #najam_igraonica h1, #najam_prostora h1, #smart_poklon_bon h1, #skolica_jezika h1, #jezicna_igraonica h1, #djacki_tecaj h1, #jutarnja_igraonica h1, #rodjendani_usluge h1, #smart_start h1, #smart_fun h1, #smart_deluxe h1, #smart_baby h1, #smart_bio h1, #home_party h1, #dodatne_usluge h1, #termini_rodjendana h1, #smart_pozivnice h1, #napopularnije_igre h1, #nagradna_igra h1, #glazbene_radionice h1, #onama_content h1 {
color: #40aa35;
text-transform: uppercase;
}

#kreativna_radionica ul, #poduka_za_skolu ul, #logoped_poduka ul, #najam_igraonica ul, #najam_prostora ul, #smart_poklon_bon ul, #skolica_jezika ul, #jezicna_igraonica ul, #djacki_tecaj ul, #jutarnja_igraonica ul, #rodjendani_usluge ul, #smart_start ul, #smart_fun ul, #smart_deluxe ul, #smart_baby ul, #smart_bio ul, #home_party ul, #dodatne_usluge ul, #termini_rodjendana ul, #smart_pozivnice ul, #napopularnije_igre ul, #nagradna_igra ul, #glazbene_radionice ul, #onama_content ul {
color: #333;
}

#kreativna_radionica a, #poduka_za_skolu a, #logoped_poduka a, #najam_igraonica a, #najam_prostora a, #smart_poklon_bon a, #skolica_jezika a, #jezicna_igraonica a, #djacki_tecaj a, #jutarnja_igraonica a, #rodjendani_usluge a, #smart_start a, #smart_fun a, #smart_deluxe a, #smart_baby a, #smart_bio a, #home_party a, #dodatne_usluge a, #termini_rodjendana a, #smart_pozivnice a, #napopularnije_igre a, #nagradna_igra a, #glazbene_radionice a, #onama_content a {
color: #e41515;
font-weight: bold;
text-decoration: none;
}

#nagradna_igra ol, #rodjendani_usluge ol {
color: #333;
}

#onama_content a img, #glazbene_radionice a img, #glazbene_radionice2 a img {
	border: 1px solid #0273c1;
	padding: 3px;	
	margin: 10px 10px 4px 0;
	vertical-align: top;
	outline: none;
}

#onama_content a:hover img, #glazbene_radionice a:hover img, #glazbene_radionice2 a:hover img {
	border: 1px solid #eb1259;
	padding: 3px;	
	margin: 10px 10px 4px 0;
	vertical-align: top;
	outline: none;
}

#glazbene_radionice img {
	padding: 0 8px 2px 0;
	float: left;
}

/* Novosti Box */

#novostiBox {
   margin: 0px;
   width: 259px;
}

#novostiBox .top {
   margin: 0px;
   width: 259px;
   height: 59px;
   background: url(img/novosti_bg_top.jpg) no-repeat;
}

#novostiBox .top .title {
   padding: 20px 0;	
   text-align: center; 
   font-size: 22px;
   color: #FFF;
   text-transform: uppercase;
}

#novostiBox .center {
   margin: 0px;
   width: 259px;
   background-color: #b32fd9;
}

#novostiBox .center .content {
   margin: 0px;
   padding: 10px 20px 2px 20px;
   color: #FFF;
}

#novostiBox .center .content p { padding-bottom: 10px; font-size: 13px; color: #FFF; }

#novostiBox .center .content a { color: #FFF; font-weight: bold; text-decoration: none;}
#novostiBox .center .content a:hover { color: #cfe53f; }

#novostiBox .bottom {
   margin: 0px;
   width: 259px;
   height: 43px;
   background: url(img/novosti_bg_bottom.jpg) no-repeat;
}

/* Rodjendani box */

#rodjendaniBox {
   margin: 16px 0;
   width: 259px;
}

#rodjendaniBox .top {
   margin: 0px;
   width: 259px;
   height: 72px;
   background: url(img/rodjendani_bg.gif) top no-repeat;
}

#rodjendaniBox .top .title {
   padding: 20px 0;	
   text-align: center; 
   font-size: 22px;
   color: #FFF;
   text-transform: uppercase;
}

#rodjendaniBox .center {
   margin: 0px;
   width: 259px;
   background: url(img/rodjendani_bg.gif) bottom no-repeat;
}

#rodjendaniBox .center .content {
   margin: 0px;
   padding: 10px 20px 2px 20px;
   color: #FFF;
}

#rodjendaniBox .center .content p { padding-bottom: 10px; font-size: 13px; color: #FFF; }

#rodjendaniBox .center .content a { color: #FFF; font-weight: bold; text-decoration: none;}
#rodjendaniBox .center .content a:hover { color: #98bb2b; }

/* Skolica Box */

#skolicaBox {
   margin: 16px 0;
   width: 259px;
}

#skolicaBox .top {
   margin: 0px;
   width: 259px;
   height: 72px;
   background: url(img/skolica_bg.gif) top no-repeat;
}

#skolicaBox .top .title {
   padding: 20px 0;	
   text-align: center; 
   font-size: 22px;
   color: #FFF;
   text-transform: uppercase;
}

#skolicaBox .center {
   margin: 0px;
   width: 259px;
   background: url(img/skolica_bg.gif) bottom no-repeat
}

#skolicaBox .center .content {
   margin: 0px;
   padding: 10px 20px 2px 20px;
   color: #FFF;
}

#skolicaBox .center .content p { padding-bottom: 10px; font-size: 13px; color: #FFF; }

#skolicaBox .center .content a { color: #FFF; font-weight: bold; text-decoration: none;}
#skolicaBox .center .content a:hover { color: #f9dc06; }

#rani-upisi { margin: -20px 0 20px 0; display: block; padding: 15px; background: #ff6600; color: #fff; font-size: 15px; }

/* Brzi linkovi */

#linkoviBox {
   margin: 0px;
   width: 259px;
}

#linkoviBox .top {
   margin: 0px;
   width: 259px;
   height: 59px;
   background: url(img/novosti_bg_top.jpg) no-repeat;
}

#linkoviBox .top .title {
   padding: 20px 0;	
   text-align: center; 
   font-size: 22px;
   color: #FFF;
   text-transform: uppercase;
}

#linkoviBox .center {
   margin: 0px;
   width: 259px;
   background-color: #b32fd9;
}

#linkoviBox .center .content {
   margin: 0px;
   padding: 10px 20px 2px 20px;
   color: #FFF;
}

#linkoviBox .center .content p { padding-bottom: 10px; font-size: 13px; color: #FFF; }

#linkoviBox .center .content a { color: #FFF; font-weight: bold; text-decoration: none;}
#linkoviBox .center .content a:hover { color: #cfe53f; }

#linkoviBox .bottom {
   margin: 0px;
   width: 259px;
   height: 43px;
   background: url(img/novosti_bg_bottom.jpg) no-repeat;
}

#header  {
   background: url(img/header_img.jpg) no-repeat;
   position: absolute;
   left: 0px;
   top: 112px;
   z-index: 2;
   width: 1100px;
   height: 310px;
}

#facebook  {
   margin: 16px 0;	
   background: url(img/facebook.png) no-repeat;
   position: relative;
   z-index: 10;
   width: 259px;
   height: 63px;
   cursor: pointer;
}

#footer  {
   margin: 0px auto 0px auto;
   background: url(img/footer.gif) no-repeat;
   position: relative;
   left: 0px;
   z-index: 2;
   width: 1099px;
   margin-top: -90px;
   height: 90px;
   clear:both;
}

#footer .info {
	margin: 0px auto 0px auto;
	padding-top: 26px;
	width: 600px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

#footer .info a { color: #FFF; text-decoration: none;}

#map  {
	margin: 0;
    height: 400px;
}

			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
		    position: absolute;
		    left: 306px;
		    top: 40px;
		    z-index: 10;
   			margin: 0;
			padding: 20px 0 0 0;
			width: 798px;
			min-height: 190px;
			text-align: center;
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 4px;
			width: 126px;
			height: 66px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 126px;
			height: 66px;
			overflow: hidden;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background: url(img/bt_01.png) no-repeat;
			}
			
		#nav-shadow li.button-color-2 a {
			background: url(img/bt_02.png) no-repeat;
			}
			
		#nav-shadow li.button-color-3 a {
			background: url(img/bt_03.png) no-repeat;
			}
			
		#nav-shadow li.button-color-4 a {
			background: url(img/bt_04.png) no-repeat;
			}
			
		#nav-shadow li.button-color-5 a {
			background: url(img/bt_05.png) no-repeat;
			}
			
		#nav-shadow li.button-color-6 a {
			background: url(img/bt_06.png) no-repeat;
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0px auto 0 auto;
			position: absolute;
			top: 68px;
			bottom: 0;
			left: 0;
			z-index: 20;
			}
			
#loading {
	position:relative;
	bottom:7px;
	border: none !important;
	visibility:hidden;
}

label  {
	color: #fff;
}

input  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
}

select a {
	font-size: 12px;
	color: #999;
}

textarea  {
	color: #404040;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
}