/*  Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/*  Global properties */
html {width:100%;}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;color:#696969;min-width:980px;background:#f2f2f2}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg-1 {width:100%;padding:20px 0 18px;background:url(../images/bg1-tail.gif) center bottom repeat-x #f2f2f2}
.bg-2 {width:100%;padding:37px 0 46px;background-color: #E3DFC3; background-size: 100%;}
.bg-3 {width:100%;padding:5px 0 25px;background-color: #E3DFC3;}
.bg-4 {width:100%;height:100%;padding:5px 0 25px;background-color: #E3DFC3;}
#storitve2 {min-height:400px;}
.main {width:980px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
.mainsto {background:url(../images/storitve-ozadje.png) center top no-repeat;width:960px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
a {color: #c53005; outline: none; text-decoration:  none;}
a:hover {text-decoration:none}
.col-1, .col-2 {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.frame {padding:1px;border:1px solid #e5e5e5;background:#fff}
/* boxes */
.margin-bot {margin-bottom:35px}
.indent {padding:0 0 0px 30px}
.indent2 {padding-left:50px}
.indent-bot {margin-bottom:20px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 32px 0px 0}
.img-indent2 {float:left;margin:0 28px 0px 0}
.img-indent3 {float:left;margin:0 18px 0px 0}
.img-indent4 {float:left;margin:0 20px 0px 0}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .news-list li a, .link, .link-1, .button, .logo {text-decoration:none}
/* header */
header {min-height:271px;width:100%;position:relative;z-index:2;background:url(../images/header-bg1.jpg) center bottom no-repeat}
.header2 {min-height:160px;width:100%;position:relative;z-index:2;background-color: #E3DFC3;}
.row-top {padding-top:13px;height:139px;width:100%;background:url(../images/row-top-tail.png) center 13px repeat}
.row-bot {width:100%;text-align:center;padding-top:27px;overflow:hidden}
h1 {padding:31px 0 0 0;position:relative;float:left}
.logo {display:block;width:295px;height:71px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat}
.slog-1 {display:block;font-size:80px;line-height:1.2em;color:#fff;letter-spacing:-4px;margin:0 0 -26px -5px}
.slog-2 {display:block;font-size:80px;line-height:1.2em;color:#fff;letter-spacing:-4px;margin:0 0 -26px -5px}
.slog-3 {display:block;font-size:80px;line-height:1.2em;color:#fff;letter-spacing:-4px;margin-left:-5px}

.sirina {width: 980px; margin-left: auto; margin-right: auto;}
.jezik {display:block;height:45px; /*width:147px;*/overflow:hidden; position:absolute; top: 0px; /*padding-left: 110px;*/ padding-left: 20px;}
.obvestilo404 {display:none;height:49px;width:292px; position:absolute; top: 2px; padding-left: 320px;}

.jezikikona {display:inline-block;width:49px;height:45px;padding: 0px; margin: 0px;border:0;float: left;}

.administracija {display:block;height:39px;width:156px;overflow:hidden; position:absolute; top: 3px; padding-left: 105px;}

#page1 header {min-height:477px; background:url(../images/header-bg1.jpg) center top repeat-x}
#page1 #content .col-1 {width:545px; margin-right:65px}
#page1 #content .col-2 {width:288px}
#page1 #content .button {min-width:91px}
#page1 footer .col-0 {width:100%; text-align: center;}
#page1 footer .col-1 {width:450px; margin-right:5px; margin-left:50px;}
#page1 footer .col-2 {width:400px}

/* content */
#content {width:100%;padding:0;position:relative;z-index:1}
h3 {font-size:30px;line-height:1.2em;color:#000;letter-spacing:-1px}
h4 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:19px;line-height:1.21em;font-style:italic;font-weight:normal;color:#8c8c8c}
.title-1 {display:block;font-size:25px;line-height:1.2em;margin-bottom:-5px;color:#000}
.title-2 {display:block;font-size:25px;line-height:1.2em;margin-bottom:17px;color:#000}
.title-3 {display:block;font-size:23px;line-height:1.217em;margin-bottom:10px;color:#000}
.news-title {display:inline-block;font-size:49px;line-height:1.2em;color:#fff;letter-spacing:-2px;margin-left:-5px}
.border-bot {width:100%;padding-bottom:15px;background:url(../images/pic-2.gif) 0 bottom repeat-x}
.box-1 {width:177px;padding:12px 32px 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-2 {width:241px;padding:12px 0 20px 0;text-align:center;background:url(../images/pic-1.gif) right top repeat-y}
.box-3 {width:175px;padding:12px 0 20px 32px;text-align:center}
.button {display:inline-block;font-size:14px;line-height:24px;min-width:71px;padding:7px 5px;color:#696969;text-align:center;border:1px solid #c2c2c2;background:url(../images/button-tail.gif) 0 0 repeat-x #eee;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.button:hover {color:#fff;background:#696969}
.news-list {float:right}
.news-list li {float:left;padding-left:24px}
.news-list li a {display:inline-block;font-size:49px;line-height:1.2em;color:#edae89;letter-spacing:-2px}
.news-list li a.active,
.news-list li a:hover {color:#fff}
.link:hover {text-decoration:underline}
.link-1 {color:#696969}
.link-1:hover {color:#c53005}
.tdate-1 {display:block;padding-top:10px;margin-bottom:5px}
.tdate-2 {display:block;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:18px;line-height:1.22em;font-style:italic;font-weight:normal;color:#8c8c8c}
dl span {float:left;width:91px}
/*  contact form  */
#contact-form {display:block}
#contact-form label {display:block;height:30px;overflow:hidden}
#contact-form input {width:219px;font-size:12px;color:#696969;padding:1px 10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:#fff}
#contact-form textarea {height:230px;overflow:auto;width:459px;font-size:12px;color:#696969;padding:10px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:1px solid #ccc;background:none}
.text-form {float:left;display:block;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;width:96px;line-height:1.7em;color:#696969}
.buttons {padding-top:8px;text-align:right}
.buttons a {margin-left:16px}
/* footer */
footer {width:100%;padding:25px 0 15px;background:url(../images/footer-tail.gif) left top repeat-x #f2f2f2}
footer .main {font-size:0.8125em;line-height:1.538em}
.phone-numb {display:block;font-size:19px;line-height:1.2em;color:#818181;margin-bottom:10px}
.phone-numb strong {color:#000}
.social-title {display:block;font-size:19px;line-height:1.2em;color:#000;margin-bottom:16px}
.list-services li {float:left;padding:0 7px 0 0}
.list-services li a {display:block;width:33px;height:33px;background-image:url(../images/social-icon.png);background-repeat:no-repeat}
.list-services li a.item-1 {background-position:0 top}
.list-services li a.item-2 {background-position:-33px top}
.list-services li a.item-3 {background-position:-66px top}
.list-services li a.item-4 {background-position:-99px top}
.list-services li a.item-5 {background-position:-132px top}
.list-services li a.item-1:hover {background-position:0 bottom}
.list-services li a.item-2:hover {background-position:-33px bottom}
.list-services li a.item-3:hover {background-position:-66px bottom}
.list-services li a.item-4:hover {background-position:-99px bottom}
.list-services li a.item-5:hover {background-position:-132px bottom}
.menu { float:left;padding-top:53px; padding-left: 20px; overflow: hidden; }
.menu li { float: left; list-style: none; margin: 0 30px 0 0; }
.menu li.back { border-bottom: 5px solid #C63205; width: 9px; height: 30px; z-index: 8; position: absolute; }
.menu li a { font-size:19px; line-height:1.21em; color: black; text-decoration: none; outline: none; text-align: center; z-index: 10; display: block; float: left; height: 30px; position: relative; margin: auto 10px; /*overflow: hidden;*/}   
.menu li a:hover { border: none; color: #c53005; }
.menu li a:visited { border: none; }
.menu li a:active { border: none; color:#D75A0E; }
#slider7 { height: 1%; overflow:hidden; position: relative; padding: 0 0 10px;   }
#slider7 .viewport { float: left; width: 780px; height: 260px; overflow: hidden; position: relative; }
#slider7 .buttons { background:url("../images/napnaz.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -211px; text-indent: -999em; float: left; width: 50px; height: 211px; overflow: hidden; position: relative; }
#slider7 .next { background-position: 0 0; margin: 30px 0 0 10px; }
#slider7 .disable { visibility: hidden; }
#slider7 .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider7 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px;  border: 1px solid #dcdcdc; width: 236px;}

.image_carousel {
	padding: 10px 0px 0px 0px;
	position: relative;
}

.image_carousel img {
	padding: 0px;
	margin: 0 0 0 17px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 111px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
.prvamain { display: block; background:url(../images/ozadje-vsebina-v.png) center top repeat-y; width:981px; }
.prvamaintext { padding: 0 30px; text-align: justify; }
.storitveslike { height: 280px; display: block; float: left; padding: 0; margin: 0; }
.storslik2 { width: 299px; height: 280px; display: block; float: left; padding: 0; margin: 0; }
.obrobavpr { border: 1px #A0A0A0 dashed; padding: 10px; }
.obrobavprtext { padding: 0 5px; }
.vsavpr {float: left; padding-left: 57px;}
.zastaviodg {float: right; padding-right: 58px;}
.vpraiskanje {float: left; padding-top: 2px; padding-left: 37px;}
.vprazastavi {float: right; padding-right: 38px;}
.okvircek {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
	cursor:pointer;
}
.okvircek:hover {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
}
.okvircek0 {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
	display: inline-block;
}
.okvircek0:hover {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
}
.galerijaslika {
	-moz-box-shadow: 0px 0px 8px #C6C6C6;
	-webkit-box-shadow: 0px 0px 8px #C6C6C6;
	box-shadow: 0px 0px 8px #C6C6C6;
	border: 2px solid white;
	max-width: 130px;
	max-height: 87px;	
	margin: 2px 2px 20px 2px;
}
.galerijaslika:hover {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
}
.galerijaslikaor {
	-moz-box-shadow: 0px 0px 8px #C6C6C6;
	-webkit-box-shadow: 0px 0px 8px #C6C6C6;
	box-shadow: 0px 0px 8px #C6C6C6;
	border: 2px solid white;
	max-width: 280px;
	max-height: 187px;	
	margin: 2px 2px 20px 5px;
}
.galerijaslikaor:hover {
	-moz-box-shadow: 0px 0px 8px #898989;
	-webkit-box-shadow: 0px 0px 8px #898989;
	box-shadow: 0px 0px 8px #898989;
	border: 2px solid white;
}
.galerijab {
	margin-right: 12px;
	margin-bottom: 18px;	
}
.galerijav {
	margin-right: 12px;
	margin-bottom: 18px;	
}
.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #B2B2B2;
    min-height: 80px;
    margin-left: 40px;
    width:  620px;
	display: inline-block;
	position: relative;
	z-index: 10;
}

.bubble::after {
    background-color: #F2F2F2;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    content: "";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 40%;
    transform: rotate( 45deg );
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */	
    width:  20px; 
	z-index: -10;
}
.bubblein{
	padding: 10px;
	text-align: justify;
	height: 60px;
	overflow:hidden;
	z-index: 20;
	vertical-align:middle; 
	display: table-cell;
}
.desnastran {
	display: inline-block;
}

.puscica li { background: url(/images/next.png) no-repeat left 8px; }
.puscica li { font-size: 14px; list-style: none; padding: 7px 0 10px 25px; }
.puscica2 li { background: url(/images/next.png) no-repeat left 8px; }
.puscica2 li { font-size: 12px; list-style: none; padding: 7px 0 0px 25px; }
.puscica3 li { background: url(/images/next.png) no-repeat left 8px; }
.puscica3 li { font-size: 13px; list-style: none; padding: 7px 0 0px 25px; }
.prva {
background-color: #EEECDE;
border: 1px #E3DFC3 dashed;
}
.druga {
background-color: #FFFFFE;
border: 1px #E3DFC3 dashed;
}
.prva:hover, .druga:hover {
	background-color: #E3DFC3;
}
.prvav1 {
	width: 30px;
}
.prvav2 {
	border: 1px #E3DFC3 dashed;
	padding-left: 10px;
}
.prvav3 {
	width: 160px;
}

#map1{
  display: block;
  width: 500px;
  height: 330px;
  margin: 5px 0 10px 0;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map2{
  display: block;
  width: 500px;
  height: 330px;
  margin: 5px 0 10px 0;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map{
  display: block;
  width: 920px;
  height: 400px;
  margin: 0 auto;
  -moz-box-shadow: 0px 5px 20px #ccc;
  -webkit-box-shadow: 0px 5px 20px #ccc;
  box-shadow: 0px 5px 20px #ccc;
}
#map.large{
  height:500px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}