html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a,
em, img, 
small, strike, strong, sub, sup, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	font-family: "Arial",Helvetica,Sans-serif;
}

html, body { height: 100%; }

.undefined #wrapper{
/*padding: 10px 0 0 0;
width: 1200px;
width: 85%;*/
width: 100%;
height: auto;
/*margin: 30px auto 0;*/
background: #e5e5e5 url('../images/wrapper-bg.png') repeat-x 0 0;
}

.citizens #wrapper{
width: 100%;
height: auto;
background: #e5e5e5 url('../images/wrapper-bg-c.png') repeat-x 0 0;
}

.business #wrapper{
width: 100%;
height: auto;
background: #e5e5e5 url('../images/wrapper-bg-b.png') repeat-x 0 0;
}

#inner-wrapper{
/*width: 980px;*/
width: 85%;
margin: 0 auto;
position: relative;
top: 15px;
height: auto;
max-width: 1600px;
border: 1px solid #818181; /*not by design*/
background-color: #fff;
-moz-box-shadow: 0 0 10px 3px #818181;
-webkit-box-shadow: 0 0 10px 3px #818181;
box-shadow: 0 0 10px 3px #818181;
}

.undefined #header{
/*width: 980px;*/
width: 100%;
background: url("../images/top-menu-t.png") no-repeat scroll top right;
}

.business #header{
/*width: 980px;*/
width: 100%;
background: url("../images/top-menu-tb.png") no-repeat scroll top right;
}

.citizens #header{
/*width: 980px;*/
width: 100%;
background: url("../images/top-menu-tc.png") no-repeat scroll top right;
}

#header h1{
font-size: 1.6em;
font-weight: 600;
text-transform: uppercase;
}

#header h2{
padding: 18px 0 0 0;
font-size: 1.15em;
font-weight: normal;
text-transform: uppercase;
}

#header-content{
overflow: auto;
width: 100%;
padding: 41px 0 0 0;
}

#logo{
width: 108px;
height: 72px;
float: left;
/*margin: 0 18px 26px 45px;*/
/*position: relative;
bottom: 26px;
top: 0;
left: 45px;*/
margin: 0 26px 0 45px;
display: block;
text-indent: -2000px;
background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
}

#search{
position: absolute;
right: 70px;
top: 137px;
}

.search-box{
background: rgba(255,255,255,0.8)
}

#top-menu-button{
display: none;
}

#top-menu-all{
margin: 10px 10px 0 0;
position: absolute;
top: 0;
right: 0;
}

#top-menu-left{
display: inline;
list-style: none;
}

#top-menu-left li{
float: left;
line-height: 9px;
display: inline-block;
border-left: 1px solid #929292;
}

#top-menu-left li a{
padding: 10px;
text-decoration: none;
text-transform: uppercase;
}

#top-menu-left .first-child{
border: 0 none;
}

#top-menu-right{
display: inline;
list-style: none;
}

#top-menu-right li{
float: left;
position: relative;
top: -4px;
line-height: 9px;
display: inline-block;
/*border-left: 1px solid #929292;*/
}

#top-menu-right li a{
padding: 0 5px;
text-decoration: none;
text-transform: uppercase;
}

#btn_close{
display: none;
}

/* OT TUK */

.undefined #top-menu-all{
font-size: 1.1em;
color: #929292;
}

.undefined #top-menu-all a{
font-size: 1.1em;
color: #929292;
}

.undefined #top-menu-all .selected{
color: #000;
background: url("../images/pointer.png") no-repeat scroll top center;
}

.citizens #top-menu-all{
font-size: 1.1em;
color: #b19e80;
}

.citizens #top-menu-all a{
font-size: 1.1em;
color: #b19e80;
}

.citizens #top-menu-all .selected{
color: #000;
background: url("../images/pointer-c.png") no-repeat scroll top center;
}

.business #top-menu-all{
font-size: 1.1em;
color: #2e5b87;
}

.business #top-menu-all a{
font-size: 1.1em;
color: #2e5b87;
}

.business #top-menu-all .selected{
color: #000;
background: url("../images/pointer-b.png") no-repeat scroll top center;
}
/* DA SE PREPRAVI DO TUK */

#bg{
width: 18px;
height: 18px;
overflow: hidden;
display: block;
text-indent: 100px;
background: url("../images/flag-bg.png") no-repeat scroll center center transparent;
}

#en{
width: 18px;
height: 18px;
overflow: hidden;
display: block;
text-indent: 100px;
background: url("../images/flag-en.png") no-repeat scroll center center transparent;
}
/* <-- da se premesti na pravilnoto mqsto v koda -->*/

#nav{
overflow: auto;
width: 100%;
padding-top: 26px;
}

#nav #business{
color: #fff;
font-size: 1.2em;
font-weight: bold;
display: inline-block;
text-decoration: none;
height: 30px;
line-height: 28px;
padding: 0 23px 0 23px;
text-transform: uppercase;
border: 1px solid #386a9d;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 0 53px;
background: url("../images/business-b-bg.png") repeat-x scroll 0 0 transparent;
}

#nav #citizens{
color: #36689b;
font-size: 1.2em;
font-weight: bold;
display: inline-block;
text-decoration: none;
height: 30px;
line-height: 28px;
padding: 0 10px 0 10px;
text-transform: uppercase;
border: 1px solid #d9c4a8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 0 5px; /* By Design: 4px */
background: url("../images/citizens-b-bg.png") repeat-x scroll 0 0 transparent;
}

.undefined .submenu{
overflow: auto;
width: 100%;
width: auto;
height: 200%;
margin: 0 40px 0 40px;
display: block;
background-color: #fff;
border: 5px solid #929292;
}
/*
.submenu li:first-child{
background: none;
}*/

.undefined .submenu li{
float: left;
list-style: none;
line-height: 35px;
display: inline-block;
position: relative;
left: -1px;
background: url("../images/menu-bg.png") no-repeat scroll 0 center transparent;
}

.undefined .submenu li a{
font-size: 1.1em;
padding: 0 20px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}

.undefined .submenu li a:hover{
text-decoration: underline;
}

.citizens .submenu{
overflow: auto;
width: 100%;
width: auto;
height: 100%;
margin: 0 40px 0 40px;
display: block;
background-color: #fff;
border: 5px solid #d9c4a8;
}

.citizens .submenu li{
float: left;
list-style: none;
line-height: 35px;
display: inline-block;
position: relative;
left: -1px;
background: url("../images/menu-bg.png") no-repeat scroll 0 center transparent;
}

.citizens .submenu li a{
font-size: 1.1em;
padding: 0 20px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}

.citizens .submenu li a:hover{
text-decoration: underline;
}

.business .submenu{
overflow: auto;
width: 100%;
width: auto;
height: 100%;
margin: 0 40px 0 40px;
display: block;
background-color: #fff;
border: 5px solid #4375a7;
/*border-top: 5px solid #d9c4a8;
border-bottom: 5px solid #e7dac7;*/
-moz-border-image:url("menu-border-b.png") 30 30 round; /* Firefox */
-webkit-border-image:url("menu-border-b.png") 30 30 round; /* Safari */
-o-border-image:url("menu-border-b.png") 30 30 round; /* Opera */
border-image:url("menu-border-b.png") 30 30 round;
}

.business .submenu li{
float: left;
list-style: none;
line-height: 35px;
display: inline-block;
position: relative;
left: -1px;
background: url("../images/menu-bg.png") no-repeat scroll 0 center transparent;
}

.business .submenu li a{
font-size: 1.1em;
padding: 0 20px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}

.business .submenu li a:hover{
text-decoration: underline;
}

/* Breadcrumb */

.breadcrumb{
	overflow: auto;
	width: 100%;
	max-width: 92%;
	margin: 10px 0 10px 40px;
	display: block;
}

.breadcrumb li{
	margin-left: 5px;
	list-style: none; /*tuk da se zakchi gotina kartinka za spisuk*/
	float: left;
}

.breadcrumb li a{
	color: #4f4c4f;
	text-decoration: none;
	display: inline;
}

.breadcrumb li a:hover{
	text-decoration: underline;
}


#section{
margin: 0 40px 0 40px;
padding: 20px 20px 30px 20px;
}

#section-content{
margin: 0 40px 0 40px;
background: url("../images/section-bg.png") repeat-x scroll 0 0 transparent;
padding: 20px;
}

#section-content ul , #section-content ol{
font-size: 1.2em;
margin: 10px 12px 10px 40px;
}

#section-content ul li, #section-content ol li{
font-size: 1.2em;
}

#section-content p{
font-size: 1.2em;
margin-bottom: 1em;
}

#portal{
overflow: hidden;
display: table;
}

.business #section .col1{
width: 32%;
float: left;
display: block;
padding: 0 0 10px 0;
margin: 0 1.2% 0 0;
height: 100%;
background: transparent;
background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;
}

.business #section .col2{
width: 32%;
padding: 0 0 5000px 0; /* padding: 10px 0 5000px 0; */
float: left;
display: block;
height: 100%;
margin: 0 1.2% -5000px 0;
/*border-left: 1px solid black;
border-right: 1px solid black;
background: transparent;*/
/*background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;*/
}

.business #section .col3{
height: 100%;
width: 32%;
padding: 0 0 10px 0;
display: block;
float: left;
margin: 0 0 0 0;
/*background: transparent;*/
/*background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;*/
}

.business #section .col1 ul{
/*list-style-position: inside;*/
list-style: none;
margin: 10px 12px 10px 20px;
}

.business #section .col1 ul li{
font-size: 1.3em;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dashed #cdcdcd;
}

.business #section .col1 ul li a{
font-size: inherit;
text-decoration: none;
}

.business #section .col1 ul li a:hover{
text-decoration: underline;
}

.business .info{
display: block;
}

.business .more{
margin: 15px 0 0 0;
background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;
}

.business .more a{
display: block;
font-size: 1.3em;
padding: 0 0 0 30px;
line-height: 30px;
text-decoration: none;
background: url("../images/more-b.png") no-repeat scroll 10px 8px transparent;
}

.business .more a:hover{
text-decoration: underline;
}

.business #section .col2 ul{
/*padding: 10px 12px 10px 40px;*/
padding: 10px 20px 10px 20px;
margin: 0 0 10px 0;
list-style-image: url("../images/bullet-b.png");
background: #f5f5f5 url("../images/other-gradient.png") repeat-x scroll 0 0;
}

.business #section .col2 ul li{
font-size: 1.3em;
line-height: 15px;
padding: 5px 0;
list-style-position: inside;
border-bottom: 1px dashed #cdcdcd;
}

.business #section .col2 ul li a{
font-size: inherit;
text-decoration: none;
}

.business #section .col2 ul li a:hover{
text-decoration: underline;
}

.business #section .col3 ul {
padding: 10px 20px 10px 20px;
margin: 0 0 10px 0;
list-style-image: url("../images/bullet-b.png");
background: #f5f5f5 url("../images/other-gradient.png") repeat-x scroll 0 0;
}

.business #section .col3 ul li{
font-size: 1.3em;
line-height: 15px;
padding: 5px 0;
list-style-position: inside;
border-bottom: 1px dashed #cdcdcd;
}

.business #section .col3 ul li a{
font-size: inherit;
text-decoration: none;
}

.business #section .col3 ul li a:hover{
text-decoration: underline;
}




.citizens #section .col1{
width: 32%;
float: left;
display: block;
padding: 0 0 10px 0;
margin: 0 1.2% 0 0;
height: 100%;
background: transparent;
background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;
}

.citizens #section .col2{
width: 32%;
padding: 0 0 5000px 0;
float: left;
display: block;
height: 100%;
margin: 0 1.2% -5000px 0;
}

.citizens #section .col3{
height: 100%;
width: 32%;
padding: 0 0 10px 0;
display: block;
float: left;
margin: 0 0 0 0;
}

.citizens #section .col1 ul{
/*list-style-position: inside;*/
list-style: none;
margin: 10px 12px 10px 20px;
}

.citizens #section .col1 ul li{
font-size: 1.3em;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dashed #cdcdcd;
}

.citizens #section .col1 ul li a{
font-size: inherit;
text-decoration: none;
}

.citizens #section .col1 ul li a:hover{
text-decoration: underline;
}

.citizens .info{
display: block;
}

.citizens .more{
margin: 15px 0 0 0;
background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0 36px;
}

.citizens .more a{
display: block;
font-size: 1.3em;
padding: 0 0 0 30px;
line-height: 30px;
text-decoration: none;
background: url("../images/more-c.png") no-repeat scroll 10px 8px transparent;
}

.citizens .more a:hover{
text-decoration: underline;
}

.citizens #section .col2 ul{
/*padding: 10px 12px 10px 40px;*/
padding: 10px 20px 10px 20px;
margin: 0 0 10px 0;
list-style-image: url("../images/bullet-c.png");
background: #f5f5f5 url("../images/other-gradient.png") repeat-x scroll 0 0;
}

.citizens #section .col2 ul li{
font-size: 1.3em;
line-height: 15px;
padding: 5px 0;
list-style-position: inside;
border-bottom: 1px dashed #cdcdcd;
}

.citizens #section .col2 ul li a{
font-size: inherit;
text-decoration: none;
}

.citizens #section .col2 ul li a:hover{
text-decoration: underline;
}

.citizens #section .col3 ul {
padding: 10px 20px 10px 20px;
margin: 0 0 10px 0;
list-style-image: url("../images/bullet-c.png");
background: #f5f5f5 url("../images/other-gradient.png") repeat-x scroll 0 0;
}

.citizens #section .col3 ul li{
font-size: 1.3em;
line-height: 15px;
padding: 5px 0;
list-style-position: inside;
border-bottom: 1px dashed #cdcdcd;
}

.citizens #section .col3 ul li a{
font-size: inherit;
text-decoration: none;
}

.citizens #section .col3 ul li a:hover{
text-decoration: underline;
}


/* Little calendar */

.citizens .calendar{
float: left;
padding: 3px 3px 0;
width: 32px;
height: 32px;
margin: 0 7px 0px 0;
background: url("../images/calendar-c.png") no-repeat scroll 0 0;
}

.citizens .calendar .day{
font-size: 0.9em;
text-align: center;
}

.citizens .calendar .number{
margin-top: 2px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

.business .calendar{
float: left;
padding: 3px 3px 0;
width: 32px;
height: 32px;
margin: 0 7px 0px 0;
background: url("../images/calendar-b.png") no-repeat scroll 0 0;
}

.business .calendar .day{
font-size: 0.9em;
text-align: center;
}

.business .calendar .number{
margin-top: 2px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}


#section-content{
padding-top: 15px;
clear: both;
}

#section h3{
padding: 5px 10px 0px 20px;
font-size: 1.4em;
background: #f5f5f5 url("../images/col-h3.png") repeat-x scroll 0 0;
line-height: 30px;
border-bottom: 1px solid #989898;
}

.clear{
clear: both;
}


#footer{
/*overflow: auto;
width: 100%;
display: block;*/
top: 15px;
position: relative;
padding: 10px 0 13px 0;
margin: 0 auto;
/*width: 980px;*/
width: 85%;
text-align: center;
font-size: 0.8em;
}

#footer a{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}