@charset "utf-8";
/* CSS Document */
img.bg {
                        /* Set rules to fill background */
                        min-height: 100%;
                        min-width: 1024px;
                        
                        /* Set up proportionate scaling */
                        width: 100%;
                        height: auto;
                        
                        /* Set up positioning */
                        position: fixed;
                        top: 0;
                        left: 0;
}
                
@media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }
}
                
#page-wrap { position: relative; width: 930px;
			 margin-top: -10px;
			 *margin-top: -15px; 
			 padding-left: 30px;}

.header {
	width: 930px;
	height: 170px;
	display: block;
	float: left;
	}
	
.logo {
	width: 114px;
	height: 170px;
	display: block;
	float: left;
	}

.mec {
	width: 806px;
	height: 194px;
	display: block;
	float: left;
	}

.main {
	width: 930px;
	float: left;
	height: auto;
	margin-top: 18px;
	}
	
.menu {
	width: 114px;
	height: auto;
	float: left;
	}


.jazyky {
	width: 110px;
	height: 18px;
	display: block;
	float: left;
	background-image: url(images/but-jazyky.gif);
	font-family: "trajan Pro";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;}

.jazyky a {
	float: left;
	font-family: "trajan Pro";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;}
	
.jazyky a:hover {
	text-decoration: underline;
	}

a.lebduska {
	margin-top: 18px;
	width: 114px;
	height: 18px;
	display: block;
	float: left;
	background-image: url(images/but-lebduska.gif);}
	
a.lebduska:hover {background-position: 114px 0;}

a.produkty {
	width: 114px;
	height: 19px;
	display: block;
	float: left;
	background-image: url(images/but-produkty.gif);}
	
a.produkty:hover {background-position: 114px 0;}

a.exhibice {
	width: 114px;
	height: 18px;
	display: block;
	float: left;
	background-image: url(images/but-exhibice.gif);}
	
a.exhibice:hover {background-position: 114px 0;}

a.objednavky {
	width: 114px;
	height: 18px;
	display: block;
	float: left;
	background-image: url(images/but-objednavky.gif);}
	
a.objednavky:hover {background-position: 114px 0;}

a.kontakt {
	width: 114px;
	height: 18px;
	display: block;
	float: left;
	background-image: url(images/but-kontakt.gif);}
	
a.kontakt:hover {background-position: 114px 0;}

a.konfigurator {
	width: 114px;
	height: 75px;
	display: block;
	float: left;
	margin-top: 18px;
	background-image: url(images/but-navrh.gif);}
	
a.konfigurator:hover {background-position: 114px 0;}

.pole {
	width: 700px;
	height: auto;
	display:block;
	float: left;
	margin-left: 18px;}

a.login {
	width: 114px;
	height: 18px;
	display: block;
	float: left;
	margin-top: 18px;
	background-image: url(images/but-login.gif);}
	
a.login:hover {background-position: 114px 0;}