* { margin: 0; padding: 0; }

body { text-align: center; font: 62.5%/1.4 Arial, Helvetica, sans-serif; color: #666; background: #fff; }

a img 	{ border: 0; }
a 		{ color: #f00; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

h1,
h2,
h3,
h4		{ font-weight: normal; }

h1		{ font-size: 2.2em; clear: both; color: #666; }
h2		{ font-size: 1.6em; color: #f00; }


h4				{ padding: 7px 10px !important; margin-bottom: 1em; font-size: 1.1em; color: #fff; background: #000; text-transform: uppercase; }
h4 a			{ color: #fff !important; }
#frontpage_news_box h4,
#komentari_box h4   { margin-bottom: 0; }

.txt_center { text-align: center; display: block; }

/*** general layout ***/
#container 			{ width: 983px; text-align: left; margin: auto; }
#wrap 				{ width: 983px; border: 1px solid #e5e5e5; border-width: 0 1px 0 1px; float: left; padding-top: 10px; }
#foot 				{ width: 963px; border: 1px solid #e5e5e5; float: left; padding: 10px; margin-bottom: 30px; }
#foot #copyright	{ float: left; color: #7D7D7D; }
#foot #siteby		{ float: right; padding-top: 5px; }

/*** header ***/
#header 				{ background: #fff; float: left; clear: both; width: 100%; }
#header #logo_lang 		{ float: left; margin-right: 1px; }
#header #header_img 	{ float: left; margin-right: 1px; }
#header #e_learning 	{ float: left; width: 245px;}
#header #e_learning img { float: right; display: inline; margin: 0 !important; }

/*** language switcher ***/
#lang_switch 				{ list-style-type: none; margin-left: 30px; margin-top: 8px; width: 215px; }
#lang_switch li 			{ display: inline; text-transform: uppercase; font-size: 10px; padding: 2px 6px; }
#lang_switch li.selected a 	{ color: #B4B4B4; }
#lang_switch li#hr,
#lang_switch li#en 			{ background: url(cssimg/lang_sep.gif) no-repeat top right; }
#lang_switch li a 			{ font-weight: normal; color: #737373; }



/*** newsletter box ***/
#newsletter 					{ background: url(cssimg/newsletter_bg.gif) no-repeat top left; float: left;  height: 60px; width: 245px; }
#newsletter p#prijavite_se 		{ background: url(cssimg/prijavite_se.gif) no-repeat top left; text-indent: -9999px; margin-left: 10px; margin-top: 12px; overflow: hidden; }
#newsletter p#prijavite_se_en 	{ background: url(cssimg/prijavite_se_en.gif) no-repeat top left; text-indent: -9999px; margin-left: 10px; margin-top: 12px; overflow: hidden; }
#newsletter #n_email 			{ background: url(cssimg/input_bg.gif) no-repeat top left; width: 190px; height: 17px; padding: 5px 4px 3px 4px; border: 0; float: left; margin-left: 10px; }
#newsletter input 				{ padding: 0; }


/*** main nav ***/
#main_nav 						{ clear: both; background: #f00 url(cssimg/main_nav.gif) repeat-y top right; float: left; width: 100%; }
#main_nav ul 					{ list-style: none; float: left; }
#main_nav ul li 				{ display: block; float: left; width: 123px; min-height: 30px; font-size: 1.1em; }
#main_nav ul li.active 			{ background: url(cssimg/main_nav_active.gif) no-repeat bottom left; }
#main_nav ul li.active.no_subs 	{ background: url(cssimg/main_nav_active.gif) no-repeat bottom right; }
#main_nav ul li a 				{ color: #fff; padding-left: 10px; display: block; height: 30px; line-height: 30px; vertical-align: middle; text-transform: uppercase; background: url(cssimg/main_nav_sep.gif) no-repeat top right; }

/*** subnav ***/
#subnav 				{ background: #737373 url(cssimg/subnav.gif) repeat-x top left; float: left; clear: left; width: 100%; }
#subnav ul 				{ clear: both; list-style: none; }
#subnav ul li 			{ display: block; float: left; width: auto; min-height: 30px; }
#subnav ul li.active 	{ background: #636363; }
#subnav ul li a 		{ font-size: 1.1em; color: #E6E6E6; padding: 0 10px; display: block; float: left; height: 30px; line-height: 30px; vertical-align: middle; }


/*** content ***/
#content 					{ clear: both; float: left; display: inline; width: 983px; border-top: 1px solid #fff; background: url(cssimg/shop_bg.gif) repeat-y 492px 0; }
#naslovnica_body #content	{ background-position: 0 0 !important; }
#content p 					{ margin-bottom: 1em; font-size: 1.2em; }

/*** web shop teaser ***/
#web_shop_teaser 			{ float: left; display: inline; margin-right: 1px; width: 245px; min-height: 530px; height: 530px; background: #9E0B0F url(cssimg/sidebar_bkg.jpg) no-repeat 0 0; height: auto !important; }
#web_shop_teaser h1 		{ height: 70px; text-indent: -9999px; overflow: hidden; }
#web_shop_teaser h2 		{ height: 23px; margin-bottom: 15px; background: url(cssimg/h2_tecajevi.gif) no-repeat top left; text-indent: -9999px; overflow: hidden; }
#web_shop_teaser h2.en 		{ background: url(cssimg/h2_tecajevi_en.gif) no-repeat top left; }
#web_shop_teaser ul 		{ margin: 0 20px 0 35px; list-style-type: disc; color: #fff; }
#web_shop_teaser ul li 		{ font-size: 16px; margin: 0 0 14px 0; }
#web_shop_teaser ul li a 	{ color: #fff; font-size: 16px; }

#cart_info,
#shop_teaser			{ font-weight: bold; padding: 0 20px; color: #fff; }
#cart_info a,
#shop_teaser a			{ padding: 0 2px 0 1px; color: #fff; text-decoration: underline; }
#cart_info a:hover,
#shop_teaser a:hover	{ background: #000; text-decoration: none; }

#cart_info              { padding-left: 38px !important; background: url(cssimg/cart.gif) no-repeat 20px 2px; }
#shop_teaser            { padding-top: 10px; padding-bottom: 15px; }
#shop_teaser ul         { margin: 0 0 0 15px; }
#shop_teaser ul li      { font-size: 12px; margin-bottom: 5px; }
#shop_teaser h2         { height: auto; background: 0; text-indent: 0; overflow: auto; color: #fff; font-weight: bold; line-height: 1.4; font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin: 0 0 5px 0; }
#shop_teaser p span     { font-size: 3.2em !important; display: block; }

#main_content td .iface_link	{ }

.iface_link img					{ padding: 0 !important; margin: 0 !important; color: #fff !important; text-decoration: none !important; text-transform: uppercase; }
a.iface_link img				{ background: #444; }
a.iface_link:hover img			{ background: #f00; }

span.iface_link img				{ background: #aaa !important; }

.change_qty img,
.change_qty input				{ vertical-align: top; }



#main_content .buy_online			{ margin: 0 15px 10px; padding: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }
#main_content .buy_online table		{ width: 420px !important; margin-bottom: 0; }
#main_content .buy_online thead		{ display: none; }
#main_content .small_print			{ font-style: italic; font-size: 1.1em !important; margin-bottom: 40px !important; }
#main_content .buy_online table td	{ width: 30%; text-align: right; }

.course_header						{ margin: 0 0 12px 0 !important; }


/*** main content styles ***/

#main_content a			{ text-decoration: underline; }
#main_content a:hover	{ text-decoration: none; }

#main_content h1,
#main_content h2,
#main_content h3,
#main_content p,
#main_content ul,
#main_content ul		{ padding: 0 15px; }

#main_content h1		{ color: #f00; line-height: 1.2; margin: .2em 0 .5em; }
#main_content h3		{ font-weight: bold; }

#main_content ul 		{ list-style-type: square; }
#main_content li		{ font-size: 1.2em; margin-left: 20px; }
#main_content li *		{ font-size: 1em !important; padding-left: 0 !important; padding-right: 0 !important; }

#main_content ul,
#main_content ol 		{ margin: 0 25px 1.2em; }

#main_content ul ol,
#main_content ul ul,
#main_content ol ol,
#main_content ol ul		{ margin: 0 0 1.2em !important; }

#main_content table		{ width: 470px !important; margin: 0 10px 1.2em; }
#main_content form		{ margin: 0 15px 2em; }

#main_content th,
#main_content td		{ font-size: 1.2em; }

#main_content img		{ margin: 0 15px 15px; }
#main_content p img		{ float: left; margin: 0 15px .2em 0; }

hr 						{ border: none; height: 1px; color: #ccc; background-color: #ccc; width: 100%; }
#main_content hr		{ margin: 10px 0; }

.img { margin: 0 15px .2em 0; float: left; }


/*** homepage custom styles ***/
#content .pseudo_row 		{ float: left; }
#content .box 				{ float: left; display: inline; width: 245px; margin-right: 1px; }
#content .last 				{ margin-right: 0 !important; width: 244 !important; }

#content #main_content 				{ width: 491px; margin-right: 1px; float: left; }
* html #content #main_content		{ overflow-x: hidden; }
#content.shopping #main_content 	{ width: 491px; padding: 0; }

.more_link	{ text-align: right; }


/*** listing ***/

.listed_item		{ float: left; clear: both; width: 100%; padding-bottom: 1em; border-bottom: 1px solid #eee; margin-bottom: 1em; }
.listed_item h2		{ margin-bottom: .5em; }

.listed_item img	{ float: left; margin: 0 10px .2em 0; }

#predavaci_box h2 em,
#predavaci_body h2 em,
#komentari_body h2 em	{ display: block; font-size: .8em; color: #666; }

#frontpage_news_box h4	{ background: #f00; }
#main_news img			{ margin-bottom: 1em; }

#other_news h4 	{ background: #000; margin-bottom: 1em !important; }
#other_news ul	{ list-style-type: none; padding: 0 10px; }
#other_news li  { float: left; padding-bottom: .2em; color: #707070; font-size: 1.2em; }

#other_news li span	{ float: left; clear: both; width: 58px; }
#other_news li a	{ float: left; width: 163px; }

#komentari_box img	{ margin-bottom: 1em; }

#tecajevi_body #main_content h4	{ margin: 0; }


/*** sidecontent styles ***/
#sidecontent			{ float: left; display: inline; width: 245px; }
* html #sidecontent		{ overflow-x: hidden; }
#sidecontent p strong	{ color: #f00; }

.box h2,
.box h3,
.box p					{ padding: 0 10px; }

#predavaci_box h2		{ line-height: 1.2; padding: 0 10px; margin-bottom: 1em; }


/*** forms ***/
form 						{ clear: both; }
fieldset					{ border: 0; }
label 						{ float: left; width: 150px; padding-right: 20px; font-size: 1.2em; color: #666; text-align: left; }

.field						{ float: left; clear: left; width: 100%; border-bottom: 1px solid #eee; padding: 5px 0; }

.input_hidden				{ position: absolute; left: -9999px; }

.input_text,
select,
textarea					{ width: 280px; font: 1.2 Arial, Helvetica, sans-serif; color: #666; padding: 2px; border: 1px solid #999; border-color: #999 #ccc #ccc #999; background: #fff; }

select						{ width: 286px !important; }

#prijava_form label.radio 	{ text-align: left; padding-right: 10px; width: auto; float: none; color: #666; font-weight: normal; margin-bottom: 10px; }

.submit 					{ font-size: 1.2em; color: #fff; background-color: #f00; padding: 5px 10px; border: 0; width: auto; cursor: pointer; text-transform: uppercase; }
.submit						{ background: #f00; border: 1px solid #c00; border-color: #f66 #c00 #c00 #f66; text-decoration: none !important; }
.submit:hover				{ color: #fff; }
.cancel 					{ background: #aaa; border: 1px solid #999; border-color: #ccc #999 #999 #ccc; }
br.clearleft 				{ clear: left; }

#contact_form				{ padding-top: 20px; }

td form						{ margin: 20px 0 0 !important; }
td .submit					{ font-size: 1em !important; }



/*** cart table ***/
table#cart_summary,
table#cart_list_2,
table#cart_list							{ width: 460px !important; margin: 0 0 1.2em !important; border-collapse: collapse; }
table#cart_summary th,
table#cart_list_2 th,
table#cart_list th 						{ border-bottom: 1px solid #ccc; padding: 5px; }
table#cart_summary td,
table#cart_list_2 td,
table#cart_list td 						{ padding: 5px; border-bottom: 1px solid #eee; }
table#cart_list_2 tr.total td,
table#cart_list tr.total td 			{ padding: 5px; }

table tr.total_cost td					{ font-weight: bold; background: #f6f6f6; }


/*** shop dropdown ***/
#shop_line 			{ background: #9D0B0E url(cssimg/shop_teaser2_bg.jpg) no-repeat top left; padding: 10px; }
#shop_line p		{ color: #fff !important; }
#shop_line p a		{ padding: 0 2px 0 1px; color: #fff; text-decoration: underline; }
#shop_line p a:hover	{ background: #000; text-decoration: none; }
#shop_line form 	{ text-align: right; display: block; margin: 0; }
#shop_line input,
#shop_line select 	{ padding: 0; }
#shop_line #level   { width: 160px !important; }
#shop_line #buy     { vertical-align: bottom; }
#tecajevi_wrap 		{ padding: 10px; }





/* Misc stuff */

.error 		{ color: #f00; margin-bottom: 2em; }
.error p	{ margin-bottom: 0 !important; }



/*** pricing tables ***/
table .price 						{ text-align: right; }
.table-cjenik 						{ background-color: #c9c9c9; }
.table-cjenik td 					{ background-color: #fff; padding: 3px; }
.table-cjenik td.cijene, .cijene 	{ font-weight: bold; color: #FFFFFF; background-color: #FF0000; text-align: center; }
.table-cjenik td.lila, .lila 		{ font-weight: bold; color: #000000; background-color: #e5e5e5; }


/*** GALLERY ***/

.gallery_pseudo_row					{ float: left; width: 100%; clear: left; }
.gallery_entity						{ float: left; width: 245px; }
.gallery_entity img					{ border: 0 !important; }

#fotogalerije_body .gallery_entity .image_caption { clear: both; }

#view_gallery_image_holder			{ padding: 0 !important; }
#view_gallery_image_holder img		{ margin-left: 1px; border: 0 !important; }
.gallery_nav						{ float: left; padding: 15px; }