* {
	margin: 0;
	padding: 0;
	list-style: none;
}

img,table,fieldset {
	border-style: none;
}

input,select,label {
	vertical-align: middle;
}

a:link{
	color: #138fb4;
}

a:visited {
	color: #62a0b2;
}

a:active {
	color: #f67629;
}

a:hover {
	color: #02b5ea;
	text-decoration: none;
}

body {
	padding: 10px;
	font-family: Arial;
	text-align: center;
	color: #59757e;
	background: #4e98af;
}

#Wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	background: #f7fbfc;
}

#Outer {
	padding: 0 10px;
}

/* Header
----------------------------------------------------------- */

#Header {
	padding: 10px 10px 5px 10px;
}

#Header .br .l {
	float: left;
	width: 755px;
	height: 74px;
	overflow: hidden;
	border-top: solid 5px #91d7ec;
	border-bottom: solid 5px #91d7ec;
}

#Header .br .r {
	float: right;
	width: 200px;
	height: 84px;
	overflow: hidden;
}

#LogoVMA {
	padding: 7px 0 0 0;
}

#LogoVMA p {
	height: 22px;	
}

#LogoVMA p a {
	display: block;
	height: 22px;
	text-indent: -100em;
	overflow: hidden;
	background: url(../../images/logo-vma.gif) no-repeat;
}

#LogoKOOG {
	padding: 8px 0 0 0;
}

#LogoKOOG p {
	height: 32px;
}

#LogoKOOG p a {
	display: block;
	height: 32px;
	text-indent: -100em;
	overflow: hidden;
	background: url(../../images/logo-koog.gif) no-repeat;
}

/* Home: Level A
----------------------------------------------------------- */

.levelA {
	padding: 0 0 5px 0;
}

.levelA .box .shell {
	height: 193px;
	overflow: hidden;
}

.levelA .lCol {
	float: left;
	width: 260px;
}

.levelA .rCol {
	float: right;
	width: 695px;
}

.levelA .rColA {
	height: 245px;
	overflow: hidden;
}

.levelA .rColALeft {
	float: left;
	width: 490px;
}

.levelA .rColARight {
	float: right;
	width: 200px;
}

.levelA .rColARight .DeinostiHome {
	height: 218px;
	padding-top: 25px;
}

.levelA .rColB {
	height: 35px;
	overflow: hidden;
	background: #f67629 url(../../images/levelarcolb.gif) no-repeat;
}

.levelA .rColBLeft {
	float: left;
	width: 210px;
}

.levelA .rColBRight {
	float: left;
	width: 485px;
}

/* Home: Level B
----------------------------------------------------------- */

.levelB {
	padding: 0 0 5px 0;
}

.levelB .box .shell {
	height: 115px;
	overflow: hidden;
}

.levelB .lCol {
	float: left;
	width: 260px;
}

.levelB .mCol {
	float: left;
	width: 495px;
}

.levelB .mColPad {
	padding: 0 0 0 5px;
}

.levelB .rCol {
	float: right;
	width: 200px;
}

/* Home: Level C
----------------------------------------------------------- */

.levelC {
	padding: 0 0 5px 0;
}

.levelC .box .shell {
	height: 85px;
	overflow: hidden;
}

.levelC .lCol {
	float: left;
	width: 260px;
}

.levelC .rCol {
	float: right;
	width: 695px;
}

/* Inside: Level D
----------------------------------------------------------- */

.levelD #Menu,
.levelD .vis,
.levelD .box {
	margin: 0 0 5px 0;
}

.levelD .ad {
	margin: 4px 0 5px 0;
}

.levelD .lCol {
	float: left;
	width: 260px;
}

.levelD .rCol {
	float: right;
	width: 695px;
}

.levelD .rCol h1 {
	margin: 0 0 5px 0;
	padding: 3px 15px 4px 15px;
	font-size: 18px;
	text-transform: uppercase;
	color: #ae4609;
	background: #f3d195;
	border-top: solid 4px #eead49;
}

.levelD .rCol .rColA {
	float: left;
	width: 490px;
}

.levelD .rCol .rColB {
	float: right;
	width: 200px;
}

/* Boxes
----------------------------------------------------------- */

.box {	
	border: solid 1px #cee7ee;
}

.box h2 {	
	padding: 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
	border-top: solid 4px #347c92;	
	
}

.box h2 a {
	text-decoration: none;
	color: #347c92;	
}

.box .shell {
	padding: 10px 15px;
	font-size: 13px;		
}

.box h3 {
	padding: 5px 0 10px 0;
	font-size: 14px;
	color: #347c92;
}

.box p {
	padding: 0 0 10px 0;
	font-size: 13px;
}

.box blockquote {
	padding: 0 2em 10px 2em;
	font-size: 13px;
}

.box .imgL {
	float: left;
	margin: 2px 15px 5px 0;
}

.box ul.row li {
	margin: 0 0 1px 0;
	padding: 4px 10px;
	font-size: 13px;
}

.box li.br a {
	float: left;
}

.box li.br span {
	float: right;
}

	.content .shell ul,
	.content .shell ol {
		padding: 0 3em 1em 3em;
	}

	.content .shell ul li,
	.content .shell ol li {
		padding: 2px 0;
		font-size: 13px;	
	}

	.content .shell ul li {
		list-style: square;	
	}
	
	.content .shell ol ul li {
		list-style: square;	
	}

	.content .shell ol li {
		list-style: decimal;
	}

	.content .shell ul li ul,
	.content .shell ol li ul {
		padding: 5px 3em;
	}
	
.distance {
	margin-top: 5px;		
}	

.box .more {
	padding: 0 15px 10px 15px;
	font-size: 12px;	
}

.box .more a {	
	padding: 0 15px;
	background: url(../../images/li-more.gif) no-repeat 0 3px;
}

.box .nomore {
	padding: 0 15px 10px 15px;
	font-size: 12px;	
}

.box .nomore a {	
	padding: 0 15px;
	background: no-repeat 0 3px;
}

.box .more .noPlus {	
	padding: 0;	
	background: none;
}

.box .off a {
	padding: 0 !important;
	background: none !important;
}

.box form table {
	margin: 0 0 10px 0;
	width: 100%;
}

.box form th {
	padding: .4em .4em .4em 0;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
}

.box form td {
	padding: .4em 0 .4em .4em;
	font-size: 13px;
}

.box form input {
	padding: .2em;
	font-size: 14px;
}

.box form select {
	font-size: 14px;
}

.s1 {
	background: #ecf4f7;
}

.s2 {
	background: #dff2f8;
}

.s3 {
	background: #f7ecda;
	border-color: #f3d195;
}

.s4 {
	border-style: none;
}

.s1 h2 {
	background: #cee7ee;
}

.s2 h2 {
	background: #a6d9e8;
}

.s3 h2 {
	color: #ae4609;
	background: #f3d195;
	border-color: #eead49;
}

.s1 ul.row li {
	background-color: #d6ebf2;
}

.s2 ul.row li {
	background-color: #c3e8f4;
}

.s4 ul.row {
	border-top: solid 1px #f3d195;
}

.s4 ul.row li {
	margin: 0;
	padding: 4px 15px 4px 27px;
	background: #f7ecda url(../../images/li-more.gif) no-repeat 10px 7px;
	border-bottom: solid 1px #f3d195;
}

.s4 ul.row li ul {
	padding: 0 0 4px 0;
}

.s4 ul.row li li {
	padding: 4px 15px 0 0;
	background: none;
	border-bottom: none;
}

.s3 .shell {
	padding-bottom: 0;
}

.s3 .shell p {
	font-size: 14px;
}

.def {
	padding: 5px 0 0 0;
}

.def p {
	padding: 0 0 10px 0;
	font-size: 13px;
}

.paging {
	background-color: #f7ecda;
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.paging .pages {
	padding: 0;
}

.paging .pages strong,
.paging .pages a {
	padding: 0 5px;
}

.paging .pages .arr a {
	font-weight: bold ;
	text-decoration: none;
}

.paging .pages strong {
	color: #000000;
}

/* ID: Menu
----------------------------------------------------------- */

#Menu {
	background: #347c92;
}

#Menu li {
	display: block;
	color: #eead49;
	border-bottom: solid 1px #4e96ac;
}

#Menu a {
	display: block;
	padding: 0 0 0 16px;
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #e9f2f5;
	background: url(../../images/li-menu.gif) no-repeat 13px 13px;
}

#Menu .on a,
#Menu a:hover {
	background-color: #1b5769;
}
#MenuB {
	visibility: hidden;
}
.drops {
	border: 1px solid #000000;
	visibility: hidden;
	position: absolute;
	top: 140px;
	background-color: #e5e5e5;
}

/* ID: About [home]
----------------------------------------------------------- */

.levelA .rColBLeft #AboutHome {
	padding: 8px 0 0 15px;
}

.levelA .rColBLeft #AboutHome a {
	font-weight: bold;
	font-size: 18px;
	color: #ae4609;
	text-decoration: none;
}

/* ID: Problem [home]
----------------------------------------------------------- */

#ProblemHome {
	padding: 6px 0 0 0;
}

#ProblemHome label {
	float: left;
	width: 285px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
}

#ProblemHome select {
	float: left;
	padding: 2px;
	width: 190px;
	font: 12px Arial;
	background: #fdf2dd;
	border: solid 1px #b14e12;
}

/* ID: Oferti [home]
----------------------------------------------------------- */

#OfertiHome ul {
	padding: 1em;
	background: url(../../images/ofertihome1.gif) repeat-y center top;
	height: 115px;
}

#OfertiHome li {
	padding: 0 !important;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background: none !important;
}

#OfertiHome li a {
	text-decoration: none;
	color: #ae4609;
}

#OfertiHome .boxL {
	float: left;
	width: 45%;
}

#OfertiHome .boxR {
	float: right;
	width: 45%;
}

#OfertiHome .off {
	text-align: center;
}

/* Container [default]
----------------------------------------------------------- */

#Container p {
	padding: 0 0 15px 0;
	font-size: 14px;
}

#Container ul {
	padding: .4em 2em;
	font-size: 13px;
}

#Container li {
	padding: 0 0 .4em 0;
	font-size: 13px;
	list-style: square;
}

/* Ekip [za nas]
----------------------------------------------------------- */

#EkipList li {
	display: inline;
	font-size: 12px;
	color: #59757e;
}

#EkipList span.br {
	float: left;
	margin-right: 7px;
	width: 30%;
}

.rColB #EkipList span.br {
	float: none !important;
	margin-right: 0 !important;
	width: auto !important;
}

#EkipList span.br {
	display: block;
	margin-bottom: 7px;
	padding: 1px 10px 1px 1px;
	background: #fff;
	border: solid 1px #a6d9e8;
}

#EkipList span.br:hover {
	background: #f7ecda;
	border: solid 1px #f3d195;
}

#EkipList .on span.br {
	padding: 0 10px 0 0;
	font-weight: bold;
	background: #f7ecda;
	border: solid 2px #f3d195;
}

#EkipList span.l {
	float: left;
	width: 40%;
}

#EkipList span.r {
	float: right;
	padding: 10px 0 0 0;
	width: 55%;
	text-align: right;
}

/* Ekip [deinosti]
----------------------------------------------------------- */

#PicDeinosti {
	height: 311px;
	overflow: hidden;
}

#PicDeinostiCrop {
	height: 190px;
	overflow: hidden;
}

.buDeinosti li {
	display: inline;
}

.buDeinosti a {
	display: block;
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #e9f2f5;
	background: #347c92;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	text-transform: uppercase;
}

.buDeinosti a:hover {
	background: #1b5769;
}

/* Footer
----------------------------------------------------------- */

#Footer {
	padding: 0 10px;
}

#Footer p {
	padding: 10px 0;
	font-size: 13px;
	border-top: solid 5px #91d7ec;
}

/* Clearfix
----------------------------------------------------------- */

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

.br {
    display: inline-block;
}

.br {
    display: block;
}

* html .br {
    height: 1px;
}
/* Flash
----------------------------------------------------------- */
.flash {
	padding-bottom: 4px;
}


/* Raya fixes
----------------------------------------------------------- */
.shell .br .noList, .shell .row .noList {
	list-style: none;		
}

.shell .PaddingFix, .DeinostiHome .PaddingFix {	
	margin-left: 0;
}