body.ohradni {
  margin:5px 0 10px 0;
	font-family:Arial, Verdana, Tahoma, sans-serif; 
	font-size:12px;
	background-color:#f8f8f0;
	text-align:center;
}

/* LAYOUT */
#main {
  margin:0 auto;
  width:942px;
}

#header {
  height:146px;
  background:#fefefe url("/img/header.png") 0 0 no-repeat;
  border-top:solid 1px #888888;
  border-left:solid 1px #888888;
  margin:0 0 10px 0;   
}

#navigace {
  text-align:center;
  font-weight:bold;
  margin:125px auto 5px auto;
}

#content {
  min-height:300px;
  height:300px;
  background:#e1edfd url("/img/bg_squash.jpg") 0 0 repeat-y;
  text-align:left;
  border-top:solid 1px #888888;
  border-left:solid 1px #888888;
  padding-bottom:30px;
  margin:10px 0;
}
body[class] #content {
  height:auto;
}

#footer {
  min-height:2em;
  background-color:#e1edfd;
  text-align:center;
  padding:0.5em 1em;
  margin:0;
  border-top:solid 1px #888888;
  border-left:solid 1px #888888;
}

#footer a, #footer a:hover, #footer a:visited, #footer .a {
  font-weight:bold;
}

#copy {
  font-size:80%;
  color:#808080;
}
#copy a {
  font-weight:normal;
  text-decoration:none;
  color:#696969;
}
#copy a:hover {
  font-weight:normal;
  text-decoration:underline;
  color:#696969;
  background-color:transparent;
}

/* ZÁKLADNÍ ELEMENTY */
h1 {
  font-variant:small-caps;
  font-size:20px;
  margin:0 20px 0 0;
  padding:7px 15px;  
/*
  color:white;
  background:url("/img/bg_h2_long.png") center left no-repeat; 
8abff6
*/
/*  width:400px; */
}
h2 {
  font-variant:small-caps;
  font-size:16px;
  margin:0 20px 0 0;
  padding:0.5em 15px 0.2em 25px;
  color:#222288;
}
h3 {
  font-size:14px;
  margin:0 20px 0 0;
  padding:0.4em 15px 0.2em 35px;  
}
#content p {
  margin:0 20px 0 0;
  padding:0.3em 15px 0.2em 45px;
  text-align:justify;
}
#content ul {
  margin:0 20px 0 0;
  padding:0.15em 15px 0.2em 70px;
  text-align:justify;
  list-style-type:disc;
  list-style-position:outside;
}
#content ul ul {
  padding:0.15em 15px 0.2em 15px;
  list-style-type:circle;
}

em {
  font-weight:bold;
  font-style:normal;
}
strong {
  font-weight:bold;
/*  color:#483d8b; */
}

.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
div.clear {
  clear:both;
}
div.aktualita {
  background-color:white;
  background-color:rgba(255,255,255,0.85);
  padding:10px;
  margin:10px 35px 10px 25px;
  border:none;
}
.datum { /* datum aktualit a fotogalerie */
  color:black;
}
.aktnapdis { /* nadpis aktualit */
  color:black;
}
.akttext { /* text aktualit */
  color:#8b4513;
  font-weight:bold;
}

#hledamsoupere { /* okénko s odkazem na "hledám soupeře" */
  float:right;
  clear:none;
  width:400px;
  min-height:45px;
  height:45px;
  margin:10px 35px 10px 20px;
  background-color:white;
  font-variant:normal;
  color:black;
  text-align:center;
  border:none;
}
body[class] #hledamsoupere {
  height:auto;
}

/* ODKAZY */
a, a:visited {
  color:#0055dd;
  text-decoration:underline;
}
a:hover {
  background-color:#ffa07a;
  color:black;
}
a.img:hover {
  background-color:transparent;
}

/* OBRÁZKY */
img {
  margin:10px;
  border:none;  
}
img.right {float:right;}
img.left {float:left;}
img.right, img.left {clear:none;}
p img.right, h3 img.right, h2 img.right {
  margin-right:0;
  margin-top:0;
}
p img.left, h3 img.left, h2 img.left {
  margin-left:0;
  margin-top:0;
}
img.left.alone {
  margin-top:10px;
}

#login { /* STRÁNKA REZERVACE */
  margin:20px auto 10px 45px;
  width:300px;
}
#registrace { /* registrační formulář do sekce hledám soupeře */
  margin:20px auto 10px 45px;
  width:600px;
}

fieldset {
  background-color:#ffe4c4;
  border:solid 1px #888888;
}

legend {
  text-align:left;
  font-weight:bold;
  background-color:#fcfcaa;
  padding:0.1em 0.5em;
  border:solid 1px #888888;
}

label {
  color:black;
}

table.form {
  border:none;
  margin:10px;
}

table.form td {
  padding:3px;
}

table.form th {
  font-weight:bold;
  text-align:left;
  vertical-align:bottom;
  padding:3px;
}

table.form th.center {
  text-align:center;
}

table.form a {
  display:block;
  text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	border:solid 1px #404040;
}

table.form a.login {
  color:white;
  background-color:#194b9f;
}
table.form a.login:hover {
  background-color:#6495ed;
}
table.form a.delete {
  color:white;
  background-color:#a7000c;  
}
table.form a.delete:hover {
  background-color:#f7002d;
}
input {
/*  background-color:white; */
  width:150px;
}

/* střídání barev řádků v tabulkách */
table tr.even {
  background-color:white;
}
table tr.odd {
  background-color:#dddddd;
}

/* TABULKY VÝSLEDKŮ */
div.data {
  margin:15px auto 10px 40px;
}

table.data {
  border:solid 2px black;
  border-collapse:collapse;
  margin:10px 0 10px 0;
	font-size:12px;
}
table.data thead {
  border-top:solid 2px black;
  border-bottom:solid 2px black;
  background-color:#87cefa;
  font-weight:bold;
}
table.data tbody {
  border-top:solid 2px black;
  border-bottom:solid 2px black;
}

table.data td, table.data th {
  padding:3px 10px;
  vertical-align:top;
  border:solid 1px black;
}
table.data td {
  text-align:left;
}
table.data th {
  text-align:center;
}

table.data .popis { /* ID hráče A, B, C... */
  background-color:#87cefa;
  font-weight:bold;
}
table.data .empty { /* prázdné pole */
  background-color:#b0c4de;
}
table.data .jmeno {width:140px;} /* jméno hráče a poznámka */
table.data .tel {width:80px;} /* telefon */
table.data .skore, table.data .body { /* skóre a body */
  width:30px;
  text-align:center;
}
table.data .body { /* body */
  font-weight:bold;
}
table.data tr.even .body { /* střídání barev pro body */
  background-color:#ffffaa;
}
table.data tr.odd .body {
  background-color:#dddd88;
}
table.data tr.gold { /* 1. místo */
  background-color:#ffd700; /* gold */
}
table.data tr.silver { /* 2. místo */
  background-color:#EAEFFF; /* silver */
}
table.data tr.bronze { /* 3. místo */
  background-color:#D98719; /* bronze */
}
 
table.data a { /* odkaz */
  font-weight:bold;
}

table.data .win { /* skóre výhry */
  color:black; /* darkgreen */
}
table.data .lose { /* skóre prohry */
  color:#dc143c; /* crimson */
}
table.data .shit { /* skóre o hovně */
  color:gray;
}

/* CENÍK */
table.ceny, table.cenysq {
  border-collapse:collapse;
  border:solid 2px black;
  margin:10px 1em 20px 35px;
}
table.cenysq {
  width:auto;
}
table.ceny thead, table.cenysq thead {
  border-top:solid 2px black;
  border-bottom:solid 2px black;
  background-color:#87cefa;
}
table.ceny tbody, table.cenysq tbody {
  border-top:solid 2px black;
  border-bottom:solid 2px black;
}
table.ceny th, table.cenysq th {
  padding:0.2em 0.2em;
  border:solid 1px black;
  font-weight:bold;
  text-align:center;
}
table.ceny td, table.cenysq td {
  padding:0.2em 0.2em;
  border:solid 1px black;
  text-align:center;
}
table.ceny td, table.cenysq th.first {
  min-width:100px;
}
table.cenysq th, table.cenysq td {
  width:33px;
}
table.cenysq th.redhours, table.cenysq th.orangehours, table.cenysq th.yellowhours, table.cenysq th.greenhours  {
  white-space:nowrap;
}    
table.cenysq th.redhours, table.cenysq td.redhours, table.ceny td.redhours, span.redhours {background-color:#ff6666;} /* červené pásmo */
table.cenysq th.orangehours, table.cenysq td.orangehours, table.ceny td.orangehours, span.orangehours {background-color:#ffa500;} /* oranžové pásmo */
table.cenysq th.yellowhours, table.cenysq td.yellowhours, table.ceny td.yellowhours, span.yellowhours {background-color:#fffc40;} /* žluté pásmo */
table.cenysq th.greenhours, table.cenysq td.greenhours, table.ceny td.greenhours, span.greenhours {background-color:#7cfc00;} /* zelené pásmo */
table.cenysq th.zavreno, table.cenysq td.zavreno {background-color:silver;}
table.cenysq th.first, table.cenysq td.first {
  border-right:solid 2px black;
  background-color:#87cefa;
  white-space:nowrap;
  width:155px;
}

/* FOTOGALERIE */
.foto {
  margin:20px auto 0 auto;
  border:dotted 1px #888888;
}
.foto th {
  text-align:center;
  vertical-align:top;
  padding:5px;
}
.hint {
  float:right;
/*  border:dotted 1px black; */
  background-color:#87cefa;
  font-size:12px;
  padding:10px;
  margin:10px 40px 0 20px;
}

hr.cleaner { /* zarovnávací čára */
  visibility:hidden;
	clear:both;
	height:1px;
	margin:-1px 0 0 0; 
  padding:0; 
	border:none; 
}

/* EFEKTY CSS3 */

#header, #content, #footer {
/* velké zaoblení hran */
  -webkit-border-radius:16px;
  -moz-border-radius:16px;
  -o-border-radius:16px;
  border-radius:16px;  
}

img, fieldset, legend, table.form a.login, table.form a.delete, div.hint, #hledamsoupere, div.aktualita {
/* malé zaoblení hran */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;  
}

#header, #content, #footer {
/* šedý stín vpravo dole */
  -moz-box-shadow: 2px 2px 2px #808080;
  -webkit-box-shadow: 2px 2px 2px #808080;
  box-shadow: 2px 2px 2px #808080;
}

div.aktualita, #hledamsoupere, img, fieldset, div.hint { 
/* modrý stín vpravo dole */
  -moz-box-shadow: 2px 2px 2px #007090;
  -webkit-box-shadow: 2px 2px 2px #007090;
  box-shadow: 2px 2px 2px #007090;
}
table.data, table.ceny, table.cenysq {
/* modrý stín vpravo dole */
/* zatim funguje jen v Chrome [webkit] */
/* a Opeře [základ] */
/* ve FF [základ] se sere pravý okraj tabulky a nelze override pomocí -moz-box-shadow:none; */
/* a IE9 stín neudělá */
  -moz-box-shadow: 2px 2px 2px #007090;
  -webkit-box-shadow: 2px 2px 2px #007090;
  box-shadow: 2px 2px 2px #007090;
}
table.form a.login, table.form a.delete {
/*  stín tlačítek formuláře */
  -moz-box-shadow: 2px 2px 2px #a06040;
  -webkit-box-shadow: 2px 2px 2px #a06040;
  box-shadow: 2px 2px 2px #a06040;
}

h1 {
/* velké zaoblení levé horní hrany podle #content */
  -webkit-border-top-left-radius:16px;
  -moz-border-top-left-radius:16px;
  -o-border-top-left-radius:16px;
  border-top-left-radius:16px;  
/* modrý horizontální gradient */
/* IE9 nezaoblí levý horní roh */
  background: -moz-linear-gradient(0% 0% 0deg, #87ceeb, #e0ecfa, #e0ecfa 700px);
  background: -webkit-gradient(linear, 0% 0%, 50% 0%, from(#87ceeb), to(#e0ecfa), color-stop(.95,#e0ecfa));
  background: -o-linear-gradient(left,#87ceeb,#e0ecfa); /* Opera 11.10+ */
/*    
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#87ceeb,endColorstr=#e0ecfa,GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#87ceeb,endColorstr=#e0ecfa,GradientType=1)";
*/  
}

#navigace a, #content a, #footer a {
/* transformační efekt po hover */
  -moz-transition:all 2s cubic-bezier(0,0,0.2,1.0);
  -webkit-transition:all 2s cubic-bezier(0,0,0.2,1.0);
  -o-transition:all 2s cubic-bezier(0,0,0.2,1.0);
  transition:all 2s cubic-bezier(0,0,0.2,1.0);  
}

#navigace a:hover, #content a:hover, #footer a:hover {
/* transformační efekt hover */
  -moz-transition:background 0.2s cubic-bezier(0.5,0,1.0,1.0);
  -webkit-transition:background 0.2s cubic-bezier(0.5,0,1.0,1.0);
  -o-transition:all 0.2s cubic-bezier(0.5,0,1.0,1.0);
  transition:background 0.2s cubic-bezier(0.5,0,1.0,1.0);  
}