root { 
    display: block;
}
body{
background-color: #8e0000;
margin: 0 auto;
min-width: 1000px;
}

#upper_nav {
	text-align: right;
        height: 37px;
        margin-top: 25px;
        margin-right: 15px;
}
  #upper_nav ul {
        display: inline-table;
        position: relative;
        list-style: none;
        }
        #upper_nav ul li:hover > ul {
		display: block;
	}
      
        #upper_nav ul li {
		float: left;
                padding: 0px;
	}
            #upper_nav ul li a {
			display: block; 
                        padding: 0px 10px 0px 10px;
			color: #FFFFFF; 
                        text-decoration: none;
                        font-size: 15px;
		}
               
               #nav{
                    margin: 0 auto;
                    text-align: center;
                    width: 950px;
                }    
                
        #nav ul {
background-image: linear-gradient(bottom, #332833 1%, #CF0808 52%, #221E24 100%);
background-image: -o-linear-gradient(bottom, #332833 1%, #CF0808 52%, #221E24 100%);
background-image: -moz-linear-gradient(bottom, #332833 1%, #CF0808 52%, #221E24 100%);
background-image: -webkit-linear-gradient(bottom, #332833 1%, #CF0808 52%, #221E24 100%);
background-image: -ms-linear-gradient(bottom, #332833 1%, #CF0808 52%, #221E24 100%);

background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.01, #332833),
 color-stop(0.52, #CF0808),
 color-stop(1, #221E24)
);
        padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
        height: 55px;
        margin-top: 5px;
}
#nav ul:after {
		content: ""; clear: both; display: block;
	}
        #nav ul li {
	
        display:table-cell; 
        vertical-align:middle;
        padding-right: 15px;
        padding-left: 15px;
        box-shadow: 0 3px 6px -2px black;
}

	#nav ul li:hover {
	 border-left:solid 1px black;
     box-shadow:0 0 1em rgb(3,5,3);
	}
	#nav ul li a {
		
		color: #F0F0E0;
                text-decoration: none;
                font-size: 14px; 
                padding-top:10px;
                padding-bottom: 10px;
                display: block;
	}
        #logo{
            margin:0 auto;
            height: 200px;
            width: 950px;
text-align:center;
        }
        h1{
            margin:0 auto;
            width: 900px;
            font-size: 20px;
            text-align: center;
            padding-bottom: 10px;
        }

.content{
    display: block;
    margin: 0 auto;
    width: 950px;
    text-align: center;
    height: auto;
    color:#CDCDCD;
    padding: 0;
    -moz-box-shadow:0 0 10px 5px #CF0808,  20px 30px 50px red, -20px 25px 15px #FFBF40, -30px -30px 50px orange;
-webkit-box-shadow: 0 0 10px 5px #CF0808,  20px 30px 50px red, -20px 25px 15px #FFBF40, -30px -30px 50px orange;
box-shadow: 0 0 10px 5px #CF0808,  20px 30px 50px red, -20px 25px 15px #FFBF40, -30px -30px 50px orange;
}
.ventilation_pic{
   
   width: 30%;
   float: left;
}
.ventilation_pic img{
   float: left;
   width: 90%;
   padding: 10px 20px 10px 20px;
   
}
.content_text{
    position: relative;
    text-align: justify;
    padding: 10px 20px 10px 20px;
    width: 60%;
    float: left;
}
.content_text:after{
    clear: both;
}
.naredbi_list{
    border-left: 1px solid grey;
}
.naredbi_list li{
   color: #E8E8E8; 
}
.naredbi_list li a{
    padding-top: 15px;
    color: #E8E8E8;
    text-decoration: none;
    font-size: 16px;
}
.naredbi_list li a:hover{
    color: #B8B8B8;
    text-decoration:underline;
}
h2{
    font-size: 19px;
    color: #B8B8B8;
}
#kontakti{
    width: 95%;
    text-align: left;
    margin-left: 30px;
    height: 50%;
}

#lower_nav{
    margin: 0 auto;
    width: 950px;
    text-align: center;
    margin-top: 35px;
    -webkit-box-shadow: 0 0 10px 5px #CF0808;
	   -moz-box-shadow: 0 0 10px 5px #CF0808;
	        box-shadow: 0 0 10px 5px #CF0808;
               margin-bottom: 25px;
              
}
#lower_nav ul {
         
        display: inline-table;
        position: relative;
        list-style: none;
        text-align: center;
        padding: 0 0 10px 0;
        border-bottom: 1px solid gray;
        
        }
        #lower_nav ul li:hover > ul {
		display: block;
	}
      
        #lower_nav ul li {
		float: left;
                padding: 0px;
	}
            #lower_nav ul li a {
			display: block; 
                        padding: 0px 10px 0px 10px;
			color: #FFFFFF; 
                        text-decoration: none;
                        font-size: 15px;
		}
                #lower_nav ul li a:hover {
			
			color: #B6B6B4; 
                        
		}
              .border{
                    border-right: 1px solid gray;
                }
               #lower_nav hr{
                    padding: 0;
                }
                #lower_nav p{
                    padding: 0 0 10px 0;
                    margin: 0 auto;
                 color:#dd9300;
                }
                #map{
                    float: left;
                    
                }
                #map iframe{
                    padding: 10px 20px 10px;
                    width: 100%;
                   
                }
                iframe{
                    border: 0px;
                    
                }
               .content #contact_form{
                    float: right;
                    width: 30%;
                    
                }
                .clear{
                    clear:both;
                }
                 #lower_nav a{
                  color:#009ce5; 
                  text-decoration:none;
                }
                #lower_nav a:hover{
                  color:#cecece; 
                }