/*----------------------------------------------------------------------
						  	CSS Reset
----------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*------------------------------------------------------------------------------
						  		MAIN
------------------------------------------------------------------------------*/
header, footer, content, section, nav, main, article {
	display: block;
}
html, body {
	height:100%;
	
	}
body {
	width: 100%;
	font: .75em/1.417 "Arial", "Helvetica", sans-serif;
	padding-bottom:10px;
	margin-bottom:10px;
	
}
h1, h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}
h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}
p {
	padding-bottom: 22px;
}
img
{
	vertical-align:middle;
}
header{
	width:940px;
	margin-left:20px;
	margin-top:20px;
	}
#superscript{
	font-size:.8em;
	position:relative;
	top:-.4em;
	}
#red_text{
	color:#640000;
	font-weight:bold;
	}
/*------------------------------------------------------------------------------
						  		CONTAINER
------------------------------------------------------------------------------*/
#container{
	background-color:#FFF;
	width:100%;
	position:absolute;
	left:-50%;
	margin: 0 0 0 50%;
	height:auto !important;
	height:100%;
	}
#container > header{
	width:450px;}
/*------------------------------------------------------------------------------
						  		TOP SLIDER
------------------------------------------------------------------------------*/
#topSlider{
	z-index:18000;
	position:absolute;
	margin-left:-20px;
	margin-top:445px;
	}
#slideshow img{
	border-radius:0;
	width:470px;
	}
#slideshow > div{
	position:absolute;
	}

/*------------------------------------------------------------------------------
						  		LOGO
------------------------------------------------------------------------------*/
@font-face{
	font-family:'IOutage';
	src:url('../_fonts/Outage.ttf') format('truetype') local('Outage.ttf');
}
@font-face{
	font-family:'IOnramp';
	src:url('../_fonts/ONRAMP.ttf') format('truetype') local('ONRAMP.ttf');
}

#logo{
	position:fixed;
	width:32px;
	height:35px;
	background-image:url(../_images/Logo_INOVARTE%20SVG.svg);
	background-repeat:no-repeat;
	background-size:cover;
	margin:0px;
	z-index:20000;
}
#canvas{
	display:none;
}
/*------------------------------------------------------------------------------
						  		MOBLIE-NAV
------------------------------------------------------------------------------*/

	
#jump {
      background: #fff url(../_images/mobile_menu_btn.png) no-repeat;
	  background-size:80%;
      cursor: pointer;
      display: block;
      padding: 0;
      height: 40px;
      width: 40px;
      text-indent: -999em;
      position: fixed;
      right: 10px;
      top: 15px;
    }
	#jump{
      
      z-index: 21001;
    }
#navContainer{
	padding:0;
	margin:0 -20px 0px -15px;
	}
    #nav {
		position:relative;
		top:50px;
     
      z-index: 1000;
    }
    
	
#nav > li > a{ 
	background-color:#640000; 
	color:#fff; 
	padding:0 25px; 
	font-size:1em; 
	text-decoration:none; 
	text-transform:uppercase;
	}
	#nav > li{
	padding:5px 0;
	color:#640000;
	border-bottom:1px #fff solid;
}

#subNavMain > a > img{display:none; }
#subNavMain > ul{padding:0 0 0 10px; border-top:1px #fff solid;}
#nav > ul > li > a{color:white;}
#subNavMain > ul > li > a{
	color:#fff;
	text-decoration:none; 
	text-transform:uppercase;
	padding:5px 0 5px 35px;
	}
#subNavMain > ul > li{
	border-bottom:1px #fff solid;
	padding:5px 0 5px 0px;}
nav{
	background-color:#640000; 
	position:relative;
	top:0px;
	left:-15px;
	margin-bottom:40px;
	padding:0 0 70px 0;
	}
/*------------------------------------------------------------------------------
						  		NAV
------------------------------------------------------------------------------*/
/*#navContainer{
	position: relative;
	top: 15px;
	left: -35px;
	width:305px;
	height:54px;
	background-color:#640000;
	padding-left:13px;
	margin-bottom:10px;
	}
nav{
	position: relative;
	top: 4px;
	left: 4px;
	font-size: 1em;
	text-align: left;
	z-index:1000;
	}

#nav, .nav, #nav .nav li { margin:0; padding:0;}
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:10px 10px 10px 10px; position:relative;}
#nav li ul.first {left:-1px; top:75%; }
li, li a {color:#FFF; text-decoration:none;}
#nav .nav li { width:100%; line-height:15px; }
#nav li a {display:block; width:inherit; height:inherit;}
ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { 
	color:#fff; 
	background:rgba(255,255,255,.2); 
	padding-right:5px; 
	border-radius:10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
    box-shadow: 0px 0px 13px rgba(0,0,0,.4); 
	}
#nav li:hover > a{
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
    box-shadow: none; 
	}
li > .nav{ display:none; position:absolute; width:210px; top:-2px; left:0%; z-index:1000; padding:5px 15px 0 5px;}
li:hover > .nav {display:block; position:absolute; width:210px; top:-2px; left:100%; z-index:1000; padding:5px 15px 5px 5px;}
li:hover { position:relative; z-index:2000; }
#nav ul{
	border-radius:10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background:#640000;
	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
    box-shadow: 0px 0px 13px rgba(0,0,0,.4);
	}
#nav a{margin:5px 5px 5px 5px;}
#subNavMain img{ position:relative; right:-3px; top:38%;}
#subNavMain > a{ margin:5px 5px 5px 5px;}
#subNavMain > a:hover{ margin:5px 5px 5px 5px;}
#subNavSide img{ position:absolute; right:0px;}


nav ul li.here{
	background:rgba(255,255,255,.2); 
	border-radius:10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 13px rgba(0,0,0,.4);
    box-shadow: 0px 0px 13px rgba(0,0,0,.4); 
	}
*/
/*------------------------------------------------------------------------------
						  		SEARCH
------------------------------------------------------------------------------*/
#search{
	display:none;
	position:relative;
	left:15px;
	width:200px;
	height:49px;
	overflow:hidden;
}
/*------------------------------------------------------------------------------
						  		SLOGAN
------------------------------------------------------------------------------*/
@font-face{
	font-family:'IOutage';
	src:url('../_fonts/Outage.ttf') format('truetype') local('Outage.ttf');
}
@font-face{
	font-family:'Comic';
	src:url('../_fonts/Comic.ttf') format('truetype') local('Comic.ttf');
}
@font-face{
	font-family:'Bradley';
	src:url('../_fonts/Bradley Hand ITC TT.ttf') format('truetype') local('Bradley Hand ITC TT.ttf');
}
#inovarte{	
	font: 1.5em IOutage;
	position:absolute;
	top:-23px;
	left:0px;
	z-index:19000;
}

#inovarte_gr{
	position:fixed;
	padding:15px 5px 0 75px;
	background-color:#FFF;
	width:450px;
	border-bottom:2px #640000 solid;
	}
#inovarte h2{
	font-size:1em;
	z-index:1000;
}
#art{color:#640000;
}
#slogan{
	font: 1em "Bradley";
	color:#640000;
	font-weight:bold;
	position:fixed;
	left:205px;
	top:23px;
	background-color:#FFF;
	z-index:1000;
	padding:0 5px 0 5px;
	}
#line{
	display:none;
	height:2px;
	width:393px;
	background-color:#640000;
	position:absolute;
	top:108px;
	left:60px;
	z-index:100;
	}
/*------------------------------------------------------------------------------
						  		ASIDE
------------------------------------------------------------------------------*/
aside{
	position:relative;
	top:0px;
	width:425px;
	margin:20px 0 190px 15px;
	float:left;
	}
aside h1{
	margin:0 0 25px 0 !important;
	padding:0 0 0 5px;
	font-size:1.25em;
	font-weight:bold;
	line-height:25px;
	border-bottom:1px #989898 solid;
	overflow:hidden;
	}
/*------------------------------------------------------------------------------
						  		ASIDE - LATEST PROJECTS
------------------------------------------------------------------------------*/
div#container > div > aside > h1#vesti{
	margin:-195px 0 15px 0 !important;}
#projectx .projHolder {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0px 10px 10px 0;
	width: 190px;
	float:left;
}

#projectx .projHolder .projContainer {
	display: block;
	max-height: 120px;
	overflow: hidden;
	margin: 0px;
	padding:0px;
}
#projectx .projHolder .projContainer img {
	margin: 0px;
	padding:0px;
}
#projectx .projHolder .projContainer span {
	display: block;
	background: #000000;
	padding: 5px;
	width: 180px;
	height: 14px;
	opacity: 0.8 !important;
	filter:alpha(opacity=80);
	position: absolute;
	margin-top: 96px;
	overflow: hidden;
}
#projectx .projHolder .projContainer:hover span {
	opacity: 1 !important;
	filter:alpha(opacity=0);
}

#projectx .projHolder .projContainer span p {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 11px !important;
	letter-spacing: 0px;
	font-weight: normal;
}
#portfolio{
	text-align:center;
	}
#portfolio a{
	color:#333;
	text-decoration:none;
	}
/*------------------------------------------------------------------------------
						  		MAIN CONTENT
------------------------------------------------------------------------------*/
#mainContent{
	float:left;
	width:450px;
	margin:20px 0 200px 5px;
	min-height:100px;
	height:100%;
	}
#mainContent p{
	color:#222222;
	padding:25px 0 0 15px;}
#mainContent h1{
	padding:0 0 0 15px;
	font-size:1.25em;
	font-weight:bold;
	line-height:25px;
	border-bottom:1px #989898 solid;
	}
#welcome{
	width:440px;}
/*------------------------------------------------------------------------------
						MAIN CONTENT - NAJNOVI VESTI
------------------------------------------------------------------------------*/

#vesti{
	margin:25px 0 15px 0;
}

ul.newsListMain{
	margin: 0px 0px 0px -20px;
	padding: 0px;
	text-indent: 0px;
	list-style: none;
	display: block;
	color:#333;
	}
	
ul.newsListMain li h4 {
		display: block;
		line-height: 20px;
		font-size: 14px;
		font-weight: bold;
		height: 20px;
		overflow: hidden;
	}
ul.newsListMain li {
		list-style: none;
		text-indent: 0px;
		margin: 0px;
		list-style: none;
		cursor: pointer !important
		color: #000000;
		display: block;
		padding: 0px 0px 0px 20px;
		float: left;
	}
ul.newsListMain li a {
			min-width:430px;
			max-width:430px;
			color: #000000;
			text-decoration: none;	
			display: block;
			padding:10px 10px 0 10px;
			border-bottom:1px #989898 solid !important;
		}
ul.newsListMain li a:hover {
			color: #000000;
			text-decoration: none;
			background: #dcdcdc;
		}
ul.newsListMain li a span {
			display: block;
		}
			ul.newsListMain li a span h4 {
				font-size: 12px;
				font-weight: bold;
				overflow:hidden;
				display: block;
				margin: 0px !important;
				padding: 0px 0 0 18px !important;
				color: #424242;
				background:url(../_images/arrow.png) no-repeat 2px 4px;
				cursor: pointer !important;
			}
			ul.newsListMain li a:hover span h4 {
				
				color: #000000;
				text-decoration: none;
			}
			ul.newsListMain li a span small {
				font-size:11px;
				color: #818181;
				display: block;
				margin: 0px;
				padding: 0 10px 10px 18px;
				text-decoration: none;
			}
			ul.newsListMain li a:hover span small {
				color: #666666;
				text-decoration: none;
			}



/*------------------------------------------------------------------------------
						  		FOOTER
------------------------------------------------------------------------------*/
footer {
	position:absolute;
	bottom:30px;
	width:470px;
	height:150px;
	background:#640000;
	color:#FFF;
	
	}
footer #info{
	font-size:.8em;
	position:absolute;
	bottom:14px;
	left:20px;
	width:350px;
}
footer #info h4{
	padding:0 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}
footer #contact{
	font-size:.8em;
	text-align:right;
	position:absolute;
	top:25px;
	right:20px;
	width:350px;
}
footer #contact h4{
	padding:0 3px 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}


/*------------------------------------------------------------------------------
						  		Projects.html za PROEKTI
------------------------------------------------------------------------------*/
#project_holder{
	margin:0 0 200px 20px;
	width:450px;
	height:100% !important;}
.projects{
margin:15px 15%;
color:#000;
width:260px;
min-height:280px;
max-height:280px;
border:1px solid #ccc;
cursor:pointer !important;
overflow:hidden;
float:left;
}
.project_link .projects{
	display: block;
	max-height: 280px;
	margin: 0px;
	padding:0px;
	width:100%;
	height:100%;
}
.projects li a article header h2{
	width:250px;
}
.projects li a article header{
	margin:0;
	padding:5px;

	width:250px;
}
.proj_info_wraper{
	position:relative;
	top:60px;
	width:250px;
	height:50px;
	color:#333;
}
.proj_header{
	color:#333;
	position:relative;
	top:-70px;
	left:-5px;
	font-weight:bold;
	font-size:14px}
#location{
	}
.projects .project_link img{
	padding:0;
	margin:0 10px 0 0;
	width:250px;
	
	}
.project_link header h2{
	cursor:pointer !important;
	display: block;
	padding: 5px;
	width: 250px;
	height: 20px;
	margin: 0px;
	font-size:13px;
	}
.projects:hover{
	background:#CCC;
	}
.project section{
	margin:0;
	padding:5px;
	}
#tumb_pic{
	
	width:250px;
	
	}
.tumb_pic_container{
	min-height:159px;
	max-height:159px;
	min-width:250px;
	max-width:250px;
	overflow:hidden;
	}
.projects .project_link .project .proj_info_wraper #time_finished{
	font-style:italic;
	font-size:12px;
	opacity:.7;
}
.projects .project_link .project .proj_info_wraper .italic{
	font-style:italic;
}
/*------------------------------------------------------------------------------
						  		Projects.html anim za Galerijata
------------------------------------------------------------------------------*/	

.projects.clicked{
    
 }
 
span.tumb_pic_holder{
	
	}
	
ul.projects li a.project_link article.project section img#ot_tumb_pic{
	display:none;
	}	
ul.projects li a.project_link article.project section img.clicked{
	display:block;
	
	}
/*------------------------------------------------------------------------------
						  		LIGHTBOX2.6
------------------------------------------------------------------------------*/	


/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../_images/close.png) url(../_images/loading.gif) url(../_images/prev.png) url(../_images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../_images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../_images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../_images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../_images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*------------------------------------------------------------------------------
						  		Contact Forma
------------------------------------------------------------------------------*/
.contact_form{
	margin:15px 0 0 10px;}
.contatct_form ul{ width:480px;
	list-style-type:none;
	list-style-position:outside;
	padding:0px;}
.contact_form li {
	color:#222;
	padding:12px;
	border-bottom:1px solid #eee;
	position:relative;
	}

.required {
    color:#FF0000 !important;
    margin:5px 0 0 0; 
    display:inline;
    
}
.contact_form label {
    width:80px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.contact_form input {
    height:20px; 
    width:160px; 
    padding:5px 5px;
}
.contact_form textarea {padding:8px; width:300px; height:100px;}
.contact_form button {margin-left:108px;}

.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
	-moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
	padding-right:30px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
	padding-right:50px
}
input:required, textarea:required {
    background: #fff url(../_images/asterisk_red.png) no-repeat 98% center;
}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    background: #fff url(../_images/notok-icon.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
    background: #fff url(../_images/ok-icon.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
button.submit {
    background-color: #490e0e;
    background: -webkit-gradient(linear, left top, left bottom, from(#9b0202), to(#640000));
    background: -webkit-linear-gradient(top, #9b0202, #640000);
    background: -moz-linear-gradient(top, #9b0202, #640000);
    background: -ms-linear-gradient(top, #9b0202, #640000);
    background: -o-linear-gradient(top, #9b0202, #640000);
    background: linear-gradient(top, #9b0202, #640000);
    border: 1px solid #490e0e;
    border-bottom: 1px solid #931d1d;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #eb7b7b;
    -webkit-box-shadow: 0 1px 0 0 #eb7b7b inset ;
    -moz-box-shadow: 0 1px 0 0 #eb7b7b inset;
    -ms-box-shadow: 0 1px 0 0 #eb7b7b inset;
    -o-box-shadow: 0 1px 0 0 #eb7b7b inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #490e0e;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #490e0e;
    box-shadow: 0 0 10px 5px #490e0e inset; 
    -webkit-box-shadow:0 0 10px 5px #490e0e inset ;
    -moz-box-shadow: 0 0 10px 5px #490e0e inset;
    -ms-box-shadow: 0 0 10px 5px #490e0e inset;
    -o-box-shadow: 0 0 10px 5px #490e0e inset;
     
}


.form_hint {
    color: #640000;
    border-radius: 3px 3px 3px 3px;
    margin-left:15px;
    padding: 4px 6px;
    z-index: 999; 
    position: absolute; 
    display: none;
}

.form_hint::before {
    content: "\25C0"; 
    color:#d45252;
    position: absolute;
    top:4px;
    left:-10px;
}

.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {color: #28921f;} 
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
:-moz-placeholder {color: #640000;opacity:.5;}
::-webkit-input-placeholder {color: #640000;opacity:.5;}
*:focus {outline: none;}
.form_hint, .required {font-size: 12px; font-style:italic;}

/*------------------------------------------------------------------------------
						  		Produkti
------------------------------------------------------------------------------*/

ul#product_list li a{
	color:#000;}
	
/*------------------------------------------------------------------------------
						  		Canvases - DECOSTONE
------------------------------------------------------------------------------*/	
	
#canvasesdiv{
	display:none;}
	
/*------------------------------------------------------------------------------
						  		TypeTabs - DECOSTONE
------------------------------------------------------------------------------*/
#wrapper{
	width:460px;
	margin:20px 0 0 0;
}

#wrapper h1{
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
}
#wrapper h4{
	color:#640000;
	font-weight:bold;
	margin-bottom:-15px;
	}

#wrapper p{
	margin-bottom:20px;
	}
#wrapper a{
	display:block;
	font-size:1em;
	padding-top:20px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}
.tabscontent img{
	background:#E6E7E8;
	padding:5px;
	border:1px #CCCCCC solid;
	width:390px !important;
	}

#tabContainer {
	width:440px;
	padding:1px;
	background-color:#fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}

.tabs{
	height:170px;
}

.tabs > ul{
	font-size: 1em;
	list-style:none;
}

.tabs > ul > li{
	margin:0 2px 0 0;
	padding:2px 10px 10px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #C9C9C9;
	background: -moz-linear-gradient(top, #640000 0%, #640000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#640000), color-stop(100%,#640000));
}

.tabs > ul > li:hover{
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); 
	cursor:pointer;
	color: #333;
}

.tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; 
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); 
	cursor:pointer;
	color: #333;
}

.tabscontent {
	border:1px #CCC solid;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:10px 10px 25px;
	background: #FFFFFF; 
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); 
	margin:0;
	color:#333;
}
#tabContainer > div.tabs > ul > li{
	border:1px #CCC solid;
	border-bottom:none;
	width:120px;
	
	}
#tabContainer > div.tabs > ul > li>img{
	width:120px !important;
	}
#tabHeader_1 > span > img, #tabHeader_2 > span > img{
	width:120px !important;
	}

/*------------------------------------------------------------------------------
						  		Minimased SpecTable
------------------------------------------------------------------------------*/
table { 
  width: 80%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
   
  text-align: left; 
}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		
		border: none;
		
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		
		position: absolute;
		
		top: 6px;
		left: 6px;
		width: 40%; 
		padding-right: 5px; 
		white-space: nowrap;
}
	td:nth-of-type(1):before { content: "Должина (cm)"; }
	td:nth-of-type(2):before { content: "Висина (cm)"; }
	td:nth-of-type(3):before { content: "Дебелина (cm)"; }
	td:nth-of-type(4):before { content: "Тежина (kg)"; }
	td:nth-of-type(5):before { content: "Површина (m2)"; }
	td:nth-of-type(6):before { content: "кол. м2/маса м2"; }
	
/*------------------------------------------------------------------------------
						  		Katalog - Moldings.html - LAJSNI
------------------------------------------------------------------------------*/

#katalog_lajsni{
	position:relative;
	left:-25px;
	margin:0;
	width:450px;
	min-height:525px;
	
	}
#tumb_lajsni{
	border-left:1px #640000 solid;
	position:relative;
	left:281px;
	top:0px;
	width:100px;
	height:490px;
	margin:20px 5px 0 20px;
	padding:0 0 0 10px;
	}
#tumb_lajsni ul li img{
	margin:15px;
	width:90px;
	}
#tumb_lajsni ul li{
	float:left;
	width:120px;
	min-height:150px;
	max-height:150px;
	border:1px #CCC solid;
	margin:5px;
	}
#tumb_lajsni ul li:hover{
	cursor:pointer !important;
	background-color:#e1e1e1;
	}
.active{
	background-color:#e1e1e1;
	}
.inactive{
	background-color:#FFFFFF;
	}

#main_img {
	position:fixed;
	margin:5px 25px 25px 25px;
	padding:5px;
	border: 1px #CCCCCC solid;
	width:250px;
	
	
	}	
#main_img img{
	margin:5px;
	width:235px;
	}
.description{
	position:relative;
	top:0px;
	left:0px;
	margin:10px 0 0 0;
	padding:0px;
	border: 1px #e2e2e2 solid;
	background-color:#f1f1f1;
	width:245px;
	}
.description img{
	
	
	}
/*------------------------------------------------------------------------------
						  		Katalog - decosurfaces.html - RELJEFI
------------------------------------------------------------------------------*/
#katalog_reljefi{
	margin:0;
	width:450px;
	min-height:550px;
	}
@media(scroll-top:150px){
#content-slider {
	position:fixed;
	top:150px;
	margin:15px 15px 15px 0px;
	padding:5px;
	border:1px #cccccc solid;
	width:270px;
	min-height:530px;
	max-height:530px;
	overflow: hidden;
	}
}
#content-slider {
	position:relative;
	margin:15px 15px 15px 0px;
	padding:5px;
	border:1px #cccccc solid;
	width:270px;
	min-height:530px;
	max-height:530px;
	overflow: hidden;
}
#content-slider-inside {
	width:270px;
	list-style: none;
	height: 530px;
	overflow: hidden;
	overflow-y: hidden;
}
#content-slider-inside li {
		width: 270px;
		background-color:#fff;
		color: #666;
		min-height:530px;
		max-height:530px;
		
	
	}
img.img_reljefi{
	margin:10px 0 0 15px;
	max-width:230px;
	max-height:360px;
	}
ul#content-slider-inside li h4{
	color:#640000;
	font-weight:bold;
	margin:35px 0 -25px 15px;
	}
ul#content-slider-inside li p{
	font-style:italic;
	color:#666;
	margin:0 0 0 15px;
	}
span#label{
	position:absolute;
	top:140px;
	width:130px;
	height:25px;
	background:#666;
	color:#e2e2e2;
	display:none;
	padding-top:5px;
	}
ul#navigation li a:hover span#label{
	display:block;
	opacity:.7;
	
	}
	
#navigation {
	border-left: 1px #640000 solid;
	padding-left:10px;
	position:relative;
	top:0;
	left:300px;
	width:100px;
	list-style: none;
	margin: -560px 0 0 0;
	float: left;
}

#navigation li {
	float: left;
	width: 130px;
	text-align: center;
	margin: 5px;
	border: solid 1px #ccc;
	min-height:170px;
	max-height:170px;
	
	
}
img.tumb_reljefi{
	width:80px;
	margin:15px;
	}
img.tumb_reljefi#big{
	width:60px;
	margin:15px;
	}
#navigation li a, #navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	display: block;
	
	color: #666;
	min-height:170px;
	max-height:170px;
}

#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
			
	-webkit-box-shadow: 0px 0px 7px #640000;
       -moz-box-shadow: 0px 0px 7px #640000;
            box-shadow: 0px 0px 7px #640000;
			
			min-height:170px;
			max-height:170px;
	
}

	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #f1f1f1;
	color: #999;
	min-height:170px;
	max-height:170px;
}

/*------------------------------------------------------------------------------
						  		Za nas - about_us.html
------------------------------------------------------------------------------*/
ul.list li{
	margin:0 0 0 25px;
	color:#222;
	}
#mainContent > p{
	text-align:justify;}
/*------------------------------------------------------------------------------
						  		VESTI info.html
------------------------------------------------------------------------------*/
ul.newsList{
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	display: block;
	color:#333;
	width:440px;
	}
ul.newsList li h4 {
		color:#640000;
		display: block;
		line-height: 20px;
		font-size: 14px;
		font-weight: bold;
		height: 20px;
		overflow: hidden;
		padding:10px 0 0 15px;
	}

ul.newsList li {
		list-style: none;
		text-indent: 0px;
		margin: 0px;
		list-style: none;
		cursor: pointer !important
		color: #333;
		display: block;
		padding: 0px 0px 5px 5px;
		float: left;
		border-bottom:1px #989898 solid !important;
	}
#mainContent > ul > li > article > section > time{
	font-size:.9em;
	color:#666;
	font-style:italic;
	padding:0 0 0 15px;
	}
#mainContent > ul > li > article > section > p{
	text-align:justify;
	text-indent:3em;
	color:#333;
	padding:0px 0 0 15px !important;
	}
#mainContent > ul > li > article > section.news_images{
	padding:15px 15px 15px 35px;}
#mainContent > ul > li > article > section > img{
	border:1px #999 solid;
	padding:5px;
	width:300px;
	float:left;
	margin:0 15px 10px 0;
	}