/* CSS Document */

@import "add_styles.css";

body {
  font-family: Tahoma;
  font-size: 11px;
  margin: 0px;
  padding-top:13px;
  background: url(../images/bg_top.jpg) top left repeat-x;
}
#body {
  position: relative;
  min-height: 960px;
  _height: 960px;
  width: 100%;
  background: url(../images/bg.jpg) #e3f4d9 bottom repeat-x;
}
#woman {
  position: absolute;
  width: 325px;
  height: 540px;
  left: 0px;
  bottom: 0px;
  background: url(../images/woman.jpg) no-repeat;
}

.logo {position: absolute; width: 220px; height: 200px; top: 37px; left: 45px;}


/******************* H1 TITLE *****************************/
h1 {font-size: 18px; font-weight: bold; color: #385450; text-transform: uppercase; margin: 0px;}
.title {border-bottom: 1px solid #cfe4e1; padding-bottom: 10px;}
.subtitle {font-size: 14px; text-transform: uppercase; color: #667f7c;}


h2 {display: block; border-bottom:2px dotted #CFE4E1;    font-size: 14px; font-weight: bold; color: #385450; text-transform: uppercase; margin: 15px 0px 0px 0px;} 
.item .title h2{font-size: 18px; font-weight: bold; color: #385450; text-transform: uppercase; margin: 0px; border:none;}
/************************ OTHER *****************************/
.more {height: 12px; text-align: right; padding-right: 10px; margin-top: 2px;}
.more .arrow {padding-left: 10px; color: #bd0000; font-size: 10px; background: url(../images/arrow1.png) 0px 4px no-repeat}
.more .arrow:hover {text-decoration: none;}
.b {font-weight: bold;}
.clear {clear: both;}
a {color: #bd0000;}
a img {border: 0px;}
li {list-style-image: url(../images/arrow2.png);  line-height: 1.3;}
p {line-height: 1.5; margin: 5px 0px;}
p img{margin:auto;}
/***********************************************************/

#page {
  width: 600px;
  margin-left: 340px;
}
#top {
  width: 599px;
  height: 70px;
  border-left: 1px solid #bfdbd9;
  margin-bottom: 30px;
}
#top a {
  display: inline;
  float: left;
  height: 30px;
  width: 118px;
  padding-top: 45px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #244141;
  border-right: 1px solid #c6e7b9;
  background: url(../images/top_a_hover.jpg) 0px -70px repeat-x;
}
#top a.active {background: url(../images/top_a.jpg) 0px -70px repeat-x; background-position: 0px 0px; color:#fff;}
#top a:hover {background-position: 0px 0px; }

/******************* BOOKMARKS ******************************/
#bookmarks {height: 26px; width: 600px;}
#bookmarks a {
  display: inline;
  float: left;
  swidth: 102px;
  border-left: 1px solid #bdeeb2;
  border-right: 1px solid #bdeeb2;
  height: 16px;
  padding-top: 6px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 4px;
  margin-right: 2px;
  text-decoration: none;
  color: #486e43;
  background: url(../images/bookmark.jpg) top repeat-x;
}
#bookmarks a.active {margin-top: 0px; height: 20px; color: #fff; background: #8ec482; padding-bottom:5px; border-left:none;}
#bookmarks a:hover {margin-top: 0px; height: 20px;}
#bookmarks a.active:hover{padding-bottom:5px; color: #fff;}
/***********************************************************/

#main {
  position: relative;
  width: 580px;
  min-height: 420px;
  _height: 420px;
  background: url(../images/grad1.jpg) repeat-x;
  margin-top: 5px;
  padding: 0px 10px 160px 10px;
}
#main .corn {position: absolute; width: 3px; height: 3px; font-size: 1px; }
#main .corn.l {left: 0px; top: 0px; background: url(../images/corn_main_l.jpg);}
#main .corn.r {right: 0px; top: 0px; background: url(../images/corn_main_r.jpg);}
.content {
  width: 547px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 13px;
  color: #428d31;
}

/**************** NAVIGATION *******************************/
.navigation {height: 21px; width: 575px; text-align: right; padding-top: 4px; padding-right: 5px; color: #d7f6f0;}
.navigation a {color: #ffffff; margin:0px 3px 0px 3px; padding: 0 12px 0 0px; background: url('../images/bullet_drop_menu.gif') top right no-repeat; background-position: 100% 60%;}
.navigation a:hover {text-decoration: none;}

/***************** BANNER **********************************/
.banner {
  width: 555px;
  min-height: 170px;
  _height: 170px;
  padding: 13px 10px 15px 15px;
  background: #6ca65f;
}
.banner h1 {color: #fff;}
.banner .title {}
.banner .subtitle {color: #4cd355}
.banner .arrow {color: #ffffff;}
.banner .item.a img {border: 1px solid #7e7f7f;}
.banner .item.long {width: 555px; margin: 0px; color: #ffffff; border:none; padding:0px;}
/**************** ITEM ************************************/
.item {
  display: inline;
  float: left;
  width: 260px;
  min-height: 90px;
  _height: 90px;
  margin-top: 10px;
  margin-right: 27px;
  padding-bottom:15px;
}
.item .date {font-weight: bold; }
.item .descript {text-align: justify; margin-bottom: 7px;}
.item.long {width: 547px; border-bottom: 1px solid #9ACFB8; margin-bottom:10px;}
.item.long a img, .home .item.long a img, .item.long img{ margin:10px 15px 10px 0px;}
.item.long .descript {display: inline; width: 260px; margin-left: 25px;}
.item.last {margin-right: 0px;}

.item.long .perex a img, .item.long .perex img{margin-right:25px; float:left;}

.article_list_item{display: block; padding-top: 10px;}
.article_list_item .intro_photo{float:left; margin: 0px 15px 15px 0px;}
.article_list_item .intro_photo img{width:200px; height:150px;}
.article_list_item .desc{}
.article_list_item .desc h2{font-weight: bold; color: #385450; text-transform: uppercase; margin:0px; padding:0px;}
.article_list_item .desc h2 a{color:#385450;}
/***************** NEWS **********************************/
.news {width: 547px; border-bottom: 1px solid #9acfb8; margin-bottom: 10px; padding-bottom: 10px;}
.news .item a img {border: 1px solid #7e7f7f; margin-top: 5px;}

/*************** PRICELIST **********************************/
.pricelist{ margin-top: 5px;width: 100%;  border-collapse: collapse;  border: 3px solid white; margin-bottom: 20px;}
.pricelist td{  border: 1px solid white;  padding: 4px;}
.pricelist td .title{  font-weight: bold;  color: #bd0000;}
.pricelist .first_row td .title{ color: #0A2562;}

/*-------------- NAVIGACE --------------------*/
.list_navigation{
  display: block;
  text-align: center;
  padding-top: 12px;
  margin:22px 0 16px 0;
  border-top:1px solid #CFCFCF;
}
.list_navigation a{
  text-decoration: none;
  border:1px solid #fff;
  padding: 3px 5px;
  color: #FF9000;
  position:relative;
}
.list_navigation a:hover{
  background-color: #333;
  color: #fff;
}
.list_navigation a.active{
  background-color: #FF9000;
  font-weight: bold;
  border:1px solid #FF9000;
  color:#fff;
  background:red;
}


.err{color:red;}

/*************** Gallery *********************************/
.gallery a img{
  margin: 3px;
  border: 3px solid #CDCFCF;
  display:block;
}

.gallery .item {
  float:left;
  display:block;
  float:left;
}
.gallery .item {
  display:block;
  width:120px;
  height:130px;
  margin-right:12px;
}

.gallery .description {
  text-align:center;
}

.gallery a:hover img{
  border: 3px solid #a3f372;
}

/*************** FOOTER **********************************/
.message{
  padding: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #0A2562;
  border: 3px solid white;
}

/*************** FOOTER **********************************/
#footer {
  position: absolute;
  left: 340px;
  bottom: 80px;
  width: 570px;
  height: 35px;
  padding-left: 30px;
  font-size: 10px;
  color: #436e6e;
}
#footer a {color: #436e6e;}
#footer a:hover {text-decoration: none; color: #00a7ff;}


#bannerhp_1, #bannerhp_2 {float:left;}
#bannerhp_1 { margin-right:10px;}