@import "template.css";

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 990px;}

/*Column's height*/
#topmenu {height: 35px;}
#header {height: 200px;}
#header1 {height: 200px;}
#header2 {height: 200px;}
#header3 {height: 200px;}
#header4 {height: 200px;}

/*Column's width*/
#topmenu {width: 970px; padding: 0 10px;}
#left {width: 213px; margin-right: 2px; padding-left: 15px; padding-right: 10px;}
#page {width: 730px; padding: 0 10px 10px 10px;}

/*Height of the footer */
#footer {line-height: 60px;}
#content {padding-bottom: 60px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-size: 0.8em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
  text-align: justify;
  background-image: url(../images/bg_container.gif);
  background-repeat: repeat-y;
}
#topmenu {
  background-image: url(../images/bg_topmenu.gif);
  background-repeat: repeat-x;
}
#topmenu .menu {
  display: block;
  float: right;
  text-align: right;
}
#lang {
  display: block;
  float: left;
  width: 100px;
  text-align: left;
  margin: 170px 10px 0 10px;
}
#lang img {
  margin-right: 10px;
}
#usermenu {
  display: block;
  float: right;
  width: 600px;
  text-align: right;
  margin: 170px 10px 0 0;
}
#header {
  background-image: url(../images/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: right;
}

.headerimage {
  width: 750px;
  height: 200px;
  display: block;
  float: right;
}


#header1 {
  background-image: url(../images/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
#header2 {
  background-image: url(../images/bg_header2.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
#header3 {
  background-image: url(../images/bg_header3.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
#header4 {
  background-image: url(../images/bg_header4.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
#left {
  display: inline;
}
#page {
  color: #FFFFFF;
  display: inline;
  text-align: left;
}
body #page a {
  color: #F11201;
  text-decoration: none;
}
body #page a:hover {
  color: #E2473D;
}
#footer {
  width: 960px;
  padding: 0 15px;
  border-top: 1px solid #84090c;
  color: #FFFFFF;
  text-align: right;
  font-size: 0.8em;
}
#footer a {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover {
  color: #FFFFFF;
}
#foot {
  text-align: right;
  float: left;
}
td a {
  color: #A8A8A8;
  text-decoration: none;
  font-weight: normal;
}

/* ------- UTILITYS MENU --------*/
a.home, a.print, a.sitemap, a.login, a.register, a.cart {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.8em;
  display: inline;
}
a.home:hover, a.print:hover, a.sitemap:hover, a.login:hover, a.register:hover, a.cart:hover {
  text-decoration: underline;
}
.home {
  background: url(../images/ico_home.gif) no-repeat left;
  float: left;
  margin: 10px 15px 0 0;
  padding-left: 17px;
}
.print {
  background: url(../images/ico_print.gif) no-repeat left;
  float: left;
  margin: 10px 15px 0 0;
  padding-left: 17px;
}
.sitemap {
  background: url(../images/ico_sitemap.gif) no-repeat left;
  float: left;
  margin: 10px 15px 0 0;
  padding-left: 17px;
}
.login {
  background: url(../images/ico_login.gif) no-repeat left;
  margin: 0 10px 0 0;
  padding-left: 17px;
}
.register {
  background: url(../images/ico_register.gif) no-repeat left;
  margin: 0 10px 0 0;
  padding-left: 23px;
}
.cart {
  background: url(../images/ico_cart.gif) no-repeat left;
  margin: 0 10px 0 0;
  padding-left: 17px;
}

/* --------- Top menu ----------- */
#topmenu li {
  background: url(../images/separ_topmenu.gif) no-repeat left;
  line-height: 35px;
  padding: 10px 15px;
}
#topmenu li a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#topmenu li a:hover {
  color: #CCCCCC;
  text-transform: uppercase;
  text-decoration: none;
}

/* ------------ left menu ---------- */
#left .menu {
  width: 210px;
  padding-bottom: 20px;
}
#left .menu ul li {
  background-image: url(../images/bg_lmnu.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 210px;
  padding-bottom: 1px
}
#left .menu ul li a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 3px 0 3px 10px;
  height: 18px;
  width: 200px;
}
#left .menu ul li a:hover {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  background-image: url(../images/bg_lmnu_hover.gif);
  background-repeat: repeat-y;
}
#left a.mnu1 {
  display: block;
  background: url(../images/bg_lmnu2.gif);
  background-repeat: repeat-y;
  color: #FFFFFF;
  text-decoration: none;
  padding: 3px 0 3px 10px;
  height: 18px;
  width: 200px;
}
/* druha uroven */
#left .menu ul ul li {
  background: url(../images/bg_lmnu2.gif);
  background-repeat: repeat-y;
  height: 20px;
  color: #FFFFFF;
}
#left .menu ul ul li a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  width: 190px;
  padding: 3px 0 3px 20px;
  height: 13px;
  font-size: 0.8em;
  background-image: url(../images/bg_li_arrow.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
#left .menu ul ul li a:hover {
  display: block;
  color: #FFFFFF;
  text-decoration: underline;
  background-image: url(../images/bg_li_arrow.gif);
  background-position: left center;
  background-repeat: no-repeat;
}
/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  background-image: url(../images/bg_h1.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #FFFFFF;
  line-height: 59px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
  width: 730px;
  padding-left: 18px;
  font-size: 1em;
  text-transform: uppercase;
  display: block;
}
h2 {
  margin: 10px 0;
  font-size: 1.6em;
}
h3 {
  margin: 10px 0;
  font-size: 1.4em;
}
h4 {
  display: block;
  background-image: url(../images/bg_menutit.gif);
  width: 200px;
  line-height: 25px;
  padding-left: 10px;
  color: #FFFFFF;
  font-weight: bold;
  margin: 15px 0 0 0;
}

/*developer*/
body {background-color: #400d06;}
#header {background-color: #b21500;}
#left {background-color: #1a1a1a;}
#footer {background-color: #000000;}
/*#container {background-color: silver;}
#content {background-color: #212121;}
#topmenu {background-color: #0033cc;}
#page {background-color: #97468b;}
#right {background-color: #bd4ec0;} */