@import url(menu.css);

body{
margin:4px 0 20px;
padding:0;
background:url(../img/body-bg-new.png) White repeat-x;
color:#3A3A3B;
font:70%/1.2 tahoma,sans-serif;
}
body.home{
background:url(../img/body-bg-home-new.png) White repeat-x;
}
/* =Structure
----------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:900px;
	position:relative;/*background:url(../img/temp/frame1-new.png) no-repeat -61px -5px;*/
}
#content{
	float:right;
	width:629px;
	margin-right:28px;
	padding-top:26px;
	padding-bottom:20px;
	line-height: 16px;
}

#content ul.proj_nav{
display: block;
	list-style: none;
}

#content ul.proj_nav li{
	float: left;
	background: none;
}

#content ul.proj_nav li strong{
	color:#2A6CC2;
}

#content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ul li{
	background:url(../images/site_img/point.gif) no-repeat 0 6px;
	padding: 0 0 3px 13px;
}


#content p{
	line-height: 16px;
}
#logo{
margin:0 0 -4px;
padding-top:35px;
background: url(../img/header-oblaci-new.jpg) no-repeat right top;
}

#logo img{
  display: block;
  margin-bottom: 4px;
}
#wrapper:after,
#nav:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}
#w3c{
width:50%;
background:url(../img/body-bg2-new.png) repeat-x;
height:366px;
position:absolute;
left:0;
top:0;
}
.home #w3c{
background:url(../img/body-bg2-home-new.png) repeat-x;
}
/* =Footer
----------------------------------------------- */
#footer{margin-top:38px;background:#FCFCFC;}
.home #footer{margin-top:23px;}
#footer p{
margin:0 auto;
width:900px;
padding-top:13px;
background:#F6F6F6;
text-indent:25px;
position:relative;
height:28px;
}
#footer img{position:absolute;right:0;top:0;}
#footer a{
padding-right:8px;
margin-right:5px;
color:#2C2C32;
background:url(../img/link-seperator.png) no-repeat right top;
}
#footer a.mag,
#footer a.last{padding:0;background:none;}
#copyright{
width:900px;
margin:8px auto;
font-weight:bold;
text-indent:23px;
}
/* =Navigation
----------------------------------------------- */
#logo{
   position: relative;
}

.inner #logo{
   margin-bottom: -5px;
}


.home #logo{
   margin-bottom: -3px;
}

#nav{
margin: 0px 0 0 0;
padding:0px 0 0 0px;
list-style:none;
background:url(../img/nav-bg.jpg) no-repeat;
text-align:right;
/*display: block;*/
}
#nav li{float:left;position:relative;}
#nav li a{
display:block;
background-color:White;
height:34px;
text-decoration: none;
}
#nav li span{
width:100%;
background-repeat:no-repeat;
position:absolute;
height:100%;
left:0;
top:0;
cursor:pointer;
}
.home #home span,
.about #about span,
.work #work span,
.contact #contact span{background-position:0 -35px;}
/* =Navbar
----------------------------------------------- */
#navbar{
margin:-1px 0 0;
padding-top:12px;
padding-left:25px;
background:#F6F6F6;
height:29px;
}
#navbar a{color:#2C2C32;}
a.start{
padding-top:10px;
padding-bottom:10px;
padding-left:28px;
background:url(../img/icon-home-small.png) no-repeat 0 7px;
line-height:20px;
}
/* =Home
----------------------------------------------- */
#intro{
padding:1px 0 0 26px;
margin:-1px 0 16px;
background:url(../img/intro-new.jpg) no-repeat;
color:#333;
height:121px;


}
#intro p{width:450px; font-size: 11px; line-height: 15px;}
.more{
width:90px;
margin:20px 0 0 2px;
padding:1px 0 0 16px;
display:block;
background:url(../img/more-gray.png) no-repeat;
color:White;
font:10px "Trebuchet MS";
text-transform:uppercase;
text-decoration:none;
height:16px;
}

#intro address{
width:168px;
float:right;
margin:13px 21px 0 0;
padding:11px;
background:url(../img/address-bg-new.png) no-repeat;
font-style:normal;
font-size:10px;
height:72px;
}
#intro address em{
padding-top:3px;
padding-left:29px;
padding-bottom:4px;
margin-bottom:-8px;
margin-top:-3px;
margin-left:-3px;
display:block;
color:#668CBF;
background:url(../img/addrss-icon.png) no-repeat;
font-style:normal;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}
#intro address strong{margin-bottom:-9px;display:block;}
/* =sub nav
----------------------------------------------- */
#sub{
	margin:21px 0 0 25px;
	padding:0;
	width:181px;
	float:left;
	list-style:none;
	overflow:hidden;
	position:relative;
}
#sub ul{
	margin:0;
	padding:15px 0 7px;
	list-style:none;
}
#sub li{
	border:solid #DEDEDE;
	border-width:1px 1px 0;
}
#sub li.first{
border-width:0 1px 0 0;
background:url(../img/sub-top.png) no-repeat;
}
#sub li.last{
border-right:none;
background:url(../img/sub-bottom.png) no-repeat right bottom;
}
#sub li.active{
border-right:none;
background-color:#DEDEDE;
}
#sub li.active span{
padding-left:10px;
display:block;
background:url(../img/arrow-sub.png) no-repeat 0 3px;
position:relative;
left:-10px;
}
#sub li.active a:hover span,
#sub li.last a:hover span{
	padding-left:10px;
	margin-right:-5px;
	display:block;
	background:url(../img/arrow-sub.png) no-repeat 0 3px;
	position:relative;
	left:-10px;
}
#sub li.first.active{background-image:none;}

#sub li.active ul li.select a {
	color:#2A6CC2;
	text-decoration: underline;
}

#sub li.sel a{
	
	background-color: #F2F2F2;
	color: #2A6CC2;
	text-decoration:underline;
}


#sub a{
	padding:12px 5px 11px 25px;
	display:block;
	color:#2C2C32;
	background:url(../img/arrow-sub.png) no-repeat 15px 15px;
	font-weight:bold;
	text-decoration:none;
}
#sub ul a{
	padding:0;
	display:inline;
	background:none !important;
	font-weight:normal;
}
#sub a:hover{
	color:#2A6CC2;
	background-color:#F2F2F2;
	text-decoration:underline;
}
#sub li.first a:hover{
	background:url(../img/sub-top-hover.png) no-repeat;
}
#sub li.active a:hover,
#sub li.last a:hover{
	background:url(../img/sub-bottom-hover.png) no-repeat right bottom;
}
#sub li.first{
border-width:1px 1px 0;
background-image:none;
}
#sub .first a:hover{background-position:-1px -1px !important;}

.left {
	float: left;
	width: 220px;
}

.sub_menu {
	margin: 20px 0 0 25px;
	width: 180px;
}

#sub ul li{
	border:0;
	margin-bottom:8px;
	padding:0 10px 0 35px;
	background:url(../img/icon-arrow-sub.png) no-repeat 15px 2px;
}
#sub li.active a{
	border-right: none;
	background: url(../img/sub-bottom-hover.png) no-repeat right bottom !important;
	text-decoration: underline;
	color: #2a6cc2;
}

#sub li.active ul a{
   background: none !important;
}

#sub li.first.active a{
	background:url(../img/sub-top-hover.png) no-repeat;
	background-position:-1px -1px !important;
	border-right: 1px solid #DEDEDE;
}
#sub li.active ul li a{
	text-decoration: none;
	color: #2c2c32;
}
#sub li.active ul li a:hover{
	text-decoration: underline;
	color: #2a6cc2;
}
#sub li img{position:absolute;left:-1px;top:-1px;}
#sub li img.sol{visibility:hidden;}
#sub li a:hover img.sol{
visibility:visible;
left:auto;
right:0px;
top:auto;
bottom:0px;
}
#sub li.first a{position:relative; }
#sub li.last{
background-image:url(../img/sub-bottom2.png);
background-position:right bottom;
background-repeat:no-repeat;
}

#sub li.last a{
   padding-right: 20px !important
}
/* =Excerpt
----------------------------------------------- */
.excerpt{
width:271px;
float:left;
margin-right:19px;
position:relative;
left:25px;
}
.excerpt .box2{
	padding-left:142px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:22px;
	min-height:135px;
}

/*za sv. toma*/
.excerpt .box02{
	padding-left:142px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:22px;
	min-height:135px;
}
/* do tuk za sv toma*/

.excerpt p{margin-bottom:0;}
.excerpt .photo{
	margin:0;
	position:absolute;
	left:21px;
	top:20px;
}
.excerpt .more{
	margin:0;
	background:url(../img/but.png) no-repeat;
	position:absolute;
	left:21px;
	top:143px;
}
.excerpt .link{
	margin:0;
	position:absolute;
	left:21px;
	top:105px;
	width: 200px;
}


/* by Svetoslav Dragoev */
.excerpt .fixed_bot .link1{
	margin:0;
	position:absolute;
	left:21px;
	bottom:105px;
	width: 200px;
}

/* =Headings
----------------------------------------------- */
h1,h2,h3{
font-family:arial,sana-serif;
line-height:1.2;
}
h1{
margin-top:0;
margin-bottom:25px;
color:#2A6CC2;
font-size:1.6em;
}
#intro h1{
margin:12px 0 12px;
color:#3A3A3B;
font-size:1.45em;
line-height:1em;
}
h2{
margin-top:1.5em;
margin-bottom:12px;
color:#2A6CC2;
font-size:1.6em;
}
h2.likeh1{margin-top:.1em;}
.home h2{
margin-left:25px;
margin-bottom:1.3em;
margin-top:1em;
color:#3A3A3B;
font-size:1.35em;
}
.excerpt h3{margin:0;color:#3A3A3B;font-size:11px;}
/* =Feedback
----------------------------------------------- */
#feedback{
margin-top:33px;
margin-bottom:-27px;
width:580px;
padding:0;
background:url(../img/box-left.png) no-repeat;
}
fieldset{
margin:0;
padding:0;
border:none;
padding:11px 0 0;
background:url(../img/box-right.png) no-repeat right bottom;
}
#feedback label{
float:left;
width:8em;
margin-right:14px;
margin-top:1px;
font-weight:bold;
text-align:right;
}
#feedback input,
#feedback textarea{
width:290px;
border:solid 1px;
border-color:#999999 #DEDEDE #DEDEDE #999999;
}

#feedback select {
	max-width: 475px;
}

p.error input{
border:1px solid Red !important;
background:#FFF3F0;
}
p.error{color:Red;}
#send button{
width:auto;
border:none;
margin:-12px 0 0;
width:107px;
padding:0;
padding-bottom:2px;
margin-bottom:16px;
display:block;
background:url(../img/submit.png) transparent no-repeat;
color:White;
font-family:tahoma;
font-size:1em;
height:18px;
cursor:pointer;
}
#send{
padding-left:9.15em;
margin-bottom:27px !important;
}
#feedback textarea{height:90px;}
#feedback p{margin-bottom:24px;}
/* =Project
----------------------------------------------- */
.project{margin:0;padding:0;}
.project dt{font-weight:bold;}
.project dd{
	margin: 3px 0 13px 0;
	padding:0;
}
/* =data table
----------------------------------------------- */
.data{
margin-top:15px;
float:left;
color:#515151;
border-collapse:separate;
border-spacing:1px;
}
.data td{background:#F6F6F6;}
.data .head th{
padding-right:30px;
padding-top:8px;
padding-bottom:8px;
background:#DEDEDE;
font-weight:bold;
}
.data th{
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background:#E9F0F9;
font-weight:normal;
text-align:left;
}
.data td{padding-left:10px;}
/* =Pie chart
----------------------------------------------- */
.pie{
margin:0;
float:left;
margin:41px 0 0 37px;
}
.piedesc{margin:35px 0 36px 0;}
.piedesc:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}
.piedesc dt{
float:left;
width:18px;
margin-left:14px;
margin-top:9px;
}
.piedesc dd{
float:left;
width:90px;
padding-left:8px;
margin:9px -5px 0 0;
height:18px;
}
.piedesc img{display:block;}
/* =intros
----------------------------------------------- */
.intros{
	overflow: hidden;
	margin-bottom:10px;
	padding-top: 20px;
	min-height:100px;
}

.intros p {
	margin:0.7em 0 0 0;
}

.intros .photo{
float: left;
margin: 0px 20px 0 0;
}
.intros .photo a{
display:block;
padding:9px;
border:1px solid #DEDEDE;
}
.intros .photo img{display:block;}
.intros .photo a:hover{background:#F6F6F6;}
.intros h2{ margin-top:0; }

.info {
	float: left;
	width: 500px;
}

/* =Misc
----------------------------------------------- */
#logo img{display:block;}
p{margin-top:1em;margin-bottom:1em;}
a img{border:0;}
#lang{
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	/*background: #111;*/
	/*padding-left: 32px;*/
}
#lang li{
float:left;
padding-bottom:4px;
padding-right:6px;
margin-right:5px;
list-style:none;
color:#366ECB;
background:url(../img/lang-seperator.png) no-repeat 100% 3px;
font-weight:bold;
position:relative;
right:22px;
}
#lang li.last{background:none;}
#lang a{color:white;text-decoration:none;}


/* specialno za sveti toma*/
.box0{
	background:url(../img/box-left_1.gif) no-repeat left top;
}
.box02{
	background:url(../img/box-right_1.gif) no-repeat right bottom;
}
/*do tuk za sveti toma*/


.box1{
	background:url(../img/box-left.png) no-repeat left top;
}
.box2{
	background:url(../img/box-right.png) no-repeat right bottom;
}
a.outlink{
padding-right:15px;
background:url(../img/icon-outlink.png) no-repeat right top;
}
.pdf{position:relative;bottom:5px; margin-left: 126px !important}
.pdf img{
margin-right:10px;
position:relative;
top:2px;
}
a{color:#2A6CC2;}


.sitemap{
	list-style:none;
	margin: 0;
}
.sitemap a{
	text-decoration: none;
}
.sitemap a:hover{
	text-decoration: underline;
}
.sitemap ul{
	list-style:none;
	padding: 0;
	margin: 5px 0 5px 20px;
}
#content ul.sitemap li{
	margin: 0 0 5px 0; 
	padding: 3px 0 0 10px; 
	background: none;
}

.sitemap li a{
	margin-bottom: 5px;
	font-weight: bold;
}
.sitemap ul li a{
	font-weight: normal;
}
.sitemap ul ul li a{
	color: #3a3a3b;
}

.title_link{
	font-size: 12px;
	font-weight: bold;
}


a.back { 
	display: block;
	float: left;
	height:20px;
	width: 96px;
	background: url(../img/preview-previous.png) no-repeat; 
}

a.forward { 
	display: block;
	height:20px;
	width:96px;
	float: left;
	margin-left: 20px; 
	background: url(../img/preview-next.png) no-repeat;
}

.clear {
	clear:both;
}