/* Getting the new tags to behave */
video {display:block}
source {display:block}
section {display:block}
progress {display:block}
output {display:block}
nav {display:block}
meter {display:block}
keygen {display:block}
hgroup {display:block}
header {display:block}
footer {display:block}
figure {display:block}
figcaption {display:block}
embed {display:block}
details {display:block}
datalist {display:block}
command {display:block}
canvas {display:block}
audio {display:block}
aside {display:block}
article {display:block}
time {display:inline}
summary {display:inline}
ruby {display:inline}
rt {display:inline}
rp {display:inline}
mark {display:inline}
/* Global properties ======================================================== */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#222;min-width:1020px;background:#fff}
.ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:1020px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.585em;}
a {color:#fff; outline: white;}
a:hover {text-decoration:none}
.column-2 {float:left}
.column-1 {float:left}
.col-2 {float:left}
.col-1 {float:left}
.wrapper {width:100%; overflow:hidden; position:relative}
.fb-like {position: absolute; margin-top:15px; padding:0 0 50px 10px;}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px; text-align:justify;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.alignleft {text-align:left}
.aligncenter {text-align:center}
.aligncenter-picture {text-align:center; margin-bottom:0px;}
.picture {text-align:center; font-size:11px; line-height:1.3em; padding:5px 0 0px 0px;}
.pictureL {text-align:left; font-size:11px; line-height:1.3em; padding:5px 0 0px 0px;}
.table {text-align:left; font-size:11px; line-height:1.3em; }
.it {font-style:italic}
.color-1 {color:#fff; text-align:center;}
.color-2 {color:#000}
.color-3 {color:#666}
.color-4 {color:#33CC33}
.color-tabela {background-color: #006600; color:#fff; text-align:center;}
.color-tabela2 {border: 1px solid #999999; background-color: #999999; color:#000; text-align:center; padding:0 0 0px 7px;}
.color-tabela3 {border: 1px solid #999999; color:#000; text-align:left; padding:0 0 0px 5px;}
.color-tabela4 {border: 1px solid #999999; text-align: center;}
.color-tabela5 {border: 1px solid #999999; color:#000; border: 1px solid #999999; background-color: #999999; text-align:left; padding:0 0 0px 5px;}
/*********************************boxes**********************************/
.indent {padding:21px 0 0; position:relative; margin-bottom:55px;}
.indent-left {padding-left:10px}
.indent-right {padding-right:50px}
.indent-bot1 {margin-bottom:10px}
.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}
.prev-indent-bot {margin-bottom:10px; margin-top:0px;}
.prev-indent-bot-h {margin-bottom:0px; margin-top:15px;}
.prev-indent-bot-footer {margin-bottom:0px; margin-top:-1px; text-align:center;}
.img-indent-bot {margin-bottom:25px}
.margin-bot {margin-bottom:35px}
.margin-top {margin-top:-3px}
.img-indent {float:left; margin:0 10px 0px 0; }
.img-indent2 {float:left; margin:0 13px 0px 0}
.img-indent-r {float:right; margin:0 0px 0px 40px}
.buttons a:hover {cursor:pointer}
h1 a {text-decoration:none}
.button-2 {text-decoration:none}
.button-3 {text-decoration:none}
.button {text-decoration:none}
.link {text-decoration:none}
.menu li a {text-decoration:none}
/*********************************header*************************************/
header {
	width:100%;
	position:relative;
	z-index:2;
}
.row-top {
	width:100%;
	min-height:101px;
	background:url(../images/row-top-tail.gif) left top repeat-x #d73636;
	border-radius:0px 0px 0 0;
	-moz-border-radius:0px 0px 0 0;
	-webkit-border-radius:0px 0px 0 0;
	position:relative;
	overflow:hidden;
	z-index:1;
}
h1 {
	float:left;
	padding:10px 0 0 10px;
	position:relative;
}
	h1 a {
		display:block;
		width:250px;
		height:90px;
		text-indent:-9999px;
		background:url(../images/logo.png) 15px 5px no-repeat;
}

.support {
		display:block;
		width:540px;
		height:99px;
		text-indent:-9999px;
	    padding:15px 0px 0px 0px;
	    margin-right:150px;
	    background:url(../images/brezplacna_pomoc_in_svetovanje_040-30-50-56.png) 0px 17px no-repeat;
	    float:right;
}
/***** menu *****/
.menu {
	padding:0 0 0 0;
	width:100%;
	margin-top:-9px;
	position:relative;
	z-index:2;
}
.menu li {
	float:left;
	position:relative;
	padding-right:2px;
	background:url(../images/menu-spacer.gif) right top repeat-y;
}
	.menu li.last {background:none; padding:0}
.menu li a {
	display:block;
	font-size:22px;
	font-weight:400;
	line-height:2em;
	padding:6px 62px 8px 61px;
	color:#fff;
	letter-spacing:0px;
	background:#2b2b2b;
}
	.menu li:first-child a {
		padding:6px 0 8px;
		width:59px;
		text-indent:-9999px;
		background:url(../images/menu-home-icon.png) center center no-repeat #2b2b2b;
		border-radius:0px 0 0 9px;
		-moz-border-radius:0px 0 0 9px;
		-webkit-border-radius:0px 0 0 9px;
	}
	.menu li.last a {
		padding:6px 64px 8px 64x;
		border-radius:0 0px 9px 0;
		-moz-border-radius:0 0px 9px 0;
		-webkit-border-radius:0 0px 9px 0;
	}
.menu > li > a:hover {background-color:#4a4949}

.menu li a.active {background-color:#4a4949}

/***** slider *****/
.slider-inner {padding-left:284px}
.slider {
	position:relative;
	width:686px;
	height:397px;
	float:right;
}
.items {display:none}
.prev {
	display:block;
	width:58px;
	height:58px;
	text-indent:-9999px;
	background:url(../images/slider-control.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:47px;
	z-index:99;
	cursor:pointer;
}
.next {
	display:block;
	width:58px;
	height:58px;
	text-indent:-9999px;
	background:url(../images/slider-control.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:47px;
	z-index:99;
	cursor:pointer;
}
.next {left:auto; right:0; background-position:left bottom}

.banner1-bg {
	width:284px;
	height:397px;
	background:url(../images/banner1-bg.jpg) 0 0 no-repeat;
	float:left;
}
.banner-1 {
	width:436px;
	height:397px;
	background:url(../images/banner-1.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}

.slider .pic .mask {
	position:relative !important;
}

/*********************************aside*************************************/
aside {
	width:100%;
	padding:21px 0;
}
/*********************************content*************************************/
#content {
	width:100%;
	padding:20px 0;
	position:relative;
	z-index:1;
}

.spacer-1 {
	width:100%;
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h2 {
	font-size:44px;
	line-height:1.204em;
	color:#e3001b;

	margin-bottom:0px;
	letter-spacing:0px;
}

h2 span{
	font-size:44px;
	line-height:1.204em;
	color:#e3001b;

	margin-bottom:0px;
	letter-spacing:0px;
}

h3 {
	font-size:36px;
	line-height:1.222em;
	color:#222;
	letter-spacing:0px;
	margin-bottom:22px;
}

h4 {
	font-size:26px;
	font-weight:400;
	line-height:2em;
	color:#222;
	letter-spacing:0px;
}

h6 {
	font-size:16px;
	color:#000;
	letter-spacing:0px;
}

h7 {
	font-size:28px;
	line-height:1.204em;
	color:#e3001b;
	margin-bottom:10px;
	letter-spacing:0px;
}

h8 {
	font-size:15px;
	color:#000;
	line-height:2em;
}

h9 {
	line-height:2em;
	font-size:18px;
	line-height:1.222em;
	color:#000;
	margin-top:10px;
	margin-bottom:22px;
	text-align:center;
}
h10 {
	font-size:20px;
	color:#000;
}
h10 span {
	font-size:20px;
	font-weight:bold;
	color:#000;
}


.border-bot {
	width:100%;
	padding-bottom:20px;
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:100%;
	color:#ccc;
	background:url(../images/box-title-tail.gif) left top repeat-x #d73636;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
	.box .padding {padding:25px 10px 0 30px}
	.box-bg {
		width:100%;
		padding-bottom:15px;
		background:url(../images/box-tail.gif) left top repeat-x #222;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
.box2 {
	width:100%;
	color:#ccc;
	background:url(../images/box-title-tail.gif) left top repeat-x #d73636;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
	.box2 .padding {padding:10px 10px 0 15px}
	.box2-bg {
		width:100%;
		padding-bottom:0px;
		background:url(../images/box-tail2.gif) left top repeat-x #222;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	.maxheight2 {
		height: 117px;
}

.button {
	display:inline-block;
	padding:6px 30px;
	font-size:21px;
	line-height:1.238em;
	letter-spacing:0px;
	color:#2b2b2b;
	border:2px solid #fff;
	background:url(../images/button-tail.gif) 0 0 repeat-x #dbdbdb;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}
.button:hover {background:#dbdbdb}

.button-2 {
	text-decoration: none;
	display: inline-block;
	font-size: 21px;
	line-height: 1.238em;
	letter-spacing:0px;
	color: #E3001B;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
	behavior: url(js/PIE.htc);
	position: relative;
	border: 2px solid #fff;
	padding: 6px 30px;
	background: url(../images/button-tail.gif) repeat-x 0 0#dbdbdb;
}
.button-2:hover {background:#dbdbdb}

.button-3 {
	text-decoration: none;
	display: inline-block;
	font-size: 21px;
	line-height: 1.238em;
	letter-spacing:0px;
	color: #E3001B;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
	behavior: url(js/PIE.htc);
	position: relative;
	border: 2px solid #E3001B;
	padding: 6px 30px;
	background: url(../images/button-tail.gif) repeat-x 0 0#dbdbdb;
}
.button-3:hover {background:#dbdbdb}


.list-1 li {
	line-height:21px;
	padding:2px 0 2px 20px;
	background:url(../images/marker-1.png) 0 2px no-repeat;
}
	.list-1 li a {
		display:inline-block;
		color:#222;
	}
	.list-1 li a:hover {text-decoration:none}

.list-2 li {
	line-height:25px;
	padding:0px 0 12px 20px;
	background:url(../images/marker-1.png) 0 8px no-repeat;
}

.list-2 li.last-item {padding:0 0 0 20px}
	.list-2 li a {
		display:inline-block;
		color:#222;
	}
	.list-2 li a:hover {text-decoration:none}

.list-heading li {
	padding:0px 0 0px 20px;
	background:url(../images/marker-1.png) 0 8px no-repeat;
}

.list-txt li {
	padding:0px 0 0px 20px;
	background:url(../images/marker-2.png) 0px 8px no-repeat;
}

.list-txt2 li {
	color: #e3001b;
	padding:0px 0 0px 20px;
	background:url(../images/marker-3.png) 0px 8px no-repeat;
}

.list-txt3 li {
	color: #000;
	padding:0px 0 0px 20px;
	background:url(../images/marker-3.png) 0px 8px no-repeat;
}

.price-list li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	line-height: 21px;
	padding:2px 0;
	color: #222;
}
	.price-list strong {
	  background: url(../images/pic-2.gif) repeat-x 0% 17px;
	  display: block;
	  overflow: hidden;
 }
	.price-list span {
		float: right;
		color: #222;
	}
	.price-list li a {
		float: left;
		text-decoration: none;
		color: #222;
	}
	.price-list li a:hover {color:#d73636}

.link:hover {text-decoration:underline}

.link-1 {
	display:inline-block;
	font-size:14px;
	padding-right:8px;
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff}

.text-1 {line-height:23px; text-align: left}
.text-2 {font-size:14px; line-height:1.285em}

dl span {float:left}
dl strong {float:right; font-weight:normal}
dl dd {width:100%; overflow:hidden}

.align-center {text-align: center;}
.red {color:#e3001b}
.language {font-size: x-small;}
.table-vert {vertical-align: middle;}
.table-vert2 {vertical-align:top;}
.red-colour {color: #E3001B;}
.green1-colour {color: #33CC33;}

.white-colour {color: #ffffff;}
.certifikati {border-style: solid; border-width: 1px;}
.price {
	font-size:28px;
	line-height:1.204em;
	color:#000;
	margin-bottom:10px;
	letter-spacing:-2px;
	line-height:23px; 
	text-align: left;
}
.price-m {
	font-size:18px;
	line-height:1.0em;
	color:#000;
	text-align:  center;
}
.akcija {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
}

/***** contact form *****/
#contact-form {display:block}
	#contact-form label {
		display:block;
		height:37px;
		overflow:hidden;
	}
	#contact-form input {
		float:left;
		width:265px;
		font-size:12px;
		line-height:1.25em;
		color:#222;
		padding:6px 10px 7px;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #e5e5e5;
		background:url(../images/input-tail.gif) 0 0 repeat-x;
		border-radius:9px;
		-moz-border-radius:9px;
		-webkit-border-radius:9px;
		outline:none;
	}
	#contact-form textarea {
		float:left;
		height:238px;
		width:529px;
		font-size:12px;
		line-height:1.25em;
		color:#222;
		padding:6px 10px;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #e5e5e5;
		background:url(../images/area-tail.gif) 0 0 repeat-x;
		overflow:auto;
		border-radius:9px;
		-moz-border-radius:9px;
		-webkit-border-radius:9px;
		outline:none;
	}
.text-form {
	float:left;
	display:block;
	font-size:14px;
	line-height:2em;
	width:83px;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
}

.buttons {padding:15px 0 0 0; text-align:right}
.buttons a {margin-right:8px; padding:8px 32px}

/****************************footer************************/
footer {
	width:100%;
	height:45px;
	color:#fff;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:9;
}
	.footer-bg {
		width:100%;
		padding:1px 0 25px;
		background:#2b2b2b;
		border-radius:9px;
		-moz-border-radius:6px;
		-webkit-border-radius:9px;
	}

.list-services {
	padding:0;
	width:112px;
	margin:0 auto;
	overflow:hidden;
}
	.list-services li {
		float:left;
		padding:0 0 0 8px;
	}
	.list-services li:first-child {padding:0}
		.list-services li a {
			display:block;
			width:32px;
			height:32px;
			text-indent:-9999px;
			background:url(../images/social-icons.png) 0 0 no-repeat;
		}
		.list-services li.item-1 a {background-position:-40px 0}
		.list-services li.item-2 a {background-position:-80px 0}

#easyTooltip{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 8px;
	color:#fff;
	border:1px solid #fff;
	background:#222;
	position:relative;
	z-index:99;
}

/*********extra***********/
.block {height:40px;}
.extra {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin: 0 auto -40px;
	position:relative;
	overflow:hidden;
}
body {height:100%}
html {height:100%}


#mc_embed_signup{background:#2b2b2b; clear:center; font:14px Arial, Helvetica, sans-serif;  width:300px;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {color: #ffffff; display:block; position:relative; text-align:center; padding:10px 0 10px 3%}
#mc_embed_signup h2 {color: #990703;font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #777; border: 0 none; border-radius:9px; color: #4a4949; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#dbdbdb;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 56px; margin:0 4% 10px 0; text-indent:10px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 90px; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/* countdown */
body {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

h2.subtitle {
	margin-top: -10px;
	margin-bottom: 00px;
	font-size: 19pt;

}

#container {
	margin: 0px 0px 0px -30px;
	width: 550px;
	color: #555;
}

#countdown_dashboard {
	height: 70px;
}

.dash {
	width: 70px;
	height: 80px;
	background: url("../images/dash.png") 0 0 no-repeat;
	float: left;
	margin-left: 30px;
	position: relative;
}

.dash .digit {
	font-size: 19pt;
	font-weight: bold;
	float: left;
	margin-top: 7px;
	width: 35px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color: #555;
	position: relative;
}

.dash_title {
	position: inherit; 
	display: block;
	font-weight: bold;
	bottom: 0px;
	left: 0px;
	font-size: 8pt;
	color: #555;
	text-transform: uppercase;
	letter-spacing:0px;
	text-align: center;
}

.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}

.faded {
	color: #999;
}

.form_message {
	width: 400px;
	padding: 10px;
	margin: 15px auto;
	display: none;
}

#error_message {
	background-color: #ffe;
	border-left: 5px solid #bb3;
	border-right: 5px solid #bb3;
	color: #770;
}

#info_message {
	background-color: #f0f9ff;
	border: 1px solid #eef;
}

#loading {
	text-align: center;
	margin: 10px;
	display: none;
	position: absolute;
	width: 100%;
	top: 00px;
}