@import "template.css";
@import "page.css";
@import "forms.css";

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

/*Header height*/
#toolbar {height: 40px; padding: 20px 30px 0 0;} /* 45px */
#left {height: 500px;}

/*Column's width*/
/*#container {height: 560px;}*/
#left {width: 177px; padding: 0 0 0 30px;}
#page {width: 773px; margin-top: 6px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}
#container {
  text-align: left;
  font-size: 0.75em;
}
/********** pozadia stranok ************/
.stranka {
  background: url(../images/bg_container.jpg) no-repeat 0 0;
}
.produkty {
  background: url(../images/bg_produkty.jpg) no-repeat 0 0;
}
.produkty_muzi {
  background: url(../images/bg_produkty_muzi.jpg) no-repeat 0 0;
}
.produkty_unisex {
  background: url(../images/bg_produkty_unisex.jpg) no-repeat 0 0;
}
.sutaz {
/*  background: url(../images/bg_sutaz_body.jpg) no-repeat 0 0; */
  background: url(../data/files/54.jpg) no-repeat 0 0;
}


.container3 {   /***** titulka *****/
  background: url(../images/bg_container_tit.jpg) no-repeat 0 0;
}
.container1 {   /***** bezna stranka *****/
  background: url(../images/bg_container.jpg) no-repeat 0 0;
}
a.ml {
  width: 44px;
  height: 43px;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

#autor_ml {
  width: 126px;
  height: 38px;
  background: transparent url("../images/logo_vyp.png") no-repeat 0 0;
  position: absolute;
  left: 30px;
  bottom: 30px;
  display: block;
}
#autor_ml:hover {
  background: transparent url("../images/logo_zap.png") no-repeat 0 0;
}
#autor_ml span {display: none;}


a.podmienky {
  position: absolute;
  bottom: 80px;
  left: 80px;
  font-size: 0.8em;
}
/************************
body v loyalty
************************/
.body_info {
  background: red;
  float: right;
}
/************************
login formular
************************/
#toolbar form {
  text-align: right;
  padding: 0;
  margin: 0;
}
#toolbar form label {
  color: #4c4c4c;
  padding: 0 0 0 10px;
}
#toolbar form input {
  border: 1px solid #c3c3c3;
  background: #f3f3f3;
  font-size: 1.1em;
  width: 80px;
  margin-bottom: 5px;
}
#toolbar form .but {
  width: 30px;
  background: #c3c3c3;
  color: #fff;
  border: 1px solid #c3c3c3;
}
a.soc_facebook img {
  margin-bottom: -3px;
}
a.soc_twitter img {
  margin-bottom: -3px;
}
/************************
prihlaseny uzivatel
************************/
#toolbar {
  text-align: right;
  font-size: 0.9em;
}
#left a.logo img {
  margin: 4px 0 0 52px;
}
#left .icons {
  text-align: center;
  padding-top: 30px;
}
#left .icons img {
  margin-bottom: 10px;
}
#header {
  /*background: url(../images/bg_header_uvod.png) no-repeat 0 0;*/
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 704px;
  height: 272px;
  float: left;
  margin: 8px 0 0 0;
}
/***************************
bezna stranka + produkty
***************************/
#page .page1 {
  width: 736px;
  padding: 5px;
  height: 459px;
}
#page .page1 .page {
  margin-top: 0px;
  position: relative;
  height: 425px;
  overflow: auto;
  padding-bottom: 0px;
}
/***************************
podstranka sutaz - uvod
***************************/
#page .page2 {width: 736px; padding: 5px;}
.page2 {height: 464px;}
/*.page2 {background: url(../images/bg_page_loyalty.jpg) no-repeat 0 0;}*/
.page2 {background: url(../data/files/53.jpg) no-repeat 0 0;}
/* #page .page {
  margin-right: 40px;
  padding: 10px;
  background: red;
  display: inline;
} */
#page ul {
  margin: 5px 10px 5px 30px;
}
/******************************
stranka s obycajnym textom
******************************/
#page .page3 {
  margin: 10px;
  height: 380px;
  overflow: auto;
  padding-right: 10px;
}

#footer {
  width: 100%;
  font-size: 0.8em;
}

#foot {
  text-align: center;
  color: #1a4a74;
  font-weight: bold;
  margin-top: 14px;
}
#foot a {
  color: #1a4a74;
  text-decoration: none;
}
#foot a:hover {
  color: #5692c1;
  text-decoration: none;
}
#makedby {
  display: block;
  position: absolute;
  color: #5692c1;
  width: 200px;
  right: 8px;
  top: 8px;
  text-align: right;
}
#makedby a {
  color: #5692c1;
  text-decoration: none;
}
#makedby a:hover {
  color: #fff;
  text-decoration: none;
}

/*Top menu*/
#header #topmenu {
  margin: 224px 0 0 13px;
}
#page #topmenu {
  /*margin: 0 0 30px 0;*/
}
#topmenu .menu {
  padding: 0;
  background: url(../images/bg_topmenu.png) no-repeat 0 0;
  width: 563px;
  height: 36px;
}

#topmenu .sirka1 {width: 111px;}
#topmenu .sirka2 {width: 117px;}
#topmenu .sirka3 {width: 89px;}
#topmenu .sirka4 {width: 124px;}
#topmenu .sirka5 {width: 118px;}

#topmenu .menu ul {
  margin: 0;
}
#topmenu .menu ul li a {
  color: #004480;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  display: block;
  float: left;
  /*width: 140px;*/
  height: 33px;
  line-height: 33px;
  text-align: center;
}
#topmenu .menu ul li a:hover, #topmenu .menu ul li a.sel1 {
  color: #4ea367;
}


/* ------- left menu --------- */
#left {
  margin: -15px 0 0 0;
}
#left .menu {
  padding: 40px 10px 0 20px;
}
#left .menu ul li {
  margin-bottom: 12px;
}
#left .menu ul li a {
  color: #0f4e87;
  background: url(../images/bg_lmnu.gif) no-repeat 0 5px;
  padding-left: 15px;
  font-size: 1em;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
#left .menu ul li a:hover, #left .menu ul li a.sel1 {
  color: #4ea367;
}
#left .menu ul ul {
  margin: 15px 0 0 15px;
}
#left .menu ul ul li {
  margin-bottom: 10px;
}
#left .menu ul ul li a {
  background: none;
  font-size: 0.8em;
}
#left .menu ul li h2 {
  background: url(../images/bg_menu_h2.png) no-repeat center;
  width: 121px;
  height: 40px;
  line-height: 40px;
  display: block;
  padding: 0 8px 8px 0;
  margin: 0;
  text-align: center;
  color: #4ea367;
  font-size: 1.2em;
  font-weight: bold;
}
/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 5px 0;
  text-align: center;
  font-size: 1.4em;
  color: #1c507c;
  font-weight: normal;
  font-style: normal;
}
h2 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.6em;
  color: #2081d4;
  font-weight: normal;
}
h3 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}

a {
  color: #005bab;
  text-decoration: none;
}
a:hover {
  color: #4EA367;
  text-decoration: none;
}
img {
  border: 0;
}