/*
Title:      vitovec.cz master styles for screen media
Author:     David Kozák, kozak@davidkozak.cz
Updated:    Nov 08, 2009
*/

body
{
  background-color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

body
{
  color: #000000;
  line-height: 110%;
  font-family: tahoma, arial, sans-serif;
}

td, th
{
  font-size: 80%;
}

#page
{
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 0 0;
  width: 769px;
  min-height: 100%;
  height: 100%;
  position: relative;
  text-align: left;
}

/* ---[ links ]------------------------------- */

a:link
{
  color: #EA1515;
  text-decoration: underline;
  font-weight: normal;
}

a:hover
{
  color: #606060;
  text-decoration: underline;
  font-weight: normal;
}

a:active
{
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
}

a:visited
{
  color: #EA1515;
  text-decoration: underline;
  font-weight: normal;
}

a:visited:hover
{
  color: #606060;
  text-decoration: underline;
  font-weight: normal;
}

/* ---[ common elements ]--------------------- */

p
{
  margin: 1em 0 1em 0;
  padding: 0 0 0 0;
}

h1, h2, h3
{
	width: 80%;
	line-height: 125%;
	color: #606060;
}

h1
{
	margin: 20px 0 0 0;
	padding: 2px 0 2px 10px;
	font-size: 105%;
	font-weight: bold;
	color: #EA1515;
	border-bottom: 1px #DC214C solid;
}

h2
{
	margin: 30px 0 10px 0;
	padding: 0 0 3px 10px;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px #8F8F8F solid;
}

h3
{
  font-size: 100%;
  font-weight: bold;
}

h4
{
  font-size: 95%;
  font-weight: bold;
}

/* ---[ top ]--------------------------------- */

#zahlavi
{
	width: 769px;
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #808285;
	border-top: 3px #808285 solid;
	border-bottom: 1px #FFFFFF solid;
}

/* ---[ left column ]------------------------- */

#levy-sloupec
{
  float: left;
  width: 172px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* ---[ left column content ]---------------------- */

#levy-sloupec-obsah
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #FFFFFF;
  border-right: 2px #FFFFFF solid;
  font-size: 80%;
  line-height: 100%;
}

#levy-sloupec-menu
{
	margin: 2px 0 0 0;
	padding: 2px 0 10px 0;
	background-color: #DFDFDF;
	text-align: center;
	line-height: 100%;
	font-size: 90%;
	border: 1px #8F8F8F solid;
}

.cara
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.menu-levy-sloupec
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	height: 15px;
}

.menu-levy-sloupec-obsah
{
  margin: 0 0 0 0;
  padding: 5px 0 5px 20px;
  text-align: left;
}

.menu-levy-sloupec-obsah a
{
  text-decoration: none;
  color: #000000;
}

.menu-levy-sloupec-obsah a:hover
{
  text-decoration: underline;
  color: #EA1515;
}

.levy-sloupec-nadpis
{
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border: 1px #8F8F8F solid;
	font-size: 90%;
}

.levy-sloupec-nadpis-obsah
{
  margin: 0 0 0 0;
  padding: 5px 0 5px 0;
  color: #8F8F8F;
}

#levy-sloupec-zapati
{
	width: 100%;
	height: 20px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	background-color: #EA1515;
}

/* ---[ right column ]------------------------ */

#pravy-sloupec
{
  float: left;
  width: 597px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* ---[ right column content ]-------------------------- */

#pravy-sloupec-zahlavi
{
	width: 100%;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
}

/* ---[ navigation ]-------------------------- */

#menu-zahlavi
{
	width: 100%;
	height: 15px;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	background-color: #DFDFDF;
	text-align: center;
	line-height: 100%;
	border: 1px #8F8F8F solid;
}

#menu-zahlavi-obsah
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 70%;
	color: #8F8F8F;
}

#menu-zahlavi a,
#menu-zahlavi a:visited
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #606060;
	text-decoration: none;
	font-weight: normal;
}

#menu-zahlavi a:hover,
#menu-zahlavi a:visited:hover
{
	color: #EA1515;
	text-decoration: none;
}

/* ---[ text content ]------------------------ */

#pravy-sloupec-obsah
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #FFFFFF;
}

#pravy-sloupec-obsah-obsah
{
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  font-size: 80%;
  line-height: 140%;
}

#pravy-sloupec-obsah a,
#pravy-sloupec-obsah a:visited
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #EA1515;
  text-decoration: underline;
  font-weight: normal;
}

#pravy-sloupec-obsah a:hover
{
  color: #606060;
  text-decoration: underline;
  font-weight: normal;
}

#pravy-sloupec-obsah h2 a:link,
#pravy-sloupec-obsah h2 a:visited
{
	color: #EA1515;
	text-decoration: none;
	font-weight: bold;
}

#pravy-sloupec-obsah h2 a:hover
#pravy-sloupec-obsah h2 a:visited:hover
{
	color: #606060;
	text-decoration: underline;
	font-weight: bold;
}

#pravy-sloupec-obsah h3 a:link,
#pravy-sloupec-obsah h3 a:visited
{
	color: #EA1515;
	text-decoration: none;
	font-weight: bold;
}

#pravy-sloupec-obsah h3 a:hover
{
	color: #606060;
	text-decoration: underline;
	font-weight: bold;
}

/* ---[ misc. ]------------------------------- */

.noborder
{
  border: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.border
{
  border: 1px solid #888;
}

.ilustrace
{
  padding: 0 0 10px 10px;
  border: 0;
  float: right;
}

.mezera
{
  width: 75px;
}

.seznam
{
  list-style-type: square;
}

.seznam-pismena
{
  list-style-type: upper-alpha;
}

.seznam-cisla
{
	list-style-type: decimal;
}

p.citat
{
  margin: 0 0 10px 30px;
  padding: 0 10px 0 35px;
  font-size: 95%;
  color: #606060;
  background: url(../images/citat.gif) no-repeat top left;
}

cite
{
  margin: 0 0 10px 30px;
  padding: 0 10px 0 35px;
  font-size: 95%;
  color: #606060;
  background: url(../images/citat.gif) no-repeat top left;
}

p.perex
{
  margin: 0 0 0 0;
  padding: 0 10px 0 45px;
  font-size: 110%;
  color: #606060;
  background: url(../images/perex.gif) no-repeat top left;
}

.clanek
{
  font-weight: bold;
  color: #AA0000;
}

.citace
{
  color: #606060;
  font-style: italic;
}

.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

acronym, abbr, .help
{
  cursor: help;
  border-bottom: 1px #AA0000 dashed;
}

#ramecek
{
	margin: 0 0 0 0;
	padding: 1px 10px 10px 10px;
	border: 1px #A0A0A0 solid;
}

/* ---[ specifik links ]---------------------- */

.docLink
{
  padding-right:17px; 
  background: transparent url('../images/doc.gif') no-repeat top right;
}

.pdfLink
{
  padding-right:17px; 
  background: transparent url('../images/pdf.gif') no-repeat top right;
}

.ppsLink
{
  padding-right:17px; 
  background: transparent url('../images/pps.gif') no-repeat top right;
}

.xlsLink
{
  padding-right:17px; 
  background: transparent url('../images/xls.gif') no-repeat top right;
}

.zipLink
{
  padding-right:17px; 
  background: transparent url('../images/zip.gif') no-repeat top right;
}

/* ---[ bottom ]------------------------------ */

#copyright
{
	width: 100%;
	height: 30px;
	margin: 50px 0 0 0;
	padding: 0 0 0 0;
}

#copyright-obsah
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 10px 20px;
	font-size: 70%;
	color: #8F8F8F;
}

#copyright a,
#copyright a:visited
{
	color: #606060;
	text-decoration: none;
}

#copyright a:hover,
#copyright a:visited:hover
{
	color: #EA1515;
	text-decoration: none;
}

/* ---[ blog ]-------------------------------- */

.zprava
{
  margin-bottom: 50px;
}

.entry_summary
{
  text-align: left;
  color: #555555;
}

.ilustrace
{
	border: 0;
	float: right;
}

/* ---[ index ]------------------------------- */

#seznam-index
{
	list-style: square;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

/* ---[ index ]------------------------------- */

#ramecek
{
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	border: 1px #FF0000 dotted;
	background-color: #FFE4DF;
}

#ramecek-obsah
{
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	color: #AA0000;
	text-align: center;
}