/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ V  V /  ____) || (_) || |_| || |  | (__|  __/
      \/    |_| \___|  \_/\_/  |_____/  \___/  \__,_||_|   \___|\___|
          web: www.viewsource.biz  email: office@viewsource.biz
                    Copyright (c) 2005-2009 ViewSource
                    
***********************************************************************/


/* C O M M O N ********************************************************/

body {
	margin: 0px;
	padding: 0px; 
	background: #fff; 
	font: 12px Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #65778c;
    font-family: "GibsonLight";
    font-style: normal;
    font-weight: normal;
}

p {
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
	color: #65778c;
}

ul {
	margin: 2px 0px 2px 0px; 
	padding: 0px 0px 0px 15px;
}
li {
	margin: 1px 0 1px 0px;
	padding: 0px;
}
hr {
	border: 0px; 
	border-top: 1px solid #ddd;
}
a:hover {
	text-decoration:underline;
}
a img, a:visited img, a:hover img {
	border: 0px;
}
a:focus, a:visited {
    outline: none;
}
img {
	border: 0px;
}
form {
	margin: 0px;	
	padding: 0px;
}
label {
	margin:0px;
}
textarea {
	min-width:200px;
	min-height:120px;
}

/* Header **************************************************/

header{
	background-color:#E1E5EE;
}
.logo {
	height:auto;
	vertical-align: bottom;
}
.traka
{
	background-image: url("/design/images/line_dots.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: auto;
    width: 100%;	
}
.navbar-inverse {
    background-color: transparent;
    border-color: none;
	border:0px;
	margin-bottom: 0px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}
.navbar-inverse .navbar-toggle {
    border: 2px solid #c8d8df;
}
.navbar-inverse 
.navbar-toggle:hover,
.navbar-inverse 
.navbar-toggle:focus {
	background-color: #de3068;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #de3068;
}
.navbar-nav {
	width: 100%;
}
.fb-tw a{
	color: #de3068;
	font-size: 14px;
	text-decoration:underline;
}
.fb-tw a:hover{
	background-color: transparent;
	color: #212121;
}

.face-twit{
	padding-top: 36px;
}

.fb-tw {
	padding-top: 13px;
	margin-left: 30px;
}
.topmenu {
    font-family: "GibsonRegular";
	padding-top: 28px;
	padding-bottom: 28px;
}

.topmenu ul li a
{
    border: 2px solid transparent;
    border-radius: 17px;
    color: #65778c;
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding-left: 13px;
    padding-right: 13px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
    transition-property: color, border;
	margin-left:5px;
}	
.topmenu ul li a.active
{
	border: 2px solid #c8d8df;
    color: #de3068;
    text-decoration: none;
}

.topmenu ul li a:hover
{
	border: 2px solid #c8d8df;
    color: #de3068;
    text-decoration: none;
}
.navbar-nav > li > a{
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav > li > a {
    color: #65778c;
}
.nav > li > form > a {
    display: block;
    padding: 15px;
    position: relative;
	line-height: 20px;
	color: #777;
}
.nav > li > form > a:hover {
	text-decoration: none;	
}
.navbar-right {
	margin-top:13px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background: none;
}
.navbar-form {
	margin-left:0px;
	margin-right:0px;
}

.navbar-header {
	padding-left: 15px;
}
/* Index **************************************************/
.wrap_box
{
	border-top: 1px dotted #c8d8df;
    padding-top: 25px;
	padding-bottom: 40px;
}
.wrap_box h3 {
	font-size: 22px;
}
.hover-on {
	background-color: rgba(136,40,71,0);
	background-position:left;
    background-repeat: no-repeat;
	position:absolute;
	opacity: 0;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0; 
	right:0;
	text-align:center;
	font-size: 18px;
	font-style: italic;
    font-weight: bold;
	cursor: pointer;
	border-radius: 17px;
	display:flex;
	justify-content: center;
    align-items: center;	
	transition-duration: 0.2;
	display: -webkit-flex; /* Safari */
	-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
	-webkit-transition: all 400ms ease-out 200ms;
    -moz-transition: all 400ms ease-out 200ms;
    -o-transition: all 400ms ease-out 200ms;
    transition: all 400ms ease-out 200ms;
		
}
.owlimage1 img{
	border-radius:10px;
	width:100%;
}
.owlimage1 {
	position:relative;
}
.width-config a:hover .hover-on {
    background-position: center top;
    height: auto;
    width: auto;
    color:#fff;
	background-color: rgba(136,40,71,0.8);
	opacity: 1;
	top:0;
	left:0;
}
.width-config h3 {
	color: rgb(136,40,71);
	margin-top: 10px;
	margin-bottom: 20px;
}
.width-config h3 > a {
	color: rgb(136,40,71);
	margin-top: 10px;
	margin-bottom: 20px;
}
.width-config a:hover {
	text-decoration: none;
}
.galerija{
	position: relative;
	margin-top: 20px;
}
.get_quote
{
	background-image: url("/design/images/contact_line.png");
    background-position: center top;
    background-repeat: no-repeat;
    font-family: "GibsonLight";
    font-size: 24px;
    padding-bottom: 50px;
    padding-top: 90px;
    text-align: center;
}
.get_quote a {
	color:#de3168;	
	text-decoration: underline;
	font-size: 24px;
}
.get_quote a:hover {
	color:#212121;
	background-color:#fff;
}

/* O nama **************************************************/
.linkovi img {
	width:20%;
	padding-right:20px;
	float:left;	
}
.linkovi {
	height: auto;
	padding-left: 0px;
	padding-right: 30px;
}
.link1 {
	margin-top: 9px;
}
.prvi-text {
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
}
.separator {
	border-top: 4px dotted #c8d8df;
	margin-top: 20px;
	margin-bottom: 20px;
}

.o-nama-text {
	padding-left:0px;
}
.icons-about {
	margin-top: -75px;
}
.icons-about img {
	float:right;
}
.icons-about1 {
	margin-top: -75px;
	margin-left: 70px;
}
.icons-about1 img {
	float:left;
}
.slika-about img{
	float:right;
}
.icons-about-inner1 {
	padding-right: 0px;
}
.icons-about-inner {
	padding-right: 0px;
}

/* Uredjenje enterijera **************************************************/
.enterijer {
	border-top: 4px dotted #c8d8df;
	margin-top:20px;
}
.enterijer-link {
	color: #de3168;
	text-decoration: none;
	padding: 0px 5px;
}
.enterijer-link:hover {
	color: #fff;
	background-color: #de3168;
	border-radius: 7px; 
	text-decoration: none;
}
.uredjenje h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Footer **************************************************/

.traka-dole {
	background-image: url("/design/images/line_dots.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: auto;
    width: 100%;
}
.footerbot {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    width: auto;
	border-top: 2px solid #c8d8df;
}
.footerbot p {
    line-height: 1.8em;
    margin-bottom: 1em;
    font-size:15px;
	color:#212121;
}
.footer {
	padding-left: 16px;
	top: 10px;
	font-size:16px;
}
.footer2 {
	top: 10px;
}
footer a {
    color: #65778c;
}
footer a:hover {
	background-color:#fff;
	color:#de3068;
	text-decoration:none;
}

/* C L A S S   C A T A L O G ******************************************/

.one-item {
	margin: 0 0 30px 0px;
}
.one-item-picture {
	border: 1px solid #cccccc; 
	margin: 3px;
}
.one-item-parameter {
	width: 230px;
}
.one-item-group-filter {
	width: 395px;
}
.one-item-group-items {
	margin: 0 0 30px 30px;
}
.one-item-group-items-parameter {
	width: 200px;
}
.one-item-group-items-picture {
	border: 1px solid #cccccc;
}
.category-items {
	margin: 0 0 30px 0px;
}
.category-items-parameter {
	width: 230px;
}
.category-items-picture {
	border: 1px solid #cccccc;
}
.category-items-group-items-filter {
	width: 395px;
}
.category-items-group-items {
	margin: 0 0 30px 30px;
}
.category-items-group-items-parameter {
	width: 200px;
}
.category-items-group-items-picture {
	border: 1px solid #cccccc;
}

/* C A T A L O G  _ C A T E G O R Y _ B O X******************************************/

.panel {
	box-shadow: none;	
}
.panel-heading {
	border-radius:0px;
}
.panel-default {
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-top: 29px;
}
.panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: 0px;
	font-size: 22px;
	color: #65778c;
    font-family: "GibsonLight";
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
}
.panel-heading span {
	font-weight: bold;
}
.list-group-item {
	border-bottom: 0px;
	border-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.list-group-item a {
	color:#de3068;
	font-style: italic;
	padding: 0px 2px;
}
.list-group-item a:hover {
	background-color:#de3068;
	color:#fff;
	text-decoration: none;
	border-radius: 3px;
}
/* Info **************************************************/

.info {
	background: #f9f9f9; 
	border: 1px solid #eeeeee; 
	padding: 5px; 
	margin: 5px;
}

/***************************** C U S T O M ******************************/

.form-table td {
	padding:5px 5px 5px 0px;
}
/* banner_one_banner_top **************************************************/
.naslov-top {
	background-color: #fff;
}
h1 {
	color: #de3168;
    font-family: "GibsonSemiBold";
    font-size: 67px;
    line-height: 1.1em;
    margin-bottom: 10px;	
	text-align: center;
}
h1 span {
	color: #212121;
    font-family: "GibsonLight";	
}
h2 {
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
}
.naslov-top h2 {
	text-align:center;
}
.language {
	position:fixed; 
	right: 40px; 
	top: 45px; 
	padding:10px;
	background-position: left top;
    background-repeat: no-repeat;
    border: medium none;    
    height: 70px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999px;
    width: 70px;
    z-index: 900;
}
.language.SR {
	background: url("/design/images/language_image_en.png");
}
.language.EN {
	background: url("/design/images/language_image_sr.png");
}
.language:hover {
	background-position: right top;
}
#top-link {
	display:none; 
	position:fixed; 
	right: 40px; 
	top: 45px; 
	padding:10px;
	background: url("/design/images/top_arrow_image.png");
	background-position: left top;
    background-repeat: no-repeat;
    border: medium none;    
    height: 70px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999px;
    width: 70px;
    z-index: 999;
}
#top-link:hover	{
	background-position: right top;
}
.bread-crump-title h1 {
	font-size: 56px;
	margin-top: 110px;
	margin-bottom: 0px;
}
.crump-background {
	background-image: url(/design/images/breadcrumb-background.jpg);
	background-repeat: x;
}

.contact-margins {
	margin-top:40px;
	margin-bottom:40px;
}

.contact-image-left {
	margin-right:-18px;
}
.contact-form-wrapper {
	min-height:471px;
	border:10px solid #000;
	padding:0px 20px;
	margin-left:-18px;
	background: url('/design/images/contact-form-right-background.png');
}
.contact-form-wrapper .form-control {
	border:5px solid #000;
	border-radius:0px;
	color:#fff;
	font-size:15px;	
	font-weight: bold;
	height:auto;
	padding:3px 12px;
}
.contact-form-wrapper .form-inputs:nth-child(2) .form-control {
	background: #fac52c;
}
.contact-form-wrapper .form-inputs:nth-child(3) .form-control {
	background: #bec772;
}
.contact-form-wrapper .form-inputs:nth-child(4) .form-control {
	background: #e95d3f;
}
.contact-form-wrapper .form-bottom .form-control {
	background: #ccc;
}
.contact-form-wrapper .form-control::-webkit-input-placeholder {
	color: #fff;
	font-weight: bold;
}
.contact-form-wrapper .form-control:-moz-placeholder { /* Firefox 18- */
   	color: #fff;
	font-weight: bold;
}
.contact-form-wrapper .form-control::-moz-placeholder {  /* Firefox 19+ */
	color: #fff;
	font-weight: bold;  
}
.contact-form-wrapper .form-control:-ms-input-placeholder {  
	color: #fff;
	font-weight: bold;  
}
.contact-form-wrapper textarea.form-control {
	background: #aae4e6;
}
.contact-form-wrapper .contact-button {
	margin:5px 0px;
	border:5px solid #000;
	border-radius:0px;
}
.contact-text {
	background: #fff;
	margin-top:10px;
	padding:10px;
}
.validate-image {
	margin-top:5px;
}