body {margin: 0; padding: 0; font-family: arial; color: #333; font-size: 16px; text-align: center; background: #fff; overflow-x: hidden;}

hr.clear {clear: both; height: 0; margin: 0; padding: 0; visibility: hidden;}
form {display: inline;}
select, option {color: #000; font-family: tahoma; font-size: 11px;}

a {text-decoration: none;}
a:hover {background: #e9ff7f;}
a img {border: 0;}

ul, li {margin: 0; padding: 0; list-style: none;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left {float: left; margin-right: 15px;}
.right {float: right; margin-left: 15px;}

#container {text-align: left;}
	#content {}

		#radnja_holder {margin: 30px 50px 20px; text-align: left; font-size: 13px;}
			#radnja_holder li {line-height: 1.3em;}

		th, td {padding: 0px 12px 4px 0; vertical-align: top;}
			td a {color: #999; font-weight: bold;}
			td a:hover {color: #333; background: #e9ff7f;}
		th {padding-left: 0;}
		/*th {padding-left: 3px; color: #fff; background: #999;}*/

	#footer {text-align: center; color: #999; font-size: 11px;}
		#footer a {color: #333;}

		.firma_info {margin-top: 10px;}
		.radnja {float: left; width: 220px; margin-top: 20px; margin-right: 30px; margin-bottom: -2px; font-size: 12px;}

.img_holder {margin-top: 7px;}
.logo_holder {margin-top: -10px; margin-left: -10px; margin-bottom: 10px; padding: 10px; font-size: 13px; text-align: center !important; background: #e9ff7f;}
	.logo_holder a {color: #333; }
	.logo_holder a:hover {color: #000; text-decoration: underline;}

/*
a#logo {display: block; position: absolute; top: 0; right: 0; width: 140px; padding: 5px; color: #fff; font-size: 11px; font-weight: bold; line-height: 1em; text-align: center; background: #000;}
a#logo:hover {color: #333; background: #e9ff7f;}
a#logo span {color: #999;}
*/

#nav {position: absolute; top: 0; left: 150px; width: 140px;}
	#nav a {padding: 5px; font-size: 11px; color: #999; font-weight: bold;}
	#nav a:hover {background: #e9ff7f;}
	#nav a.active {background: #e9ff7f; cursor: default;}
	#nav a.active:hover {color: #999;}

.logo_menu {margin: 2px 0 5px; padding: 0; border-bottom: 5px solid #E9FF7F;}
	.logo_menu li {display: inline;}
	.logo_menu .active {margin-left: 5px; margin-right: 5px; padding: 6px; background: #e9ff7f; border-width: 0;}
	/*.logo_menu button img {width: auto; height: 25px; max-width: 100px;}*/


#logo {display: block; margin-top: 100px;}

#header {margin: 20px 50px 40px;}
	#logo_prodavnica_muzickih_instrumenata {display: block; float: left; width: 220px; height: 12px; background: url(/img/prodavnicemuzickihinstrumenata_logo.png) no-repeat; text-indent: -10000px;}

a.logo:hover {background: none;}
#logo_form_holder {width: 100%;}
	#logo_form_holder .td_1 {display: none; padding-top: 15px; text-align: right;}
	#logo_form_holder .td_2 {text-align: center;}

#logo_form_holder.horizont .td_1 {display: table-cell;}
#logo_form_holder.horizont .td_2 {text-align: left;}


#keyword {margin-top: 10px; margin-bottom: 5px; padding: 3px; font-size: 20px; width: 400px;}

.left_active {padding: 5px; background: #e9ff7f; border: 4px solid green; line-height: 1.1em;}
	.left_active * {text-align: center !important;}
	.left_active a {color: green; text-decoration: underline;}

h1 {margin: 0; font-size: 32px;}
	h1 a {padding: 3px 6px; color: #fff; font-size: 13px; text-decoration: underline; background: #999; white-space: nowrap;}
	h1 a:hover {color: #000;}

h2 {margin: 0; padding: 0; font-size: 26px; line-height: 1em;}
	h2 a {color: #333;}
	h2 a:hover {color: #000;}
h3 {margin: 0; padding: 0; padding-top: 3px; padding-bottom: 4px; padding-left: 1px; font-size: 17px;}
	h3 a {color: #999; }
	h3 a:hover {color: #000;}
.info {font-size: 13px; font-weight: bold; }
	.info a {padding: 4px; color: #fff; background: #999;}
	.info a:hover {color: #333; background: #e9ff7f;}

#searchcontrol {margin-top: 5px;}
	#searchcontrol .gsc-control { width : 275px; }
	.gsc-search-box {display: none !important;}
	#searchcontrol a {font-weight: normal;}
	#searchcontrol .gs-text-box {font-size: 80%;}
	#searchcontrol td {padding-top: 2px;}

#gs_results {display: none; width: 100%; border-collapse: collapse;}
	#gs_results .td_1 {width: 275px; padding: 5px; padding-top: 0; padding-right: 0; vertical-align: top;}
	#gs_results .td_2 {vertical-align: top;}

#lista {margin: 50px; margin-top: 0; margin-bottom: 0;}
	#lista li {float: left; width: 250px; height: 150px; padding: 20px; padding-left: 0;}
		#lista li img {max-width: 200px;}

#gradovi {margin-left: 50px; margin-top: 10px; margin-bottom: 0;}

#sidebar_info {margin-left: 5px;}
	#sidebar_info table {width: 267px; font-size: 85%;}
		#sidebar_info table * {text-align: left;}
			#sidebar_info tr.firma_info {display: none;}

			.radnja th {width: 90px;}


.lokacija_dugme {float: left; margin-top: 10px; margin-right: 10px; padding: 4px 10px; color: #999; font-weight: bold; text-align: center; background: #eaeaea; cursor: pointer;}
.lokacija_dugme:hover {color: #fff; background: #000;}
.ld_active {color: #000; background: #e9ff7f; cursor: default;}
.ld_active:hover {color: #000; background: #e9ff7f;}

#map_canvas {clear: both; width: 100%; height: 620px; border-top: 5px solid #e9ff7f;}

.help p {margin: 3px 0; font-size: 12px; }

iframe {width: 100%; height: 4000px; border-width: 0;}

.small {clear: both; padding-top: 3px; color: #999; font-size: 10px;}
	.small a {color: #666;}

.addthis_toolbox {position: absolute; height: 40px; top: 0; right: 15px; padding-top: 15px; background: #fff;}
/*.addthis_toolbox {float: right; margin-top: 15px; margin-right: 15px;}*/