/* 
Author - Martin Mates 2008 (www.martin-mates.cz)

*/

/* [ CSS RERSET ] ----------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0; 
  padding: 0;
  font-size-adjust: 0.468; 
}
 
table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}

fieldset,img {  
  border: 0; 
}

address,caption,cite,code,dfn,em,strong,th,var { 
  font-style: normal; 
  font-weight: normal; 
}

ol,ul { 
  list-style: none; 
}

caption,th { 
  text-align: left; 
}

h1,h2,h3,h4,h5,h6 { 
  font-size: 100%; 
  font-weight: normal; 
}

q:before,q:after { 
  content: ''; 
}

abbr,acronym { 
  border: 0; 
}

.clear {
  clear: both;
}
/* -------------------------------------------------------------------------- */




/* [ CLEARFIX ] ------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
  clear: both;
}
/* -------------------------------------------------------------------------- */


body {
  background: #ffffff;
  font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #6d6e72;
}

strong {
  font-weight: bold;
}

a span{
  visibility: hidden;
}


/* [ LAYOUT ] --------------------------------------------------------------- */
div#home {
  width: 900px;
  margin: 160px auto 0px auto;
  font-size: 16px;
}

div#home h1 {
  visibility: hidden;
}

div#home_top {
  width: 900px;
  height: 120px;
  border-bottom: 1px solid #f1398e;
}

div#home_top img {
  width: 100px;
  display: block;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

div#home h2 a{
  float: left;
  display: block;
  text-align: right;
  width: 388px;
  padding-right: 12px;
  color: #ed1668;
  font-weight: bold;
  margin-top: 18px;
  text-decoration: none;
}

div#home h2 a:hover{
  text-decoration: underline;
}

div#home p {
  float: left;
  font-size: 15px;
  margin-top: 18px;
  width: 500px;
}

div#home p strong {
  font-size: 16px;
}

div#home a#vstup {
  width: 115px;
  height: 39px;
  display: block;
  margin: 0px auto 0px auto;
  position: relative;
  left: -30px;
  top: 30px;
  text-decoration: none;
  background: url('/img/vstupte.png') no-repeat;
}

div#home p#footer, div#main p#footer {
  width: 100%;
  font-size: 11px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  clear: both;
}

div#main p#footer a, div#home p#footer a {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #6d6e72;
}


div#main {
  display: block;
}

div#main p#footer.main {
  position: relative;
  top: 118px;
}


div#obsah a#zadat-poptavku, div#obsah a#zadat-poptavku-o-vas  {
  width: 202px;
  height: 42px;
  display: block;
  position: relative;
  left: 600px;
  top: 5px;
  text-decoration: none;
  background: url('/img/zadat_poptavku.png') no-repeat;
}

div#obsah a#zadat-poptavku-o-vas {
	left: 450px;
}

div#obsah div.clanek a#zadat-poptavku {
  width: 202px;
  height: 42px;
  display: block;
  position: relative;
  left: 450px;
}

div#main {
  width: 950px;
  margin: 30px auto 0px auto;
  font-size: 16px;
}

div#main.movedown {
  width: 950px;
  margin: 180px auto 0px auto;
  font-size: 16px;
}

div#main div#top{
  position: relative;
  width: 950px;
  height: 40px;
  background: transparent url('/img/menu_bg.png') repeat-x;
}

div#main a#home {
  float: left;
  display: block;
  width: 160px;
  height: 40px;
  padding-right: 3px;
  text-decoration: none;
  background: #ffffff url('/img/logo2.png') no-repeat;
}

div#main ul {
  float: left;
  position: relative;
  top: 2px;
  font-size: 15px;
}

div#main ul li{
  float: left;
}

div#main ul li.marked{
  height: 25px;
  background: #ffffff;
}

div#main ul li a{
  display: block;
  text-decoration: none;
  padding: 0px 35px;
  color: #6d6e72;
  font-weight: bold;
  cursor: default;
}

div#main ul li a.cursor{
  cursor: pointer;
}

div#main ul.whiter li a{
  color: #b6b7b9;
}

div#main ul li span{
  display: block;
  padding: 0px 23px;
  color: #ee0572;
  font-weight: bold;
  background: #ffffff;
}

div#main ul li a:hover {
  color: #ee0572;
}

div#main h2 {
  visibility: hidden;
}




div#main ul ul#submenu_1 li {
    width: 230px;
}

div#main ul ul#submenu_2 li, div#main ul ul#submenu_3 li, div#main ul ul#submenu_4 li, div#main ul ul#submenu_5 li {
    width: 200px;
}

div#main ul ul#submenu_2 li {
    width: 180px;
}

body div#main ul ul#submenu_3 li {
  width: 270px;
}

body div#main ul ul#submenu_3 {
  /*padding: 0 10px;*/
}

body div#main ul ul#submenu_3 li a {
 /* position: relative;
  left: -10px;*/
}

body div#main ul ul#submenu_3 li.divider {
  padding-top: 8px;/*
  border-top: 1px solid #f1398e;*/
}

body div#main ul ul#submenu_3 li.divider_bottom {
  /*padding-bottom: 8px;*/
  /*border-bottom: 1px solid #ee0572;*/
}

body div#main ul ul#submenu_3 li.last {
  /*padding-bottom: 10px;*/
}

div#main ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 25px;
  background: #ffffff;
  z-index: 1000;
  border: 1px solid #c0c0c0;
}

ul#submenu_3 {
	*z-index: 1500;
}

div#main ul ul li {
  float: none;
}

div#main ul ul li a {
  color: #565656;
  font-weight: normal;
  height: 22px;
  line-height: 20px;
  
  background: #ffffff;
  /*
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;*/
  cursor: pointer;
  padding-right: 0px;
}


div#main ul ul li:first-child a {
 /*border-top: 1px solid #c0c0c0;*/
}


div#main ul ul li a:hover {
  color: #ee0572;
}


div#obsah {
  margin-top: 2px;
  position: relative;
}

div#obsah h1 {
  font-weight: bold;
  color: #ee0572;
  font-size: 20px;
  margin-bottom: 14px;
  margin-top: 0px;
    margin-left: 187px;
}

div#obsah h1.sluzby {
  margin-top: 80px;
}

div#obsah div.clanek h2 {
  margin-left: 0px;
}

div#main div#obsah h3 a {
  text-decoration: none;
  color: #ee0572; 
}

div#main div#obsah h3 a:hover {
  text-decoration: underline;
}

div#obsah h3 {
  font-weight: bold;
  
  color: #ee0572;
  font-size: 17px;
  margin-bottom: 10px;
    margin-left: 187px;
}

div#obsah p {
  line-height: 140%;
  margin-bottom: 10px;
  margin-right: 100px;
  margin-left: 187px;
  text-align: justify;
}

div#obsah img.illustrative {
  float: left;
  margin: 5px 20px 20px 0px;
  margin-left: 80px;
}

div#obsah img.illustrative2 {
  float: left;
  margin: 5px 20px 20px 0px;
  margin-left: 100px;
}

div#obsah img.illustrative3 {
  float: left;
  margin: 5px 20px 20px 0px;
  margin-left: 60px;
}

div#obsah img.illustrative4 {
  float: left;
  margin: 5px 20px 20px 0px;
  margin-left: 200px;
}

div#obsah img.special01 {
  position: absolute; 
  top: 490px; 
  left: 50px;
  float: none;
  *display: none;
}



div#obsah img.special02 {
  position: absolute; 
  top: 60px; 
  left: 110px;
}

div#obsah img.special03 {
  position: relative; 
  left: 160px;
  top: 15px;
}

div#obsah h3.special01 {
  margin-left: 345px;
  margin-bottom: 10px;
  padding-top: 20px;
}

div#main ul#horiz-menu, div#main ul#horiz-menu-extreme {
  position: absolute;
  top: 26px;
  left: 175px;
}

div#main ul#horiz-menu-extreme2 {
  position: absolute;
  top: 26px;
  left: 300px;
}

div#main ul#horiz-menu-extreme3 {
  position: absolute;
  top: 26px;
  left: 485px;
}

div#main ul#horiz-menu-extreme4 {
  position: absolute;
  top: 26px;
  left: 705px;
}


div#main ul#horiz-menu li {
  float: left;
}

div#main ul#horiz-menu-extreme li, 
div#main ul#horiz-menu-extreme2 li,
div#main ul#horiz-menu-extreme3 li,
div#main ul#horiz-menu-extreme4 li {
  float: none;
}

div#main ul#horiz-menu li a, 
div#main ul#horiz-menu-extreme li a,
div#main ul#horiz-menu-extreme2 li a,
div#main ul#horiz-menu-extreme3 li a,
div#main ul#horiz-menu-extreme4 li a {
  display: block;
  text-decoration: none;
  padding: 0px 12px 0px 12px;
  color: #6d6e72;
  font-weight: bold;
  cursor: pointer;
}

div#main ul#horiz-menu li a:hover,
div#main ul#horiz-menu-extreme li a:hover,
div#main ul#horiz-menu-extreme2 li a:hover,
div#main ul#horiz-menu-extreme3 li a:hover,
div#main ul#horiz-menu-extreme4 li a:hover {
  color: #ee0572;
}

div#main ul#horiz-menu-extreme li span,
div#main ul#horiz-menu-extreme2 li span,
div#main ul#horiz-menu-extreme3 li span,
div#main ul#horiz-menu-extreme4 li span {
  display: block;
  padding: 0px 12px 0px 12px;
  color: #ee0572;
  font-weight: bold;
}

div#main ul#horiz-menu li span {
  display: block;
  padding: 0px 12px;
  color: #ee0572;
  font-weight: bold;
}

div#main ul.blogmenu {
  margin-bottom: 30px;
  width: 187px;
}

div#main ul.blogmenu li{
  float: none;
  _height: 20px;
}

div#main ul.blogmenu li.headline{
  font-weight: bold;
  color: #ee0572;
}

div#main div#blogmenu {
  width: 187px; 
  float: left; 
}

div#main ul.blogmenu li a{
  padding: 0px 0px 0px 3px;
  cursor: pointer;
}

div#main div#blogmenu img {
  float: none;
  display: block;
  margin-left: 10px;
}

div#main div#blogmenu p {
  text-align: center;
  margin: 5px 0px 30px 0px;
  width: 143px;
  font-weight: bold;
  font-size: 14px;
}

div#main p.autors {
  font-style: italic;
  margin: 0px;
  position: relative;
  top: -7px;
}

div#main p.cas{
  float: right;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  top: 7px;
}

div#main p.komentar.autors {
  position: relative;
  top: 3px;
}

div#main div.komentar {
  width: 650px;
  margin-bottom: 30px;
}

div#main div.cara {
  border-bottom: 1px solid #6d6e72;
  margin-bottom: 7px;
}

div#main p.komentar {
  font-style: italic;
  margin: 0px;
  float: left;
  position: relative;
  top: 0px;
  font-weight: bold;
  color: #6d6e72;
}


div#main p.autors a{
  color: #6d6e72;
}

div#main p.autors strong{
  font-style: italic;
  font-weight: normal;
  color: #ee0572;
}

div#main p a{
  font-style: italic;
  font-weight: bold;
  color: #ee0572;
  text-decoration: none;
  font-size: 15px;
}

div#main p a:hover{
  text-decoration: underline;
}


div#obsah h4 {
  font-weight: bold;
  color: #ee0572;
  font-size: 16px;
  margin-bottom: 4px;
  margin-left: 187px;
  margin-top: 23px;
}

div#obsah h4 a{
  font-weight: bold;
  text-decoration: none;
  color: #ee0572;
  font-size: 16px;
}

div#obsah h4 a:hover{
  text-decoration: underline;
}

div#obsah address {
  float: left;
  margin: 10px 50px 50px 0px;
  _margin: 10px 25px 50px 0px;
}

div#obsah address.first {
  float: left;
  margin-left: 187px;
  _margin-left: 94px;
}

div#obsah p img.perex {
  float: left;
  width: 75px;
  height: 60px;
  margin: 5px 20px 0 0;
}

div#clanky {
  float: left;
}

div#clanky h3.comment{
  display: block;
  color: #ee0572; 
  width: 650px;
  border-bottom: 1px solid #ee0572;
  margin: 80px 0px 0px 0px;
  font-size: 19px;
}

div.clanek {
  width: 650px;
}

img.clanek {
  display: block;
  margin: 10px auto;
  border: 2px solid #f10472;
}

div#clanky p {
  margin-left: 0px;
  margin-right: 0px;
}

div#obsah p.block {
  float: left;
  clear: none;
  width: 350px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
  margin-bottom: 50px;
  position: relative;
  left: 187px; 
}

div#obsah p.block img {
  margin-bottom: 5px;
}

div#obsah p.block.poptavka {
  padding-bottom: 80px;
}

div#obsah p.block.related {
  position: relative;
  left: 0px; 
}

div#obsah ul.sipka, div#obsah ul.siroka-sipka {
  position: relative;
  left: 23px;
  display: block;
  width: 400px;
  font-weight: bold;
  font-size: 16px;
  list-style-image: url('/img/sipka.png');
  line-height: 20px;
  z-index: 0;
  margin-bottom: 20px;
  *position: static;
  *list-style-position: inside;
  *left: 0px;  
}

div#obsah ul.siroka-sipka {
	width: 500px;
}

div#obsah ul.sipka_single {
  position: relative;
  left: 23px;
  display: block;
  width: 500px;
  font-weight: bold;
  font-size: 16px;
  list-style-image: url('/img/sipka.png');
  line-height: 20px;
  z-index: 0;
  margin-left: 337px;
  margin-bottom: 0px;
  *padding-left: 157px;
  *position: static;
  *list-style-position: inside;
  *left: 0px;  
}

div#obsah p.odstavec_ul { 
  display: block;
  float: left;
  margin-left: 337px;
  *padding-left: 157px;
  margin-bottom: 20px;
}

div#obsah ul.netucny {
  list-style-image: url('/img/sipka.png');
  list-style-type: disc;
  margin-left: 230px;
  margin-top: 10px;
  font-size: 16px;
}

div#obsah ul.netucny li a {
  font-style: italic;
  font-weight: bold;
  color: #ee0572;
  text-decoration: none;
  font-size: 15px;
  display: inline;
  padding: 0px;
  cursor: pointer;
}

div#obsah ul.netucny li a:hover {
  text-decoration: underline;
}

div#obsah ul.netucny li {
  margin-bottom: 20px;
  float: none;
}

div#obsah ul.netucny li strong {
  font-weight: bold;
}

div#obsah ul.sipka li {
  float: none;
  margin-bottom: 20px;
}
div#obsah ul.sipka_single li {
  float: none;
  margin-bottom: 10px;
}

#seolista {
  text-align: center;
}

#seolista a {
  color: #b6b6b6;
  font-size: 12px;
  font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
}
#seolista a:hover {
  color: #5b5b5b;
}

div.seomain div#seolista {
  position: relative;
  top: 118px;
}

div#obsah a.img {
  float: left;
  border: 1px solid #f10472;
  margin: 10px;
}

div#flash {
  width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}


/* TABULKY [23.1.2009 WW]  -------------------------------------------------------------------------- */

div#tabulka {
  	margin-left: 97px;
}

div#tabulka table {
	border-left: 1px solid white;
	border-top: 1px solid white;
}

div#tabulka table thead tr td, div#tabulka table tbody tr td, div#tabulka table tbody tr.no-line td, div#tabulka table tfoot tr td{
	width: 160px;
}

div#tabulka table thead tr td.first, div#tabulka table tbody tr td.first, div#tabulka table tbody tr.no-line td.first, 
div#tabulka table tbody tr td.first-LM, div#tabulka table tbody tr.no-line td.first-LM, div#tabulka table tfoot tr td.first{
	width: 95px;
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #ee0572;
	font-weight: bold;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: white;
	text-align: right;
}

div#tabulka table tbody tr td.first-LM, div#tabulka table tbody tr.no-line td.first-LM {
	vertical-align: top;
}

div#tabulka table thead tr td, div#tabulka table thead tr td.selected {
	width: 160px;
	height: 30px;
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

div#tabulka table thead tr td {
	background-color: white;
	color: #ee0572;
}

div#tabulka table thead tr td.selected {
	background-color: #ee0572;
	color: white;
}

div#tabulka table tbody tr {
	border-bottom: 1px solid white;
}

div#tabulka table tbody tr.no-line {
	border-bottom: none;
	*border-bottom: 1px solid white;
}

div#tabulka table tbody tr td, div#tabulka table tbody tr td.selected, div#tabulka table tbody tr.no-line td, div#tabulka table tbody tr.no-line td.selected {
	height: 26px;
	width: 160px;
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	vertical-align: middle;
	color: black;
	text-align: center;
	border-right: 1px solid white;
	*border-bottom: 1px solid white;
	padding: 1px;
}

div#tabulka table tbody tr td, div#tabulka table tbody tr.no-line td {
	background-color: white;
}

div#tabulka table tbody tr td.selected, div#tabulka table tbody tr.no-line td.selected{
	background-color: #fed5e5;
}

div#tabulka table tbody tr td.actual, div#tabulka table tbody tr.no-line td.actual {
	background-color: Gray;
	color: white;
}

div#tabulka table tbody tr td a, div#tabulka table tbody tr td.selected a, div#tabulka table tbody tr.no-line td a, div#tabulka table tbody tr.no-line td.selected a {
	text-decoration: none;
	color: black;
	text-decoration: underline;
	display: block;
	height:26px;
	line-height: 26px;
	vertical-align: middle;
}

div#tabulka table tbody tr td a:hover, div#tabulka table tbody tr.no-line td a:hover {
	background-color: #fed5e5;
}
	
div#tabulka table tbody tr td.selected a:hover, div#tabulka table tbody tr.no-line td.selected a:hover {
	background-color: white;
}
div#tabulka table tfoot tr td a{
	text-decoration: none;
	color: black;
	text-decoration: underline;
	display: block;
}

div#tabulka table tfoot tr td a strong{
	font-weight: bold;
}

div#tabulka table tfoot tr td a:hover {
	color: white;
	background-color: #ee0572;
}

div#tabulka table tfoot tr td {
	*width: 860px;
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 30px;
	vertical-align: middle;
	color: black;
	background-color: #fed5e5;
	text-align: center;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}


table#reference td {
  line-height: 150%;
  padding: 30px 10px;
  border-bottom: 1px solid #cfcfcf;
}

table#reference {
  margin-left: 170px;
}


body div#main p.paginator a {
  font-style: normal;
  font-size: 16px;
}

body div#main p.paginator {
  font-size: 16px;
  display: block;
  margin: 25px 0px;
  text-align: center;
}

div#obsah p.left-kontakt {
	width: 250px;
	margin-left: 100px;
}

div#kdo-jsme-left {
	position: absolute;
	left: 30px;
	width: 125px;;
}

div#kdo-jsme-left img {
	margin-top: 30px;
}

div#obsah p.my-v-mediich {
	margin-left: 187px;
}