html, body, input, select, textarea, table
{
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #585858;
}

body
{
  background: url('pageBg.png') top left repeat-x;
}

a
{
  color: #f46e1d;
}

a:hover
{
  color: #47687f;
}

img
{
  border: 0;
}

div.cleaner
{
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

div#document
{
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: -500px;
  width: 1000px;
}

/*
 * Hlavička
 */ 

div#header
{
  position: relative;
  height: 98px;
  background: url('header.png') no-repeat;
}

div#headerInner
{
  padding: 15px 500px 15px 20px;
}

h1
{
  margin: 0;
  color: #fff;
  font-size: 14px;
  text-shadow: 1px 1px 5px #000;
}

div#header h2
{
  margin-top: 7px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}

div#header a#homeLink
{
  display: block;
  position: absolute;
  left: 700px;
  top: 0;
  width: 300px;
  height: 98px;
  text-decoration: none;
}

/*
 *  Hlavní menu
 */ 

div#mainMenu
{
  margin-top: 4px;
  height: 41px;
  background: url('menuBg.png') top left no-repeat;
}

div#mainMenu ul
{
  margin: 0 15px;
  padding: 0;
  list-style-type: none;
}

div#mainMenu ul li
{
  float: left;
  height: 41px;
  /*background: url('menuDiv.png') top left no-repeat;*/
}

div#mainMenu ul li.firstItem
{
  background: none;
}

div#mainMenu a
{
  display: block;
  padding: 13px 13px 14px 13px;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 5px #cf5d19;
  font-weight: bold;
}

div#mainMenu a:hover,
div#mainMenu li#active a
{
  color: #cf5d19;
  background: #fff;
  text-shadow: 1px 1px 5px #ccc;
}

/**
 *  Datum, drobková navigace, RSS
 */ 
div#dateBar
{
  margin: 0;
  height: 37px;
  background: url("dateBg.png") top left repeat-x;  
}

div#dateCrumbs
{
  float: left;
  padding: 10px 13px;
}

div#rss
{
  float: right;
  padding: 10px 13px;
}

div#rss a#btnRSS
{
  float: right;
  margin-left: 3px;
  margin-top: -3px;
  display: block;
  width: 28px;
  height: 20px;
  background: url('btnRSS.png');
}

/*
 *  Úvodní box
 */ 
div#introBox
{
  height: 254px;
  border: 1px solid #d3d3d3;
  margin-bottom: 7px;
  background: #fff6e7;
}

div#introBoxLeft
{
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  background: #fff;
  border-right: 1px solid #d3d3d3;
}

div#introBoxLeftTitle
{
  position: absolute;
  left: 0;
  top: 156px;
  width: 100%;
  height: 98px;
  background: url('transparentBg.png');
}

div#introBoxLeftTitleInner
{
  padding: 15px 20px;
  color: #fff;
}

div#introBoxLeftTitleInner h3
{
  font-size: 14px;
  text-shadow: 1px 1px 8px #000;
  margin: 0;
  text-decoration: underline;
}

div#introBoxLeftTitleInner p
{
  text-shadow: 1px 1px 8px #000;
}

div#introBoxRight
{
  position: relative;
  float: right;
  width: 498px;
  height: 100%;
}

div#articlesList
{
  margin: 7px 0;
}

div.articleItem
{
  padding: 6px;
  font-size: 11px;
}

div.articleImage
{
  float: left;
  position: relative;
  height: 69px;
  width: 122px;
  overflow: hidden;
  background-color: #fff;
}

div.articleDate
{
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  height: 21px;
  background: url('transparentBg.png');
}

div.articleDate span
{
  display: block;
  text-align: right;
  padding: 3px 8px;
  color: #fff;
}

div.articleIntro
{
  float: right;
  width: 350px;
  height: 69px;
  overflow: hidden;
}

div#introBoxRight .hover
{
  background: #fde9c8;
}

div#introBoxRight .hover a
{
  color: #4c6d14;
}

div.articleIntro h4
{
  margin: 0;
  padding: 0;
  font-size: 11px;
}

div.articleIntro a
{
  color: #6d5d10;
}

div.articleIntro p
{
  margin: 4px 0 0 0;
}

div#introBoxLeft h2
{
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-decoration: underline;
}

div#introBoxLeft p
{
  color: #fff;
}

/*
 * tělo 
 */ 

div#body
{
  background: #fff;
}

div#leftColumn
{
  float: left;
  width: 200px;
  padding: 0;
  margin: 0 10px 0 0;
}

div#rightColumn
{
  float: left;
  width: 200px;
  padding: 0;
  margin: 0 0 0 10px;
}

div#centerColumn
{
  float: left;
  position: relative;
  width: 580px;
}

/**
 *  Boxy
 */ 
div.box
{
  margin: 0 0 10px 0;
}

div#leftColumn div.box p, div#rightColumn div.box p
{
  font-size: 11px;
}

div.box div.header
{
  height: 27px;
  margin: 0;
  padding: 0;
}

div.box div.header h4
{
  margin: 0;
  display: block;
  font-size: 12px;
  padding: 6px 10px;
}

div.box div.header h4.left
{
  float: left;
}

div.box div.header span.boxDate
{
  float: right;
  margin: 0;
  display: block;
  font-size: 12px;
  padding: 6px 10px;
}

div.doubleBox div.header h4
{
  margin: 0;
  display: block;
  font-size: 11px;
  padding: 6px 10px;
}

div.doubleBox div.header span.boxDate
{
  float: right;
  margin: 0;
  display: block;
  font-size: 11px;
  padding: 7px 10px 6px 10px;
}

div.box img.imgBoxLeft
{
  float: left;
  margin: 10px 10px 10px 0;
}

div.box img.imgBoxRight
{
  float: right;
  margin: 10px 0 10px 10px;
}

div.box div.blue
{
  background: url('boxHeaderBlue.png') repeat-x;
  color: #333;
  text-shadow: 1px 1px 5px #cf5d19;  
}

div.box div.blue a
{
  color: #333;
  text-shadow: 1px 1px 5px #cf5d19;
}

div.box div.green a
{
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}

div.box div.green
{
  background: url('boxHeaderGreen.png') repeat-x;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}

div.box div.yellow
{
  background: url('boxHeaderYellow.png') repeat-x;
  color: #fff;
  text-shadow: 1px 1px 5px #000;  
}

div.box div.yellow a
{
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}

div.box div.grey
{
  background: url('boxHeaderGrey.png') repeat-x;
  color: #fff;
  text-shadow: 1px 1px 5px #333;
}

div.box div.body
{
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

div.box div.body h4
{
  font-size: 12px;
}

div.box div.bodyInner
{
  padding: 1px 15px 7px 15px;
  min-height: 100px;
}

div.box div.headerless
{
  border-top: 1px solid #e0e0e0;
}

div.box div.boxFooter
{
  clear: both;
  background: #f1f1f1;
  height: 30px;
}

div.doubleBox div.boxFooter
{
  background: #f1f1f1;
  height: 60px;
}

div.boxFooterInnerLeft
{
  float: left;
  padding: 7px 10px;
}

div.boxFooterInnerRight
{
  padding: 3px 10px;
  float: right;
}

div.doubleBox div.boxFooterInnerRight
{
  padding: 18px 10px;
  float: right;
}

div.boxFooter a.readMore
{
  display: block;
  padding: 6px 0 7px 0;
  width: 72px;
  background: url("btnMore1.png");
  color: #fff;
  font-size: 10px;
  text-align: right;
  text-decoration: none;
}

a.readMore2
{
  display: block;
  padding: 5px 0 6px 0;
  width: 70px;
  background: url("btnMore2.png");
  color: #333;
  font-size: 10px;
  text-decoration: none;
}

div.doubleBoxLeft
{
  float: left;
  width: 285px;
}

div.doubleBoxRight
{
  float: right;
  width: 285px;
}

/*
 * Nejsledovanější články...
 */ 
div.mostCommented table
{
  background: #e5e5e5;
  border-collapse: collapse;
  width: 100%;
}

div.mostCommented table tr
{
  background: url('mostCommentedBg.png') 12px 7px no-repeat;
}

div.mostCommented table td
{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 3px 10px;
}

div.mostCommented table td.first
{
  width: 20px;
}

div.mostCommented table td.last
{
  width: 30px;
}

/**
 *  Partneři 
 */ 
ul.partners
{
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}

ul.partners li
{
  padding: 0;
  margin: 0;
  background: #ff8c53;
  border-bottom: 1px solid #fff;
}

ul.partners li.hover
{
  background: #980227;
}

ul.partners li a
{
  display: block;
  margin-left: 6px;
  padding: 10px 6px;
  border-left: 1px solid #fff;
  background: url("partnersListBg.png") repeat-x;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/**
 *  Článek
 */ 
h2
{
  color: #074367;
}

div.perex
{
  border-bottom: 1px solid #a5a5a5;
}

/**
 * Hodnocení
 */ 
form.rating fieldset
{
  border: 0;
  background: #eee;
  margin-bottom: 15px;
}

form.rating .okMessage
{
  color: #060;
  font-weight: bold;
}

form.rating .errorMessage
{
  color: #900;
  font-weight: bold;
}

form.rating input[type="text"], form.rating textarea
{
  width: 250px;
}

img.introImageLeft
{
  float: left;
  margin: 10px 10px 10px 0;
}

img.introImageRight
{
  float: right;
  margin: 10px 0 10px 10px;
}

/**
 * Patička
 */ 

div#footer
{
  margin-top: 7px;
  height: 50px;
  background: url('footerBg.png') top center no-repeat;
}

div#footer p
{
  padding: 15px;
  text-align: center;
}