@import "template.css";
@import "menu.css";
@import "tabs.css";

html {
  background: url(../images/bg_html.gif) repeat;
}

body {
  background: url(../images/bg_body.gif) repeat-x;
  font-family: Arial, Tahoma, Verdana;
  font-size: 0.75em;
  line-height: 150%;
  color: #3a3a3a;
}

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

/*Column's width*/
#left {
  width: 210px;
}

#page {
  width: 508px;
}

#right {
  width: 210px;
}

#content {
  width: 994px;
}

#botfooter {
  width: 994px;
}

/****************************
 C O N T A I N E R
*****************************/

#container {
  margin: 0px auto 0px auto;
  padding: 0px;
}

/****************************
 H E A D E R
*****************************/

#header {
  width: 994px;
  height: 278px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_header_menu.jpg) top no-repeat;
}

.external_links {
  position: absolute;
  font-size: 0.9em;
  top: 3px;
  left: 0;
}
.external_links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.external_links li {
  display: block;
  float: left;
  color: #aabec7;
}
.external_links li a {
  color: #aabec7;
}
.external_links li a:hover {
  color: #aabec7;
  text-decoration: underline;
}

.topline {
  width: 994px;
  height: 19px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  text-align: right;
  font-size: 10px;
  color: #ffffff;
  float: left;
}

.topline a {
  color: #ffffff;
  text-decoration: none;
}

.topline a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.topline a.star {
  background: url(../images/ico_star.gif) left no-repeat;
  color: yellow;
  padding: 0px 0px 0px 15px;
  margin-left: 15px;
}

.logo_area {
  width: 994px;
  height: 116px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

a.logo {
  width: 358px; 
  height: 116px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
}

a.logo_slniecko {
  display: block;
  width: 135px; 
  height: 135px;
  position: absolute;
  left: 15px;
  top: 45px;
}

.lang_area {
  width: 640px;
  height: 26px;
  margin: 0px 0px 0px 0px;
  padding: 42px 0px 0px 0px;
  float: left;
}

.lang_area a.lang_cz {
  display: block;
  width: 24px;
  height: 19px;
  margin: 0px 11px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
}

.lang_area a.lang_sk {
  display: block;
  width: 24px;
  height: 19px;
  margin: 0px 8px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
}

.search_area {
  width: 340px;
  height: 53px;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 12px;
  float: left;
  position:relative
}

.search_area .input_search {
  width: 280px;
  height: 33px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 10px;
  float: left;
  background: none;
  border: none;
  color: #6f8f9d;
  font-size: 11px;
}

.search_area label { position:absolute; top:0; left:0}

.search_area .input_button {
  width: 35px;
  height: 33px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background: none;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}

.search_area a {
  text-decoration: none;
  padding: 0px 10px 0px 0px;
  color: #989898;
  font-size: 11px;
  margin-right: 10px;
}

.search_area a:hover {
  text-decoration: underline;
}

.search_area a.adva_search {
  color: #32738a;
  font-size: 12px;
  background: url(../images/ico_adva_search.gif) right no-repeat;
  margin-left: 10px;
}


#topmenu {
  width: 994px;
  height: 72px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#topmenu ul {
  width: 653px;
  height: 55px;
  margin: 17px 0px 0px 17px;
  padding: 0px;
  float: left;
  list-style: none;
  list-style-image: none;
}

.input_name {
  width: 105px;
  height: 29px;
  margin: 30px 10px 0px 31px;
  padding: 0px 0px 0px 5px;
  float: left;
  background: none;
  border: none;
  color: #0c3b4d;
  font-size: 0.85em;
}

.input_password {
  width: 85px;
  height: 29px;
  margin: 30px 10px 0px 3px;
  padding: 0px 0px 0px 5px;
  float: left;
  background: none;
  border: none;
  color: #0c3b4d;
  font-size: 0.85em;
}

.input_login {
  width: 36px;
  height: 29px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background: none;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}

.search-block {
  background: #fff;
  padding: 10px 17px;
}
.search-block #filterFrm {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #DCDCDC;
}
.search-block .frmbutbg {
  border: 0!important;
  text-align: left!important;
  padding-left: 110px;
}
.search-block input {
  width: 200px!important;
  border-radius: 5px;
}
.search-block select {
  width: 530px!important;
  border-radius: 5px;
}
.search-block .sc_frm th {
  width: 120px!important;
}

/****************************
  C O N T E N T
*****************************/

#content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #ffffff;
}


/****************************
  L E F T  S I D E B A R
*****************************/

#left {
  margin: 0px 16px 0px 17px;
  padding: 0px 0px 0px 0px;
}

.leftmenu ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
}

.block_head {
  width: 193px;
  height: 44px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 17px;
  background: url(../images/bg_block_head.gif) no-repeat;
  color: #ffffff;
  font-size: 16px;
  text-shadow: 1px 1px 1px #417082;
  line-height: 40px;
}

.block_top {
  width: 210px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_top.gif) no-repeat;
}

.block_left_content {
  width: 196px;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 12px;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  background: #ffffff url(../images/bg_block_left_middle.gif) bottom no-repeat;
}

.block_left_bottom {
  width: 210px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_left_bottom.gif) bottom no-repeat;
}

.lefttabs {
  width: 210px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
}

.leftmenu {
  width: 210px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
}

/****************************
  B L O C K S
*****************************/

#slideshow {
  width: 508px;
  height: 173px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
}

.tab_news {
  width: 185px;
  margin: 0px 0px 13px 0px;
  padding: 0px 0px 13px 0px;
  border-bottom: 1px dotted #a4a4a4;
  float: left;
}

.tab_news_pic {
  width: 34px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.tab_news_info {
  width: 141px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.tab_news a {
  text-decoration: none;
}

.tab_news a:hover {
  text-decoration: underline;
}

a.tab_news_name {
  font-size: 13px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #195b74;
  text-decoration: none;
}

a.tab_news_cat {
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #525252;
  text-decoration: none;
}

p.tab_news_price {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  font-weight: bold;
  color: #000000;
  font-size: 12px;
}
p.tab_news_price span {
  font-size: 10px;
  color: #8F8F8F;
}

.block_vedci {
  margin: 0px 14px 14px 0px !important;
  background: url(../images/pic_vedci.jpg) top no-repeat;
}

a.block_studenti {
  background: url(../images/pic_studenti.jpg) top no-repeat;
  
}

a.block_profesionali {
  margin: 0px 14px 14px 0px !important;
  background: url(../images/pic_profesionali.jpg) top no-repeat;
}

a.block_kniznice {
  background: url(../images/pic_kniznice.jpg) top no-repeat;
}

a.fourblocks {
  width: 247px;
  height: 20px;
  color: #0d95c6;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 140px 0px 0px 0px;
  float: left;
}

a.fourblocks:hover {
  text-decoration: underline;
}


/****************************
  P A G E
*****************************/

#page {
  margin: 0px 16px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
}

.page_tabcontent a {
  color: #424242;
  text-decoration: none;
}

.page_tabcontent a:hover {
  text-decoration: underline;
  color: #424242;
}

.page_tabcontent a b {
  color: #195b74;
}

.page_tab_list_0 {
  /*width: 100%;*/
  margin: 0px 0px 0px 0px;
  padding: 7px 5px 6px 5px;
  border-bottom: 1px dotted #a1a1a1;
}

.page_tab_list_1 {
  /*width: 100%;*/
  margin: 0px 0px 0px 0px;
  padding: 7px 5px 6px 5px;
  border-bottom: 1px dotted #a1a1a1;
  background: #e5e5e5;
}

/****************************
  R I G H T  S I D E B A R
*****************************/

#right {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.shopcart {
  width: 200px;
  height: 120px;
  margin: 0px 0px 17px 0px;
  padding: 10px 0px 0px 15px;
  background: url(../images/bg_block_shop.gif) no-repeat;
}

.shopcart p.shopcart_head {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: #205e75;
  font-size: 16px;
  font-weight: bold;
}

.shopcart p.shopcart_price {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  color: #424242;
  font-size: 18px;
  font-weight: normal;
}

a.shopcart_link {
  color: #2f5868;
  font-size: 11px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 10px;
  display: block;
  background: url(../images/bg_leftmenu_second_arrow.gif) left no-repeat;
  text-decoration: none;
}

a.shopcart_link:hover {
  text-decoration: underline;
}

a.newsletter {
  width: 210px;
  height: 87px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_newsletter.gif) no-repeat;
  display: block;
  text-indent: -9999px;
}
a.newsletter_cz {
  width: 210px;
  height: 87px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_newsletter_cz.gif) no-repeat;
  display: block;
  text-indent: -9999px;
}
a.knihy {
  width: 210px;
  height: 87px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/zoznam_knih.gif) no-repeat;
  display: block;
  text-indent: -9999px;
}
a.knihy.knihy_cz {
  background: url(../images/zoznam_knih_cz.gif) no-repeat;
}

.righttabs {
  width: 210px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.right_tabcontent a {
  color: #424242;
  text-decoration: none;
}

.right_tabcontent a:hover {
  text-decoration: underline;
}

.right_tabcontent a b {
  color: #195b74;
}

.block_right_content {
  width: 208px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  background: #ffffff url(../images/bg_block_right_middle.gif) bottom no-repeat;
}

.block_right_bottom {
  width: 210px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_block_right_bottom.gif) bottom no-repeat;
}

.news {
  width: 180px;
  margin: 10px 15px 0px 15px;
  padding: 0px 0px 10px 0px;
  float: left;
  border-bottom: 1px dotted #a1a1a1;
}

.news a {
  text-decoration: none;
}
.news a:hover {
  text-decoration: underline;
}

.news a.news_title {
  display: block;
  color: #195b74;
  font-size: 12px;
  margin-bottom: 4px;
}

.news a.news_more {
  display: block;
  color: #525252;
  font-size: 11px;
  background: url(../images/bg_news_arrow.gif) left no-repeat;
  padding-left: 10px;
}


/****************************
  F O O T E R
*****************************/

#logo_rotor {
  width: 960px;
  height: 82px;
  margin: 0px 0px 0px 17px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_logo_rotator.gif) no-repeat;
  float: left;
}

#botfooter {
  height: 89px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/bg_footer.gif) no-repeat;
}

#foot_copy {
  width: 480px;
  height: 49px;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 17px;
  float: left;
  font-size: 12px;
  color: #5a7d8d;
}

#foot_power {
  width: 480px;
  height: 49px;
  margin: 0px 0px 0px 0px;
  padding: 40px 17px 0px 0px;
  float: left;
  font-size: 12px;
  color: #5a7d8d;
  text-align: right;
}

#foot_power a {
  color: #5a7d8d;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.6em;
  color: #1c4f67;
}
h2 {
  font-size: 1.4em;
  color: #1c4f67;
}
h3 {
  font-size: 1.2em;
  color: #1c4f67;
}

a {
  text-decoration: none;
  color: #32728b;
}
a:hover {
  text-decoration: underline;
  color: #e3a11f;
}

table {font-size: 1em;}

.clear {
  clear: both;
}

.radius {
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Linux */
  border-radius: 5px; /* CSS3 */
}