* {
margin:0;
padding: 0;
}

html{
}

body {
margin: 0 auto; 
width:100%;
height:600px;
background-image:url('images/back.png');
background-repeat: no-repeat;
background-position:center;

background-color:rgb(228, 226, 226);

font-family:tahoma,ariel,calibri,sans-serif,YanoneKaffeesatz;
font-size: 16px;
a:hover{color: red;text-decoration:none;}
}


p {
font-family:sans-serif;
font-size: 16px;
}
a{color: rgb(250, 244, 244); text-decoration:none;font-weight:bolder }
ol:hover{color: rgb(235, 27, 27);text-decoration:underline;}
a.hidden{text-decoration: none;color:rgb(250, 247, 247);
cursor:default;
background:#fff;
}
audio{
margin-right: 99%;
margin-top: 1%;
}
input{
color: white;
background: grey;
border: 1px solid grey;
}
#fb {
position: absolute;
margin: -60px 0 0 970px;
}
#container {
width: 100%;
margin:0 auto;
background-position: center;
background: rgb(203, 203, 203);
}

#container h2{
text-align:left;
}
#top_menu{
text-align:right;
padding-right:1em 0 em 0;
background: rgb(173, 24, 24);

}
#top_menu a{
color:white;
}
#menu_2{
text-align:right;
padding-right:1%;
}

#marque{
color:black;
font-weight:bolder;
}
#menu {
margin:0 auto;
width:960px;
height: 37px;
background:black;
text-align:left;
font-size:14px;
color:white;
font-family:YanoneKaffeesatz;
border-TOP: 1px solid white; 
border-bottom: 1px solid white; 
}
#menu2 {
text-align: center;
font-size: 18px;
font-family: calibri;
display: block;
margin-left: 60%;
margin-top: 1%;
}
fb-share-button{
position:absolute;
margin-left: 60%;
margin-top: 1%;
}
.menu li {
color: rgb(250, 247, 247);
} 
ul {
display: block;
}
li {
padding: 0 5px;
list-style-type: none;
display: inline;
text-align:center;
line-height: 58px;

}
iframe{
display:block;
margin-left:auto;
margin-right:auto;
}
#header {

width: 960px;
height:0px;
background-repeat: no-repeat;
background-position: center;
background: rgb(153, 153, 153);
margin:0 auto;

}
#header_1{
width: 400px;
background-position: 0;
box-shadow:-12px 10px 8px #D4C8C8;
margin-top:-10px;
border:1px solid #fff;
}
#header-bottom{


background:#DBD8D8;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


#login_top {
position:absolute;
margin: -160px 0 0 680px;
}

#company {
position: absolute;
margin: 58px 0 0 690px;
font-size:24px;
}
#content_contact {
width: 100%;
background:rgb(248, 248, 248);

float: left;
border: 1px solid #c0c6cd;
padding:1%;
}
#content {
width: 100%;
margin:0 auto;
background-position: center;
background: ;
display:block;

}
#left_column{
float:left;
background:url(images/);
background-repeat: no-repeat;
width:11%;
}
#left_column img{
float:left;

width:960px;
}

#right_column{
float:right;
background-image:url(images/);
}
#right_column {
float:left;

}
#main {
width: 650px;
text-align:justify;
float:right; 
margin:10px;
background: #fff;

}


}
#main.li {
display: block;
}

#1{
width: 920px;
margin: 0 auto;
}
#main2 {
width: 450px;
color:#000;
float:right; 
margin:80px;
padding:10px;
background: #fff;
}

.contact {
width: 45%;
float: right;
font-family: sans-serif;
border: 1px solid #c0c6cd;
margin-bottom: 30px;
background: #fff;
padding: 10px 5px 10px 10px;
margin: 12px;

}
.contact_left {
margin:0px auto;
width: 45%;
float: left;
font-family: sans-serif;
border: 1px solid #c0c6cd;
background: #fff;
padding: 10px 5px 10px 10px;
margin-top: 12px;
margin-left:30px;

}
.contact_right {
margin:0px auto;
width: 250px;
float: right;
font-family: sans-serif;
border: 1px solid #c0c6cd;
background: #fff;
padding: 10px 5px 10px 10px;
margin-top: 12px;
margin-left:30px;

}

.contact table {
margin:0 auto;
margin-bottom: 30px;
margin-top: 30px;
font-family:sans-serif;
}

.contact_left table {
margin:0 auto;
margin-bottom: 30px;
margin-top: 30px;
font-family:sans-serif;
}
.contact input {
font-family:sans-serif;
}
.contact table td{
margin: 0 auto;
padding-right: 40px;
padding-bottom: 10px;
font-family:sans-serif;
}
.news {
margin:0 0 10px 10px;
float: right;
background: #fff;
padding: 0px 40px;
}
.news h2 {
text-align: center;
margin-bottom: 5px;
}
.change table{
margin:10px auto;
}
.news img {
float: left;
margin: 5px 5px;
width: 290px;
height: 200px;
background:#fff;
}
textarea {
resize: none;
text-align: top;
}
#main p {
padding: 10px 20px;
font-family: san-serif;
display: block;

}

#center {
float: auto;
text-align: center;
display: block;
}

#main h1 {
text-align: center;
padding-bottom: 20px;
font-family:sans-serif;
font:14px;
}
#right {
float: right;
}
#marka{
width: 248px;
background-color:#fff;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #c0c6cd;
margin: 10px 10px 0 10px;


}
#search{
width: 200px;
background-color:#fff;
padding-left: 20px;
padding-right: 20px;

margin: 10px 10px 0 10px;

}
#grupa{
width: 248px;
background-color:#fff;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #c0c6cd;
margin: 10px 10px 0 10px;
}
#login {
width: 248px;
background-color:#fff;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #c0c6cd;
margin: 10px 10px 0 10px;


}
#login1 {
width: 248px;
margin:0 auto;
}

#copytext {
margin:0 auto;
text-align: center;
background: rgb(153, 153, 153);
color:black;
border-top: 1px solid white;
margin-top:2px;
text-align:right;
font-family: YanoneKaffeesatz;
}

#copytext a {
color:black;
font-family:YanoneKaffeesatz;

}
#footmenu{
text-align:right;
font-family:YanoneKaffeesatz;
color: black;
font-weight: bold;
}

#footmenu a{
color:red;
}

#footer {
clear:both;



text-align:center;
font-size:14px;
color:#000;
text-align:center;
font-family:sans-serif;
margin:0px auto;

background: grey; 
}
#footer ul {
display: block;
color: #000;
} 
}
#footer li {
padding: 0 0px;
list-style-type: none;
display: inline;
text-align:center;
line-height: 58px;
border-right: 1px dotted #192f7f;
color: #000;
} 
}
.footer ul.li:{
color: #000;
} 


.footer a{
padding: 0 0px;
display: block;
color:red;
font-weight:bold;
}

.admin {
width: 900px;
margin:30px auto;
border: 1px solid #c0c6cd;
margin-bottom: 30px;
background: #fff;text-align: left;
}
.admin table {
margin:20px auto;
}
.admin table td, th{
padding-right: 10px;
padding-bottom: 5px;

}
.admin img {
margin-left:10px;
background:#fff;
}
.calc {
width: 430px;
margin:30px auto;
}
.calc h2 {
text-align: center;
}
.calc table {
margin:0 auto;
}
.notice {
border: 1px solid #c0c6cd;
margin: 10px 10px 10px 10px;
background-color:#fff;
width: 288px;
color:#000;
text-align:justify;


}
.notice table {
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
}
.notice h3 {
text-align: center;
}
.notice img {
margin: 5px 0 0 5px;
background:#fff;
}
.topsearch{
margin:auto;
width: 850px;
height: 1oopx;
}
.main {
margin:30px auto;
width: 900px;
border: 1px solid #c0c6cd;
padding: 10px 5px 10px 10px;
background: #fff;
}
.error {
color: red;
text-align: center;
}
.error p {
margin: 40px 0;
}
.accept {
color: green;
text-align: center;
}
.reg{
text-decoration: underline;
text-align: center;
}
.snimki {
margin:30px auto;
width: 850px;
border: 1px solid #c0c6cd;
padding: 10px 5px 10px 10px;
background: #fff;
text-align: center;
}

.left {

padding-right: 5px;
border:1px solid #grey;
background:#fff;

}
#left {
background-image:url{images/1.jpg};
padding-right: 5px;
border:1px solid #grey;

width:288px;
height:664px;
}

.left img{
padding-left: 5px;
padding-right: 5px;
width:288px;
background:#fff;
border:1px solid #grey;
}


}
.right-top {
border: 2px solid #c0c6cd;
padding-left: 10px;
vertical-align:middle;
}
.right {
margin-top: 0px;
padding-left: 10px;
background: #fff;
}
select {
width: 130px;
}
.searchLink :hover {border:1px solid red;}
.searchLink :active {border:1px solid gray;}
.searchLink :link {border:1px solid gray;}
.searchLink :visited {border:1px solid gray;}
.searchLink :hover  td {border:none;}
.border {
padding: 10px 10px;
}
.nosa td {
width: 100px;
}
.tb {
margin:20px auto;
width: 700px;
border: 1px solid #c0c6cd;
padding: 10px 5px 10px 10px;
background: #fff;
text-align: center;
}
.tb th {
background: #d7d5d3;
text-align: center;
}
.tb td {
text-align: center;
padding: 5px 20px;
}
.tb tr:nth-child(even) {
background: #f0ede9;
}
.tb tr:nth-child(odd) {
background: #FFF;
}
.page {
text-align: center;
}
.sort {
text-align: right;
margin-right: 100px;
margin-bottom: -20px;
}
.sort select {
width: 200px;
}
.portfolio{
width:25%;
background:url("images/ut.jpg");
}
#logo{

padding-top:-15px;
margin-right:150px;
margin:0 auto;
width:960px;
padding-left:0%;
color:black;
text-align:left;
margin-top: -3%;
}
 
#servertime{
width: 960px;
margin: 0 auto;
text-align: right;
color:white;
font-style:bold;
background:grey;
}
#scroll{
width: 960px;
height:50px;
margin: 0 auto;
text-align: right;
color:grey;
font-style:bold;
background:white;
margin-top: -5%;
}
#down_text{
height:50px;
background-image:url('images/down.png');
text-align:right;

color:white;
font-family: mistral;
font-size: 3em;
}
#music{
width:960px;
margin:0 auto;
padding-left:64%;
}
---------DROP DOWN MENU------------------
 ul{
        padding: 0;
        list-style: none;
    }
    ul li{
        float: left;
        width: 120px;
        text-align: center;
        line-height: 21px;
    }
    ul li a{
        display: block;
        padding: 5px 10px;
        color: WHITE;
        background: BLACK;
        text-decoration: none;
        text-align:left;
    }
    ul li a:hover{
        color: #fff;
        background: grey;
    }
    ul li ul{
        display: none;
	position: relative;
	z-index: 1;
	text-align:left;
	width:150px;
    }
       ul li ul li{
        display: block;
	position: relative;
	z-index: 1;
	text-align:left;
	width:150px;
    }
    ul li:hover ul{
        display: block; 
        width:210px;/* display the dropdown */
-------END OF DROP DOWN MENU------------------
#construction{
color:red;
font-size:24px;
}