/* Kosec CSS */

/* ----- ADD MD ------ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
html {
	padding: 0;
	margin: 0;
	background-color:#35444f;
}
.clear {
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
}
.kategorije_js {
	display:block;
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
}
#fade {
	height:400px;
	width:400px;
}
.kvadratek{
	height:195px;
	width:195px;
	border:4px solid #d5d5d5;
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	padding:5px;
	vertical-align: middle;
}
.kvadratek2 {
	height:167px;
	width:167px;
	border:4px solid #d5d5d5;
	margin-bottom: 5px;
	text-align: center;
	vertical-align:50%;
	cursor: pointer;
	cursor: hand;
}
.content2-white {
	background-color:white;
	float:left;
	width:707px;
	margin-left:1px;
}
.content2-white-ref {
	width: 940px;
	background-color:white;
	float: left;
	margin-top: 15px;

}
#povpra {
	width: 237px;
	margin-left:7px;
}
.paging {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
}
.paging a {
	color: #00a8cf;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
.paging a:hover {
	text-decoration: underline;
}
#ps_predgovor {
	font-size:24px;
	color:#666666;
	display:block;
	width:480px;
	margin-left:200px;
	padding-bottom:20px;
}
#ps_naslov {
	font-size:24px;
	color:black;
	display:block;
	width:480px;
	margin-left:200px;
	padding-bottom:10px;
	border-bottom:1px solid #c1ced0;
	font-weight:bold;
}
#ps_seznam {
	color:#00a8cf;
	font-size:24px;
	display:block;
	width:480px;
	margin-left:200px;
	padding-bottom:30px;
	font-weight:bold;
}
#ps_seznam ul {
padding:15px 0 0 0;
margin:0px;
list-style-type: none;		
}
#ps_seznam ul li {
background: url(../../img/ikona.gif) no-repeat left 8px;
padding-left:25px;
padding-bottom:5px;
}		
#ps_seznam ul a {
text-decoration:none;
font-weight:bold;
color:#00a8cf;
}
#ps_seznam ul a:hover {
text-decoration:underline;
}
a img {
	border: none;
}

#container-bg-first {
	width:100%;
	display:block;
	background: url(/img/bg-first.jpg) top left repeat-x #023769;
}
#container-bg {
	background: url(/img/container-bg.jpg) top left no-repeat #023769;
	width:1200px;
	display:block;
	margin:0 auto;
}
#content-main {
	width:960px;
	margin:0 auto;
	display:block;
}
#content-footer {
	background: url(/img/bkg_crni.jpg) top left repeat-x #35444f;
	width:100%;
	display:block;
	padding-top:5px;
}
#footer-center {
	margin:0 auto;
	width:960px;
	padding-bottom:35px;
}
#divider-footer {
	margin-top:10px;
	margin-left:-20px;
	width:1000px;
	height:25px;
	background: url(/img/footer-divider.jpg) top left no-repeat;
}
.element-slikica {
	display:inline;
	float:left;
	width:80px;
	cursor:hand;
	cursor:pointer;
}
.element-besedilo {
	display:inline;
	float:left;
	width:90px;
	padding:5px 5px 0 15px;
}
.element_oprema {
	float: left;
	border-right: 1px solid #e3e3e3;
	padding: 20px 15px 20px 15px;
	width:170px;
	height:60px;
	margin-bottom: 20px;
}
.element_oprema a {
	font-size: 12px !important;
}
.element_oprema a:hover {
	text-decoration:underline;
}
#ref-first {
	margin:15px 10px 10px 15px;
	padding-top:20px;
}
.ref-st {
	display:block;
	width:220px !important;
	height:75px !important;
	margin:0px !important;
	padding:0px !important;
}
.ref-slika {
	display:inline;
	float:left;
	width:70px  !important;
	height:75px !important;
}
.ref-slika a {
	width:60px !important;
	margin:0 !important;
	padding:0 !important;
}
.ref-link {
	display:inline;
	float:left;
	width:120px !important;
	height:75px !important;
}
.ref-link a {
	margin:0 !important;
	padding:0 !important;
	display:inline;
	float:left;
	width:100px !important;
	color: #00a8cf;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height:10px !important;
}
.ref-link img {
	display:inline;
	float:left;
	padding:4px 5px 0 0;
}

#stevilke-ref {
	padding-left: 8px;
	padding-top: 10px;
}

#stevilke-ref a {
	font-size: 12px;
	color: #00a8cf;
	text-decoration: none;
	padding-right: 4px;
}

#stevilke-ref a:hover {
	text-decoration: underline;
}

#stevilke-ref a:active {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: right;
	text-decoration: none;
}
.why-back {
	width: 229px;
	background-color:#f3f2ed;
	float:left;
	margin-left:7px;
	margin-bottom: 5px;
	padding-bottom:10px;
	padding-top:5px;
}

.why-back img {
	float: left;
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 30px;
}

.why-back p {
	float: left;
	color: #333;
	width: 180px;
	margin: 0;
	padding-bottom: 10px;
	padding-right: 20px;
}

.kat_zapri {
	display:block;
	text-align:right;
	cursor:hand;
	cursor:pointer;
	clear:both;
	margin-bottom:5px;
	
}
.kat_slika {
	float:left;
	padding-right:10px;
	width:290px;
}
.kat_besedilo {
	float:left;
	width:200px;
}
#show_katalog {
	display:none;
	background-color:white;
	width:500px;
	height:290px;
	position:absolute;
	z-index:15;
	margin-left:200px;
	margin-top:30px;
	padding:5px;
}
	#show_katalog_left {
		float: left;
		width: 170px;
	}
	#show_katalog_right {
		float: right;
		width: 200px;
		color: #333333
	}
		#show_katalog_right h2 {
			margin: 0px;
			margin-bottom: 10px
		}
/* Google Chrome fix */
body:nth-of-type(1) .buttond2_roll
{
	margin-top:0px;
}
body:nth-of-type(1) .buttond2
{
	margin-top:0px;
}

/*-----------------------------------------*/

/* Header */

#header {
	display:block;
	width: 960px;
	height: 84px;
	margin:0 auto;
	background: url(/img/bg_header.jpg) top center no-repeat;
}

#header2 {
	width: 960px;
	height: 228px;
	background: url(/img/bg_header.jpg) top center no-repeat;
}

.first-nav {
	width: 610px;
	height: 30px;
	font-size: 12px;
	color: #000;
	text-align: left;
	padding-top: 10px;
	padding-left: 350px;
	float: left;
}

.first-nav a {
	color: #00A8CF;
	text-decoration: none;
	float: left;
}

.first-nav a:hover {
	text-decoration: underline;
}

.first-inside {
	float: left;
	padding-left: 163px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}


.first-inside1 {
	padding-left: 25px;
	float: left;
}

.first-inside2 {
	padding-left: 21px;
	float: left;
}

.first-inside3 {
	padding-left: 24px;
	float: left;
}

#second-nav {
	width: 610px;
	height: 44px;
	float: left;
	padding-left: 350px;
	padding-top: 4px;
}

#second-nav a {
	padding-top: 8px;
	padding-left: 20px;
	float: left;
}

.second-inside {
	width: 136px;
	height: 41px;
	background: url(/img/button01.jpg) top left;
	float: left;
	cursor: hand;
	cursor: pointer;
}

.second-inside a {
	color: #d4ebf2;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	height:30px;
	width:75px;
}

.second-inside-active {
	width: 136px;
	height: 41px;
	background: url(/img/button01_active.jpg) top left;
	float: left;
}

.second-inside-active a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	height:30px;
	width:75px;
}

.sub-nav {
	width: 610px;
	height: 109px;
	float: left;
}

.sub-nav-inside {
	width:  180px;
	float: left;
	padding-top: 10px;
}

.sub-nav-inside a {
	text-decoration: none;
	width: 160px;
	float: left;
	color: #d4ebf2;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}


.sub-nav-inside a:hover {
	color: #70caff;
}

.sub-nav-inside a:active {
	text-decoration: none;
	width: 160px;
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}


.sub-nav-inside img {
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 8px;
	float: left;
}


/* Content */

#content {
	float: left;
	width: 730px;
}

.top-nav {
	float: left;
	width: 342px;
	padding-top: 8px;
	padding-left: 8px;
}

.top-nav img {
	padding-right: 20px;
}

.contentimg {
	float: left;
	width: 708px;
	height: 248px;
	padding-left: 8px;
	padding-top: 20px;
}

.contentsub01 {
	float: left;
	width: 377px;
	padding-top: 8px;
	padding-left: 8px;
}

.contentsub01 h1 {
	width: 178px;
	color: #d4ebf2;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 0;
	padding-bottom: 5px;
}

.contentsub01 p {
	width: 210px;
	color: #fff;
	font-size: 12px;
	margin: 0;
}

.cs01img {
	width: 15px;
	height: 50px;
	float: left;
	padding-top: 4px;
	padding-right: 5px;
}

.contentsub01 a {
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	color: #d4ebf2;
}

.contentsub01 a:hover {
	color: #00a8cf;
}

.contentsub02 {
	float: left;
	width: 164px;
	padding-top: 8px;
	margin-top: -15px;
	margin-bottom: 7px;
}

.contentsub02 h2 {
	width: 88px;
	color: #d4ebf2;
	font-size: 12px;
	float: left;
	margin: 0;
	padding-bottom: 5px;
}

.contentsub02 p {
	width: 150px;
	height: 50px;
	color: #fff;
	font-size: 12px;
	margin: 0;
}

.cs02img {
	width: 46px;
	height: 60px;
	float: left;
	padding-top: 4px;
	padding-right: 5px;
}
.contentsub02 a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #d4ebf2;
}

.contentsub02 a:hover {
	color: #00a8cf;
}

.contentsub03 {
	width: 730px;
	padding-left: 8px;
	padding-top: 12px;
	float: left;
}

.contentsub04 {
	float: left;
	width: 242px;
	height: 231px;
	background: url(/img/bg_content01.jpg) top left no-repeat;
	padding-right: 1px;
}

.cs03img {
	width: 232px;
	height: 14px;
	float: left;
	padding-top: 8px;
	padding-left: 14px;
}

.cs04img {
	width: 8px;
	height: 193px;
	float: left;
	padding-top: 16px;
	padding-left: 14px;
	padding-right: 4px;
}

.contentsub04 a:hover, .contentsub03 a:hover, .contentsub05  a:hover {
	text-decoration: underline !important;
}

.contentsub04 h2 {
	width: 210px;
	color: #00a8cf;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-top: 12px;
	float: left;
}

.contentsub04 p {
	width: 205px;
	color: #666;
	font-size: 12px;
	margin: 0;
	float: left;
}

.contentsub04 a {
	color: #00a8cf;
	font-size: 12px;
	text-decoration: none;
	float: left;
}

.contentsub05 {
	float: left;
	width: 235px;
	height: 231px;
	background: url(/img/bg_content02.jpg) top left no-repeat;
	padding-right: 1px;
}

.contentsub05 h2 {
	width: 200px;
	color: #00a8cf;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-top: 12px;
	float: left;
}

.contentsub05 p {
	width: 200px;
	color: #666;
	font-size: 12px;
	margin: 0;
	float: left;
}

.contentsub05 a {
	color: #00a8cf;
	font-size: 12px;
	text-decoration: none;
	float: left;
}

.contentsub06 {
	float: left;
	width: 229px;
	height: 231px;
	background: url(/img/bg_content03.jpg) top left no-repeat;
	padding-right: 1px;
}

.cs05img {
	width: 8px;
	height: 163px;
	float: left;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 4px;
}

.cs05img img {
	padding-bottom: 62px;
}

.cs06img {
	width: 61px;
	height: 61px;
	float: left;
	padding-top: 16px;
	padding-left: 14px;
}

.cs06img img {
	padding-bottom: 8px;
}

.contentsub06 a {
	width: 120px;
	height: 58px;
	color: #00a8cf;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding-top: 12px;
	float: left;
}

/* Content 2 */

#content2 {
	float: left;
	margin-left: 8px;
}

.content2title {
	width: 699px;
	height: 136px;
	background: url(/img/bg_content04.jpg) top left no-repeat;
	float: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 8px;
}

#c2ta {
	font-size: 12px;
	float: right;
	padding-right: 15px;
	padding-top: 15px;
}

#c2ta a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #00a8cf;
	float: left;
}

#c2ta a:hover, #c3ta a:hover {
	text-decoration: underline;
}

#c2ta img {
	padding-right: 3px;
	float: left;
}

#c3ta {
	font-size: 12px;
	float: right;
	padding-right: 15px;
	padding-bottom: 10px;
}

#c3ta a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #00a8cf;
	float: left;
}

#c3ta img {
	padding-right: 3px;
	float: left;
}

.content2title h1 {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

.content2title a {
	color: #00a8cf;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.content2title a:hover {
	text-decoration: underline;
}
.content2title img {
	padding-bottom:1px;
}

.content2content {
	width: 700px;
	float: left;
	margin-top:-55px;
	padding-left: 5px;
}

.content2sub01 {
	width: 225px;
	height: 503px;
	float: left;
	border-right: 1px solid #d5d5d5;
	padding-right: 3px;
	padding-left: 3px;
}

.content2sub01 img{
	border: 4px solid #d5d5d5;
}

.content2sub01 a {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content2sub01 h2 {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 5px;
}

.cs11img {
	display:block;
	padding-top: 7px;
}
.cs11img img {
	padding-right:10px !important;
	padding-left:0 !important;
}

.con2subin01 {
	display:block;
	color: #000;
	padding-top: 10px;
}

.con2subin01-slika {
	width: 13px;
	height: 13px;
	display:inline;
	float: left;
	padding-right: 10px;
	padding-top: 1px;
}

.con2subin01-besedilo {
	width: 196px;
	float: left;
	margiin:0;
}

.content2sub02 {
	width: 225px;
	height: 503px;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}

.content2sub02 img{
	border: 4px solid #d5d5d5;
}

.content2sub02 a {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content2sub02 h2 {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 5px;
}

.content2sub03 {
	width: 219px;
	height: 487px;
	float: left;
	padding-right: 3px;
	padding-left: 10px;
	margin-bottom:20px;
	margin-top: 25px;
	overflow: hidden;
}

.content2sub03 a {
	width: 219px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	cursor: hand;
}

.content2sub03 a:hover {
	text-decoration: underline;
}


.contentmenu {
	width: 682px;
	float: left;
	border: 3px solid #fff;
	border-bottom: 3px solid #c7c6c1;
	padding-bottom: 5px;
	margin-right:15px;
}

.contentmenu a {
	color: #00a8cf;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #e7e6e0;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	margin-right: 1px;
	position: relative;
	z-index: 10;
	border-top: 3px solid #e7e6e0;
	border-left: 3px solid #e7e6e0;
	border-right: 3px solid #e7e6e0;
}


.content2sub04 {
	width: 310px;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 3px;
	margin-bottom: 20px;
	border-left: 3px solid #c7c6c1;
	border-bottom: 3px solid #c7c6c1;
}

.content2sub04 img{
	float: right;
	padding-top: 25px;
}

.content2sub04 a {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content2sub05 {
	width: 675px;
	float: left;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 3px;
	border-right: 3px solid #c7c6c1;
	border-left: 3px solid #c7c6c1;
	border-bottom: 3px solid #c7c6c1;
	margin-left: 3px;
}

.content2sub05 img{
	float: left;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;

}
#slika_info {
	width:289px;
	height:279px;
	padding-bottom: 25px;
	float:left;
}

.content2sub05 a {
	width: 220px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content2sub05 p {
	width: 340px;
	float: left;
	color: #333;
	margin: 0;
	padding-bottom: 10px;
	text-align: left !important
}

.content2sub05 ul {
	clear: both;
	
}
.content2sub05 li {
	text-align: left !important
}
.content2sub05 span {
	width: 330px;
	float: left;
	color: #333;
	margin: 0;
	padding-top: 20px;
	padding-left: 15px;
}

.cs06img {
	width: 61px;
	height: 61px;
	float: left;
	padding-top: 16px;
	padding-left: 14px;
	border: none;
}

.content2footer {
	width: 707px;
	height: 55px;
	background: url(/img/bg_content05.jpg) top left no-repeat;
	float: left;
}

/* Content 3 - Reference */

#content3 {
	float: left;
	width: 940px;
	margin-left: 11px;
}

.content3title {
	width: 932px;
	height: 99px;
	background: url(/img/bg_content06.jpg) top left no-repeat;
	float: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 8px;
}

.content3title h1 {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 8px;
	padding-top: 0px;
}

.content3title a {
	color: #00a8cf;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.content3content {
	width: 940px;
	float: left;
	margin-top: -20px;
	padding-left: 5px;
	padding-right:-10px;
}

.content3sub01 {
	width: 176px;
	height: 325px;
	float: left;
	padding-right: 4px;
	padding-left: 5px;
	margin-bottom: 30px;
	overflow: hidden;
}

.content3sub01 a {
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #00a8cf;
	margin: 0;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 10px;
	text-decoration:none;

}

.content3sub01 a:hover {
	text-decoration:underline !important;
}

.content3sub02 {
	width: 320px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}

.content3sub02 img{
}

.content3sub02 a {
	width: 150px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content3sub02 h2 {
	width: 350px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}

.content3sub02 h3 {
	width: 350px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}

.content3sub03 {
	width: 360px;
	float: left;
	padding-left: 15px;

	margin-bottom: 20px;
	!margin-left: -48px;
	_margin-left: -48px;
}

.content3sub03 p {
		text-align: left !important;
}

.content3sub03 a {
	width: 150px;
	color: #00a8cf;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.content3sub03 h2 {
	width: 350px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-bottom: 10px;
}

.content3sub03 h3 {
	width: 350px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}

.content3sub03 p {
	width: 350px;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding-bottom: 15px;
}

.content3cell {
	width: 350px;
	background: #e2ebf0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content3cell span {
	width: 30px;
	padding-right: 50px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

.content3cell2 {
	width: 350px;
	background: #fff;
	color: #333;
	font-size: 12px;
	border-bottom: 1px solid #cccccc;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content3cell2 span {
	width: 30px;
	padding-right: 50px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

.content3sub04 {
	width: 209px;
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left:10px;
	border-top: 1px solid #cccccc;
}
	.content3sub04 a {
		color: #00A8CF;
		text-decoration: none;
		font-size: 12px !important
	}
	.content3sub04 a:hover {
		text-decoration: underline
	}
.content3sub04galerija {
	display:block;
	padding-bottom:12px;
}

.content3footer {
	width: 940px;
	height: 51px;
	background: url(/img/bg_content07.jpg) top left no-repeat;
	float: left;
}

.content3out {
	position: absolute;
	!position: relative !important;
	_position: relative !important;
	!margin-top: -490px;
	_margin-top: -490px;
	top: 50px;
	width: 700px;
	background: #fff;
	margin-left: 120px;
	border: 1px solid #333;
	padding-bottom:5px;
	z-index: 10;
}

.content3outsub01 {
	width: 400px;
	float: left;
	text-align: left;
	padding-top: 8px;
	padding-left: 8px;
}

.content3outsub01 a {
	font-size: 12px;
	color: #00a8cf;
	text-decoration: none;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}

.content3outsub01 a:hover {
	text-decoration: underline;
}

.content3outsub01 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: right;
	text-decoration: none;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}

.content3outsub02 {
	width: 272px;
	float: left;
	padding-top: 8px;
	padding-left: 10px;
}

.c3o {
	width: 9px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.c3o img {
	float: right;
}

.content3outsub02 h1 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-bottom: 10px;
}

.content3outsub02 p {
	font-size: 12px;
	color: #333;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	float: left;
	word-wrap: break-word;
}

.content3outsub02 span {
	font-size: 12px;
	color: #333;
	margin: 0;
	float: left;
}

.content3outsub02 a {
	font-size: 12px;
	color: #00a8cf;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	/*float: right;*/
}

.content3outsub02 a:hover {
	text-decoration: underline;
}

.content3outsub03 {
	width: 382px;
	float: left;
	padding-top: 4px;
	padding-left: 8px;
}

.content3outsub03 a {
	font-size: 12px;
	color: #00a8cf;
	text-align: right;
	text-decoration: none;
	float: left;
}

/* Sidebar */

#sidebar {
	width: 230px;
	float: left;
}

.box01 {
	width: 221px;
	background-color:#4D5255;
	float: left;
	margin-top: 46px;
	background-image: url(/img/bg_sidebar01.jpg);
	background-repeat: no-repeat;
	background-position: left 63px;
	margin-bottom:15px;
}

.box01 h1  {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-left: 12px;
	margin-top: 2px;
	margin-bottom: 6px;
	text-decoration: none;
	cursor:hand;
}

.box01 a, .box02 a {
	color: #fff;
	text-decoration: none
}

.box01 a:hover,.box02 a:hover {
	text-decoration: underline;
}

.box01 p {
	width: 181px;
	padding-left: 12px;
	display:block;
	margin: 0;
	color: #fff;
	font-weight: bold;
}

.boximg01 {
	float: right;
}

.box02 {
	width: 221px;
	background: url(/img/bg_sidebar02.jpg) top left no-repeat;
	background-color:#C9001B;
	float: left;
	margin-bottom: 20px;
}

.box02 a {
	text-decoration: none;
}

.boxlink  {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-left: 12px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-decoration: none;
	cursor:hand;
}


.box02 h1 {
	width: 206px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	cursor:hand;
}

.box02 p {
	width: 181px;
	padding-left: 12px;
	display:block;
	margin: 0;
	color: #fff;
	font-weight: bold;
	!margin-top: -7px !important;
	_margin-top: -7px !important;
}

.boximg02 {
	float: right;
}

.contact {
	width: 221px;
	float: left;
	padding-bottom:25px;
}

.cs07img {
	width: 8px;
	height: 75px;
	float: left;
	padding-top: 6px;
	padding-right: 4px;
}

.contact h3 {
	width: 206px;
	font-size: 11px;
	font-weight: bold;
	color: #d4ebf2;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 5px;
}
.contact a {
	color: #d4ebf2;
	text-decoration: none
}
	.contact a:hover {
		color: #00A8CF
	}
.contact p {
	width: 181px;
	float: left;
	margin: 0;
	color: #ccc;
	font-size: 11px;
}

.gallery {
	width: 229px;
	background: #f3f2ed;
	float: left;
	margin-left: 7px;
	margin-bottom:25px;
}

.gallery h1 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #c1ced0;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 32px;
}

.gallery img {
	padding-bottom: 7px;
	padding-left:10px;
}

.gallery a {
	color: #00a8cf;
	font-size: 12px;
	text-decoration: none;
	padding-right: 8px;
	text-align: right !important;
}

.gallery a:active {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 8px;
	text-align: right !important;
}

.why {
	width: 237px;
	height: 140px;
	background: url(/img/bg_sidebar03.png) top center no-repeat;
	margin-left:7px;
}

.why h1 {
	color: #999;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding-top: 105px;
	padding-bottom: 15px;
	padding-left: 10px;
}

/* Footer */

#footer {
	width: 960px;
	background: url(/img/bg_footer.jpg) top center no-repeat;
	background-position: center 116px;
	margin-left: auto;
 	margin-right: auto;
	padding-bottom:35px;
}

.lfooter {
	float: left;
	width: 730px;
	padding-top: 5px;
}

.cs08img {
	width: 8px;
	height: 7px;
	float: left;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 8px;
}

.cs09img {
	width: 8px;
	height: 7px;
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 8px;
}

.lfootersub01 {
	width: 180px;
	float: left;
}

.lfootersub01 a {
	text-decoration: none;
	width: 135px;
	!width: 170px;
	_width: 170px;
	float: left;
	color: #d4ebf2;
	font-size: 11px;
}

.lfootersub01 a:hover {
	text-decoration: underline;
}

.lfootersub01 h3 {
	width: 170px;
	font-size: 12px;
	font-weight: bold;
	color: #d4ebf2;
	margin: 0;
	padding-top: 2px;
}

.lfootersub01 p {
	width: 161px;
	float: left;
	margin: 0;
	color: #d4ebf2;
	font-size: 11px;
}

.lfootersub01 img {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 8px;
	float: left;
}

.rfooter {
	float: right;
	width: 230px;
	padding-top: 5px;
}

.rfooter p {
	color: #999;
	font-size: 11px;
	width: 220px;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 5px;
}

.rfooter a {
	text-decoration: none;
	width: 150px;
	float: left;
	color: #d4ebf2;
	font-size: 11px;
}

.rfooter a:hover {
	text-decoration: underline;
}

.cs10img {
	width: 8px;
	height: 7px;
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	margin-left: -4px;
}

#search2 {
	float: left;
	width: 213px;
	padding-bottom: 3px;
	margin-right: 17px;
	
}

.input2 {
	width: 180px;
	background: url(/img/bg_search.gif) top left repeat-x;
	border: 1px solid #c3c4c4;
	color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.buttond2 {
	background: url(/img/button02.jpg) top center no-repeat;
	width: 25px;
	height: 25px;
	border: none;
	float: right;
	cursor: pointer;
	margin-top: -26px;
	padding-left: 3px;
}
.buttond2_roll {
	background: url(/img/button02_roll.png) top center no-repeat;
	width: 25px;
	height: 25px;
	border: none;
	float: right;
	cursor: pointer;
	margin-top: -26px;
	padding-left: 3px;
}

.lfootersub02 {
	width: 230px;
	float: left;
	margin-top: -5px;
}

.lfootersub02 img {
	padding-right: 30px;
}

.rfootersub02 {
	width: 716px;
	float: right;
	color: #ccc;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 14px;
	text-align: right;
}

.rfootersub02 a {
	font-size: 10px;
	color: #d4ebf2;
	text-decoration: none;
}

.rfootersub02 a:hover {
	text-decoration: underline;
}


.submenu {
	width:170px;
	height: 110px;
	top: 84px;
	position: absolute;
    background: #3f525f;
    border: 1px solid #808d96;
    !top: -3px;
    _top: -3px;
}
.submenu img{
	padding-left:4px;	
}
.submenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #d4ebf2;
	line-height: 20px;

}

.submenu a:hover {
    text-decoration: none;
	color: #70caff;
	font-size: 12px;
}
#dropdown {
	position: relative;
	z-index: 10;
}

#details {
	position: absolute;
	top: 50px;
	width: 700px;
	height: 437px;
	background: #fff;
	margin-left: 120px;
	border: 1px solid #333;
}

/* DC ADD */
#lokacija_zemljevid {
	float: left;
	width: 335px;
	padding-left:10px;
}
#lokacija_podatki {
	float: left;
	width: 540px;
}
	.lokacija_podatki_salon {
		clear: both;
		color: #333333;
		margin-bottom: 20px;
	}
		.lokacija_podatki_salon td a {
			color: #00A8CF;
			text-decoration: none
		}
			.lokacija_podatki_salon td a:hover {
				text-decoration: underline
			}
		}
		.lokacija_podatki_salon th {
			font-size: 14px;
			padding-bottom: 6px;
		}
		.lokacija_podatki_salon td {
			vertical-align: top;
			padding-top: 10px;
		}
		.lokacija_fotka {
			border: 4px solid #e4e4e4;
			float: left;
			width: 220px;
		}
		.lokacija_zemljevid {
			border: 4px solid #e4e4e4;
			margin-right:-10px;
			padding:0px;
			width:320px;
			height:245px;
		}
		#salon-prvi {
		
		}
		#salon-drugi {
			margin-left:18px;
		}
		#hr-margin {
			margin-right:15px;
		}
		#td-move {
			padding-left:20px;
		}

.sections {
	border: 0px solid #C7C6C1;
	padding: 5px 25px 25px 25px;
	color: #333333;

	/* IE FIX */
	_position: absolute;
	!position: absolute;
}
	.sections h2 {
		color: #333333;
		font-size: 14px;
	}

	.i_element {
		float: left;
		border-right: 1px solid #e3e3e3;
		padding: 0 5px 0 5px;
		width:190px;
		height:100px;
		margin-bottom: 20px;
	}
		.i_element a {
			font-size: 12px;
		}

		.i_element a:hover {
			text-decoration:underline;
		}

/* Dodatek za barvo pri referencah */
.con3subin01 p {
	color: #333333;
	margin-top: 5px;
}

/* obrazec povprasevanje */

input, select {
	width: 300px;
	height: 20px;
	background: transparent url(/img/input01.jpg) repeat-x scroll center top;
	margin: 0px;
	border: 1px solid #ccdbe2;
 	font-size: 14px

}

option {
	background: #FFF;
}

.optionclass {
	background: #FFF;
}

textarea {
	background: transparent url(/img/input01.jpg) repeat-x scroll center top;
	margin: 0px;
	border: 1px solid #ccdbe2
}

.input3 {
	width: 15px;
	margin-top: 10px;
	height: 15px;
	border:none;
}

table h1 {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

.aktualno_menu {
	color: #333333;
	list-style: none;
	margin: 0px;
	!margin-left: 40px;
	_margin-left: 40px;
}
	.aktualno_submenu a {
		font-size: 12px;
		font-weight: normal;
		!padding-left: 80px;
		_padding-left: 80px;
	}


	.aktualno_submenu a:hover {
		text-decoration: underline;
	}

	.aktualno_menu li {
		margin-bottom: 5px;
		list-style: none;
		margin-left: -35px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-bottom: 1px solid #cccccc;
	}
	.aktualno_menu ul {
		margin-left: -30px;
		margin-bottom: 20px
	}
	.aktualno_menu h2 {
		font-size: 14px !important;
		margin: 0px;
		padding: 0px;
		!margin-bottom: 5px;
		_margin-bottom: 5px;
	}
	.aktualno_menu img {
		margin-right: 5px;
		margin-left: -12px
	}
	.aktualno_menu_active,.aktualno_menu_active2 {
		font-weight: bold !important;
		color: #333333 !important
	}

.section_active {
	color: #333 !important;
	background: #fff !important;
	border-top: 3px solid #c7c6c1 !important;
	border-left: 3px solid #c7c6c1 !important;
	border-right: 3px solid #c7c6c1 !important;
	padding-bottom: 8px !important;
	margin-left: 0px !important;
}


.active_link {
	color: #333333;
	font-weight: bold;
}

.imgborder {
	border: 4px solid #d5d5d5 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.imgborder a:hover {
	border: 3px solid #000;
	padding-right: 0px !important;
}

#logo_click {
	position: absolute;
	z-index: 10;
	margin-top:5px;
	width: 340px;
	height: 70px;
	cursor:pointer;
	cursor:hand;
}

.PopUp {
	width: 342px;
	height: 195px;

	padding: 5px 5px 5px 5px;

	background-image: url(/img/avtorji.png);
	background-repeat: no-repeat;

	z-index: 5;
	visibility: hidden;

	position: absolute;
	top: 50px;
	left: 35%;
}

#ozadje {
	z-index: 4;
	width: 100%;
	position: absolute;
	top: 0;
	background-image: url(/img/background.png);
	background-repeat: repeat;
	display:none;
}
#ozadje2 {
	z-index: 12;
	width: 100%;
	position: absolute;
	top: 0;
	background-image: url(/img/background.png);
	background-repeat: repeat;
	display:none;
}
.cursorhand, .klik, .zapri {
	cursor: hand;
	cursor: pointer;
}

#podpod a {
	font-size: 14px;
	line-height: 18px;
}

#podpod {
	margin-top: 10px;
	position: relative;
	z-index: 2;
	font-size: 14px;
}
.nazalogi {
	border-top: 1px solid #cccccc;
	width: 930px;
	padding-top: 5px;
	float: left;
	margin-bottom: 10px
}
.nazalogi1 {
	float: left;
	width: 330px;
	margin-right: 5px
}
	.nazalogi1 h2 {
		font-size: 18px;
		margin: 0px;
		padding: 0px;
		padding-left: 5px
	}
.nazalogi2 {
	float: left;
	width: 380px;
	padding-top: 5px;
	color:#333333;
	font-size:12px;
}
	.nazalogi2 p {
		margin: 0px;
		padding: 0px;
	}
.nazalogi3 {
	float: left;
	width: 200px;
}
	.nazalogi3 a {
		font-size: 12px !important;
		color: #00A8CF;
		text-decoration: none
	}
	.nazalogi3 a:hover {
		text-decoration: underline;
	}
	
.partnerji {
	color:#000; 
	margin: 0px; 
	padding: 0px; 
	margin-left: 18px; 
	list-style-image: url(/img/icon33.png);
}
	.partnerji a:hover {
		text-decoration: underline
	}