/* Slanina CSS Default */

body {
  font-family: Trebuchet MS, Arial, sans-serif;  
  color: #000000;
  font-size: 12px;
  background: url("../images/bg_background.gif") repeat-x;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ul li, input {
  margin: 0;
  padding: 0;
}

/**************** FRAMEHOLDER ******************/

div#frameholder {
  background: url("../images/bg_topgradient.gif") repeat-x left 173px;
  width: 947px;
  margin: 0 auto;
}

/************** HEADER **********************/

a#logo {
  display: block;
  float: left;
}

div#rssmenu {
  background: url("../images/bg_slanina_foto.jpg") no-repeat;
  width: 643px;
  height: 62px;
  float: left;
  padding: 61px 0 0 0;
}

div#rssmenu a {
  color: #f1d8d6;
  height: 16px;
  font-size: 10px;
  display: block;
  float: left;
  padding: 0 0 0 20px;
  margin: 0 20px 0 0;
}

div#rssmenu a:hover {
  text-decoration: none;
  color: #ffffff;
}

div#rssmenu a.rss {
  background: url("../images/ico_rss.gif") no-repeat left top;
}

div#rssmenu a.diskuze {
  background: url("../images/ico_diskuze.gif") no-repeat left top;
}

div#rssmenu a.kontakt {
  background: url("../images/ico_kontakt.gif") no-repeat left top;
}

div#rssmenu a.login {
  background: url("../images/ico_login.gif") no-repeat left top;
}

div#rssmenu a.rss:hover {
  background: url("../images/ico_rss.gif") no-repeat left -16px;
}

div#rssmenu a.diskuze:hover {
  background: url("../images/ico_diskuze.gif") no-repeat left -16px;
}

div#rssmenu a.kontakt:hover {
  background: url("../images/ico_kontakt.gif") no-repeat left -15px;
}

div#rssmenu a.login:hover {
  background: url("../images/ico_login.gif") no-repeat left -16px;
}

/*************** HORMENU *****************/

div#hormenu {
  background: url("../images/bg_menu_search.jpg") no-repeat;
  width: 947px;
  height: 50px;
}

div#hormenu ul {
  width: 471px;
  text-align: center;
  float: left;
  padding: 0 0 0 20px;
}

div#hormenu ul a {
  padding: 0;
  display: block;
}

div#hormenu ul li {
  background: url("../images/bg_hormenu_li_item.gif") no-repeat left center;
  list-style-type: none;
  margin: 0 auto;
  float: left;
  padding: 0 25px;
}

div#hormenu ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 43px;
}

/******************** SEARCH *****************/

div#search {
  float: left;
  padding: 18px 0 0 102px;
}

div#search div#hled_txt {
  background: url("../images/bg_searchword.gif") no-repeat;
  float: left;
}

div#search div#hled_txt input {
  width: 194px;
  height: 20px;
  border: 0;
  background: 0;
  padding: 3px 0 6px 3px;
  font-size: 11px;
}

div#search a {
  display: block;
  float: left;
  margin: -2px 0 0 3px;
}

/************** CONTENT LEFT ******************/

div#content_left {
  width: 500px;
  padding: 50px 0 0 12px;
  float: left;
}

div#content_left h1 {
  display: block;
  background: url("../images/bg_hr.gif") repeat-x left bottom;
  padding: 2px 0 0 10px;
  margin: 0 0 10px 0;
}

div#content_left div.obsah {
  padding: 0 0 0 10px;
  margin: 0 0 30px 0;
}

/******************* CONTENT RIGHT **************/

div#content_right {
  background: url("../images/img_blog.gif") no-repeat 267px 245px;
  float: left;
  padding: 50px 0 0 35px;
  width: 385px;
}

div#content_right h3 {
  background: url("../images/bg_hr.gif") repeat-x left bottom;
  padding: 2px 0 4px 0;  
  display: block;
  margin: 30px 0 15px 0;
}

div#content_right h3.first {
  margin: 0 0 15px 0;
}

div#content_right h3.first a {
  color: #780001;
}

div#content_right h3 img {
  margin: 0 8px 0 0;
}

div#kalendar_left {
  float: left;
}

div#kalendar_right {
  float: left;
  width: 145px;
  padding: 0 0 0 15px;
}

div#kalendar_right a {
  text-decoration: underline;
}

div#kalendar_right a:hover {
  text-decoration: none;
}

div#content_right span, div.item_newslist span {
  font-size: 10px;
  color: #888888;
  display: block;
}

div.item_newslist {
	margin-bottom: 16px;
}

div.item_newslist span {
	margin-bottom: 5px;
}


/****************** NEWS *******************/

div#news a {
  font-size: 14px;
  font-weight: bold;
}

div#news p {
  margin: 3px 0 12px 0;
  line-height: 15px;
}

/***************** DVOJSLOUPEC **************/

div#dvojsl_left {
  float: left;
  width: 48%;
}

div#dvojsl_left ul, div#dvojsl_right ul {
  margin: 0 0 0 15px;
}

div#dvojsl_left ul li, div#dvojsl_right ul li {
  line-height: 25px;
  list-style-type: none;
  padding: 0 0 0 10px;
} 

div#dvojsl_left ul li {
  background: url("../images/bg_li_plus.gif") no-repeat left 9px;  
}

div#dvojsl_right ul li {
  background: url("../images/bg_li_arrow.gif") no-repeat left 12px;  
}


div#dvojsl_right {
  float: left;
  padding: 0 0 0 13px;
  width: 48%;
}

div.tlapky {
	text-align: center;
}

/******************* GALERIE *****************/

div.reference {
  /*background:transparent url(../images/bg_reference.gif) repeat-y scroll left top;*/
  float:left;
  margin:0 0 10px;
  padding:0;
}

div.reference a {
	display: block;
 	clear: both;
}

div.reference div.header {
  background:transparent url(../images/bg_reference_header.gif) no-repeat scroll left top;
  padding:20px 0 0;
}

div.reference div.footer {
  background:transparent url(../images/bg_reference_footer.gif) no-repeat scroll left bottom;
  padding:0 0 18px 16px;
}

td.gall_detail img {
  border:2px solid #CCCCCC;
}

td.gall_detail {
	background: url("../images/reference/bg_gal.gif") no-repeat;
	padding: 2px 0 0 0;
	vertical-align: middle;
	height: 175px;
}

/****************** FOOTER *******************/

div#footer {
  background: url("../images/bg_hr_double.gif") repeat-x left top;
  padding: 10px 10px;
  margin: 20px 0 0 0;
  font-size: 11px;
  color: #4b4b4b;
  line-height: 15px;
}

div#footer a {
  color: #2c6774;
  text-decoration: underline;
}

div#footer a:hover {
  text-decoration: none;
}

div#footer .left {
  float: left;
}

div#footer .right {
  float: right;
}

div#footer .toplist {
	text-align: center;
}