@CHARSET "UTF-8";

body {margin:0; padding:0; font-size:9pt; font-family:"Trebuchet MS", sans-serif; color:#fff; background:#fff url("bg/body-line.jpg") no-repeat 50% 0;}
button, input {vertical-align:middle;}

a {color:blue;}
a:hover {text-decoration:none;}
img, a:hover {border:0;}

h1 {position:absolute; top:60px; color:#f8b200; left:449px; background-position:0 0; background-repeat:no-repeat; height:70px; line-height:60px; width:500px; margin:0; font-size:2em;}
h1 span {display:none;}
h2 {font-size:1.5em;}
h3 {margin:1em 0; font-size:1.17em;}
h1, h2, h3 {color:navy;}

p, dl {margin:.75em 0; line-height:1.2em;}
ul {margin-top:1em; margin-bottom:1em;}

form {display:inline;}

td {vertical-align:middle;}

.err {background-color:red; color:yellow; padding:10px;}

#wrap {width:960px; margin:0 auto; position:relative;}

#header {height:189px; position:relative;}
#header h2 {margin:0; background:url("bg/logo-serafin.png") no-repeat 0 18px; width:290px; position:absolute; left:-16px; z-index:50;}
#header h2 a {display:block; height:189px; position:relative; z-index:50;}
#header h2 a b, #header h2 a em {display:none;}

#section, #footer, #odkazy {background-color:#ccdfe9; color:#000;}
body.gift #section {background:transparent url("gift/section.jpg") no-repeat;}
#section h2 {padding:.5em 0 .25em 0; margin:0; line-height:1;}
#section h2 a {color:navy;}
#article, #max {padding:25px 46px; width:868px;}
#article {overflow:hidden;}
#max #where {position:absolute; top:60px; right:483px; top:44px; font-size:1.2em;}

#article #arts {border-top:2px solid #f8b200; margin-top:5px; zoom:1;}
#arts .a1, #arts .a0 {padding-bottom:10px; border-bottom:1px solid #fff; clear:both;}
#arts .last {padding-bottom:0; border-bottom:0;}
#arts .a1 .logo img {float:left; margin:10px 12px 12px 0;}
#arts .a0 .logo img {float:right; margin:10px 0 12px 12px;}
#imageProjector {float:left; margin:-8px 12px 12px -24px; background:url("bg/imageProjector.jpg") no-repeat 50% 50%; width:430px; height:325px; text-align:center; position:relative;}
* html #imageProjector {margin-left:-12px;}
body.terminy #imageProjector {width:300px; height:227px; background-image:url("bg/imageProjector-terminy.jpg"); float:none;}
#max .logo img {float:right; margin:-10px -30px 12px 12px;}

#aside {float:left; width:258px; padding-bottom:10px; text-align:center;}
#aside .voldanova {float:none; margin:15px auto;}

#deadline {background:#fff url("bg/deadline.jpg") no-repeat 50% 50%; border-top:5px solid #fff; font-size:10pt;}
#deadline, #long {text-align:center;}
#long {float:right; width:536px;}
* html #deadline {height:1px;}
#deadline .in, #deadline .in div {border-bottom:1px solid #f8b200; border-top:1px solid #f8b200;}
#deadline .in {padding:2px 0;}
#deadline .in div {padding:5px 0;}
#deadline table, #long table {margin:0 auto;}
#deadline h2, #long h2 {font-size:1em; color:blue; padding:0;}
table {border-collapse:collapse;}
#max table tbody tr {text-align:right;}
table caption {font-size:14pt; font-weight:bold; padding:2px 0; white-space:nowrap;}
#deadline caption {padding:10px 0 2px 0;}
#deadline thead {font-size:11pt;}
thead th {background-color:#222; color:#fff; padding:.2em .5em;}
td, th {padding:.3em .6em; background-color:#f8b200; /*border:2px solid #000;*/ border:1px solid #946a00;}
#deadline a {display:inline-block; padding:5px; font-size:11pt;}
#deadline b {color:#f8b200;}
#deadline td a {padding:1px;}
table.contacts {width:100%}
table.contacts th,table.contacts td {background:transparent;border:0px;text-align:left}
tr.full td {background-color:#fbd166; color:#666;}
td.place {font-weight:bold;}
td.place, td.log {text-align:left; background-color:#fac94c;}
tr.full td.place, tr.full td.log {background-color:#fcdf94;}

#misto {float:left; margin-left:50px;}
#misto caption {visibility:hidden; width:1px; overflow:hidden;}
#termin {float:left; margin-bottom:20px;}

#lektor {float:right; width:190px; border-left:2px solid #fff; padding-left:20px; margin:0 -24px 0 20px;}
* html #lektor * {zoom:1; position:relative;}
* html #lektor {margin-right:-12px;}
#lektor h2 {font-size:1.2em; margin:0 0 .5em 0;}
#lektor .logo img {float:none; margin:-5px -5px 5px -5px;}
#lektor .desc {font-style:italic;}
#lektor h3, .pgprx .voldanova h3 {color:#562c00; text-align:center;}
#lektor h3.name {margin-top:-10px;}

#footer {text-align:center; border-top:5px solid #fff; background-image:url("forcom-logo.png"); background-repeat:no-repeat; background-position:50% 10px;}
#footer a {display:block; padding:30px 0 10px 0; color:#000; text-decoration:none;}
#footer img {display:none;}

#cash h3 {margin:.5em 0;}
#cash h3 b {padding:1px 3px; display:-moz-inline-block; display:inline-block; margin-top:5px;}
#cash p {padding:.2em .4em; margin:0;}
#cash p input.txt {width:155px;}
#cash p span.surname {width:93px;}
#cash p span.zip {width:50px;}
#cash p span {width:125px; text-align:right; display:-moz-inline-block; display:inline-block; color:#000; margin-right:3px;}
#cash p.x2 span {width:268px;}
#cash p #custtbef {width:40px;}
#cash p #custname, #cash p #custname2 {width:112px !important;}
#cash p #custstreet {width:210px;}
#cash p #company {width:325px;}
#cash p #custtext {width:387px; height:100px; padding:3px;}
#cash p #custzip {width:50px !important;}
#cash p #iconumber, #cash p #dicnumber {width:70px !important;}
#cash textarea {width:600px; height:100px; margin-top:3px;}

form#bask {border-bottom:2px lightblue solid;}
form#bask .item {border-bottom:1px lightblue solid; padding:0 10px 10px 10px; background:transparent url("bg/normal.png") repeat-x scroll 0 bottom; margin:0 -10px;}
form#bask .item input.txt {width:28px; text-align:center;}
form#bask .item h3 {margin:10px 0 0 0;}
form#bask .item p span, form#bask .item h3 span {display:-moz-inline-block; display:inline-block; width:114px; text-align:right;}
form#bask p.pic, form#bask a.cmd.del {float:right;}
form#bask a.cmd.del {margin:5px 15px 0 0;}
form#bask p.pic {width:120px; text-align:center; overflow:hidden;}
form#bask p {margin:0; padding:.2em .4em;}
form#bask p.total {text-align:center; font-size:12pt;}

body.kosik #links {margin-top:10px;}
body.kosik #links .cmd.cash {margin-right:7px; float:right;}
body.kosik #links .cmd.shop {margin-left:5px;}

button span {width:auto !important;}

form.basket .dB {text-align:center;}
form.basket input.txt, form#bask .item input.txt {width:25px; text-align:center;}
form.basket button {margin-top:10px; font-size:12pt;}
form.basket input {display:none}
.artfooter {text-align:right}

.gallery {margin:0 -7px; position:relative; zoom:1;}
.gallery .mini i {/*background-image:url('bg/gallery-shadow.png'); */float:left; font-style:normal; position:relative;}
.gallery .mini i, .gallery .mini span {background-position:50% 50%; background-repeat:no-repeat;}
.gallery .mini span {/*background-color:#fff; */display:-moz-inline-block; display:inline-block; margin:7px; width:162px;}
.gallery .mini span a, .gallery .mini span em {width:158px; height:116px; border:2px solid #b8d1df; display:-moz-inline-block; display:inline-block;}
.gallery .mini span a:hover, .gallery-mini span em {border:2px solid #2a577c;}
.gallery .mini span a img, .gallery-mini span em img {display:none;}
/*.gallery .mini span b {padding:1px 3px; background-color:#000; font-size:7pt; font-weight:normal; top:0; left:0; position:absolute; background-color:#946a00; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/
.gallery .mini span b {display:none;}

#img-nav div, .press-box {float:left; text-align:center; margin:4px; padding-bottom:10px;}
#max #img-nav div {width:156px;}
body.hp #img-nav div, body.full #img-nav div {width:208px !important;}
#img-nav div img {margin:0 -25px; position:relative;}
.press-box {width:165px;}
.press-box a {text-decoration:none;}
.press-box a b {font-weight:normal; text-decoration:underline;}
.press-box img {border:2px solid #f0f5f8;}
.press-box a:hover img {border:2px solid #946a00;}

#max .checks {float:right;}
#max .checks img {border:1px solid #ccdfe9;}
#max .checks:hover img {border:1px solid #fff;}
#max h2 em {color:red; font-style:normal !important; border-bottom:1px solid red;}

.pgprx .voldanova {width:190px; padding:1px 10px; text-align:center; background-color:#f8b200; float:right; margin:0 -48px 10px 10px;}
* html .pgprx .voldanova {margin-right:-24px;}
.voldanova img {margin:0 -20px;}
.pgprx .voldanova h2 {color:#000; position:relative; z-index:5;}
.pgprx .voldanova h3 {margin-top:0;}
.pgprx .galerie-hp {width:240px; float:left; margin-left:-24px; text-align:center; margin-bottom:30px; padding-top:25px;}
* html .pgprx .galerie-hp {margin-left:-12px;}
/* krasavec */
#askDealer h3 {padding-top:5px}
#askDealer p span {width:150px; display:-moz-inline-box; display:inline-block; text-align:left; margin-right:3px;}

#odkazy {margin:5px auto 0 auto; text-align:center; padding:0;}
#odkazy li {color:#000;}
#odkazy li a {padding:6px; display:-moz-inline-box; display:inline-block; font-size:10pt; vertical-align:middle;}
#odkazy li, body.gift .dB, body.gift .nfo4mail, body.gift .nfo4mail .inBox, body.gift #nfoBox div {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;}

body.gift label {font-size:10pt; padding:10px 0; display:block; margin:0; /* border-bottom:1px solid #8996c6; background:#dfecf1 url("gift/label.png") repeat-x 0 50%;*/}
/*body.gift label.last {border-bottom:0;}*/
body.gift label b, /*label:hover, */.nfo4mail small/*, label.set */{color:#946a00;}
body.gift label span.radio,  body.gift label span.txt {vertical-align:middle; display:inline-block;}
body.gift label span.radio {display:none; width:0; text-align:center; font-size:12pt; font-weight:bold; margin-top:-1em; color:#c1c8ba;}
/*body.gift label.set span.radio {color:navy !important;}*/
body.gift label span.txt {width:350px;}
body.gift .inBox {margin-right:10px;}

body.gift .dB {width:400px; margin-right:-30px; padding:0 15px 15px 15px; /*background-color:#dfecf1; background-color:rgba(255,255,255,.8);*/}
body.gift .dB, body.gift .nfo4mail {vertical-align:middle;}
body.gift .nfo4mail {padding-right:15px; padding-bottom:15px; margin:0 25px 0 -10px; width:420px; background-color:#ffe897;}
body.gift .nfo4mail textarea {width:360px;}
body.gift .pgprx {width:620px; padding:0 120px 20px 120px;}
body.gift .pgprx h2 {text-align:center; background:url("../header/nech-si-dat-kurz-jako-darek.png") no-repeat; height:56px; padding:0 !important;}
body.gift .pgprx h2 span {display:none;}
body.gift .nfo4mail h3 {margin-bottom:0;}
.nfo4mail h3, .nfo4mail small {vertical-align:middle;}
.nfo4mail small {display:inline-block; font-weight:normal;}

body.gift #nfoBox {width:720px; margin:0 auto; padding-top:10px;}
body.gift #nfoBox div {vertical-align:top;}
body.gift #nfoBox .left {width:350px; padding:0 40px 0 0;}
body.gift #nfoBox .right {width:325px;}

.nfo4mail .ico {background-position:10px bottom; background-repeat:no-repeat; padding-left:55px; padding-top:5px;}
.nfo4mail .ico.no1 {background-image:url("ico/flower.png");}
.nfo4mail .ico.no2 {background-image:url("ico/calendar.png");}
.nfo4mail .ico.no3 {background-image:url("ico/writeme.png");}
.nfo4mail .ico.no4 {background-image:url("ico/mailme.png");}
/* mirun */
tr.tp th {border-bottom:2px solid #000; }
tr.bt {border-top:2px solid #000;}
tr.bt td {background-color:#fac94c; font-size:10pt; padding:.4em;}
tr.ac td {color:white;}

body.hp .showme {text-align:center; background-color:#fff; margin-top:-15px; padding-bottom:10px; position:relative; z-index:1;}
* html body.hp .showme {height:1px;}
body.hp .showme a {display:-moz-inline-box; display:inline-block; border:1px solid #ccdfe9;}
body.hp .showme a:hover {border-color:#000;}

button, a.cmd {cursor:pointer; background-color:#946a00; color:#fff; margin-left:3px; border:none; overflow:visible; padding:.15em .4em; text-decoration:none; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; position:relative; width:auto; background:-moz-linear-gradient(top ,#946a00 -100%, darkgreen 50%, #97B629); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2) inset; border:2px solid rgba(255, 255, 255, 0.1); font-size:inherit;}
button b, a.cmd {font-weight:normal;}
button:hover, a.cmd:hover {/*background-color:#562c00;*/ border:2px solid rgba(255, 255, 255, 0.4); }

input.txt, textarea {background-color:#fff; border:2px solid /*#946a00*/ #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#f0f5f8; padding:1px; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2) inset; box-shadow:1px 1px 5px rgba(0,0,0,0.2) inset; padding:2px;}
input.txt:focus, textarea:focus {border:2px solid #f8b200; background-color:#fff;}

#askDealer {width:636px; text-align:center; }
#askDealer p {text-align:left;}
#askDealer textarea {width:632px; margin-bottom:10px;}
#askDealer h4 {margin-bottom:.2em;}