@charset "utf-8";
/* reset */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td,p{margin:0;padding:0;border:0;vertical-align:baseline;}

/* base */
html{overflow-y:scroll;}
body{font:100%/1.5em  "Arial", Times, serif; position:relative;}
textarea{font:100%/1.5em  "Arial", Times, serif;}

h1{font-size:2em;font-weight:700;margin:0 0 0.75em}
h2{font-size:1.5em;margin:0 0 1em}
h3{font-size:1.1666em;margin:0 0 1.285em}
h4{font-size:1em;margin:0 0 1.5em}
h5{font-size:0.8333em;margin:0 0 1.8em}
h6{font-size:0.666em;margin:0 0 2.25em}
img{display:inline-block;vertical-align:bottom}

p{font-weight:300;}
pre{font:1em/1.5em "Courier New", Courier, monospace;margin:0 0 1.5em;padding:0 0 0 1.5em}

ul,ol{margin:20px 0px 20px 0px;padding:0}
li ul,li ol{margin:0}
ul li{list-style:inside square; margin-left:20px;}

.clr{clear: both;}
.fl{float:left;}

/* common */ 
table{border-collapse:collapse;border-spacing:0;margin:20px 0px 30px 0px;padding:0; border:0; width:100%;}
tr{background:#2a2a2a;}
tr:nth-child(2n){background:#222;}
th {font-size:16px; font-weight:bold; padding:4px; border:1px #000 solid; color:#aaa;}
td {font-size:14px; padding:4px; border:1px #000 solid; color:#ccc;}

form{margin:20px 0px 0px 0px;}
label{margin:0px 20px 0px 20px; width:160px; }
input{border:1px #888 solid; background:#333; color:#fff; font-size:13px; padding:4px;}
button{margin:10px 0px 0px 20px; border:1px #333 solid; background:#aaa; color:#000; font-size:14px; font-weight:bold;  text-shadow:1px 1px 0px #ccc; padding:4px;}
textarea{border:1px #aaa solid; background:#333; color:#fff; font-size:14px; padding:4px;}

a{color:#8e2502;font-weight:normal;text-decoration:underline;}
a:hover{color:#000; text-decoration:underline;}
a:visited{color:#8e2502;}

b{font-weight:bold;}

/* layout+ */
body,html{ margin:0px; padding:0px; color:#000;  background:#cccccc url('bkg.png') center top repeat-x; text-align:center; width:100%; font-size: 18px; font-family: 'Bree serif', serif; font-weight:normal; }


#root{position:relative; text-align:left; width:960px; margin: 0px auto;}

h1{width:960px; height:144px; background: url('top.png') no-repeat; text-indent:-2000px; margin:0; padding:0;}
h2{width:960px; height:170px; background: url('mid.png') no-repeat; text-indent:-2000px; margin:0; padding:0;}
#body{width:960px; height:99px; background: url('body.png') no-repeat; text-indent:-2000px;}
ul,li{margin:0;padding:0;}
#cena{width:960px; height:30px; background: url('cena.png') no-repeat;text-indent:-2000px;}
#kontakt{width:960px; height:155px; background: url('bottom.png') no-repeat; text-indent:-2000px;}
#info{width:960px; height:166px; background: url('footer.png') no-repeat; text-indent:-2000px;}
h4{text-indent:-2000px; margin:0; padding:0; display:none;}