@font-face {
    font-family: Roboto;
    src: url("/fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: Roboto;
    src: url("/fonts/Roboto-Bold.ttf");
    font-weight: bold;
}
html{
max-width: 1980px;
max-height:auto;
min-width: 1024px;
min-height: 768px;
}
body{
background:#fff;
background-color:#fff;
color: #000;
background-size: 100%;
#background-image: url("img/background.jpg");
background-repeat:no-repeat;
font-family: "Roboto","Lucida Sans Unicode", "Lucida Grande", Times New Roman, Verdana, sans-serif;
border: 0px;

}
h1 {
	font-size:20px;
	text-align:left;
	margin-left:20px;
}
p {
-ms-hyphens: auto;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
.left {
margin-top:10px;
float:left;
margin:0px;
color:black;
}
.left img{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
div.left a:hover  img{
		color:red;
border:0px solid gray;
-webkit-box-shadow: 2px 2px 2px 2px gray;
   -moz-box-shadow:  2px 2px 2px 2px gray;
        box-shadow: 2px 2px 2px 2px gray;
}

.specification-door {
visibility:hidden;
text-align:center;
margin-left:25px;
margin-right:25px;
}
.right {
float:right;
margin-top:10px;
margin-bottom:10px;
margin-right:20px;
margin-left:20px;
font-family: "Roboto","Lucida Sans Unicode", "Lucida Grande", Times New Roman, Verdana, sans-serif;
}
.right a{
	text-decoration:none;
font-size:14px;
}
div.left-lang {
float:left;
margin-left:20px;
width:100px;
}
.left-lang div{
float:left;
margin-left:6px;
width:40px;
}
.left-lang a {
	text-decoration:none;
		border:0px solid RGBA(140,120,110,0.9);
	float:left;
	width:25px;
	margin-right:25px;
	margin-left:25px;
}
.left-lang a:hover{

	border:0px solid RGBA(140,120,110,0.9);
-webkit-box-shadow: 2px 2px 2px 1px gray;
   -moz-box-shadow:  2px 2px 2px 1px gray;
        box-shadow: 2px 2px 2px 1px gray;
}
.right-cat {
	float:right;
margin-top:10px;
margin-bottom:5px;
margin-right:70px;
margin-left:20px;
font-family: "Roboto","Lucida Sans Unicode", "Lucida Grande", Times New Roman, Verdana, sans-serif;
}

.center {
text-align:center;
margin:auto;
}
.center-popup {
float:left;
width:600px;
height:400px;
text-align:center;
margin:auto;
}
.center-popup img{
margin:10px;
}
h1.popup{
font-size:18px;
}
.center-content {
width:1024px;
text-align:center;
margin:auto;
}
img {
text-align:center;
margin:auto;
border: 0px ;
}
.clear {
clear:both;
}
a {
font:16px bolder;
text-decoration:none;
color:black;
}
a:visited{
text-decoration:none;
color:black;
}
a:hover{
text-decoration:none;
color:red;
}
.left-logo-1{
border: 0px solid white;
background-image: url("img/logo.png");
background-repeat:no-repeat;
border-radius: 0px 0px 1px 0px;
-moz-border-radius: 0px 0px 1px 0px;
-webkit-border-radius: 0px 0px 1px 0px;
-webkit-box-shadow: 0 0px 0 5px white, 0 6px 2px gray;
   -moz-box-shadow: 0 0px 0 5px white, 0 6px 2px gray;
        box-shadow: 0 0px 0 5px white, 0 6px 2px gray;
background-position:center center;
white-space: nowrap;
background-color:#fff;
font-size: 0px;line-height: 0px;
width:196px;
height:103px;
margin-right:-2px;
float:left;
z-index:4;
}
.left-logo-2{
border: 0px;
position:relative;
#background-image: url("img/logo1-2.gif");
#background-repeat:no-repeat;
white-space: nowrap;
width:35px;
height:108px;
margin-left:2px;
font-size: 12px;line-height: 0px;
padding-top:0px;
float:left;
z-index:3;
}
.left-logo-3 {
border: 0px;
font: bold 15px "Lucida Sans Unicode";
width:170px;
height:35px;
float:left;
margin-left:0px;
padding-top:20px;
padding-right:8px;
filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85;	
color:RGBA(140,120,110,0.9);
z-index:2;
}

#menu {
top: 0;
max-width: 100%;
width:1516px;
height:40px;
margin-top:15px;
background-color: #fff;
margin-left:410px;
margin-right:auto;
text-align: center;
filter:alpha(opacity=99); -moz-opacity:0.99; opacity: 0.99;
display:block;
}

#menu ul {
list-style: none;
margin-top:0px;
padding: 0px;
margin-left:7px;
margin-right:7px;
float: left;

}

#menu a {
font-family: "Roboto","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;		
font-size: 15px;
display: block;
margin: 0px;
padding: 6px;
color: #000;
background: #fff;
text-decoration: none;
font-weight: bold;

}
#menu img{
 #border-radius: 5px 2px;
 }

#menu b {

font-size: 14px;
margin: 0px;
padding: 0px;
color: #333;
background: #fff;
#text-transform: uppercase;
}

#menu a:hover {
color: red;
}
#menu li li a:hover {
background-color: #FFF;
color: red;
}

#menu li {position: relative; z-index:3;}

#menu ul ul {
text-align:left;
width: 400px;
position: absolute;
}

#menu ul ul ul {
margin-top:-30px;
margin-left:-1px;
background-color: #FFF;
color: #333;
position: absolute;
left:400px;
height:30px;
}
#menu li li li {
border-top: 0px solid #000;
}
#menu li li {
border-top: 0px solid #000;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div.menu_space {
position: fixed;
top: 0px;
width: 100%;
max-width:100%;
height:50px;
background-color: #FFF;
margin-left:0px;
margin-right:0px;
text-align:left;
filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;	
z-index:1;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
-webkit-box-shadow: 0 0 0 5px gra, 0 6px 3px gray;
   -moz-box-shadow: 0 0 0 5px white, 0 6px 3px gray;
        box-shadow: 0 0 0 5px white, 0 6px 3px gray;
}
.logo-diare-horman{
font-size:10px;
text-transform: uppercase;
text-align:center;
color:#FFF;
vertical-align:middle;
float:right;
text-align:left;
margin-right:2%;
margin-top:12%;
}

.slogan-left{
font: normal 25px Verdana;
line-height: 55px;
margin-left:2.5%;
color:#FFF;
float:left;
text-align:left;
margin-top:15%;
-webkit-text-shadow: 2px 2px 2px #000;
-moz-text-shadow: 2px 2px 2px #000;
text-shadow: 2px 2px 2px #000;
}
.left h2 {
margin-right:10px;
margin-top:20px;
}

.right img {
vertical-align:middle;
margin-right:5px;
margin-left:10px;
}
.slogan-right{
float:left;
margin:10px;
-webkit-text-shadow: 2px 2px 2px #000;
-moz-text-shadow: 2px 2px 2px #000;
text-shadow: 2px 2px 2px #000;
filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85;
}
.content{
float:left;
margin-left:180px;
margin-top:122px;
width:1080px;
background:#fff;
}
.content img{
margin:18px;
#border-radius: 40px 10px;
}
.left-content {
float:left;
width:500px;
margin:10px;
margin-left:20px;
text-align:center;
}

.left-content  h1{
float:left;
margin-top:0px;
padding-top:0px;
font-size: 20px;
text-align:left;
}
.left-content  h2{
float:left;
margin-left:10px;
padding-top:0px;
font-size: 16px;
text-align:left;
}
.left-content  img{
float:left;
margin-left:0px;
padding-top:0px;
font-size: 16px;
text-align:left;
}

div.left-content  object{
float:left;
margin-left:0px;
margin-top:18px;
width:500px;
heihth:500px;
padding-top:0px;
font-size: 16px;
text-align:left;
}
div.left-content a:hover  img,object{
border:0px solid gray;
-webkit-box-shadow: 2px 2px 2px 2px gray;
   -moz-box-shadow:  2px 2px 2px 2px gray;
        box-shadow: 2px 2px 2px 2px gray;
}

.red{
color:red;
float:none;
font-size:14px;
}
div.red a{
decoration:none;	
}
h1.red{
	margin-left:auto;
	margin-right:auto;
color:red;
text-align:center;
width:400px;
float:none;
font-size:20px;
-webkit-box-shadow: 0px 2px 2px 0px gray;
   -moz-box-shadow:  0px 2px 2px 0px gray;
        box-shadow: 0px 2px 2px 0px gray;
}
.red-left{
color:red;
float:left;
}
.red-right{
color:red;
float:right;
}
.left-content-big {
float:left;
width:800px;
margin:10px;
margin-left:20px;
text-align:justify;
}
.left-content-smile {
float:left;
width:200px;
margin:10px;
margin-left:20px;
text-align:justify;
}
.right-content {
float:right;
width:500px;
margin:10px;
margin-right:20px;
text-align:center;
}
.right-content-smile {
float:right;
margin:5px;
text-align:justify;
}
.left-content-smile {
float:left;
margin:15px;
text-align:justify;
}
.right-content-big {
float:right;
width:800px;
margin:10px;
margin-right:20px;
text-align:justify;
}
.left-content p{
text-align:left;
font-size: 15px;
}
.right-content p{
text-align:left;
font-size: 15px;
}
img.right {
margin:2px;
}
.hidden {
margin:auto;
 visibility: hidden;
}
.justify  {
text-align:justify;
}
.right-justify {
margin-bottom:5px;
width:245px;
float:right;
text-align:left;
font-size: 11px;
}
.right-justify img{
margin-right:5px;
}
.left-justify {
margin-bottom:5px;
width:245px;
float:left;
text-align:left;
font-size: 11px;
}

.left-justify img{
margin-right:5px;
}
.left-justify-text {
width:190px;
text-align:justify;
}
.left-property {
margin:2px;
float:left;
text-align:justify;
width:255px;
font-size: 11px;
padding-top:0px;
}

.left-property  p{
padding-top:5px;
}
.form-mydoor {
width:1100px;
margin:35px;
}
.left-form{
width:460px;
float:left;
margin:0px;
}
.shadows-map {
width:329px;
margin-right:90px;
float:right;
text-align:center;
}
.content-form {
border:2px solid gray;
float:left;
margin-left:200px;
margin-top:135px;
width:1120px;
background:#fff;
background-color: #f0f0f0;
filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;	
color:RGBA(140,120,110,0.95);

}
.center-content-form {
float:left;
text-align:left;
width:210px;

}
form p{
font-size:13px;
}
.left-form input {
width:300px;
color:rgba(0, 0, 0, 1);
background: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
}
.left-form select {
width:306px;
color:rgba(0, 0, 0, 1);
background: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
}
.left-form-message {
width:620px;
float:left;
margin:0px;
}
.left-form-message imput {
width:50px;
color:black;
}
.background-url {
height:900px;
width:auto;
    max-width: 1820px; 
    max-height: 1024px;

background-image: url("img/interiorna-vrata-1.jpg");
background-repeat:no-repeat;
}
.left-content object {
margin-top:2px;
}
div.slash {
    content: "";
    position: relative;
    width: 3px;
    height: 57%;
    top: -54%;
    display: block;
    background: red;
    left: 39%;
	-ms-transform: rotate(27deg); /* IE 9 */
    -webkit-transform: rotate(27deg); /* Chrome, Safari, Opera */
    transform:  rotate(27deg);
	-webkit-box-shadow: 1px 2px 1px 0px gray;
   -moz-box-shadow:  1px  2px 1px 0px gray;
        box-shadow:  1px 2px 1px 0px gray;
		border-radius: 0px 0px 3px 0px;
-moz-border-radius: 0px 0px 3px 0px;
-webkit-border-radius: 0px 0px 3px 0px;
z-index:5;
}
div.slash1 {
    content: "";
    position: relative;
    width: 3px;
    height: 68%;
    top:-70px;
    display: block;
    background: red;
    left: 45%;
	-ms-transform: rotate(27deg); /* IE 9 */
    -webkit-transform: rotate(27deg); /* Chrome, Safari, Opera */
    transform:  rotate(27deg);
		-webkit-box-shadow: 1px 2px 1px 0px gray;
   -moz-box-shadow:  1px  2px 1px 0px gray;
        box-shadow:  1px 2px 1px 0px gray;
		border-radius: 0px 0px 3px 0px;
-moz-border-radius: 0px 0px 3px 0px;
-webkit-border-radius: 0px 0px 3px 0px;
z-index:5;
}
div.copyright  {
		clear:both;
position:relative;
bottom:10px;
right:20px;
float:right;
width: 200px;
text-align:center;
font-size: 10px;
margin-right:30px;
}
.item {
margin: 0 5px;
float:left;
  width: 180px;
  height: 164px;
}
.item img {
margin: 0 5px;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.left:hover img {

  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
textarea.right {
height:130px;
width:460px;
}
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
		
		#mobile_menu {
			visibility:hidden;
		}
.overlay {
  position: absloute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #FFF;
}

.left:hover .overlay {
  opacity: 1;
}

.text {
	margin-top:2px;
  color: black;
  font-size: 11px;
  position: relative;
  margin:auto;
	width:160px;
  transform: translate(-6%, -6%);
  -ms-transform: translate(-6%, -6%);
  text-align: center;
}

div.left  h3:hover{

  color: red;

}