@charset "utf-8";

/*************** Fonts & Graphics ***************/
html {font-size: 68.75%} /* базовый кегль 11px==1em, все остальные наследуют значение = 11px x Xem */
@media all and (min-resolution: 120dpi) {
    html {font-size: 55%}
    html, x:-moz-any-link {font-size: 68.75%}
}
    #for-opera927 {/* dont' remove! */}

body,table,input,label,textarea,button,select {color: #000; font: normal 1em/1.3 Tahoma, Geneva, sans-serif}

h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0}
h1 {font: normal 2.727em/1 "Trebuchet MS", Helvetica, sans-serif; color: #259906; text-transform: lowercase}
h2 {font: normal 1.727em Tahoma, Geneva, sans-serif; color: #288312}
h3 {font: bold 1.181em Tahoma, Geneva, sans-serif; color: #031d4d}
h4 {font: bold 1em Tahoma, Geneva, sans-serif; color: #8f0000}
h5 {font: bold 1em Tahoma, Geneva, sans-serif}
h6 {font: normal 1em Tahoma, Geneva, sans-serif}

p {margin: 1em 0; padding: 0; text-align: left}
p:first-child {margin-top: 0 !important}


html {}
body {background: #e3f8c4 url("../img/bg.png") repeat-x}
body.index {background: #d5f4a7 url("../img/bg-index.png") repeat-x}

/*************** Positioning ***************/
body {margin: 0; padding: 20px; position: relative; min-width: 730px}
body.index {padding-top: 726px}
body.inner {padding-top: 143px}

       /* -- Mainframes -- */
#header  {width: 100%; height: 112px; position: absolute; top: 0px; left: 0}
#content {position: relative; margin: 0 26% 20px 235px; padding: 0 2%; min-height: 1350px; min-width: 280px}
  body.index #content {display: none}
#promobar {width: 235px; position: absolute; top: 336px; left: 0; overflow: hidden}
  body.index #promobar {width: 100%; height: 332px; top: 112px}
#flash_gallery {display: none}
    body.index #flash_gallery {display: block; width: 100%; height: 268px; position: absolute; top: 444px; left: 0; border-bottom: 2px dashed #cbdeae; overflow: hidden}
#sidebar {overflow: hidden; width: 26%; position: absolute; top: 142px; right: 0; padding-bottom: 20px}
  body.index #sidebar {width: auto; position: relative; top: auto; right: auto; float: none; padding: 0 30px}
#footer {position: relative; padding: 20px 0; border-top: 2px dashed #cbdeae}
  body.index #footer {border: none; padding-top: 90px}
#bottom {position: relative; padding: 10px 0}
#kreslo {position: absolute; top: -210px; right: 10px; width: 182px; height: 195px; background: url("../img/ill_kreslo-24.png") no-repeat}
#rec {position: absolute; top: -187px; left: 50%; margin-left: -364px; width: 728px; height: 90px}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a         {color: #103dff; text-decoration: underline}
a:visited {color: #000080}
a:hover, a:active, a:focus {text-decoration: none}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat}

form,input,select,textarea,button,label {margin: 0}
fieldset {padding: 5px 5px; border: solid 1px #dcdcdc}
legend   {color: #ccc}
  input[type="text"],input[type="password"] {padding: 4px 4px; border: 1px solid #cdcccc}
        input.text,input.password {padding: 4px 4px; border: 1px solid #cdcccc}
  input[type="hidden"] {display: none !important}
        input.hidden {display: none !important}
  input[type="image"],input[type="checkbox"] {width: auto !important}
        input.image,input.checkbox {width: auto !important}
  input.imagebutton {height: 33px; border: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; font-size: 1px; color: #8CB104; padding-left: 50px}
  a.hrefbutton {height: 33px; border: none; text-decoration: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; display: block}
select    {}
textarea {padding: 5px 5px; border: 1px solid #cdcccc; background: #fff url("../img/bg_textarea.png") no-repeat}
input,label,select {vertical-align: middle}
iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}
hr     {display: block; border: none; border-top: 2px dashed #cbdeae; color: #e3f8c4; background-color: transparent; height: 1px; width: 100%; margin: 20px 0; padding: 0}

table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show}
    table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold}
    table td {padding: 0; vertical-align: top}
    table caption {caption-side: top; text-align: center}
    table thead   {}
    table tfoot   {}
    table tbody   {}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none}
   ul li {margin: 0; padding: 0 0 0 15px; background: url("../img/bull_li.png") 0px 3px no-repeat}
   li ul {margin-top: 0; margin-bottom: 0}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside}
   ol li {margin: 0; padding: 0}
   ol ul li {background: none}
dl {margin: 0 0 1em 1.5em; padding: 0}
   dl dt {margin: 0 0 0.5em 0; padding: 0}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 10px 15px}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019"}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019"}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c"}
cite  {font-style: italic}

small {}
big   {}

sup   {vertical-align: text-top; font-size: 65%}
sub   {vertical-align: text-bottom; font-size: 65%}

dfn   {font-style: normal; margin: 0; padding: 0}
var   {font-style: normal; margin: 0; padding: 0}

code  {font: normal 1em Tahoma, Geneva, sans-serif; margin: 0; padding: 0}
samp  {font: normal 1em Tahoma, Geneva, sans-serif; margin: 0; padding: 0}
kbd   {font: normal 1em Tahoma, Geneva, sans-serif; margin: 0; padding: 0}
tt    {font: normal 1em Tahoma, Geneva, sans-serif; margin: 0; padding: 0}

ins   {text-decoration: underline}
del   {text-decoration: line-through}

pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap}

abbr {text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%}
center {text-align: inherit}
s,strike,u {text-decoration: inherit}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none}
.wai {position: absolute; visibility: hidden}
.fl {float: left; margin: 0 5px 5px 0}
.fr {float: right; margin: 0 0px 5px 5px}

/* sloboda nav  */
ul#sloboda_nav {width: 100%; height: 79px; position: absolute; top: 19px; left: 0; margin: 0; padding: 0; overflow: hidden}
ul#sloboda_nav li {position: absolute; height: 79px; background: none; margin: 0; padding: 0}
ul#sloboda_nav li a,ul#sloboda_nav li span {display: block; height: 48px; background: url("../img/logos_sloboda.png") 0px 0px no-repeat; text-indent: -900em; overflow: hidden}

ul#sloboda_nav li#slobodska-usadba {left: 4%; width: 89px}
    ul#sloboda_nav li#slobodska-usadba a,ul#sloboda_nav li#slobodska-usadba span {background-position: 0px 0px}
ul#sloboda_nav li#kkava {left: 24%; width: 40px}
    ul#sloboda_nav li#kkava a,ul#sloboda_nav li#kkava span {background-position: 0px -100px}
ul#sloboda_nav li#pintagon {left: 34%; width: 123px; background: url("../img/ill_header-strelka-inner.png") left bottom no-repeat}
  body.index ul#sloboda_nav li#pintagon {background: url("../img/ill_header-strelka-index.png") left bottom no-repeat}
    ul#sloboda_nav li#pintagon a,ul#sloboda_nav li#pintagon span {margin-left: 37px; background-position: 0px -200px}
ul#sloboda_nav li#nahlebnik {left: 53%; width: 72px}
    ul#sloboda_nav li#nahlebnik a,ul#sloboda_nav li#nahlebnik span {background-position: 0px -300px}
ul#sloboda_nav li#knijniy_park {left: 87%; width: 74px}
    ul#sloboda_nav li#knijniy_park a,ul#sloboda_nav li#knijniy_park span {background-position: 0px -400px}
ul#sloboda_nav li#kanami {left: 71%; width: 83px}
    ul#sloboda_nav li#kanami a,ul#sloboda_nav li#kanami span {background-position: 0px -500px}
/* /sloboda nav */

/*  logo */
#logo {position: absolute; top: 129px; left: 33px; width: 185px; height: 184px; font: bold 30px/184px "Trebuchet MS", Helvetica, sans-serif; color: #004c1d; text-align: center; text-transform: uppercase}
    body.index #logo {top: 174px; left: 50%; margin-left: -92px}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 50%; margin-left: -92px; width: 185px; height: 184px; background: url("../img/logo.png") no-repeat; text-indent: -900em}
    body.inner #logo a {background-position: 0 -184px}
/* /logo */

/* --  Flash Gallery -- */
#flash_gallery object p {padding: 20px}
#flash_gallery .mobile  {padding: 20px; overflow: hidden}
#flash_gallery .mobile dl {float: left; margin: 1em 1em 1em 0; padding: 0}
#flash_gallery .mobile dl dt {margin: 0; padding: 0}
#flash_gallery .mobile dl dd {margin: 0; padding: 0}
/* -- /Flash Gallery -- */

/* --  Promobar -- */
#promobar {text-align: center}
#promobar h3 {margin-bottom: 0.5em; font: normal 1.727em Tahoma, Geneva, sans-serif; color: #288312; text-transform: lowercase}
#promobar h3 em {font-style: normal; font-weight: bold}
#promobar p {margin: 0 0 1em; text-align: center}

#promo_pinta,#promo_bludo,#promo_photo {position: relative}
    body.inner #promo_pinta,body.inner #promo_bludo,body.inner #promo_photo {margin-bottom: 28px}

    body.index #promo_pinta {float: left; width: 33%}
    body.index #promo_pinta a {font-weight: bold; color: #8f0000}
    body.index #promo_pinta div#beer_swf {height: 220px; background: url("../img/ill_pivo-index-flash.jpg") center top no-repeat}

    body.index #promo_bludo {float: right; width: 33%}
    #promo_bludo img {margin: 0 auto}

    body.inner #promo_pinta {padding-top: 220px; background: url("../img/ill_pivo.jpg") no-repeat}

    body.inner #promo_bludo {height: 290px}
    body.inner #promo_bludo h3 {position: absolute; top: 210px; left: 0; width: 100%}
    body.inner #promo_bludo p  {position: absolute; top: 240px; left: 0; width: 100%}

    body.inner #promo_photo a, body.inner #promo_pinta a, #promo_bludo a {position: absolute; top: 0; left: 0; z-index: 3; width: 100%}
        body.index #promo_bludo a {padding-top: 294px}
        body.inner #promo_bludo a {padding-top: 273px}
        body.inner #promo_photo a {padding-top: 150px; text-indent: -900em}
        body.inner #promo_pinta a {padding-top: 290px}

    #promobar div.photo {width: 106px; height: 118px; padding: 3px 0 0 4px; margin: auto; position: relative}
    #promobar div.photo span {display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 111px; height: 121px; background: url("../img/ill_photo-ramka.png") no-repeat}
/* -- /Promobar -- */

/* -- Footer --  */
#footer {color: #6b6b6b; text-shadow: #6b6b6b 0 0}
#footer a {color: #6b6b6b}
#footer hr  {display: none}
#footer img {display: inline}

/* contacts  */
address.vcard {display: inline; font-style: normal}
address.vcard a.fn {color: #6b6b6b; cursor: default; text-decoration: none}
address.vcard .country-name,.geo {visibility: hidden}

address.vcard a.hcard-download {}
/* /contacts */
#footer a.schedule {display: block; position: absolute; z-index: 100; right: 87px; top: -28px; width: 83px; height: 35px; padding-left: 41px; color: #06f; font: bold 1.181em Tahoma; background: url("../img/ico_pdf.png") no-repeat; background-image: url("data:image/png;base64,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");}
body.inner #footer a.schedule {top: -97px;}
/* /-- Footer -- */

/* -- Bottom --  */
#bottom {font-size: 0.846em; color: #6b6b6b; text-align: center}
#bottom a {color: #9c9c9c}
#bottom img {display: inline}
#bottom tt  {display: block; margin-bottom: 5px}

#bottom ul#counters {margin: 0; padding: 0; text-align: left; overflow: hidden}
#bottom ul#counters li {float: left; margin: 0 2px 0 0; padding: 0; background: none}
#bottom ul#counters li img {display: block; float: left}

#bottom ul#w3c {position: absolute; top: 21px; right: 20px; margin: 0; padding: 0}
#bottom ul#w3c li {margin: 0; padding: 0; background: none; display: inline}
#bottom ul#w3c li img {width: 80px; height: 15px; display: -moz-inline-box; display: inline-block; margin: 1px 0}

#bottom ul li a img {-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"}
#bottom ul li a:hover img,#bottom ul li a:focus img {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"}
#bottom small {display: none}
#bottom cite {font: italic normal 1em "Trebuchet MS", Helvetica, sans-serif}
/* /-- Bottom -- */

/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */
body.index div.hslice {float: left; width: 33%}
body.index div#football {float: right}
    div.hslice h2 {font: bold 2.727em/1 "Trebuchet MS", Helvetica, sans-serif; text-transform: lowercase}
        body.index div.hslice h2 {height: 72px; padding: 20px 0 0 92px}
    div.hslice h2 a {text-decoration: none}
    div.hslice h2 a:hover,div.hslice h2 a:focus {text-decoration: underline}
    div.hslice h2 em {display: block; margin-top: 5px; font: normal 0.433em/1 Tahoma; text-transform: lowercase; text-decoration: none}
    div.hslice dl.hentry {padding: 0 20px 0 0; margin: 15px 0 2em; min-height: 100px}
        body.index dl.entry-content {padding: 0 20px; margin: 0 0 2em}
    /* эти стили применяются непосредственно к Web Slice */
    dl.hentry {min-height: 200px; margin: 0; padding: 10px} /* min-height,margin и padding - для WS, в html он перебивается правилом выше */
    dl.hentry dt {font: bold 1em Tahoma; margin: 0; padding: 0; clear: both} /* clear для WS */
    dl.hentry dt abbr {text-transform: lowercase; border-bottom: none; cursor: default}
    dl.hentry dd.entry-content {margin: 0; padding: 0; overflow: hidden}
        body.index dl.hentry dd.entry-content {font: normal 1.181em Tahoma}
        body.index dl.hentry dd.entry-content h3.entry-title {font: bold 1em Tahoma}
    dl.hentry dd.entry-content h3.entry-title {color: #031d4d; margin: 2px 0 0.5em}
    dl.hentry dd.entry-content h3.entry-title a {color: #031d4d; text-decoration: none}
    dl.hentry dd.entry-content h3.entry-title a:hover,dl.hentry dd.entry-content h3.entry-title a:focus {text-decoration: underline}
    dl.hentry dd.entry-content img.photo {float: left; width: 85px; height: 100px; margin: 3px 5px 5px 0; padding: 1px; background-color: #fff; border: 1px solid #c7dea6; font: normal 0.692em Tahoma; color: #aaa; overflow: hidden}
    dl.hentry dd.entry-content p {margin: 0 0 1em 0; text-shadow: #000 0 0}
    dl.hentry dd.entry-content small {color: #828282}

/* Пивные крышечки */
body.index div.hslice h2 {background: url("../img/ill_monkeys.png") 0px 0px no-repeat}
    body.index #kino h2     {background-position: 0px 0px}
    body.index #music h2    {background-position: 0px -100px}
    body.index #football h2 {background-position: 0px -200px}

/* заголовки */
#kino h2,#kino h2 a {color: #8f0000}
#music h2,#music h2 a {color: #d37700}
#football h2,#football h2 a {color: #259906}

/* подзаголовки */
#kino h2 em {color: #692800}
#music h2 em {color: #cf4e00}
#football h2 em {color: #004c1d}

/* даты */
#kino dl dt,#kino p.att {color: #8f0000}
#music dl dt,#music p.att {color: #d37700}
#football dl dt,#football p.att {color: #259906}

#football p.att {margin: 2em 0 0}

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content h1 {margin-bottom: 1em}
    #content h1 a {color: #259906}
#content h2 {margin-bottom: 1em}
#content h3 {margin: 1em 0}

body.inner #content h2+blockquote, body.inner #content h3+blockquote, body.inner #content p+ul, body.inner #content h2+ul, body.inner #content h3+ul {margin-top: 0.2em}
body.inner #content h2+p,body.inner #content h3+p,body.inner #content h4+p,body.inner #content h5+p,body.inner #content h6+p  {margin-top: 0}
body.inner #content p img,object p img {display: inline}
#content table,#content object,#content embed {clear: both}

/* Блок на внутренней странице */
#content div.article {padding-top: 20px; margin: 20px 0; border-top: 2px dashed #cbdeae; overflow: hidden}
#content div.article.first-of-type {padding: 0; border: none}
#content div.article img.photo {float: left; margin: 0 10px 10px 0; padding: 1px; background-color: #fff; border: 1px solid #c7dea6; font: normal 0.692em Tahoma; color: #aaa; overflow: hidden}
#content div.article var {display: block; margin: 1em 0; font-weight: bold; color: #8f0000}
#content div.article p.first-of-type {color: #259906}
#content div.article small {color: #828282}

/* Стили оформления контента - дело дизайнера, а не контент-манагера!! */
#content div.article div.description {overflow: hidden;}
#content div.article div.description * {font-size: 1em !important; font-family: Tahoma,Geneva,sans-serif !important; line-height: 1.3 !important; text-align: left !important;}
#content div.article div.description img {float: left; margin: 0 5px 5px 0; padding: 1px; background: #fff; border: 1px solid #C7DEA6;}

/* Спорт в Пинтагоне */
#content div.article div.versus {position: relative; height: 168px; margin: 10px 0 0 0}
#content div.article div.versus div.team_left,#content div.article div.versus div.team_right {position: absolute; width: 172px; height:168px; top: 0; background: url(../img/bg_team.png) 0 0 no-repeat}
    #content div.article div.versus div.team_left  {left: 0}
    #content div.article div.versus div.team_right {right: 0}
#content div.article div.versus big {font: bold 3.846em Tahoma; text-align: center; line-height: 168px; color: #8f0000; display: block}
#content div.article div.versus div.team_left img,#content div.article div.versus div.team_right img {margin: 15px auto 0}

/* Фотохроника */
#content div.article #photogallery {overflow: hidden}
#content div.article #photogallery div.photo {float: left; height: 230px; width: 130px; margin: -10px 1em 1em 0; border-top: 2px dashed #cbdeae; padding: 10px 0 7px 30px; color: #259906; overflow: hidden}
    #content div.article #photogallery.inner div.photo {height: auto}
#content div.article #photogallery div.photo h2  {height: 70px; font-size: 1.272em; color: #8F0000; text-align: right}
#content div.article #photogallery div.photo var {display: block; margin-bottom: 0.5em; color: #031D4D}
#content div.article #photogallery div.photo a {position: relative; display: block; width: 122px; height: 126px}
#content div.article #photogallery div.photo a img {width: 118px; height: 118px; background: url("../img/bg_gallery.gif") 0 0 no-repeat; padding: 1px 2px 7px; font: normal 0.692em Tahoma; color: #aaa; overflow: hidden}
#content div.article #photogallery div.photo a span {background: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; cursor: hand; cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5}
#content div.article #photogallery div.photo a:hover span,#content div.article #photogallery div.photo a:focus span {background: url(../img/ico_zoom.gif) no-repeat 50% 50%}

/* Комментарии для страниц просмотра событий */
div#comments {clear: both; margin: 20px 0}
div#comments blockquote {position: relative; background: #fff6ed; border: 1px solid #b2d873}
div#comments blockquote var {position: absolute; top: 15px; right: 15px}
div#comments blockquote.odd {background: #f1ffdc}
div#comments blockquote cite {display: block; height: 26px; margin-bottom: 10px; font: bold 1em/26px Tahoma; padding: 0 0 0 35px; color: #8b0000; overflow: hidden; border-bottom: 1px solid #e7ded5; background: url("../img/ico_archive.png") 0px 0px no-repeat}
div#comments blockquote.odd cite {border-bottom: 1px solid #d6e4c3; background-position: 0px -26px}

/* Actions */
a.zakaz-mest {display: block; width: 150px; height: 95px; margin-left: auto; background: url("../img/ill_zakaz.png") no-repeat; text-indent: -9000px; outline: none}
ul#actions {position: absolute; top: 10px; right: 10px; margin: 0; padding: 0}
ul#actions li {margin: 0; padding: 0; background: none}
ul#actions li a.print {color: #259906; background: url("../img/ico_print.png") 0px 0px no-repeat; padding: 5px 0 5px 25px; font: 0.92em Tahoma}

/* About */
.polaroid {margin: 1em 0 2em; padding: 37px 38px 113px 31px; background: #f8f7f7 url("../img/bg_polaroid.png") repeat-y; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg)}

/* Menu */
table.menu {width: 100%}
table.menu caption {font: normal 1.727em Tahoma; color: #288312; text-align: left; margin: 0 0 1em}
    table.menu col#menu-goods-price,table.menu tbody td+td {text-align: right}
table.menu tbody th {text-align: left}

/* Navigation */
ul.pager {margin: 0.5em 0; padding: 0; line-height: 25px; text-align: center}
ul.pager li {display: inline; margin: 0; padding: 0; background: none}
ul.pager li.sel {background: #eee}
ul.pager li a, ul.pager li var {padding: 2px 5px; border: 1px solid #aaa; color: #000; text-decoration: none}
ul.pager li a:hover {color: #2A6A97}
/* /Navigation */

/* Contact Form */
.contact {position: relative; margin-top: 30px; _height: 1%}

#content p.att {font-weight: bold; color: #D5851E}
#content .fill_form,#content #fill_form {padding: 10px 20px; border: 1px solid #ccc; background: #ebba58; color: #000}
    #content #fill_form {display: none}

.contact fieldset {margin: 5px 0px; padding: 10px 20px; border: none}
.contact fieldset fieldset {width: 335px; padding: 5px 5px; border: solid 1px #dcdcdc}
.contact fieldset fieldset iframe {width: 335px; height: 250px}
.contact fieldset legend {font: bold 1.181em Tahoma; color: #031d4d; margin: 0 0 0 -20px}
.contact fieldset fieldset legend {font: bold 1em Tahoma; color: #999; margin: 0}
.contact fieldset.lradio label,.contact fieldset.lradio input {width: auto; margin: 2px 10px 2px 0}
.contact fieldset label  {margin: 2px 0px; width: 80px; display: -moz-inline-box; display: inline-block; font-weight: normal; color: #666}
.contact fieldset label.lradio {width: auto; display: inline; color: #144472; margin: 2px 10px 2px 0}
.contact samp {margin: 0px 2px; width: 10px; color: #d74b06; display: -moz-inline-box; display: inline-block}
.contact samp.wa {width: auto}
.contact fieldset input[type="text"],.contact fieldset input[type="password"] {margin: 2px 2px; width: 230px; display: -moz-inline-box; display: inline-block}
.contact fieldset input.text,.contact fieldset input.password,.contact fieldset select,.contact fieldset textarea {margin: 2px 2px; width: 312px; display: -moz-inline-box; display: inline-block}
.contact fieldset input[type="checkbox"],.contact input[type="radio"] {margin: 2px 2px 2px 0}
.contact fieldset input.checkbox,.contact input.radio {margin: 2px 2px 2px 0}
.contact small {color: #646464}
.contact small.femail {display: block; margin: 0 0 0 82px}

.contact fieldset select   {width: 328px; margin: 2px 2px}
.contact fieldset textarea {width: 312px; height: 50px; margin: 2px 0 2px -2px}
  .contact label.tl {position: relative; top: -50px} /* label for textarea */
  .contact samp.tl {position: relative; top: -50px}

    .contact fieldset select#state1,.contact select#state2 {width: 154px; margin-right: 23px}
    .contact fieldset input#zip1,.contact input#zip2 {width: 78px}
    .contact fieldset label#lzip1,.contact label#lzip2 {width: 60px}
    .contact fieldset select#CardExpirationMonth {width: 60px; margin: 2px 4px 2px 2px}
    .contact fieldset select#CardExpirationYear {width: 60px}
    .contact fieldset label#lcode {color: #c0c0c0; border-bottom: 1px solid #c0c0c0; width: 110px; margin-right: 55px; cursor: help}
    .contact fieldset input#sameasbilling,.contact input#sameasshipping {width: auto}
    .contact fieldset label.wa,.contact label#lsameasbilling,.contact label#lsameasshipping {width: auto; font-weight: normal}
    .contact fieldset input#cvv {width: 51px}

.contact input.back {float: left}
.contact input.next {float: right}
.contact input.proceed {float: left; margin: 0 0 0 155px; _display: inline}

.contact input.captcha {width: 90px; float: left; margin: 0 10px 0 0}
.contact img.captcha {width: 50px; height: 20px; display: block; float: left; margin: 0 0 10px 0}

#cvv_code_popup {position: absolute; width: 315px; height: 309px; border: 1px solid #52472d; background: #fff; left: 145px;	bottom: 10px; display: none; z-index: 100}
#cvv_code_popup.showed {display: block}

#cvv_code_popup strong {display: block; height: 40px; margin-bottom: 10px; font: normal 17px/40px Tahoma; color: #8e571d; background-color: #ddd5ba; text-align: center}
#cvv_code_popup p {font: normal 11px Tahoma, Verdana, sans-serif; color: #000; padding: 0 20px; margin: 10px 0}
#cvv_code_popup img {display: block; margin: auto; border: none}
    * html #cvv_code_popup {overflow: hidden; zoom: 1}
    * html #cvv_code_popup iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask(); z-index: -1}

div.cbutt {margin: 10px 0; overflow: hidden; _width: 100%}
div.cbutt ul {margin: 0; padding: 0}
div.cbutt ul li {margin: 0; padding: 0; background: none; float: left}

div.right {text-align: right}
div.right ul {float: right}
/* /Contact Form */

/* Image Button's  */
input#write {width: 83px; background: url("../img/btn_submit-zapisat.png") no-repeat}
input#reset {width: 83px; background: url("../img/btn_reset.png") no-repeat; color: #728D4A}
/* /Image Button's */

/* *** +++ LightGallery v1.1 +++ *** */
#LG_container {border: 1px solid #aaa; visibility: hidden; position: absolute; top: 0px; left: 0px; padding: 2px; z-index:200; opacity: 1; background-color: #fff; background-position: center; background-repeat: no-repeat; font: normal 12px Verdana}
.LG_loading   {background: url("../img/lightgallery/ico-loading.gif") no-repeat center}
#LG_panel {padding: 10px}

.LG_prevLink,.LG_nextLink {width: 20px; height: 20px; cursor: pointer; position: absolute; top: 24px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"}
    * html .LG_prevLink,* html .LG_nextLink {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
    * + html .LG_prevLink,* + html .LG_nextLink {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.LG_prevLink {left: 0; background: url("../img/lightgallery/prev.gif") no-repeat left 40px}
.LG_nextLink {right: 0; background:url("../img/lightgallery/next.gif") no-repeat right 40px}

.LG_imgIndex {float: left; margin-left: 16px; color: #777; height: 20px; line-height: 20px; _display: inline}
.LG_titleBar {color: #555; height: 30px; line-height:30px; overflow: hidden; text-align: center}
#LG_overlay {position: absolute; top: 0; left: 0; z-index: 100; width: 100% !important; height: 100%; display: none; background: #000; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"}
    * #LG_overlay {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
    * + #LG_overlay {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}

#LG_pic {display: none; margin: 0 auto}
.LG_zoomIn, .LG_zoomOut, .LG_zoomNormal, .LG_fitScreen, .LG_zoom_disabled {width: 20px; height: 20px; margin: 1px; float: left; cursor: pointer; display: block; background: url("../img/lightgallery/sprite.gif") no-repeat 0 0px; _display: inline}
.LG_zoom_disabled {display: none}
    .LG_zoomIn {background-position: 0 0px}
    .LG_zoomIn:hover {background-position: 0 -40px}

    .LG_zoomNormal {background-position: 0 -80px}
    .LG_zoomNormal:hover {background-position: 0 -120px}

    .LG_zoomOut {background-position: 0 -160px}
    .LG_zoomOut:hover {background-position: 0 -200px}

    .LG_fitScreen {background-position: 0 -320px}

    .LG_closeBtn {float: right; background: url("../img/lightgallery/sprite.gif") no-repeat 0 -240px; width: 22px; height: 22px; cursor: pointer}
    .LG_closeBtn:hover {background: url("../img/lightgallery/sprite.gif") no-repeat 0 -280px}
/* *** +++ /LightGallery v1.1 +++ *** */