/*  
Theme Name: ICE BAR
Theme URI: http://www.vistamedia.cz/
Description: Theme by <a href="http://www.vistamedia.cz/">Vistamedia.cz</a>.
Version: 1.0
Author: vistamedia.cz
Author URI: http://www.vistamedia.cz


*/


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

h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; font-weight: normal; margin: 0; padding: 0;}
h1 {position: absolute; top: 0; left: 60px;}
h2 {color: #0E0E95; font-size: 1.5em; margin: 0 0 .2em 0;}
h3 {color: #666355; font-size: 1.1em; margin: 0 0 .4em 0;}
h4 {color: #f00; font-weight: bold; margin: 0 0 .5em 137px;}

p {font-size: 1em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: 1em; 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: .7em;}

img {border: 0;}

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

sup {font-size: .8em; position: relative; top: 4px;}

a {color: #c00;}

/* layout */
#Case {text-align: left; position: relative; margin: 0 auto; width: 880px;}
#Hlava {position: relative;}
#Levy {float: left; display: inline; width: 565px;}
#Pravy {float: right; font-style: italic; width: 275px;}
#Pata {color: #fff; background: url(gfx/Pata.gif) top left no-repeat; background-color: #666355; font-family: Arial, sans-serif; clear: both; padding: 0 0 20px 0;}

.Hp {background: url(gfx/HpHlava.jpg) left bottom no-repeat; height: 450px;}
.Def {background: url(gfx/Hlava.jpg) left bottom no-repeat; height: 275px;}
.Galerie #Levy {padding-bottom: 35px; width: 580px;}

/* content */
h1 a, h1 a span {background: url(gfx/Logo.png); display: block; width: 244px; height: 104px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

ul.Menu {color: #c00; font-family: Arial, sans-serif; font-size: .95em; text-transform: uppercase; border-bottom: 1px solid #B4B3AE; padding: 10px 0 8px 30px;}
ul.Menu li {display: inline; margin-right: 10px;}
ul.Menu li a {color: #c00; text-decoration: none; margin-right: 10px;}
ul.Menu li a:hover, ul.Menu li.current_page_item a, ul.Menu li a:focus, ul#Menu li a:active {color: #000;}
ul.Menu li.current_page_item a {background: url(gfx/Aktual.gif) 0% 50% no-repeat; padding-left: 15px;}

#Levy h2, #Levy p, #Levy ul, #mapa {margin-left: 15px;}
#Levy h2 span {color: #000; font-family: Arial, sans-serif; font-size: .65em;}
#mapa {margin-bottom: 1.33em;}

#Levy .mypicsgallery {border: 0; margin: 0; padding: 0;}
#Levy .mypicsgallery img {float: left; margin-right: 15px; padding-top: 15px;}

table.listek {margin-left: 15px;}
table.listek td {text-align: right; vertical-align: top; padding: 3px 10px 3px 0; width: 40px;}
table.listek td.n, table.listek td.dn, table.listek td.m, table.listek td.dm {text-align: left;}
table.listek td.n, table.listek td.m {width: 440px;}
table.listek td.dn {width: 360px;}
table.listek td.dm {width: 400px;}

table.listek tr.d td {background: #FFFFDF;}

#Pravy li {background: url(gfx/BulletCervena.gif) 0px 9px no-repeat; position: relative; margin-bottom: .2em; line-height: 1.3em; padding-left: 10px;}
#Pravy li.current_page_item {background-image: url(gfx/BulletCerna.gif);}
#Pravy li.current_page_item a, #Pravy li a:hover, ul.Menu li a:focus, ul#Menu li a:active {color: #000;}
#Pravy li span {font-family: Arial, sans-serif; font-size: .75em; font-style: normal;}

#Pravy h3 a {text-decoration: none;}
#Pravy a:hover {color: #000; text-decoration: underline;}

#Pata h2, #Pata p, #Pata ul, #Pata table {margin-left: 40px;}
#Pata h2 {color: #ffc; padding-top: 35px;}
#Pata p, #Pata ul, #Pata table {font-size: .9em;}
#Pata a {color: #ffc;}
#Pata a:hover {text-decoration: none;}
#Pata table {margin-bottom: 0;}

#Pata form {margin: 0 45px 0 0; padding: 35px 0 1px 25px; display: inline; float: right;}
#Pata form th {color: #ffc; font-weight: normal; font-style: italic; text-align: right; vertical-align: top; padding: 3px 10px 0 0;}
#Pata form h3 {color: #ffc; font-style: italic; margin: 0 0 .6em 137px;}
#jmeno, #email, textarea {background: #eee; border: 0; margin-bottom: .7em; padding: 2px; width: 225px;}
#Pata textarea {margin-bottom: 0; height: 125px;}
#Pata form ul {margin-left: 137px;}
#Pata form li {margin-bottom: .2em;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #eee; border: 1px solid #B4B3AE; margin: 0 5px 0 0; padding: 2px; width: 280px;}

#Pata ul.Menu {color: #fff; font-family: Arial, sans-serif; text-transform: none; border: 0; padding: 0; width: 350px;}
#Pata ul.Menu li {display: inline; margin-right: 5px;}
#Pata ul.Menu li a {color: #ffc; text-decoration: underline; margin-right: 5px;}
#Pata ul.Menu li a:hover, #Pata ul.Menu li.current_page_item a {text-decoration: none;}
#Pata ul.Menu li.current_page_item a {color: #fff; background: none; padding: 0;}
#Pata ul.Menu li a:focus, #Pata ul#Menu li a:active {color: #000;}

ol#commentlist {margin-left: 15px; padding-left: 0;}
ol#commentlist li {background: #ffc; padding: 5px 10px 1px 10px;}
ol#commentlist .comment-number {font-weight: bold;}
ol#commentlist p {margin: 0 0 .5em 0;}

.nahled, .tisk {background: 100% 50% no-repeat; padding-right: 20px;}
.nahled {background-image: url(gfx/Nahled-tisku.gif);}
.tisk {background-image: url(gfx/Tisk.gif);}

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}

.zluta {background: #ffc;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 0 15px;}