/*  
Theme Name: JOKER
Theme URI: http://www.vistamedia.cz/
Description: Téma od <a href="http://www.vistamedia.cz/">Vistamedia.cz</a>.
Version: 1.0
Author: vistamedia.cz
Author URI: http://www.vistamedia.cz
*/

/* obecne styly */
body {color: #000; background: url(./gfx/body.png) top left repeat-x; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font-size: 1.5em; position: absolute; top: 20px; left: 25px;}
h2 {color: #000; font-size: .9em; font-weight: normal; text-align: center; text-transform: uppercase; border-bottom: 1px solid #bcbcbc; margin-bottom: 2em; line-height: 30px; height: 30px;}
h3 {color: #2a3f94; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; margin-bottom: .3em;}
h4 {color: #2a3f94; font-size: 1.1em; margin-bottom: .3em;}
h5 {color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin-bottom: .3em;}

p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}

img {border: 0;}

table {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}

a {color: #f60;}

/* layout a obsah */
#hlavni {background: url(./gfx/hlavni.png) bottom left repeat-x;}
#obal {text-align: left; margin: 0 auto; width: 920px;}
#hlavicka {background: url(./gfx/hlavicka.jpg) top left no-repeat; background-color: #253679; position: relative; margin-bottom: .5em; height: 290px;}
#obsah {margin: 0 15px;}
#levy {float: left; width: 585px;}
#pravy {background: url(./gfx/pravy.png) top left repeat-x; background-color: #f2f4f8; float: right; padding: 1em 0 0 0; width: 265px;}
#paticka {background: url(./gfx/paticka.gif) top left no-repeat; background-color: #7a83aa; padding: 30px 0 50px 0; position: relative;}

h1 a, h1 a span {background: url(./gfx/logo.png); display: block; width: 183px; height: 48px;}
h1 a {color: #fff; text-decoration: none; position: relative; overflow: hidden; z-index: 1;}
h1 a span {position: absolute; cursor: pointer; top: 0; left: 0; z-index: 2;}

.menu {color: #fff; background: url(./gfx/menu.png) bottom left no-repeat; background-color: #253679; font-size: .9em; text-align: center; position: absolute; bottom: 0; left: 0; margin: 0; line-height: 45px; height: 45px; width: 920px;}
.menu li {display: inline; line-height: 45px;}
.menu li a {color: #fff; text-decoration: none; margin: 0 10px;}
.menu li a:hover {text-decoration: underline;}

.submenu {text-transform: uppercase; font-size: .7em; position: absolute; top: 10px; right: 10px;}
	.submenu li {display: inline;}
		.submenu li a {color: #BEC8E0; margin-left: 10px;}

h3 a {color: #2a3f94; text-decoration: none;}
h4 a {color: #2a3f94;}

#levy ul li {background: url(./gfx/odrazka.gif) 0px 8px no-repeat; position: relative; padding-left: 12px;}

#pravy h4, #pravy p {margin: 0 15px;}
#pravy h4 {margin-bottom: .3em;}
#pravy p {margin-bottom: 1em;}

.nastroje {color: #000; font-size: .8em; border-top: 1px solid #bcbcbc; margin: 2em 0 0 0; line-height: 50px; height: 50px; text-transform: lowercase;}
.nastroje a {color: #000; margin: 0 5px;}
.nastroje a:hover {text-decoration: none;}

.kontakt {color: #fff;}
.kontakt p {font-size: 1em; position: relative; width: 380px;}
.kontakt table {font-size: .9em; margin-bottom: 6.2em;}
.kontakt th, .kontakt td {padding: 0 .5em .3em 0;}
.kontakt a {color: #ffc;}

.sendform {width: 400px;}
.sendform h5 {margin-left: 150px;}
.sendform table {font-size: .9em; float: right; margin-bottom: .3em;}
.sendform td {padding: 0 0 .5em 0;}
.sendform th {color: #fff; font-weight: normal; font-style: italic; text-align: right; padding: .5em .7em .5em 0; vertical-align: top;}
#jmeno, #email, #telefon, #vzkaz {padding: .3em; width: 240px;}
#vzkaz {height: 100px;}
#submit {font-size: .9em;}

p.copy {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #253679; margin: 0; width: 920px; position: absolute; bottom: 0; left: 0; text-align: center; height: 30px; line-height: 30px;}

.kontakty th, .kontakty td {text-align: left; vertical-align: top; padding: 0 .5em .1em 0;}

.cenik-pradelna {font-size: .8em; border-collapse: collapse; border: 1px solid #F2F4F8;}
	.cenik-pradelna * {vertical-align: top;}
	.cenik-pradelna thead th {padding: .2em; background: #7A83AA; color: #fff; vertical-align: bottom; text-align: right;}
	.cenik-pradelna tbody th {width: 40%; padding: .2em;}
	.cenik-pradelna tbody td {text-align: right; width: 20%; padding: .2em;}
	.cenik-pradelna .radek {background: #F2F4F8;}

/* obecne tridy */
.centr {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}

.wolf {clear: both;}
.pl {float: left;}
.pp {float: right;}
.zm {margin: 0;}
.mn {margin-top: 1em;}
.md {margin-bottom: 1em;}
.ml {margin-left: 1em;}
.mp {margin-right: 1em;}