/* -------------------- tag styles --------------------*/
body,td,div,input,span {font-family: verdana; font-size: 11px; color: #fff;}
html,body{margin:0; padding:0; height:100%; border:none;}
body {background: #3C3B3B; height: 100%;}
table {border-spacing: 0px; border-collapse: collapse; width: 100%; height: 100%;}
td {vertical-align: top; padding:0; margin: 0;}
img {border: 0px;}

h1, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: #fff;}
h1 {font-size: 24px; font-weight: normal;}
h2 {font-size: 18px; margin:0; font-weight:normal;}
h3 {font-size: 20px; font-weight: normal;}
h4 {font-size: 18px; color: #FF7B00; font-weight: normal;}
h5 {font-size: 16px;}
h6 {font-size: 14px; color: #fff;}

a {color: #FF7B00; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs30 {font-size: 30px;}

.fc1 {color: #fff;}
.fc2 {color: #FF7B00;} /* orange */
.fc3 {color: #CDCDCD;} /* silver */
.fc4 {color: #EE3600;} /* red */
.fc5 {color: #6B6B6B;} /* gray */
.fc6 {color: #8A8A8A;} /* gray */
.fc7 {color: #7F7F7F;} /* gray */
.fc8 {color: #C6C6C6;} /* silver */
.fc9 {color: #A19E9E;} /* gray */
.fc10 {color: #EDEAE7;} /* gray */
.fc11 {color: #B3ADAD;} /* gray */

.lh10  {line-height: 10px;}
.lh18  {line-height: 18px;}

.dn{display:none;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

.t0 {top: 0;}
.l0 {left: 0;}
.hand {cursor: pointer; cursor: hand;}
span b{font-size:13px;}
/* -------------------------------------------------------------------------------------------*/

/* -------------------- MAIN structure start --------------------*/
div#width {width: 1000px; top: 0; left: 0; background: black;}
td#head {max-height: 148px; height: 148px;}
 
tr#intro td#left {width: 66px;}
tr#intro td#mid {width: 100%;}
tr#intro td#right {width: 391px;}

tr#projects td#left, tr#projects td#mid, tr#projects td#right {padding-top: 26px;}
tr#projects td#left {width: 277px;}
tr#projects td#mid {width: 100%;}
tr#projects td#right {width: 391px;}

tr#projects2 td#left, tr#projects2 td#mid, tr#projects2 td#right {padding-top: 7px;}
tr#projects2 td#left {width: 66px;}
tr#projects2 td#mid {width: 100%;}
tr#projects2 td#right {width: 391px;}

tr#blog td#left, tr#blog td#mid {padding-top: 26px;}
tr#blog td#left {width: 277px;}
tr#blog td#mid {width: 100%;}

tr#article td#left, tr#article td#mid {padding-top: 26px;}
tr#article td#left {width: 277px;}
tr#article td#mid {width: 100%;}

tr#agency td#left, tr#agency td#mid {padding-top: 26px;}
tr#agency td#left {width: 277px;}
tr#agency td#mid {width: 100%;}

td#contacts {background: #535150 url(../images/bck_foot.gif) repeat-x; height: 118px; max-height: 118px;}
/* -------------------- MAIN structure end --------------------*/


/* -------------------- HEAD start --------------------*/

td#head, div.head {height: 148px;}
td#head {background: #fff url(../images/bck_top.gif) repeat-x;}

div.head {background: url(../images/bck_head.jpg) no-repeat; width: 684px;}	
img.logo {top: 32px; left: 28px;}
div.lang, div.search {width: 121px; height: 26px; top: 0px; background: silver;}
div.lang {left: 305px; background: url(../images/bck_lang.gif);}
div.search {left: 444px; background: url(../images/bck_search.gif);}
		
	img.flag {left: 95px; top: 3px;}
	div.lang div {
		width: 80px;		
		top: 7px;
		left: 6px;
	}
	
	div.search input {border: 0; position: absolute; color: #fff;}	
	
	input#search-input {
		width: 85px; 
		height: 14px;
		top: 6px;
		left: 6px;		
		background: transparent;
	}
		
	input#search-submit {
		width: 26px; height: 23px; 
		background: url(../images/bck_search_submit.gif);
		cursor: pointer;
		cursor: hand;
		left: 95px;
		top: 3px;
	}

td#head-pic div {
	font-family: Verdana;
	top: 258px;
	left: 65px;
}

td#head-pic div a {font-weight: bold;}
	
td#head-pic, td#reference-pic {
	background-position : right top;
	background-repeat : no-repeat;
	height: 300px;
}

	td#reference-pic span {display: block; margin: 258px 0 0 34px;}
	td#reference-pic a {margin-left: 5px;}

img.m-link1, img.m-link2, img.m-link3, img.m-link4, img.m-link5 {top: 116px;}
img.m-link1 {left: 21px;}
img.m-link2 {left: 168px;}
img.m-link3 {left: 247px;}
img.m-link4 {left: 393px;}
img.m-link5 {left: 553px;}

img.bck-link1, img.bck-link2, img.bck-link3, img.bck-link4, img.bck-link5 {top: 100px;}
img.bck-link1 {left: 1px;}
img.bck-link2 {left: 148px;}
img.bck-link3 {left: 227px;}
img.bck-link4 {left: 373px;}
img.bck-link5 {left: 533px;}

div#contact_link {
	position: fixed; 
	top: 0; 
	right: 0;
}
/* --------------------- HEAD end ---------------------*/


/* -------------------- MAIN start --------------------*/

/******** LEFT ********/
tr#projects2 td#left div {width: 66px;}
div.button-first, div.button-mid {height: 70px; width: 277px;}
div.button-first {background: url(../images/bck_button_first.gif) no-repeat top left;}
div.button-mid {background: url(../images/bck_button_mid.gif) no-repeat top left;}
div.button-last {background: url(../images/bck_button_last.gif) no-repeat top left; height: 78px;}

	div.div_link {
		height: 37px;
		padding-top:8px;
		top: 17px;
	}
	
	a.p-link {
		display: block;
		height: 37px;
		width: 265px;
		top: 17px;
		padding: 10px 0 0 66px;
		color: #FF7C00;
	}
	
	a.p-link:hover {
		text-decoration: none;	
	}
	
	span.sub-txt {
		display: block;		
		width: 190px;
		left: 66px;
		top: 18px;
	}
	
div.blog_pic {
	background: url(../images/bck_b-left_pic.gif);
	height: 221px;
	width: 277px;
}
	
	div.blog_pic img {top: 0; left: 54px;}
	
div.blog_info {
	text-align: right;
	padding-right: 50px;
}

div.blog-b {
	text-align: right;
	width:277px;
}
div.blog-b a:hover {text-decoration: none; color: #fff;}

	div.b-first a {top: 16px; right:52px;}
	div.b-mid a {top: 14px;  right:52px;}
	div.b-last a {top: 15px;  right:52px;}
	
	div.b-first {background: url(../images/bck_blog-b_first.gif) no-repeat; height: 51px;}
	div.b-mid {background: url(../images/bck_blog-b_mid.gif) no-repeat; height: 49px;}
	div.b-last {background: url(../images/bck_blog-b_last.gif) no-repeat; height: 57px;}

/****** LEFT end ******/

/******** CENTER ********/

div.news-h {
	min-height: 102px;
	height: auto !important;
	height: 102px;
	background: url(../images/bck_news.gif) no-repeat left top;
	padding-left: 180px;
	margin-left:11px;
	margin-right:31px;
}

div.news-h2 {
	min-height: 102px;
	height: auto !important;
	height: 102px;
	background: url(../images/bck_news2.gif) no-repeat left top;
	padding-left: 75px;
	margin-left:11px;
	margin-right:31px;
}

	div.news-h span {
		padding: 8px 0 6px 0;
	}
	
	img.year {top: 4px; left: 5px;}
	div.day, div.month {width: 48px; font-family: arial; text-align: center;}
	div.day {top: 22px; left: 5px;}
	div.month {top: 55px; left: 5px;}
	img.news-img {top: 20px; left: 59px;}
	

div.projects-txt_h {
	min-height: 160px;
	height: auto !important;
	height: 160px;
	margin-bottom: 20px;
	padding-right: 391px;
	line-height: 1.5;
}	

	div.projects-txt_p {padding: 11px 40px 0 42px;}
	div.projects-txt_p div {
		margin-top: 10px;	
		min-height: 65px;
		height: auto !important;
		height: 65px;
	}

	div.projects-txt_p .pr {top: 5px;}
	
	span.p-published {margin-right: 15px;}
	span.p-web  {margin-right: 37px;}
	
	div.projects-pic_h {
		top: 0;
		right: 0;
		width: 391px;
		height: 160px;
		background: url(../images/bck_projects_pic.gif) no-repeat;	
	}
	
		div.projects-pic_h img {margin-top: 10px;}
		img.project-pic1 {margin-left: 10px;}
		img.project-pic2 {margin-left: 13px;}

div.slogan, div.slogan-pic {
	background: url(../images/navednice_left_pic.gif) no-repeat;	
	margin: 15px 0;
	min-height: 88px;
	height: auto !important;
	height: 88px;
}

div.slogan {background: url(../images/navednice_left.gif) no-repeat;}

	div.slogan div, div.slogan-pic div {background: url(../images/navednice_right.gif) no-repeat bottom right; text-align: center;}	
	div.slogan-pic div {padding: 20px 40px 20px 136px;}	
	div.slogan div {padding: 20px 40px 20px 40px;}
	div.slogan-pic img {top: 10px; left: 0;}

td#project-title_h {height: 60px;}
td#project-title_h h1 {margin-top: 31px;}


div.employe-h {
	padding-left: 40px;
	padding-right: 391px;
	padding-top: 10px;	
}

	div.employe_pic-h {
		right: 0; top: 0;
		width: 391px;
		background: url(../images/bck_employe-pic.gif);
	}
	
	img.employe-pic_r {margin-left: 10px;}


div#blog-main_h {
	padding:0 230px 0 34px;
	line-height: 1.5;
}


div#blog-right_h {
	width: 231px;
	/*
	margin-right: -230px !important;
	margin-right: -115px;	
	*/
	margin-right: -230px;
	background: url(../images/bck_blog_right.gif) repeat-y;
}

	div.r-blog_title {
		background: url(../images/bck_r-blog_title.gif);
		height: 56px;
	}
	
	div.r-blog_title img {margin: 28px 0 0 30px;}
	div#blog-right_h a, div#blog-right_h span {line-height: 19px;}	
	div#blog-right_h div.links-h {padding-left: 31px;}
	
div.blog-mid {background: url(../images/bck_blog-title_mid.gif) repeat-y;}

div.blog-title_h {
	padding: 0 20px 0 73px;
	height: 109px;
	background: url(../images/bck_blog_title.gif) repeat-x;
}
	
	div.blog-title_h .year {top: 15px; left: 15px;}
	div.blog-title_h .day, div.blog-title_h .month {
		left: 17px;
		width: 48px; font-family: arial; text-align: center;
	}		
	div.blog-title_h .day {top: 27px;}
	div.blog-title_h .month {top: 62px;}
	
	div.blog-text_h {padding: 0 15px;}
	img.date-h, img.right-end {top: 0;}
	img.date-h {left: 0;}
	img.right-end {right: -1px;}
	
	div.blog-title_h div {padding-top: 30px; line-height: 16px;}
	div.blog-title_h h4 {margin-bottom: 10px;}

	
div#articles-main_h {
	padding-right: 230px;
	padding-left: 34px;
}

form#contact_form input, form#contact_form textarea {color: #FF7B00; background-color: #3C3B3B; border: 1px solid gray;}
form#contact_form select, form#contact_form select option, form#contact_form input.form_checkbox  {border: none;}
form#contact_form input#but_subm {
	width: 220px; height: 45px; 
	border: none; 
	background: url(../images/button_submit.gif) no-repeat top left; 
	margin-top: 20px;
	cursor: pointer; cursor: hand;
}
form#contact_form table {height: 600px;}
form#contact_form .fail {background: #FFAFAF;}

div#articles-right_h {
	width: 231px;	
	margin-right: -230px;	
	/*margin-right: -230px !important;
	margin-right: -115px;*/
}

div.img-border {height: 250px; width: 97%; padding: 4px; border: 1px solid #535150;}
div.img-holder {height: 250px; width: 100%;}

/****** CENTER end ******/


/* ****** * NOVO  * ****** */

div.button-first2, div.button-mid {height: 70px; width: 306px;}
div.button-first2 {background: url(../images/bck_button_first2.gif) no-repeat top left;}
div.povprasevanje {background: url(../images/povprasevanje_left_back.gif) no-repeat top left; width: 288px; height: 198px; margin: 20px 0;}
div .povprasevanje_link{ top:122px; left:93px;}
td#mid.izdelava  h1,td#mid.izdelava h2{background: #3c3b3b url(../images/header_dott_back.gif) repeat-x left bottom; padding-bottom: 15px; text-align:center; color:#FF7C00;}




.articles-main_h2{margin: 0 70px 0 45px;}
.stik{
	background: transparent url(../images/stik.gif) repeat-x left bottom;
	width: 687px;
	height: 133px;
}
.stik-fransiza{
	background: transparent url(../images/stik-fransiza.gif) repeat-x left top;
	width: 687px;
	height: 310px;
}
.poslji_si{
	background: transparent url(../images/poslji_si.gif) repeat-x left bottom;
	width: 207px;
	height: 34px;
	border:0;
	top:86px;
	left:419px;
}
.poslji-fransiza_si{
	background: transparent url(../images/poslji-fransiza_si.gif) repeat-x left bottom;
	width: 207px;
	height: 34px;
	border:0;
	top:250px;
	left:450px;
	cursor:pointer;
}
.st-naslov{
	top:8px;
	left:262px;
}
.st-ime{
	top:53px;
	left:45px;
}
.st-podjetje{
	top:93px;
	left:45px;
}
.st-eposta{
	top:53px;
	left:367px;
}
.input input {
	border:1px solid #808080;
	background:#535150;
}
.w260 {width:250px; }
.w300 {width:300px; }

.pt10 {padding-top:10px;}
.mt10 {margin-top:10px;}
.mt40 {margin-top:40px;}
.mt-46 {margin-top:-46px;}
input.fail {background:red;}
.lh16 {line-height:16px;}













/* ****** * NOVO KONEC  * ****** */






/******** RIGHT ********/

div.ref-h {
	min-height: 153px;
	height: auto !important;
	height: 153px;
	background: url(../images/bck_ref-nopic.gif) no-repeat left top;
	padding-left: 215px;
}
	
	div.ref-h a.pr {top: 5px;}
	
	img.ref-pic {
		top: 6px;
		left: 13px;
	}
	
	div.ref-txt {		
		top: 65px;
		left: 215px;
		width: 170px;
	}
	
		div.ref-txt span {display: block; margin-bottom: 3px;}
		div.ref-txt span.b {margin-bottom: 6px;}
		div.ref-txt a {position: static;}

tr#projects2 td#right div {width: 335px;}
	tr#projects2 td#right span, tr#projects2 td#right b, tr#projects2 td#right a {margin-left: 15px; display: block; letter-spacing: 0.025em;}
	tr#projects2 td#right b, tr#projects2 td#right a {font-size: 13px;}
	tr#projects2 td#right br {line-height: 10px;}
	tr#projects2 td#right span {	
		color: #8A8A8A;
		margin-bottom: 2px;
		font-size: 12px;	
	}
	
	tr#projects2 td#right img {
		top: -10px;
		right: 0 !important;
		right: -2px;
	}
	
tr#agency td#right div {
	width: 391px; 
	height: 219px;
	background: url(../images/bck_employe-pic.gif) no-repeat;
}
/****** RIGHT end ******/



/* --------------------- MAIN end ---------------------*/




/* --------------------- COMMENTS ---------------------*/


.comments_number {
	margin-top: 40px;
	margin-bottom: 10px;
	color: #535150;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}

.comments_list{
	clear: both;
	position: relative;
	margin-bottom: 21px;
}


.comments_actual {
	position: relative;
	background-color: #3d3d3d;
	border: 1px solid #282828;
	color: #6c6868;
	padding: 5px;
}

.comments_index {
	position: absolute;
	right: 100%;
	font-size: 60px;
	color: #535150;
	font-family: Georgia, Serif;
	letter-spacing: -2px;
	z-index: 2;
}

.comments_text {
	border: none;
	padding: 10px 15px 10px 15px;
	background-color: #535150;
	position: relative;
	overflow: hidden;
}

.comments_extra {
	clear: booth;
	float: left;
	margin-top: 4px;
	background: #2F2C2C;
	width: 100%;
}

.comments_arrow {
	clear: right;
	position: relative;
	color: #fff;
	background: #4a4949 url('../images/arrow.gif') no-repeat top left;
	background-color: #535150;
	float: right;
	width: 16px;
	height: 23px;
	margin-top: -4px;
	margin-right: 15px;
}

.comments_author {
	clear: booth;
	position: relative;
	color: #fff;
	float: right;
	padding: 3px 0px 3px 9px;
	margin-right: 10px;
	
}

.tail {
	clear: booth;
	float: left;
	position: relative;
	bottom: 6px;
	margin-left: 4px;
	width: 17px;
	height: 17px;
}

.comments_date {
	position: relative;
	float: left;
	font-style: italic;
	padding: 4px 4px 4px 6px;
	font-size: 12px;
	color: #979696;
}


/* --------------------- COMMENTS end ---------------------*/


/* -------------------- FOOT start --------------------*/

	div#editor-hq {
		top: 11px; left: 57px;
		width: 175px;
		background: url(../images/editor_hq.gif) no-repeat;
		height: 107px;
	}
	
	div#editor-hq span {margin: 24px 0 0 63px; display: block;}
	
	div.editor-info {top: 32px; left: 232px;}
	div.editor-info2 {top: 32px; left: 387px;}
	div.editor-info3 {top: 32px; left: 542px;}
	
	div.editor-info, div.editor-info2, div.editor-info3 {
		width: 155px;
		border-left: 1px solid #C9C5C3;
		padding-left: 10px;		
		height: 86px;
	}
	
	div.editor-info3 {width: 200px;}
	div.editor-info3 span a {display: block; margin-bottom: 5px;}
	
	
	div.editor-info span {display: block; margin-top: 3px;}

div.copyright {	
	background: url(../images/bck_foot-divider.gif) no-repeat left top;
	width: 391px;
	height: 118px;	
	margin-right: 0;
	position: relative;
	left: -9px;
}
	div.copyright div {text-align: right; padding: 34px 22px 0 0;}
/* --------------------- FOOT end ---------------------*/


div#right-main-h {width: 391px;}

/******************************************************************************************************/