/*
	project: mat konto d.o.o. (www.matkonto.hr)
	author: medianova (www.medianova.hr)
*/

*{margin:0;padding:0}:focus,:active{outline:0}
body { font: .8em "Lucida Sans", Arial, Sans-Serif; background: #7EB9D4 url(../images/bg.gif) repeat-x; color: #123C55; }
a { text-decoration: none; cursor: pointer; color: rgb(11,43,59); }
h1 { margin: 120px 20px 0 0; font-style: italic; float: right; color: rgb(102,28,39); text-align: right; font: italic bold 1.9em "Trebuchet MS", Arial; text-transform: uppercase; }
h2 { margin: 0 0 20px;  font-size: 1.3em; color: rgb(11,43,59); }
p { margin: 0 0 17px; line-height: 1.64em; }
img { border: 0; }
em { font-size: .84em; margin: 0 0 0 5px; }
.x { clear: both; }
#content { margin: 20px auto 0; width: 960px; }
	#logo { float: left; margin: 0 0 25px 30px; }
	#menu { float: right; margin: 25px 7px 0 0; }
		#menu li { display: inline; }
			#menu li a { float: left; font-weight: bold; width: 109px; padding: 10px 0; color: #fff; text-align: center; margin: 0 0 0 1px; }
				#menu li a:hover, #menu li a.current { background: url(../images/tab.gif) no-repeat; }
	#pitch { clear: both; margin: 0 0 20px; padding: 8px 8px 0 8px; background: url(../images/pitch.jpg) no-repeat; height: 290px; }
		#pitch-content { height: 261px; }
			#pitch-content div img { float: left; }
			#pitch-content div ul { float: left; margin: 40px 190px 0 0; padding: 0 0 0 40px;  width: 330px; }
				#pitch-content div li { list-style: none; color: rgb(102,28,39); display: block; margin: 0 0 5px; background: url(../images/bullet.gif) no-repeat left 7px; padding: 0 0 0 8px; }
		#pag { float: right; }
		#pag li { display: inline; }
			#pag li a { float: left; padding: 12px; background: url(../images/dot.gif) no-repeat; }
				#pag li a.current { background: url(../images/dot_current.gif) no-repeat; }
	#lang { position: absolute; margin: -290px 0 0 -25px; }
	#bodytop { background: url(../images/box.gif) no-repeat top;  padding: 8px 0; }
	#bodybottom { background: url(../images/box.gif) no-repeat bottom;  padding: 8px 0; margin: 0 0 25px; }
	#body { background: #C4E3EB; padding: 5px 20px; }
		#main { float: left; width: 600px; padding: 20px 0 0; }
			#main a { border-bottom: 1px dotted rgb(11,43,59); }
			.highlight { background: rgb(68,130,158); }
		#col { float: left; width: 380px; }
		#cor { float: right; width: 200px; padding: 0 0 0 15px; margin: 40px 0 0; border-left: 1px solid #7EB9D4; }
		label { float: left; padding: 5px 0 0; width: 115px; }
		input.field { padding: 4px; margin: 0 0 5px; border: 1px solid #7EB9D4; width: 230px; }
		input.button { margin: 0 0 0 115px; background: #7EB9D4; color: #fff; font-weight: bold; border: 0; padding: 5px 7px; }
		textarea { padding: 4px; margin: 0 0 5px; border: 1px solid #7EB9D4; width: 230px; height: 200px; }
			
		#side { float: right; width: 250px; }
	#footer { clear: both; font-size: .84em; margin: 0 25px; color: rgb(68,130,158); }
		#medianova { float: right; }