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: Verdana,Arial,Helvetica,Sans-serif;
}

ul ul, ul ul li, ul ul li a, 
ol ul, ol ul li, ol ul li a,
ul ol, ul ol li, ul ol li a, 
ol ol, ol ol li, ol ol li a {
  font-size: 1em !important;
}

li p {
  font-size: 1em !important;
}

html, body { height: 100%; }

a {text-decoration: none;}
a:hover{
  text-decoration: underline;
}

#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 0px 0px;
}

#incrdecr {
  width:187px;
  height:22px;
  line-height:22px;
  background:url("../images/lenta.png") no-repeat;
  position:absolute;
  right:296px;
  top:137px;
}

body.big,
body.big p,
body.big ul li,
body.big #col2 p,
body.big #col2 ul li,
body.big #col2 ol li
{
	font-size: 130% !important;
}

body.small,
body.small p,
body.small ul li,
body.small #col2 p,
body.small #col2 ul li,
body.small #col2 ol li
{
	font-size: 70% !important;
}

.bold {
  font-weight:bold;
  margin:5px 10px 5px 20px;
}

.office {
  font-weight:bold;
  margin:5px 10px 5px 20px;
  line-height:12px;
}

.addr {
  display:inline-block;
  width:180px;
  margin-left:20px;
  margin-right:10px;
}

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

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

#inner-wrapper{
/*width: 980px;*/
width: 85%;
margin: 0 auto;
position: relative;
top: 15px;
height: auto;
max-width: 1600px;
border: 1px solid #818181;
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;
}

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

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

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

#header h1{
margin-left:20px;
margin-top:24px;
font-size:1.6em;
font-weight: bold;
float:left;
font-family:"Helen Cyr BG",Verdana,Arial,Helvetica;
}

#header h2{
padding: 18px 0 0 0;
font-size: 1.2em;
font-weight: normal;
color: silver;
}

#incrdecr ul {
	margin: 0;
	padding: 0 20px 0 0;
	width: 187px;
	height: 22px;
	line-height: 22px;
	float: right;
	list-style-type: none;
	position: relative;
}
#incrdecr ul li {
	margin: 0;
	padding: 0 3px;
	position: relative;
	left: 1px;
	float: right;
	font-size: 10px;
	font-weight: bold;
}
#incrdecr ul li a {
	display: block;
	height: 22px;
	padding:0 5px; 
	text-decoration: none;
}

#incrdecr ul li a.en {
	padding-left:8px;
  border-left: 1px solid silver;
}

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

#gerb {
width:84px;
height:70px;
display:block;
float:left;
margin-left:50px;
background: url("../images/gerb.png") no-repeat scroll 0px 0px transparent;
}

#logo{
width: 147px;
height: 84px;
float: left;
display: block;
margin-top:-15px;
margin-left:0px;
background: url("../images/nap_logo_bg.png") no-repeat scroll 0px 0px 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;
float: right;
margin: 0;
}

#top-menu-right li{
float: left;
line-height: 9px;
display: inline-block;
}

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

#top-menu-second {
position: absolute;
top: 20px;
right: 5px;
display:block;
list-style: none;
float: right;
}

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

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

#top-menu-second a {
  font-weight:normal !important;
  font-size:1em !important;
}

#btn_close{
display: none;
}

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

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

#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: #433929;
font-weight:bold;
}

.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;
font-weight:bold;
}

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



#bg{
display: inline-block;
padding: 5px;
margin-left: 5px;
text-decoration: none;
}

#en{
display: inline-block;
padding: 5px;
margin-left: 5px;
text-decoration: none;
}

.youtube {
  width:15px;
  background: url("../images/youtube.png") no-repeat;
}

#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; - IE 6 i 7 ne razbira border-box-a*/
line-height: 28px;
padding: 0 23px 0 23px;
text-transform: uppercase;
border: 1px solid #386a9d;
margin: 0 0 0 53px;
background: url("../images/business-b-bg.png") repeat-x scroll 0px 0px transparent;
}

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

.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{
float: left;
list-style: none;
line-height: 35px;
display: inline-block;
position: relative;
left: -1px;
background: url("../images/menu-bg.png") no-repeat scroll 0px center transparent;
}

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

.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: url("../images/brown_gradient.png") repeat scroll;
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 0px center transparent;*/
}

.citizens .submenu li.current{
  background-color:#EDE4D8;
  font-weight:bold;
}

.citizens .submenu li a{
font-size: 1.1em;
padding: 0 10px;
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: url("../images/blue_gradient.png") repeat scroll;
background-color: #fff;
border: 5px solid #4375a7;
}

.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.current{
  background-color:#C6D6E3;
  font-weight:bold;
}

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

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

.citizens .page_link,
.citizens .link{
  list-style-image: url("../images/bullet-c.png");
}
.business .page_link,
.business .link {
  list-style-image: url("../images/bullet-b.png");
}

.marquee {
  position:absolute;
  /*top:215px;*/
  margin:0 40px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  overflow:auto;
  width:92%
}

/* Breadcrumb */

.breadcrumb{
	/* width: 100%; */
	max-width: 85%;
	margin: 10px 0 10px 40px;
}

.breadcrumb li{
	list-style: none;
  display:inline;
}

/* .breadcrumb li:after { content: ' » '; }
.breadcrumb li:last-child:after { content: none; }*/
.breadcrumb li:last-child { font-weight:bold; }

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

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

.breadcrumb ul li.current {
	font-weight: bold;
}

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

#section-content{
margin: 0;
background: url("../images/section-bg.png") repeat-x scroll 0px 0px 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;
margin-bottom: 20px;
}

.citizens #portal #col1{
	width: 32%;
	padding: 0 0 30px 0;
	float: left;
	display: block;
	height: 100%;
	margin: 0 1.2% 0px 0;
}

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

.citizens #portal #col2{
	height: 100%;
	width: 32.8%;
	padding: 0 0 10px 0;
	display: block;
	float: left;
	margin: 0 1.2% 0 0;
}

.citizens #portal #col3 ul{
	list-style: none;
	margin: 10px 12px 10px 20px;
}

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

.citizens #portal #col3 ul li a{
	font-size: 100%;
	text-decoration: none;
}

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

.citizens .info{
	display: block;
}

.citizens .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
}

.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 #portal #col1 ul {
  background: #f5f5f5 url("../images/other-gradient.png") repeat-x scroll 0px 0px;
}


.citizens #portal #col1 ul{
	padding: 10px 20px 10px 20px;
	margin: 0 0 10px 0;
	list-style-image: url("../images/bullet-c.png");
}

.citizens #portal #col1 ul li{
	font-size: 1.3em;
	line-height: 15px;
	padding: 5px 0 5px 0px;
  position: relative; 
  left: 15px;
  text-indent: -17px;
	list-style-position: inside;
	border-bottom: 1px dashed #cdcdcd;
}
  

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

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

.citizens #portal #col2 div.links 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 0px 0px;
}

.citizens #portal #col2 ul li.page_link,
.citizens #portal #col2 ul li.link {
	font-size: 1.3em;
	line-height: 15px;
	padding: 5px 0;
	list-style-position: inside;
	border-bottom: 1px dashed #cdcdcd;
  position: relative; 
  left: 15px;
  text-indent: -17px;
}

.citizens #portal #col2 ul li a{
	font-size: 100%;
	text-decoration: none;
}

.citizens #portal #col2 ul li a:hover{
	text-decoration: underline;
}
	
	
	
	
.business #portal #col3{
	width: 32.8%;
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100%;
/*	background: #f5f5f5 url("../images/news-gradient.png") repeat-x scroll 0px 36px;*/
}

.business #portal #col1{
	width: 32%;
	padding: 0 0 30px 0;
	float: left;
	display: block;
	height: 100%;
	margin: 0 1.2% 0 0;
}

.business #portal #col2{
	height: 100%;
	width: 32.8%;
	padding: 0 0 10px 0;
	display: block;
	float: left;
	margin: 0 1.2% 0 0;
}

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

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

.business #portal #col3 ul li a{
	font-size: 100%;
	text-decoration: none;
}

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

.business .info{
	display: block;
}

.business .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
}

.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 #portal #col1 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 0px 0px;
}

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

.business #portal #col1 ul li a{
	font-size: 100%;
	text-decoration: none;
}

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

.business #portal #col2 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 0px 0px;
}

.business #portal #col2 ul li.page_link,
.business #portal #col2 ul li.link{
	font-size: 1.3em;
	line-height: 15px;
	padding: 5px 0;
	list-style-position: inside;
	border-bottom: 1px dashed #cdcdcd;
  list-style-image: url("../images/bullet-b.png");
}

.business #portal #col2 ul li a{
	font-size: 100%;
	text-decoration: none;
}

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


/* Little calendar */

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

.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 0;
width: 32px;
height: 32px;
margin: 0 7px 0px 0;
background: url("../images/calendar-b.png") no-repeat scroll 0px 0px;
}

.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;
}

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

.clear{
clear: both;
}




/* inpage */

#inpage{
width: 100%;
margin: 0 0 20px 0;
}

#inpage.inner_page_2_columns #col1{
  width: 21%;
  /*min-width: 197px;*/
  margin-right: 2%;
  background-color: #e7e7e7;
  min-height:400px; 
  float: left;
}

#inpage.inner_page_2_columns #col1 ul{
  font-size: 100%;
  list-style: none;
}

.business #inpage.inner_page_2_columns #col1 ul li{
  border-top: 1px dashed #b5b5b5;
  font-size: 100%;
  background: url("../images/in_left-pointer.png") no-repeat scroll 20px 7px;
}

.citizens #inpage.inner_page_2_columns #col1 ul li{
  border-top: 1px dashed #b5b5b5;
  font-size: 100%;
  background: url("../images/in_left-pointer_c.png") no-repeat scroll 20px 7px;
}

#inpage.inner_page_2_columns #col1 ul li:first-child{
  border-top: 0 none;
  font-size: 100%;
}

#inpage.inner_page_2_columns #col1 ul li a{
  text-decoration: none;
  padding: 5px 5px 5px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

#inpage.inner_page_2_columns #col1 ul li.current{
  background: url("../images/in_menu-selected.png") repeat-y scroll 0px 0px transparent;
  background-position: 0px 0px !important;
}

ul li.current span,
ul li.current li.current span {
    font-weight:bold;
}



.business #inpage.inner_page_2_columns #col1 ul li.current>a {
  background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 8px;
  font-weight:bold;
}

.citizens #inpage.inner_page_2_columns #col1 ul li.current>a {
  background: url("../images/in_left-pointer-selected_c.png") no-repeat scroll 18px 8px;
  font-weight:bold;
}

.business #inpage.inner_page_2_columns #col1 ul li.current>span{
  background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
  padding: 10px 5px 10px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

.citizens #inpage.inner_page_2_columns #col1 ul li.current>span{
  background: url("../images/in_left-pointer-selected_c.png") no-repeat scroll 18px 14px;
  padding: 10px 5px 10px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

#inpage.inner_page_2_columns #col1 li>span {
  padding: 10px 5px 10px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

#inpage.inner_page_2_columns #col1 ul li ul{
margin: 0 0 0 20px;
}

#inpage.inner_page_2_columns #col2{
float: left;
width: 54%;
margin-right: 2%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0px 35px;
min-height:400px; 
}

#inpage.inner_page_2_columns #col2 p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage.inner_page_2_columns #col2 h4{
  margin: 0 12px 10px;
  font-size: 13px;
}

#inpage.inner_page_1_column h4{
  margin: 0 12px 10px;
  font-size: 13px;
}

#inpage.inner_page_1_column h5{
  margin: 0 12px 10px;
  font-size: 12px;
}

#inpage.inner_page_1_column strong{
  font-weight: bolder;
}

#inpage.inner_page_2_columns #col2 h5{
  margin: 0 12px 10px;
  font-size: 12px;
}

#inpage.inner_page_2_columns #col2 ul, #inpage.inner_page_2_columns #col2 ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage.inner_page_2_columns #col2 ul li, #inpage.inner_page_2_columns #col2 ol li{
font-size: 100%;
}

#inpage #col2 a {
  font-size:100%;
  color: #5887b6 !important; /* #2F5275 !important;*/
  font-weight:bold;
}

#inpage #col2 a:hover {
  font-size:100%;
  color: black;
  text-decoration:underline;
}

#inpage #col2 a:visited {
  font-size:100%;
  color: #5887b6;
}

#inpage #col2 strong {
  font-size:100%;
  font-weight:bolder;
}


#inpage #col3 ul li strong {
    font-size: 100%;
    font-weight: bold;
}

#inpage #col2 strong span{
  font-size:100%;
  /*font-weight:bolder;*/
}

#inpage a span em {
    color: #5887B6 !important;
}

#inpage #col2 em {
  font-size:100%;
}

#inpage #col2 em span{
  font-size:100%;
}

#inpage.inner_page_2_columns #col2 p,
#inpage.inner_page_2_columns #col2 li {
  text-align:justify;  
}

#inpage #col2 li {
  margin-right: 10px;  
}

#inpage #col3 .columnContent ul {
  margin-top: 10px;
}

#inpage h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}

#inpage.inner_page_2_columns #col3 h2{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}

#inpage.inner_page_2_columns #col3{
  width: 21%;
  /*min-width: 197px;*/
  float: right;
  background-color: #f5f5f5;
  min-height:400px; 
}

#inpage.inner_page_2_columns #col3 ul li, #inpage.inner_page_2_columns #col3 ol li{
  margin: 0 10px 0 20px;
}

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

.citizens #inpage.inner_page_2_columns #col3 ul li{
  list-style-image: url("../images/look_c.gif");
}

.citizens #inpage.inner_page_2_columns #col3 div.news_list ul li{
  list-style:none;
}
.business #inpage.inner_page_2_columns #col3 ul li{
  list-style-image: url("../images/look_b.gif");
}

.business #inpage.inner_page_2_columns #col3 div.news_list ul li {
  list-style:none;
}

.inner_page_2_columns #col3 ul li a{
  font-size:inherit;
  color: #2F5275;/*#5887B6;*/
}

#col2 .searchResult .elemennts_list {
  list-style:none;
}

/* inpage_left */

#inpage.inner_page_1_column{
width: 100%;
margin: 0 0 20px 0;
}

#inpage.inner_page_1_column #col1{
width: 21%;
/*min-width: 197px;*/
margin-right: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: left;
}

#inpage.inner_page_1_column #col1 ul{
font-size: 100%;
list-style: none;
}

.business #inpage.inner_page_1_column #col1 ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

.citizens #inpage.inner_page_1_column #col1 ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer_c.png") no-repeat scroll 20px 10px;
}

#inpage.inner_page_1_column #col1 ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage.inner_page_1_column #col1 ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage.inner_page_1_column #col1 ul li.current{
background: url("../images/in_menu-selected.png") repeat-y scroll 0px 0px transparent;
}

#inpage.inner_page_1_column #col1 ul li.current>span{
  background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
  padding: 10px 5px 10px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

#inpage.inner_page_1_column #col1 li>span {
  padding: 10px 5px 10px 36px;
  font-size: 100%;
  text-transform: uppercase;
  display: block;
}

#inpage.inner_page_1_column #col1 ul li ul{
margin: 0 0 0 20px;
}

#inpage.inner_page_1_column #col2{
float: left;
width: 77%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0px 35px;
min-height:400px; 
}

#inpage.inner_page_1_column #col2 p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage.inner_page_1_column #col2 p.day {
  margin:0 0 0 4px;
  padding:0;
}

#inpage.inner_page_1_column #col2 p.number {
  margin:0 0 0 4px;
  padding:0;
}

#inpage.inner_page_1_column #col2 ul{
list-style:none;
padding:10px 0px;
}

#inpage.inner_page_1_column #col2 ul, #inpage.inner_page_1_column #col2 ol{
font-size: 1.3em;
margin: 0 0 10px 0px;
}

#inpage.inner_page_1_column #col2 ul li, #inpage.inner_page_1_column #col2 ol li{
font-size: 100%;
clear:left;
margin-bottom:10px;
}

#inpage.inner_page_1_column #col2 .info ul, #inpage.inner_page_1_column #col2 .info ol{
list-style:none;
margin:0 !important;
padding:0 !important;
}

#inpage.inner_page_1_column #col2 .info ul li, #inpage.inner_page_1_column #col2 .info ol li{
margin:0 !important;
}

#inpage.inner_page_1_column #col2 ul li.link {
margin:0 0 0 20px !important;
}

#inpage.inner_page_1_column h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}

#inpage.inner_page_1_column #col3 {
  display: none;
}

/* documents */
.elements_list ul {
  /*list-style-type:none;*/
}

.elements_list ul li.document {
  list-style-type:none;
  list-style-image:none;
	padding: 0 1em 1em 30px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.elements_list li.archive {
	background-image: url("../images/document_archive.gif");
}

.elements_list li.word {
	background-image: url("../images/document_word.gif");
}

.elements_list li.excel {
	background-image: url("../images/document_excel.gif");
}

.elements_list li.pdf {
	background-image: url("../images/document_pdf.gif");
}

.elements_list li.common {
	background-image: url("../images/document_common.gif");
}

.elements_list ul li.document span.info {
	display: block;
	font-size: 0.8em;
	background:url("../images/document_download.gif") no-repeat scroll 0px 50% transparent;
	padding: 0em 0 0em 1.2em;
	margin: 0;
}

.elements_list ul li.document span.found {
	display: block;
}

li.document span.found ul{
  margin:0 !important;
  padding:0 !important;
}

li.document span.found ul li{
  margin:0 !important;
  padding:0 !important;
}

.elements_list ul li.document div.description {
	display: block;
	font-size: 0.8em;
	padding: 0 !important;
	margin: 0 !important;
}

.elements_list ul li.document div.description p, .elements_list ul li.document div.description span{
	font-size: 1em;
	padding: 0 !important;
	margin: 0 !important;
}

.banner {
  text-align:center;
  background-color: #F5F5F5;
}

.banner img {
  max-width: 100%;
}

#inpage div.banner:nth-of-type(1) {
  margin-top:33px;
}

a img{
    border: 0px;
    max-width: 100%;
}

p.zeroelements {
  padding-bottom:20px;
}

/* Organization diagram */
.organizationdiagram, .organizationdiagram ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	zoom: 1;
}

.organizationdiagram {
  margin-left: -20px;
}

.organizationdiagram ul ul{
	display: none;
}

.organizationdiagram li, .organizationdiagram ul li {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	position: relative;
	zoom: 1;
}

.organizationdiagram ul li {
	margin: 0 0 0 3.4em;
}

.organizationdiagram li a {
	display: block;
  width: 440px;
	padding: 0.5em 1em;
	font-size: 1em;
	
	background: #eee;
	border: 1px solid #999;
}

.organizationdiagram ul li a {
	width: 300px;
}

.organizationdiagram ul li.node {
	border-left: 1px solid #999;
}

.organizationdiagram .wrapper2, .organizationdiagram ul .wrapper2 {
	padding: 0.8em 0 1.1em 2em;
	position: relative;
	zoom: 1;
}

.organizationdiagram ul .wrapper2 {
	padding-left: 2em;
}

.organizationdiagram ul li.lastNode .lastNodeWrapper1 {
	background: url("../images/od_left_long_bg.gif") no-repeat 0 50%;
}

.organizationdiagram li .wrapper2 {
	background: none;
}

.organizationdiagram ul li .wrapper2 {
	background: url("../images/od_left.gif") no-repeat 0px 50%;
	position: relative;
	zoom: 1;
}

.organizationdiagram .controller, .organizationdiagram .expandedController{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #999;
	
	width: 13px;
	height: 13px;
	
	position: absolute;
	bottom: 0;
	left: 3em;
}

.organizationdiagram .controller {
	background-image: url("../images/tree_expand_1.gif");
}

.organizationdiagram .expandedController {
	background-image: url("../images/tree_collapse_1.gif");
}
/* End of Organization diagram */

/* inpage_right */

#inpage_right{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage_right .in_content{
float: right;
width: 77%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0px 35px;
min-height:400px; 
}

#inpage_right .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage_right .in_content ul, #inpage_right .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage_right .in_content ul li, #inpage_right .in_content ol li{
font-size: 100%;
}

#inpage_right h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}


#inpage_right .in_right{
width: 21%;
/*min-width: 197px;*/
margin-left: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: right;
}

#inpage_right .in_right ul{
font-size: 100%;
list-style: none;
}

#inpage_right .in_right ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage_right .in_right ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage_right .in_right ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage_right .in_right ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0px 0px transparent;
}

#inpage_right .in_right ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage_right .in_right ul li ul{
margin: 0 0 0 20px;
}







#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;
}


#footer address {
  font-size: 10px;
	font-style: normal;
	line-height: 1.5em;
}

#footer abbr {
  font-size: 10px;
	cursor: help;
	border-width: 0;
}

#footer h3 {
	display: none;
}

#footer .navigation {
	margin: 0 0.5em 2em;
}

#footer .navigation ul {
	text-transform: uppercase;
	list-style-type: none;
	text-align: center;
	padding: 0.4em 0;
}

#footer .navigation ul li {
	display: inline;

	border: 0;
	border-left: 1px solid #004A8F;
	padding: 0 0.3em 0 0.5em;
	margin: 0;
}

#footer .navigation ul li.first {
	border-left: 0;
}

#footer .navigation ul li a {
	font-size: 0.9em;
	font-weight: bold;
}

#footer .footer_links {
	width: 100%;
	text-align: center;
	list-style: none;
	margin: 1em 0 20px;
	padding: 0;
}

#footer .footer_links li {
	display: inline;
	border-left: 1px solid #666666;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
}

#footer .footer_links li.first {
	border-left-width: 0;
	margin: 0;
	padding: 0;
}

/* Subscription */
.subscription form {
	margin: 0 20px;
	padding: 0;
}

.subscription .infoMessages p{
	color: #090;
}

.subscription .errors p{
	color: #f00;
}

.subscription p {
	margin: 0 0 0.8em 0;
	padding: 0;
}

.subscription .row {
	margin: 0.5em 0;
}

.subscription form input{
	color: #000;
}

.subscription .row .label {
	float: left;
	width: 10em;
}

.subscription .row .value .email {
	text-transform: uppercase;
	font-weight: bold;
}

.subscription .row .value .checkbox{
	display: block;
	margin-left: 10em;
}

.subscription .mandatory {
	color: #f00;
}

.subscription .groupsTitle {
	font-weight: bold;
	margin: 0.5em 0;
}
/* End of Subscription */

/* RSS */
.rss a {
	display: block;
  margin: 0 10px;
	padding-left: 24px;
  height:24px;
	background: url('../images/rss_icon.gif') no-repeat 0px 0px;
}

.rssInfo{
  text-align: justify;
}
/* End of RSS */


.advanced_search fieldset {
	margin: 0 1em;
  padding: 2px 5px;
}

.adv_calendar {
  color:#2F5275;
}

/* Search */
.search fieldset {
	border: none;
	margin: 0 0 1em;
	padding: 0 0.5em;
}

.search legend {
	color: #666666;
	margin: 0;
	padding: 0.9em 0 0.5em;
}

.search label {
	display: none;
}

.search div {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	
	margin: 0;
	padding: 0;
}

.search .text {
	float: left;
}

/* End of Search */

/* Contacts */
.contacts {
}

.contacts h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: normal;
	color: #666666;
	border-bottom: 1px solid #A7A9AC;
	
	padding: 0 0 0.2em;
	margin: 0;
}

.contacts fieldset.filter {
	border: none;
	
	margin: 0 0.5em;
	padding: 0.5em 0.5em 1em;
}

.contacts .rounded_corners {
	margin: 2em 0 2em;
}

.contacts legend {
	color: #666666;
	margin: 0;
	padding: 0.9em 0 0.5em;
}

.contacts fieldset label {
	display: block;
	margin-bottom: 0.8em;
}

.contacts h3 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Georgia,"Times New Roman",Times,serif;
	line-height: normal;
	color: #666666;

	border-bottom: 1px solid #A7A9AC;
	padding: 0 0 0.2em 0em;
	margin: 0 0 1em;
}

.contacts .address {
  font-size: 12px;
	margin: 0 0 2em 1em;
  line-height: 20px;
}

.contacts .address .label {
	display: block;
	float: left;
	width: 10em;
	color: #2F5275;
  font-size: 12px;
}

.contacts .address .value {
	display: block;
  margin-left:120px;
  font-size: 12px;
}

.contacts .details {
  font-size: 12px;
}
#inpage #col2 a.email {
    font-size: 12px;
}

.contacts .address .map {
	display: block;
	clear: both;
	background: url("../images/map.gif") no-repeat 0 50%;
	padding: 0.2em 0 0.2em 1.2em;
}
/* End of Contacts */


@media screen and (max-width: 1199px){
	#inpage.inner_page_2_columns #col1 ul li ul {
  		margin: 0 0 0 10px;
  	}
  	.citizens #section #col1 {
		width: 23%;
	}
	.citizens #section #col2 {
		width: 52%;
	}
}

@media screen and (max-width: 1024px) {

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: Verdana,Arial,Helvetica,Sans-serif;
}

html, body { height: 100%; }

#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;
min-width: 750px;
}

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

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

#inner-wrapper{
/*width: 980px;*/
width: 85%;
margin: 0 auto;
position: relative;
top: 15px;
height: auto;
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;
}

#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: bold;
}

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

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

#logo{
width: 147px;
height: 84px;
float: left;
display: block;
margin-top:-20px;
margin-left:0px;
background: url("../images/nap_logo_bg.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;
}

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

#btn_close{
display: none;
}

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

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

#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;
}


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

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

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

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

#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;
line-height: 28px;
padding: 0 23px 0 23px;
text-transform: uppercase;
border: 1px solid #386a9d;
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; - IE 6 i 7 ne razbira border-box-a*/
line-height: 28px;
padding: 0 10px 0 10px;
text-transform: uppercase;
border: 1px solid #d9c4a8;
margin: 0 0 0 5px; /* By Design: 4px */
background: url("../images/citizens-b-bg.png") repeat-x scroll 0 0 transparent;
}

.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;
}*/

.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;
}

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

.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: url("../images/brown_gradient.png") repeat scroll;
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 10px;
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: url("../images/blue_gradient.png") repeat scroll;
background-color: #fff;
border: 5px solid #4375a7;
}

.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 10px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}

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



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

#section-content{
margin: 0;
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;
}

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

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

.citizens #section #col3{
	height: 100%;
	width: 24.8%;
	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 0px;
}

.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: 100%;
	text-decoration: none;
}

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

.citizens .info{
	display: block;
}

.citizens .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
}

.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: 100%;
	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:none;
	/*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: 100%;
	text-decoration: none;
}

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


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

.business #section #col2{
	width: 43.7%;
	padding: 0 0 30px 0;
	float: left;
	display: block;
	height: 100%;
	margin: 0 1.2% 0 0;
}

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

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

.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: 100%;
	text-decoration: none;
}

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

.business .info{
	display: block;
}

.business .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
}

.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: 100%;
	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:none;
	/*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: 100%;
	text-decoration: none;
}

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


.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;
}

#portal h3{
padding: 5px 10px 0px 15px;
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;
}

#incrdecr {
  right:300px;
}


/* inpage */

#inpage{
width: 100%;
margin: 0 0 20px 0;
}

#inpage .in_left{
width: 21%;
/*min-width: 197px;*/
margin-right: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: left;
}

#inpage .in_left ul{
font-size: 100%;
list-style: none;
}

#inpage .in_left ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage .in_left ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage .in_left ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage .in_left ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage .in_left ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage .in_left ul li ul{
margin: 0 0 0 20px;
}

#inpage .in_content{
float: left;
width: 54%;
margin-right: 2%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
min-height:400px; 
}

#inpage .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage .in_content ul, #inpage .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage .in_content ul li, #inpage .in_content ol li{
font-size: 100%;
}

#inpage h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}

#inpage .in_right{
width: 21%;
/*min-width: 197px;*/
float: right;
background-color: #f5f5f5;
min-height:400px; 
}



/* inpage_left */

#inpage_left{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage_left .in_left{
width: 21%;
/*min-width: 197px;*/
margin-right: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: left;
}

#inpage_left .in_left ul{
font-size: 100%;
list-style: none;
}

#inpage_left .in_left ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage_left .in_left ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage_left .in_left ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage_left .in_left ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage_left .in_left ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage_left .in_left ul li ul{
margin: 0 0 0 20px;
}

#inpage_left .in_content{
float: left;
width: 77%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
min-height:400px; 
}

#inpage_left .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage_left .in_content ul, #inpage_left .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage_left .in_content ul li, #inpage_left .in_content ol li{
font-size: 100%;
}

#inpage_left h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}


/* inpage_right */

#inpage_right{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage_right .in_content{
float: right;
width: 77%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
min-height:400px; 
}

#inpage_right .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage_right .in_content ul, #inpage_right .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage_right .in_content ul li, #inpage_right .in_content ol li{
font-size: 100%;
}

#inpage_right h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}


#inpage_right .in_right{
width: 21%;
/*min-width: 197px;*/
margin-left: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: right;
}

#inpage_right .in_right ul{
font-size: 100%;
list-style: none;
}

#inpage_right .in_right ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage_right .in_right ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage_right .in_right ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage_right .in_right ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage_right .in_right ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage_right .in_right ul li ul{
margin: 0 0 0 20px;
}

#inpage.inner_page_2_columns #col3 ul li, #inpage.inner_page_2_columns #col3 ol li {
    margin: 0;
}

#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;
}

}

@media screen and (max-width: 991px){
	#top-menu-left li a {
  		padding: 10px 6px;
	}
	.search-box {
		width: 150px;
	}
	.citizens #inpage.inner_page_2_columns #col1 ul li {
  		background-position: 10px 7px;
  }
  .business #inpage.inner_page_2_columns #col1 ul li {
  		background-position: 10px 7px;
  }
  #inpage.inner_page_2_columns #col1 ul li a {
  		padding: 5px 5px 5px 20px;
	}
	.citizens #inpage.inner_page_2_columns #col1 ul li.current>a {
  		background-position: 5px 8px;
  }
  .business #inpage.inner_page_2_columns #col1 ul li.current>a {
  		background-position: 5px 8px;
  }
  .citizens #section #col1 ul {
  		margin: 10px 0 10px 0px;
  }
  .business #section #col1 ul {
  		margin: 10px 0 10px 0px;
  }
  .citizens #section #inpage #col3, .business #section #inpage #col3 {
    display:none;
  }
  .citizens #section #inpage #col2, .business #section #inpage #col2 {
    width:68%;
  }
  
  #incrdecr {
    right:300px;
  }
}

@media screen and (max-width: 980px){
  #incrdecr {
    display:none;
  }
}

@media screen and (max-width: 767px){
	#inner-wrapper {
		width: 100%;
	}
	.citizens #wrapper {
		min-width: 0;
	}
	#header h1 {
		font-size: 1.5em;
  		margin: 0;
  		margin-top: 10px;
  		text-align: center;
  		width: auto; /*100%*/
  		padding-right: 0;
  	}
  #top-menu-second {
  		margin-top: 30px;
  		text-align: center;
  		position: static;
  		float: none;
	}
	#top-menu-second li {
		float: none;
	}
	.citizens #section #col2 {
		width: 100%;
	}
	.citizens #section #col3 {
		width: 100%;
	}
}

/* Mobile version */
/* Smartphones (portrait and landscape) ----------- */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {*/

@media screen and (max-width: 600px){

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: Verdana,"Arial",Helvetica,Sans-serif;
}

html, body { height: 100%; }

#wrapper{
width: 100%;
margin: 0;
background: #e5e5e5 url('../images/wrapper-bg.png') repeat-x 0 0;
min-width: 300px;
}

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

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

#gerb {
  display:none;
}

.marquee {
  display:none;
}

#inner-wrapper{
width: 93.75%;
margin: 0 auto;
position: relative;
top: 10px;
height: auto;
background-color: #fff;
/*-moz-box-shadow: 0 0 8px 5px #818181;
-webkit-box-shadow: 0 0 8px 5px #818181;
box-shadow: 0 0 8px 5px #818181;*/
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#header{
width: 100%;
background: none;
}

.business #header{
width: 100%;
background: none;
}

.citizens #header{
width: 100%;
background: none;
}

#header h1{
font-size: 1.06em;
font-weight: 600;
text-transform: uppercase;
margin: 0;
margin-left: 90px;
margin-top: 10px;
/*padding-right: 10px;*/
}

#header h2{
padding: 45px 0 0 0;
font-size: 1.011em;
font-weight: normal;
text-transform: uppercase;
padding-right: 10px;
}


#header-content{
overflow: auto;
width: 100%;
padding: 0;
background: url("../images/top-menu-t.png") no-repeat scroll top right;
margin: 0 0 10px 0;
}

.citizens #header-content{
overflow: auto;
width: 100%;
padding: 0;
background: url("../images/top-menu-tc.png") no-repeat scroll top right;
margin: 0 0 10px 0;
}

.business #header-content{
overflow: auto;
width: 100%;
padding: 0;
background: url("../images/top-menu-tb.png") no-repeat scroll top right;
margin: 0 0 10px 0;
}

#logo{
float: left;
width: 90px;
height: 46px;
padding: 0;
/*margin: 45px 10px 10px 19px;*/
display: block;
margin-top:-20px;
/*margin-top:-45px;*/
/*text-indent: -2000px;*/
background: url("../images/logo-m-bg.png") no-repeat scroll 0 0 transparent;
}


#incrdecr{
  display:none;
}

#search{
/*display: none;*/
top:70px;
}

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

#top-menu-button{
width: 100px;
height: 9px;
color: #000;
line-height: 9px;
padding: 10px 5px;
margin: 0 auto;
text-align: center;
display: block;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#top-menu-all{
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}


#top-menu-left{
/*display: none;*/
}

#top-menu-left{
margin-top:50px;
/*
top: -29px;
position: absolute;
left: -10%;
right: -10%;
top: 0;
margin: 0 auto;
background-color: #fff;
width: 264px;
z-index: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #c5c5c5;
background: url(../images/top-menu-tl.png) right -8px no-repeat, url(../images/top-menu-bl.png) left bottom no-repeat; 
background-color: #fff;
-moz-box-shadow: -7px 7px 7px -3px #8c8c8c;
-webkit-box-shadow: -7px 7px 7px -3px #8c8c8c;
box-shadow: -7px 7px 7px -3px #8c8c8c;
*/
}

#top-menu-left li{
/*width: 238px;
margin: 0 auto;
float: none;
display: block;
list-style: none;
border-top: 1px solid #4b7cac;
line-height: 35px;
border-left: 0 none;*/
margin-bottom:8px;
}

#top-menu-left .first-child{
/*border-top: none;*/
/*background: #fff url("../images/top-menu-tl.png") no-repeat scroll top right;*/
}

#top-menu-left li a{
/*
text-align: center;
display: block;
line-height: 35px;
color: #000 !important;
padding: 0;*/
/*text-decoration: none;
padding: 0 10px;
text-transform: uppercase;*/
}

#top-menu-left li a:hover{
text-decoration: underline;
font-weight: normal;
}

#top-menu-second {
  margin-top:60px;
}

#top-menu-right{
display: block;
list-style: none outside none;
/*margin: 10px 10px 0 0;*/
position: absolute;
right: 0;
top: 0;
}

#top-menu-right li{
position: relative;
top: 0;
float: left;
display: inline-block;
border-left: 0 none;
}

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

#btn_close{
display: block;
position: absolute;
top: 0;
right: 0;
font-size: 2em;
line-height: 17px;
background: transparent;
font-weight: 900;
width: 29px;
height: 29px;
z-index: 1;
background: url("../images/btn_close.png") no-repeat scroll 0 0;
}

#top-menu-all{
font-size: 0.8em;
margin: 0;
float: right;
color: #929292;
}

#top-menu-all .selected{
color: #000;
background: none;
font-weight: bold;
}

.citizens #top-menu-all{
font-size: 0.8em;
margin: 0;
float: right;
color: #b19e80;
}

.citizens #top-menu-all .selected{
color: #000;
background: none;
font-weight: bold;
}

.business #top-menu-all{
font-size: 0.8em;
margin: 0;
float: right;
color: #2e5b87;
}

.business #top-menu-all .selected{
color: #000;
background: none;
font-weight: bold;
}


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

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

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

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

/* Navigation */

#nav{
overflow: auto;
width: 100%;
padding-top: 45px; /*0*/
text-align: center;
}

#nav #business{
color: #fff;
font-size: 1.2em;
font-weight: bold;
display: inline-block;
text-decoration: none;
/*height: 30px; - IE 6 i 7 ne razbira border-box-a*/
line-height: 28px;
padding: 0 23px 0 23px;
text-transform: uppercase;
border: 1px solid #386a9d;
margin: 0 0 0 0px;
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; - IE 6 i 7 ne razbira border-box-a*/
line-height: 28px;
padding: 0 10px 0 10px;
text-transform: uppercase;
border: 1px solid #d9c4a8;
margin: 0 0 0 5px; /* By Design: 4px */
background: url("../images/citizens-b-bg.png") repeat-x scroll 0 0 transparent;
}


.submenu{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow: auto;
width: 100%;
max-width: 88.33%;
margin: 0 auto;
display: block;
border: 5px solid #929292;
}

.submenu li{
float: none !important; 
list-style: none;
line-height: 35px;
display: block;
border-bottom: 1px solid #929292;
background: none;
}

.submenu li a{
display: block;
text-align: center;
padding: 0;
font-size: 1.1em;
text-decoration: none;
text-transform: uppercase;
color: black; /*extra*/
}

.submenu li a:hover{
font-weight: bold;
/*background-color: #8db2d5;*/
}

.citizens .submenu{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow: auto;
width: 100%;
max-width: 88.33%;
margin: 0 auto;
display: block;
border: 5px solid #d9c4a8;
}

.citizens .submenu li{
float: none !important; 
list-style: none;
line-height: 35px;
display: block;
border-bottom: 1px solid #d9c4a8;
background: none;
}

.citizens .submenu li a{
display: block;
text-align: center;
padding: 0;
font-size: 1.1em;
text-decoration: none;
text-transform: uppercase;
color: black; /*extra*/
}

.citizens .submenu li a:hover{
font-weight: bold;
/*background-color: #8db2d5;*/
}

.business .submenu{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
width: 100%;
font-size: 1.1em;
max-width: 88.33%;
margin: 0 auto;
display: block;
border: 5px solid #4375a7;
}

.business .submenu li{
float: none !important; 
list-style: none;
line-height: 35px;
display: block;
border-bottom: 1px solid #36699c;
background: none;
}

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

.business .submenu li a:hover{
font-weight: bold;
}

#section{
font-size: 1.1em;
margin: 0;
padding: 10px;
}

#section-content{
margin: 0;
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;
}

#section p{
font-size: 1.1em;
/*margin-bottom: 1em;*/
}

#section ul , #section ol{
font-size: 1.1em;
margin: 10px 0 10px 20px;
}

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


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

	.citizens #section #col2{
	width: 100%;
	padding: 0 0 0 0;
	float: none;
	display: block;
	height: 100%;
	margin: 0 0 0 0;
	}

	.citizens #section #col3{
	height: 100%;
	width: 100%;
	padding: 0 0 10px 0;
	display: block;
	float: none;
	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: 100%;
	text-decoration: none;
	}

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

	.citizens .info{
	display: block;
	}

	.citizens .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
	}

	.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: 100%;
	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:none;
	/*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: 100%;
	text-decoration: none;
	}

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

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

	.business #section #col2{
	width: 100%;
	padding: 0 0 0 0;
	float: none;
	display: block;
	height: 100%;
	margin: 0 0 0 0;
	}

	.business #section #col3{
	height: 100%;
	width: 100%;
	padding: 0 0 0 0;
	display: block;
	float: none;
	margin: 0 0 0 0;
	}

	.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: 100%;
	text-decoration: none;
	}

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

	.business .info{
	display: block;
	}

	.business .more{
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
	background-color: #f5f5f5;
	}

	.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:outside;
	/*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: 100%;
	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:none;
	/*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: 100%;
	text-decoration: none;
	}

	.business #section #col3 ul li a:hover{
	text-decoration: underline;
	}
	
#inpage.inner_page_2_columns #col3 ul li, #inpage.inner_page_2_columns #col3 ol li {
    margin: 0;
}	
	





/* 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;
}

#portal h3{
padding: 5px 10px 0px 15px;
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;
}

  .citizens #section #inpage #col2, .business #section #inpage #col2 {
    width:100%;
  }
  
  #footer address, #footer address strong {
    color:white;
  }


/* inpage */

#inpage{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage .in_left{
width: 100%;
/*min-width: 197px;*/
margin-right: 2%;
background-color: #e7e7e7;
float: none;
}

#inpage .in_left ul{
font-size: 100%;
list-style: none;
}

#inpage .in_left ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage .in_left ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage .in_left ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage .in_left ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage .in_left ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage .in_left ul li ul{
margin: 0 0 0 20px;
}

#inpage .in_content{
float: none;
width: 100%;
margin-right: 2%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
}

#inpage .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage .in_content ul, #inpage .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage .in_content ul li, #inpage .in_content ol li{
font-size: 100%;
}

#inpage h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}

#inpage .in_right{
width: 100%;
float: none;
background-color: #f5f5f5;
min-height:400px; 
}



/* inpage_left */

#inpage_left{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage_left .in_left{
width: 100%;
margin-right: 2%;
background-color: #e7e7e7;
float: none;
}

#inpage_left .in_left ul{
font-size: 100%;
list-style: none;
}

#inpage_left .in_left ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage_left .in_left ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage_left .in_left ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage_left .in_left ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage_left .in_left ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage_left .in_left ul li ul{
margin: 0 0 0 20px;
}

#inpage_left .in_content{
float: none;
width: 100%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
}

#inpage_left .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage_left .in_content ul, #inpage_left .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage_left .in_content ul li, #inpage_left .in_content ol li{
font-size: 100%;
}

#inpage_left h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}


/* inpage_right */

#inpage_right{
width: 100%;
margin: 0 0 20px 0; /* Za testa */
}

#inpage_right .in_content{
float: none;
width: 100%;
background: #fefefe url("../images/section-bg.png") repeat-x scroll 0 35px;
}

#inpage_right .in_content p{
margin: 0 12px 10px;
font-size: 1.3em;
}

#inpage_right .in_content ul, #inpage_right .in_content ol{
font-size: 1.3em;
margin: 0 0 10px 40px;
}

#inpage_right .in_content ul li, #inpage_right .in_content ol li{
font-size: 100%;
}

#inpage_right h3{
border-bottom: 1px dashed #989898;
font-size: 1.4em;
color: #5887b6;
line-height: 30px;
margin-bottom: 10px; 
padding: 5px 10px 0 15px;
background: #e7e7e7 url("../images/in_content-h3.png") repeat-y scroll top right;
}


#inpage_right .in_right{
width: 100%;
/*min-width: 197px;*/
margin-left: 2%;
background-color: #e7e7e7;
min-height:400px; 
float: none;
}

#inpage_right .in_right ul{
font-size: 100%;
list-style: none;
}

#inpage_right .in_right ul li{
border-top: 1px dashed #b5b5b5;
font-size: 100%;
background: url("../images/in_left-pointer.png") no-repeat scroll 20px 10px;
}

#inpage_right .in_right ul li:first-child{
border-top: 0 none;
font-size: 100%;
}

#inpage_right .in_right ul li a{
text-decoration: none;
padding: 10px 5px 10px 36px;
font-size: 100%;
text-transform: uppercase;
display: block;
}

#inpage_right .in_right ul li.selected{
background: url("../images/in_menu-selected.png") repeat-y scroll 0 0 transparent;
}

#inpage_right .in_right ul li.selected>a{
background: url("../images/in_left-pointer-selected.png") no-repeat scroll 18px 14px;
}

#inpage_right .in_right ul li ul{
margin: 0 0 0 20px;
}



#footer{
clear: both;
display: block;
top: 15px;
position: relative;
padding: 10px 0 13px 0;
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 0.8em;
background-color: #838487;
}

#footer p{
margin: 0 20px;
}

#footer a{
color: #fff;
text-decoration: none;
}

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

@media screen and (max-width: 480px){
  .marquee {
    display:none;
  }
  #header h1 {
    width: auto;
  }
  #top-menu-left {
    display:block;
    margin-top: 60px;
    text-align: center;
  }
  #top-menu-second {
    margin-top: 100px;
  }
  #footer .footer_links li.first {
		margin-bottom: 10px;
	}
	#footer .footer_links li {
  		display: block;
  		margin-bottom: 10px;
  }
  .citizens #section #inpage #col3, .business #inpage #section #col3 {
    display:none;
  }
  .citizens #section #col2 {
   height:auto;
   min-height:100%;
  }

  #search {
    top:140px;
  }
  .search-box {
    width:100px;
  }

  #nav{
    padding-top:110px;
  }

  .citizens #section #inpage #col2, .business #section #inpage #col2 {
    width:100%;
  }
  
  #footer address, #footer address strong {
    color:white;
  }

}