* {
    padding:0;
    margin:0;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#FFFFFF;
    color:#000000;
    text-align:center;
}

h1 {
    color: #d30000;
    font-size: 2.7em;
    font-weight: normal;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 20px;
    margin-left: 1px;
}

h1.home {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1.home a {
	color: inherit;
}

table {
    border-collapse:collapse;
}

ol {
    list-style:upper-roman;
    margin:0px 0px 0px 30px;
}

ol li {
    margin-top:15px;
    text-align:justify;
}

#page {
    position:relative;
    clear:both;
    margin:auto;
    width:980px;
    padding:165px 0px 30px 0px;
    text-align:left;

}

#top {
    position:absolute;
    top:15px;
    left:0px;
    width:980px;
    height:130px;
    background-image:url(graphic/top.png);
    background-repeat:repeat-x;
}

#top a img {
    border:none;
}

#top #topleft {
    position:absolute;
    top:0px;
    left:0px;
    width:40px;
    height:130px;
    background-image:url(graphic/topleft.png);
    background-repeat:no-repeat;
}

#top #topright {
    position:absolute;
    top:0px;
    right:0px;
    width:40px;
    height:130px;
    background-image:url(graphic/topright.png);
    background-repeat:no-repeat;
}

#top #logo {
    position:absolute;
    top:-16px;
    left:0px;
    width:254px;
    height:96px;
}

#top #prihlaseni {
    position:absolute;
    top:10px;
    right:20px;
    text-align:right;
}

#top #prihlaseni a {
    color:#000;
    text-decoration:underline;
}

#top #prihlaseni a:hover {
    text-decoration:none;
}

#top #prihlaseni .top {
	white-space: nowrap;
}

#top #prihlaseni .bottom {
	margin-top: 10px;
}

#top #prihlaseni #prihlasit {
	border: none;
    width:92px;
    height:22px;
    color:#FFF;
    background-color:#000;
    background-image:url(graphic/prihlasit.png);
    background-position:top;
    background-repeat:no-repeat;
	position: relative;
	top: -1px;
}

#top #prihlaseni .prihlasit-wrapper {
    margin-right:5px;
	float: left;
}

#top #prihlaseni .textbox {
	position: relative;
    float:left;
    color:#394D01;
    width:146px;
    height:17px;
    padding:3px 0px 0px 4px;
    margin-right:10px;
    background-image:url(graphic/textbox.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:left;
}

#top #prihlaseni #trvale-wrapper {
	float: left;
	position: relative;
	top: 3px;
	margin-left: 5px;
}

#top #prihlaseni #trvale {
	vertical-align: middle;
}

#top #prihlaseni .textbox input {
    position:absolute;
    top:3px;
    right:2px;
    font-size:11px;
	height: 14px;
    width:93px;
    border:none;
    background:none;
}

#navbar {
    position:absolute;
    top:114px;
    left:0px;
    width:960px;
    padding-left:20px;
    height:30px;
}

#navbar a {
    color:#4A4C09;
    text-decoration:none;
}

#navbar a:hover {
    text-decoration:underline;
}

#navbar .zalozka {
    position:relative;
    float:left;
    margin-right:10px;
    padding:8px 25px 0px 25px;
    height:22px;
    border-bottom:1px solid #A5B153;
    text-align:center;
    color:#4A4C09;
    background-color:#FCFFA7;
    background-image:url(graphic/menuright.png);
    background-position:top right;
    background-repeat:no-repeat;
    font-size:18px;
}

#navbar .zalozka.nastaveni a,
#navbar .zalozkaaktivni.nastaveni a,
#navbar .zalozka.registrace a,
#navbar .zalozkaaktivni.registrace a {
	margin-left: 10px;
}

#navbar .zalozka .left {
    position:absolute;
    top:0px;
    left:0px;
    width:5px;
    height:29px;
    background-image:url(graphic/menuleft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#navbar .zalozka .registraceleft {
    position:absolute;
    top:0px;
    left:0px;
    width:29px;
    height:29px;
    background-image:url(graphic/registraceleft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#navbar .zalozka .nastavenileft {
    position:absolute;
    top:0px;
    left:0px;
    width:29px;
    height:29px;
    background-image:url(graphic/nastavenileft.png);
    background-position:top left;
    background-repeat:no-repeat;
}


#navbar .zalozkaaktivni {
    position:relative;
    float:left;
    margin-right:10px;
    padding:8px 25px 0px 25px;
    height:22px;
    border-bottom:1px solid white;
    text-align:center;
    color:#4A4C09;
    background-color:#FFFFFF;
    background-image:url(graphic/menuaktivniright.png);
    background-position:top right;
    background-repeat:no-repeat;
    font-size:18px;
}

#navbar .zalozka.registrace a,
#navbar .zalozkaaktivni.registrace a {
margin-left: 10px;
}


#navbar .zalozkaaktivni .left {
    position:absolute;
    top:0px;
    left:0px;
    width:5px;
    height:29px;
    background-image:url(graphic/menuaktivnileft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#navbar .zalozkaaktivni .registraceleft {
    position:absolute;
    top:0px;
    left:0px;
    width:29px;
    height:29px;
    background-image:url(graphic/registraceaktivnileft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#navbar .zalozkaaktivni .nastavenileft {
    position:absolute;
    top:0px;
    left:0px;
    width:29px;
    height:29px;
    background-image:url(graphic/nastaveniaktivnileft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#filtrovani {
    position:relative;
    width:710px;
    padding:10px 0px 10px 0px;
    margin-top:30px;
    background-color:#FEFFD4;
    border:1px solid #CCCF63;
}

#filtrovani #datum {
    font-size:11px;
    width:95px;
}

#filtrovani select {
    font-size:11px;
    width:120px;
    border:1px solid #5A5C1F;
}

#filtrovani .text {
    font-size:12px;
    width:70px;
    border:1px solid #5A5C1F;
}

#filtrovani .popisek {
    padding:5px 5px 5px 20px;
}

#filtrovani #submit {
    position:absolute;
    bottom:0px;
    right:0px;
    width:1px;
    height:1px;
    border:none;
    background-color:#FEFFD4;
}

#filtrovani label {
    font-size:11px;
}

/*LIVE TURNAJE*/
div.tableborder {
    margin-bottom: 20px;
    border: 1px solid #d7e3ec;
    padding: 2px;
    width: 474px;
}
div.highlight-bg {
    background: #feffd4;
    padding: 10px 0;
    margin-bottom: 20px;
    width: 484px;
}
/*H2 kontakty*/
h2.thead {
    padding: 6px 3px;
    font-size: medium;
    color: #fff;
    background: #86b20d;
    text-align: center;
    width: 474px;
}

.tournament {
	width: 100%;
}
.live-kontakty {
	width: 480px;
	background-color: #feffd4;
}
.tournament tr.odd th,
.tournament tr.odd td {
	background-color: #eef4f8;
}
.tournament td {
	padding: 0.75em;
}
.live-kontakty td {
	padding: 0.5em;
	padding-left: 0.75em;
}
.tournament th,
.live-kontakty th {
	width: 13em;
	text-align: right;
}
.tournament td.start,
.tournament td.place,
.tournament td.reservation {
	padding-left: 40px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.tournament td.start {
	background-image: url(graphic/icon-start.png);
}
.tournament td.place {
	background-image: url(graphic/icon-place.png);
}
.tournament td.reservation {
	background-image: url(graphic/icon-rezervation.png);
}
.tournament td span.prize {
	padding: 3px 5px;
	background: #d12311;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

/*LIVE TURNAJE END*/

.turnaje {
    position:relative;
    margin-top:10px;
}

.turnaje a img {
    margin-top:2px;
    border:none;
}

.turnaje .dokalendare {
    position:relative;
    width:78px;
    height:16px;
    line-height:16px;
    font-size:11px;
    padding-left:4px;
    text-align:left;
    background-image:url(graphic/dokalendare.png);
    background-repeat:no-repeat;
}

.turnaje .dokalendare a {
    color:#545624;
    text-decoration:none;
}

.turnaje .dokalendare a:hover {
    text-decoration:underline;
}

.turnaje .dokalendare .kalendare {
	z-index: 2;
    position:absolute;
    left:92px;
    top:-8px;
    width:120px;
    height:42px;
    text-align:center;
    background-color:#FFF;
    border:1px solid #737373;
    visibility:hidden;
}

.turnaje .dokalendare .kalendare .schovane {
    position:absolute;
    bottom:3px;
    left:0px;
    width:120px;
}

.turnaje .dokalendare .kalendare a img {
    border:none;
    margin:5px 3px 0px 3px;
}



.turnaje .dokalendare .kalendare .sipka {
    position:absolute;
    top:10px;
    left:-7px;
    width:7px;
    height:11px;
    background-image:url(graphic/sipka.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

.turnaje table {
    position:relative;
    width:712px;
    border-left:1px solid #CCCF63;
    border-right:1px solid #CCCF63;
    border-bottom:1px solid #CCCF63;
}

.turnaje th {
    font-size:12px;
    padding-left:5px;
    color:#FFF;
    background-color:#737373;
    font-weight:normal;
    text-align:center;
    height:20px;
}

.turnaje th.buttons {
    width: 85px;
}

.turnaje th a {
    font-size:12px;
    color:#FFF;
    text-decoration:none;
}

.turnaje th a:hover {
    color:#FFF;
    text-decoration:underline;
}

.turnaje th a img {
    border:none;
}

.turnaje td {
    position:relative;
    font-size:12px;
    padding:0px 2px 0px 15px;
    color:#545624;
    border-bottom:1px solid #ECEDA1;
    height:20px;
}

.turnaje tr {
    background-color:#FEFFD4;
}
.turnaje tr.odd {
    background-color:#F8F9BE;
}

.turnaje-tlacitka {
	margin-bottom: 20px;
}

.turnaje-tlacitka a {
    float: left;
    display: block;
    margin-right: 40px;
    width: 230px;
    height: 40px;
    background-color: #999;
    background-image: url(graphic/button-gray.png);
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: large;
    text-shadow: -1px 2px 2px #3C3C3C;
}
.turnaje-tlacitka a.red {
    background-image: url(graphic/button-red.png);
    text-shadow: -1px 2px 2px #600;
}
.turnaje td a, .pojmy a, .pojmy-detail a, .clanek-detail a, .turnaje-detail a {
    color:#DC4500;
    text-decoration:underline;
}

.turnaje td a:hover,
.pojmy a:hover,
.pojmy-detail a,
.clanek-detail a:hover,
.turnaje-detail a:hover {
    text-decoration:none;
}

#strankovani {
    position:relative;
    margin-top:10px;
    width:710px;
}

#strankovani #tecky {
    background-color:#FFF;
    border:1px solid #FFF;
    font-size:16px;
}

#strankovani #aktivni {
    background-color:#828282;
    border:1px solid #828282;
    color:#FFF;
}

#strankovani .odkaz {
    position:relative;
    float:left;
    margin-right:5px;
    margin-left:3px;
    padding-top:3px;
}

#strankovani .odkaz a {
    color:#000;
    text-decoration:underline;
}

#strankovani .odkaz a:hover {
    text-decoration:none;
}

#strankovani .tlacitko {
    position:relative;
    margin-right:2px;

    float:left;
    _width:18px;
    min-width:18px;
    padding:0px 1px 0px 1px;
    height:16px;
    text-align:center;
    background-color:#EEE;
    border:1px solid #D5D5D5;
}

#strankovani .tlacitko a {
    color:#000;
	line-height: 16px;
	display: block;
    text-decoration:none;
}

#strankovani .tlacitko a:hover {
    text-decoration:underline;
}

#content {
    position:relative;
    float:left;
    width:710px;

}

#karty {
    position:relative;
    width:710px;
    height:180px;
    color:#5C5C5C;
    font-size:13px;
    background-image:url(graphic/karty.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

#karty p {
    position:absolute;
    width:290px;
    left:380px;
}

#karty #p1 {
    top:20px;
}

#karty #p2 {
    top:70px;
}

#karty #p3 {
    top:120px;
}

.h2 {
    font-weight:normal;
    font-size:22px;
    margin:30px 0px 0px 0px;
    padding:0px 0px 5px 0px;
    color:#C72109;
    border-bottom:1px dotted #7F7F7F;
}

#content .vice {
    margin-top:5px;
    text-align:right;
    font-size:13px;
}

#content .vice a {
    text-decoration:underline;
    font-weight:bold;
    color:#D22312;
}

#content .vice a:hover {
    text-decoration:none;
}

#content p {
    text-align:justify;
    padding-top:10px;
}

.custom-html ul {
	padding-left: 16px;
}

.custom-html ul li {
    padding-top:10px;
}

#vyhody {
    position:relative;
    float:left;
    width:220px;
}

#vyhody ul {
    list-style:none;
}

#vyhody ul li {
    padding-left:30px;
    margin-top:10px;
    background-image:url(graphic/fajfka.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    min-height:20px;
}


#vyhody h2 {
    font-weight:normal;
    font-size:20px;
    color:#C72109;
    width:220px;
    padding-bottom:5px;
    border-bottom:1px dotted #C72109;
}

#zapomenuteheslo {
    width:400px;
    padding:20px 0px 20px 70px;
    margin-top:30px;
}

#magaziny {
    width:690px;
    padding:20px 0px 20px 20px;
    margin-top:50px;
    margin-bottom:20px;
}


.clanek {
    position:relative;
    padding:10px 0px 10px 0px;
    border-bottom:1px dotted #7F7F7F;
}

.clanek h2 {
    font-weight:normal;
    font-size:22px;
    margin:0;
    margin:20px 0px 5px 0px;
}

.clanek h2 a {

    color:#C72109;
    text-decoration:none;
}

.clanek h2 a:hover {
    text-decoration:underline;
}

.clanek p {
    text-align:justify;
    padding:0;
    margin:0;
}

.clanek .informace {
    color:#676767;
    margin-top:10px;
}
.clanek .informace a {
    color:#676767;
    text-decoration:underline;
}

.clanek .informace a.magazin {
	margin: -5px 0;
	padding: 5px 0 5px 20px;
	background: url("graphic/zeton.png") left center no-repeat transparent;
}

.clanek .informace .datum {
	margin: -5px 0;
	padding: 5px 0 5px 20px;
	background: url("graphic/hodiny.png") left center no-repeat transparent;
}

.clanek .informace a:hover {
    text-decoration:none;
}

.clanek .informace img {
    margin-right:5px;
}

.clanek .novy {
    position: absolute;

    top: 10px;
    right: 5px;
    background-color:#D12311;
    color:#FFFFFF;
    width:80px;
    padding-top:2px;
    height:23px;
    text-align:center;
    background-image: url(graphic/novyclanek.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}


.okenko {
    position:relative;
    color:#4A4C09;
    background-color:#FEFFD4;
    border:1px solid #CCCF63;
}

.okenko.nastaveni {
    width:690px;
    padding:20px 0px 20px 20px;
    margin-top:50px;
    margin-bottom:32px;
}



.okenko h2 {
    position:absolute;
    top:-21px;
    left:-1px;
    _width:100px;
    min-width:100px;
    height:17px;
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    background-color:#CF2412;
    margin:0;
    padding:2px 8px 0px 8px;
}

.okenko .tabulka {
    margin:0px 20px 15px 0px;
    border:1px solid #E5E79C;
    padding:10px;
}

.okenko .tabulka.checkboxy table {
	width: 100%;
}

.okenko .tabulka.checkboxy td {
	vertical-align: top;
	padding: 5px 15px 5px 5px;
}

.okenko .tabulka.checkboxy td.check {
	padding: 5px 0 5px 0;
}

.okenko .tabulka.checkboxy td.check input {
	vertical-align: middle;
}

.okenko h3 {
    position:relative;
    color:#5C5E1D;
    background-color:#E5E79C;
    margin:15px 20px 5px 0px;
    height:17px;
    font-size:12px;
    padding:3px 0px 0px 7px;
}

.okenko select {
    font-size:11px;
    border:1px solid #5A5C1F;
}

.okenko .submit {
    position:absolute;
    right:-1px;
    bottom:-32px;
}

.okenko .submit input {
    width:112px;
    height:27px;
    background-color:#666666;
    font-weight:bold;
    color:#FFF;
    border:none;
    background-image:url(graphic/tlacitko.png);
    background-position:top;
    background-repeat:no-repeat;
}

.odeslat {
    position:relative;
    border:none;
    width:92px;
    height:22px;
    margin-left:5px;
    color:#FFF;
    background-color:#FEFFD4;
    background-image:url(graphic/odeslat.png);
    background-position:top;
    background-repeat:no-repeat;
}

.okenko a {
    color:#4A4C09;
    text-decoration:underline;
}

.okenko a:hover {
    text-decoration:none;
}

.okenko td {
    padding:10px 20px 0px 0px;
    text-align:right;
}

.okenko td.left {
    text-align:left;
}

.okenko p {
    margin:0px 20px 10px 0px;
}

.okenko .text {
    width:158px;
    border:1px solid #5A5C1F;
    padding:2px;
}

.okenko #chyby {
    position:relative;
    margin-right:20px;
    padding-bottom:10px;
    color:#CF2412;
    background-color:#FFF;
    border:1px solid #E5E99F;
}

.okenko #chyby .chybka {
    padding:10px 0px 0px 35px;
    background-image:url(graphic/vykricnik.png);
    background-position:10px 8px;
    background-repeat:no-repeat;
}

.okenko #chyby .zmena {
    padding:10px 0px 0px 35px;
    background-image:url(graphic/vykricnik.png);
    background-position:10px 8px;
    background-repeat:no-repeat;
    color:#5A5C1F;
}

.okenko .chyba {
    color:#CF2412;
}

.okenko .chyba .text {
    width:158px;
    border:2px solid #CF2412;
    padding:2px 1px 2px 1px;
}

.okenko .minimalne {
    font-size:10px;
}

#registrace {
    float:right;
    margin-top:20px;
    width:430px;
    padding:20px;
}

#sidebar {
	z-index: 1;
  float: right;
  width: 250px;
}

/* ZACATEK SLOUPECKU */
#sidebar #socials {
  width: 230px;
  clear: both;
}
#sidebar #socials #gplus {
  float: left;
}
#sidebar #socials #gplus a {
  width: 64px;
  height: 41px;
  /*background: url(graphic/gplus.png) no-repeat;/**/
  display: block;
  text-decoration: none;
}
#sidebar #socials #fb {
  float: left;
  width: 145px;
  height: 41px;
  margin: 0 0 0 13px;
}
#sidebar #socials #fb .part1 {
  float: left;
  width: 109px;
  height: 41px;
  background: url(graphic/fb_logo.png) no-repeat;
}
#sidebar #socials #fb .part2 {
  float: left;
  width: 30px;
  height: 41px;
  background: url(graphic/fb_like.png) no-repeat;
  margin: 0 0 0 5px;
}

/* KONEC SLOUPECKU */
#sidebar #facebook {
    position:relative;
    width:220px;
    margin:15px 0px 15px 15px;
    padding-bottom:10px;
    background-color:#ECEFF5;
    border:1px solid #94A3C4;
}

#sidebar #banner {
    position:relative;
    margin:10px 0px 10px 0px;
    width:250px;
    height:250px;
    background-image:url(graphic/banner.png);
}

#sidebar .box {
    position:relative;
    width:230px;
    padding:40px 10px 10px 10px;
    background-color:#BFE143;
    background-image:url(graphic/sidetop.png);
    background-position:top;
    background-repeat:no-repeat;
}

#sidebar .box .boxbottom {
    position:absolute;
    bottom:0px;
    left:-1px;
    width:252px;
    height:5px;
    background-image:url(graphic/boxbottom.png);
    background-repeat:no-repeat;
}

#sidebar .box h3 {
    position:absolute;
    top:8px;
    left:8px;
    padding:0;
    margin:0;
    color:#FFF;
    font-weight:normal;
    font-size:14px;
}

#sidebar .box h3 a {
    color:#FFF;
}

#sidebar .box a {
    text-decoration:none;
}

#sidebar .box a:hover {
    text-decoration:underline;
}

#sidebar .box ul {
    list-style:none;
    padding:0;
    margin:0;
}


#sidebar .box ul li {
    font-size:14px;
    padding:5px 0px 3px 0px;
    border-bottom:1px dotted #A0C322;
}


#sidebar .box ul li a {
    color:#536E04;
}


.vpravo {
    text-align:right;
}

.vlevo td {
    text-align:left;
}

#vyber {
    text-align:right;
    padding:15px 20px 10px 0px
}

.doprava {
    position:relative;
    float:right;
}

.cara {
    position:relative;
    clear:both;
    height:1px;
}

#footer {
    position:relative;
    margin-top:30px;
    width:970px;
    height:30px;
    line-height:30px;
    padding-left:10px;
    background-color:#88B30D;
    color:#FFF;
    background-image:url(graphic/footerleft.png);
    background-position:top left;
    background-repeat:no-repeat;
}

#footer a {
    text-decoration:none;
    color:#FFF;
}

#footer a:hover {
    text-decoration:underline;
}

#footer .kontakty {
	float: right;
    height:100%;
	padding-right: 10px;
    background-image:url(graphic/footerright.png);
    background-position:top right;
    background-repeat:no-repeat;
}


#rss {
    margin-left:50px;
    list-style:none;
    font-size:14px;
}

#rss li {
    margin-top:10px;
}

#rss li a {

    color:#000;
    text-decoration:none;
}

#rss li a:hover {
    text-decoration:underline;
}



#footer #partneri {
    position:absolute;
    top:35px;
    left:0px;
    color:#757575;
}

#partneri a {
    text-decoration:none;
    color:#757575;
}
.doplnek {
    position:relative;
    float:left;
    width:220px;
    height:240px;
    margin:20px 0px 0px 15px;
    background-image:url(graphic/doplnek.png);
}

.doplnek .stahnout {
    position:absolute;
    top:190px;
    left:30px;
}

.doplnek a img {
    border:none;
}

.doplnek h2 {
    position:absolute;
    top:7px;
    left:8px;
    padding:0;
    margin:0;
    color:#364D00;
    font-weight:bold;
    font-size:14px;
}

.schovane {
    visibility:hidden;
}

.pojmy {
	margin-bottom: 25px;
}

.pojmy li {
    list-style-type: none;
    width: 25%;
    float: left;
    padding: 5px 0;
    font-weight: bold;
}

.pojmy li a {
	margin-right: 20px;
}

.clanek-detail .zpet ,.pojmy-detail .zpet {
    text-align: right;
    padding-top: 20px;
    padding-right: 20px;
}

.clanek-detail p {
    padding-right: 15px;/**/
    margin:0px 20px 10px 0px;
}


/*
    Recenze heren start
*/
.recenze {
    padding: 0px;
    padding-right: 0px;

}
.recenze-col1 {
  float: left;
  width: 450px;
  margin: 4px 0 0 8px;
  text-align: left;

}
.recenze-col2 {
  float: right;
  width: 230px;
  margin: 10px 6px 0 0px;
}
.recenze-col2 table {
    width: 100%;
    margin-bottom: 20px;
}
.recenze-col2 table th {
    background-color: #85b10c;
    -moz-border-radius: 10px;
    color: white;
    text-align: center;
}
.recenze-col2 table tr:nth-child(even) {
    background: #FEFFD4;
}
.recenze-col2 table tr:nth-child(odd) {
    background: #F5F6C0;
}
.recenze-col2 table div {
    width: 170px;
}
.recenze-col2 .vklady img,
.recenze-col2 .vybery img {
    padding: 5px;
}
.recenze-col2 img.software-obrazek {
    width: 200px;
    height: 112px;
    border: 0px solid black;
    cursor: pointer;
    margin-bottom: 20px;
}

/* RECENZE MENU */
.recenze .menu {
    height: 55px;
    overflow: hidden;
}
.recenze .menu div {
    /*width: 163px;
    padding-top: 5px;
    height: 53px;
    float: left;
    background-image: url(graphic/tlacitko-recenze-sede2.png);
    background-repeat: no-repeat;
    text-align: center;/**/
    height: 52px;
    float: left;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
}
.recenze .menu div:hover {
    /*background-image: url(graphic/tlacitko-recenze-cervene.png);/**/
}
.recenze .menu div a,.recenze .menu div a:visited,.recenze .menu div a:active {
      background: #E9E9E9;
  padding: 0 38px;
  color: #000;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("http://showroom.freexit.eu/css/PIE.php");/**/
  -webkit-background-clip: padding-box;
  text-align: center;
  height: 22px;
  display: block;
  padding-top: 7px;
}
.recenze .menu div:hover a,.recenze .menu div:hover a:visited,.recenze .menu div:hover a:active,
.recenze .menu div.selected:hover a,.recenze .menu div.selected:hover a:visited,.recenze .menu div.selected:hover a:active{

    /*color: White;
    text-decoration: none;/**/

}
.recenze .menu div a:hover {
  background: #d30000;
  color: #E9E9E9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("http://showroom.freexit.eu/css/PIE.php");/**/
  -webkit-background-clip: padding-box;
}
.recenze .menu div.selected {
    /*width: 163px;
    background-image: url(graphic/tlacitko-recenze-ocasek.png);/**/
    background-image: url(graphic/tlacitko-recenze-ocasek.png);
    background-position: 0px -2px;
    z-index: -5;
}
.recenze .menu div.selected a {
    /*color: White;
    text-decoration: underline;/**/
      background: #d30000;
  color: #E9E9E9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("http://showroom.freexit.eu/css/PIE.php");/**/
  -webkit-background-clip: padding-box;
}
.recenze-tlacitka {
    margin-top: 10px;
}
.recenze-tlacitka a.button-1 {
    width: 215px;
    height: 40px;
    display: block;
    background-color: transparent;
    background-image: url("graphic/button_1.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
      float: left;
  margin: 0 0 0 0;
}
.recenze-tlacitka a.button-2 {
    width: 215px;
    height: 40px;
    display: block;
    background-color: transparent;
    background-image: url("graphic/button_2.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
      float: left;
  margin: 0 0 0 20px;
}
/*.recenze-tlacitka a{
    height: 30px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.recenze-tlacitka a,.recenze-tlacitka a:visited,.recenze-tlacitka a:active{
    -moz-border-radius: 10px;
    width: 180px;
    display: block;
    border: 2px solid Black;
    background: yellow;
    color: blue;
    text-decoration: none;
    padding: 10px;
    margin: 20px;
    font-size: 2em;
}
.recenze-tlacitka a:hover{
    background: green;

}/**/
a.software-tlacitko {
    width: 190px;/**/
    height: 30px;
    display: block;
    background-color: transparent;
    background-image: url("graphic/button_download.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    margin: 10px;
}


/*a.software-tlacitko {
    height: 20px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}
a.software-tlacitko,a.software-tlacitko:visited,a.software-tlacitko:active {
    -moz-border-radius: 10px;
    width: 150px;
    display:block;
    border: 2px solid Black;
    background: yellow;
    color: blue;
    text-decoration: none;

    margin: 20px;

}
a.software-tlacitko:hover {
    background: green;
}/**/
.recenze-bonus-mini {
  width: 450px;
  height: 128px;
  display: block;
  border: 1px solid #CCCF63;
  background: #FEFFD4;
  margin-top: 20px;
}
.recenze-bonus-mini .td1 {
  width: 50%;
  padding: 13px 0 0 18px;
  text-align: center;
  font-size: 1.3em;/**/
  color: #6d6d6d;
}
.recenze-bonus-mini .td1 strong {
  font-size: 2em;
  text-align: center;
  width: 145px;
  margin: 15px 0 0 0;
  line-height: 0.8em;
}
.recenze-bonus-mini .td1 div {
      font-size: 3.6em;
  color: #d30000;
  font-weight: normal;
  padding: 5px 0 0 10px;
}
.recenze-bonus-mini .td2 {
  color: #6d6d6d;
  font-size: 1.2em;
  padding: 34px 10px 2px 18px;
  text-align: center;
  width: 50%;
  line-height: 0.7em;
}
.recenze-bonus .td2 div{
    padding-top: 10px;
}
.recenze-bonus-mini .td2 a,.recenze-bonus-mini .td2 a:visited,.recenze-bonus-mini .td2 a:active {
  width: 230px;
  height: 40px;
  display: block;
  background: url(graphic/bonus-button.png) no-repeat;
  text-decoration: none;
  margin-bottom: 10px;
}

/* BONUS V PLNE VELIKOSTI */
.recenze-bonus {
  width: 720px;
  height: 128px;
  display: block;
  border: 1px solid #CCCF63;
  background: #FEFFD4;
}
.recenze-bonus .td1 {
  width: 150px;
  padding: 13px 0 0 18px;
  text-align: center;
  font-size: 2.3em;
  color: #6d6d6d;
}
.recenze-bonus .td1 strong {
  font-size: 2.5em;
  text-align: center;
  width: 145px;
  margin: 15px 0 0 0;
  line-height: 0.8em;
}
.recenze-bonus .td2 {
  font-size: 8.6em;
  color: #d30000;
  font-weight: normal;
  padding: 5px 0 0 10px;
}
.recenze-bonus .td3 {
  color: #6d6d6d;
  font-size: 1.2em;
  padding: 34px 0 2px 58px;
  text-align: center;
  width: 230px;
  line-height: 0.7em;
}
.recenze-bonus .td3 div{
    padding-top: 10px;
}
.recenze-bonus .td3 a,.recenze-bonus .td3 a:visited,.recenze-bonus .td3 a:active
/*.recenze-bonus-mini .td2 a,.recenze-bonus-mini .td2 a:visited,.recenze-bonus-mini .td2 a:active*/ {
  width: 230px;
  height: 40px;
  display: block;
  background: url(graphic/bonus-button.png) no-repeat;
  text-decoration: none;
}
.recenze-bonus .td3 a:hover
/*.recenze-bonus-mini .td2 a:hover*/ {
    text-decoration: underline;
    color: gray;
}
/* SLOUPCE HODNOCENI */
.recenze-hodnoceni {
    width: 450px;
    height: 243px;
    display: block;
    border: 1px solid #cccf63;
    background-color: #feffd4;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
.recenze-hodnoceni table {
    width: 450px;

}

.recenze-hodnoceni table td {
    padding: 5px;
     /* float: right;/**/
  color: #d30000;
  margin: 2px 15px 0 0;
}
.recenze-hodnoceni table td.celkem-procenta {
      font-weight: bold;
  font-size: 2em;
}
.recenze-hodnoceni table td.polozka-procenta {
    font-weight: bold;
}
.recenze-hodnoceni .celkem-wrapper {
    /*background: black;
    width: 410px;
    margin-left: 10px;
    height: 30px;/**/
    background-color: transparent;
    background-image: url("graphic/rating-bg.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    height: 30px;
    margin-top: 18px;
    margin-right: 0pt;
    margin-bottom: 14px;
    margin-left: 5px;
}
.recenze-hodnoceni .celkem-bar {
    /*background: green;/**/
    height: 29px;
    margin-left: 1px;
    background-color: transparent;
    border-radius: 5px;
    background-image: url("graphic/rating-green.png");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0px 1px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
.recenze-hodnoceni .polozka-wrapper {
    /*background: black;
    width: 300px;
    height: 20px;/**/
    background-color: #e1e3aa;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    height: 10px;
    width: 300px;
}
.recenze-hodnoceni .polozka-bar {
    /*background: blue;
    height: 20px;/**/
    background-color: #d30000;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    height: 10px;
}

.recenze-hodnoceni-wrapper h2{
  color: #ce2312;
  font-weight: normal;
  margin: 35px 0 -3px 0;
  font-size: 1.7em;
}
.recenze-hodnoceni-wrapper p{
  color: #505050;
  text-align: justify;
}
.recenze-text img.title-image {
    float: left;
    width: 250px;
    height: 70px;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 0pt;
}
.recenze-text p {
    float: left;
    text-align: justify;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 10px;
    margin-left: 0pt;
    line-height: 1.3em;
    color: #505050;
}
/*RECENZE BANNERY*/
.recenze-bannery {
    height: 104px;
    margin: 5px 0;
    display: inline-block;
}
.recenze-bannery .vrchni img{
    height: 70px;
    width: 250px;
}
.recenze-bannery .vrchni{
    height: 70px;
}
.recenze-bannery .spodni{
    height: 34px;
      /*padding: 66px 0 0 8px;/***/
  color: #4C4C4C;
  background-color: #DDD;
  /*padding-top: 5px;*/
}
.recenze-bannery .spodni div.pul1 {
    float:left;
    width:140px;
}
.recenze-bannery .spodni div.pul2 {
    float:left;
    width:100px;
}
.recenze-bannery .spodni div div{
      font-weight: bold;
  color: #D12311;

}
.recenze-bannery .spodni div a {
    /*float:right;
    display: block;
    padding: 5px;/**/
    text-align: center;

}
.recenze-bannery .spodni div a,.recenze-bannery .spodni div a:visited,.recenze-bannery .spodni div a:active {
    float: right;
  width: 70px;
  height: 34px;
  background: url(graphic/recenze.png) no-repeat;
  display: block;
  text-decoration: none;
  margin: 2px 10px 0 0;
}


#obrazek1 img,#obrazek2 img,#obrazek3 img{
    width: 800px;
    height: 600px;
}


/* the overlayed element */
.apple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    /*background-color:#333;*/
    background-image:url(graphic/white.png);
    background-color: #000;

    width:800px;
    /*min-height:610px;*/
    height: 600px;
    /*border:1px solid #666;/**/
    padding: 5px;

    font-size: 11px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;/**/
}

/* close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(graphic/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black version */
div.apple_overlay.black {
    background-image:url(graphic/transparent.png);
    color:#fff;

}

table.more-articles td.date {
	padding-right: 2em;
}

table.more-articles {
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

.error {
	color: red;
}