@charset "utf-8";
@font-face 
{
	font-family: CenturyGothic; 
	src: url( ../fnt/century-gothic_regular.ttf ); 
}

body
{
	font-family: "CenturyGothic", serif;
	background: #000000;
	margin: 0px;
	padding: 0px;
}
a:link
{
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:visited
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	text-decoration: underline;
}
a:active
{
	color: #000000;
	text-decoration: none;
}
#background{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;  
  height:100%;
}
#photocontainer{
  margin: 0px auto;
  width: 100%;
  position:relative;
  clear:left;
}
#photocontainer img{
  width:100%;  
  clear:left;
}
#obal {
  left:0px;
  top:10%;
  width:100%;
  border:0px solid red;
  position:absolute;
}
#vnitrniobal{
  margin: 0px auto;
  width:65%;
  left:0px;
  top:10%;
  border:0px solid red;
  position:relative;
}
#logo1 {
  margin: 0px auto;
  width: 13%;
  float:left;
}
#logo1 img{
  width:50%;  
}
#logo2 {
  margin: 0px auto;
  width: 65%;
}
#logo2 img{
  width:50%;  
}
#photoborder {
  position: absolute;
  top:0px;
  border:0px solid green;
}
.polozka {
  font-size:0.8em;
  margin:0.2em;
  float:left;
  color: #FBE971;
}
.polozka a:link
{
	color: #FBE971;
	text-decoration: none;
	outline: none;
}
.polozka a:visited
{
	color: #FBE971;
	text-decoration: none;
}
.polozka a:hover
{
	color: #FBE971;
	text-decoration: underline;
}
.polozka a:active
{
	color: #FBE971;
	text-decoration: none;
}

.polozka.select{
	text-decoration: underline;
}
.mezera {
  float:left;
  width:4em;
}

#menu {
  float:left;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  position:relative;
  border:0px solid blue;
  background-image: url("../img/pattern_menu.png");
  background-repeat:repeat;
}
.text {
  font-family: "Tahoma", sans-serif;
  font-size: 0.8em;
  padding:2%;
  width:96%;
  clear:left;
  position:relative;
  background-color:#ffffff;
}
.fadein {
  position:relative;
  width: 100%;
  height:100%;
}
.fadein img {
  position:absolute;
  left:0;
  top:0;
}
#maska {
  position:relative;
  width: 65%;
  top:0px;
  left:0px;
}
.footer{
  font-family: "Verdana", sans-serif;
  font-size:0.7em;
  position:relative;
  border: 0px solid red; 
}
.footerContainer {
  width: 65%;
  margin:0px auto;
  padding-top:0.5em;
  padding-bottom:0.5em;
  position:relative;
	background: url("../img/pattern_footer.png");
	background-repeat: repeat;
  border: 0px solid blue; 
}
.hotline {
  text-align:center;
  float:left;
  width:95%;
  margin:0px;
  color: #FBE971;
  border: 0px solid green; 
}
.logofb {
}
/*********************************/
@media (max-width:600px){
  .polozka{
    float:none;
    font-size:0.6em;
  }
  .mezera{
    width:0em;
  }
  .hotline {
    float:none;
    margin:0px auto;
  }
  .logofb {
    margin:0px auto;
  }
  .text {
    font-size:0.6em;
  }
}
#cars{
  position:relative;
  width:100%;
  height:100%;
  border: solid 1px #000000;
}
#cars img {
  position:abslolute;
  width:100%;
  left:0;
  top:0;
}