/*
	project: bugi graf
	author:  medianova (www.medianova.hr)
*/
*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #333; background: #E3EEF5 url(../images/bg.gif) repeat-x; }
a { color: #13599F; text-decoration: none; cursor: pointer; }
h2 { font-size: 1.1em; margin: 0 0 15px; color: #13599F; }
	h2 a { color: #BD1212; }
p  { margin: 0 0 15px; line-height: 1.6em; }
#content { margin: 0 auto; width: 940px; background: url(../images/header.gif) no-repeat 170px 0; }
.clear { clear: both; }

.side { float: left; width: 190px; }	
	#logo { float: left; margin: 0 0 20px 22px; }
		
	.menu { clear: left; font-size: .84em; }
		.menu li { font-size: 1em; font-weight: bold; text-transform: uppercase; }
		.menu li.title { background: #FEF406; padding: 8px 10px; margin: 0 0 1px; color: #7A771F; height: 17px; }
		.menu li a, .submenu li a { display: block; height: 15px; border-bottom: 1px solid #E3EEF5; padding: 8px 10px 8px 17px; color: #1359A1; background: #C0D8E8 url(../images/rightarrow.gif) no-repeat 5px 12px; }
		.menu li a:hover { background: #98B9CF url(../images/rightarrow.gif) no-repeat 8px 12px;; }
		
	.submenu li { font-size: .84em; font-weight: bold; text-transform: uppercase; }
	.submenu  li a{ background: #D8E7F0 url(../images/rightarrow_small.gif) no-repeat 12px 13px; color: #2A73C1; padding: 8px 20px; }
	.submenu  li a:hover { background: #BFD4E1 url(../images/rightarrow_small.gif) no-repeat 12px 13px; }
	
	#search	{ background: url(../images/search.gif) no-repeat; height: 35px; padding: 15px 0 0 40px; margin: 0 0 20px; }
		input.field { width: 100px; border: 1px solid #799FC0; padding: 3px; font: .84em Arial; color: #808080; }
		input.button { background: none; color: #1359A1; font-size: .8em; font-weight: bold; border: 0; }
		
.main { float: right; width: 720px; margin: 0 7px 20px 0; }

	#slogan { font-size: 1.1em; float: left; margin: 23px 0 0 5px; width: 350px; font-style: italic; font-weight: bold; color: #D4E5EF; }
	#tabs { float: right; height: 38px; margin: 50px 0 0px; }
		#tabs li { display: inline; text-transform: uppercase; font-size: .8em; }
		#tabs li a { float: left; color: #1359A1; height: 16px; font-weight: bold; background: url(../images/tab.gif) no-repeat; text-align: center; padding: 13px 0 10px; width: 103px; margin: 0 0 0 2px;  }
		#tabs li a:hover, #tabs li a.current { color: #BD1212; }
	
	#pitch { clear: both; background: #eee; border: 7px solid #fff; height: 264px; padding: 8px; }
		#pitch img { float: left; margin: 0 0 9px; }
	
	#intro_pictures {width: 690px; height:230px; background: url() no-repeat; }
	#pitch_menu { }
		#pitch_menu a { float: left; width: 110px; padding: 5px 0; text-align: center; color: #808080; font-weight: bold; text-transform: uppercase; font-size: .84em;}
		#pitch_menu a:hover {  background: url(../images/pitchcurrent.gif) no-repeat; }
		#pitch_menu a.current { color: #BD1212; background: url(../images/pitchcurrent.gif) no-repeat; }
	
	#contents { clear: both; background: #fff; padding: 10px 14px 14px; }
	
	.catimg { float: right; margin: 0 0 10px 20px; border: 4px solid #eee; padding: 1px; }
	
	#catdesc { position: relative; clear: both; padding: 10px 0; }
	
	.line { clear: both; padding: 5px 0; background: url(../images/dot.gif) repeat-x; }
	
	#catalog { clear: both; padding: 5px 0 10px; }
		.item { float: left; margin: 0 3px 3px 0; width: 160px; padding: 5px; background: #E3EEF5; }
		.item img { border: 5px solid #E3EEF5; }
		.item p { margin: 0; font-size: .8em; font-weight: bold; color: #719BB6; text-transform: uppercase; }
		
	#news_content img { max-width: 200px; }
		.date { font-size: 0.8em; font-style:italic; }
		.teaser { font-style: italic; font-weight: bold; }
	
	.col { float: left; width: 335px; }
	.cor { float: right; width: 335px; }
	.col p, .cor p { background: url(../images/dot.gif) repeat-x bottom; padding: 0 0 7px; font-size: .9em; }
	
#footer { padding: 15px 5px; clear: both; font-size: .84em; color: #6893B0; background: url(../images/dot.gif) repeat-x; }
	#footer .side { background: url(../images/dot.gif) repeat-y right; color: #326485; width: 206px; height: 112px;  }
	#cp { padding: 10px 0 25px; }
	#evjencanje { }
	#footer_logo { float: right; }
	#footer .main {  width: 700px; }
		#footer .main p { line-height: 1.8em; }