html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { background: #F5F6F6; font: 1em Arial, Verdana, Geneva, Helvetica, sans-serif; } /* url(../images/body-bckg.gif) repeat-x bottom left*/

a { text-decoration: none; }

.none { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.hidden { visibility: hidden; }
.clear { clear: both; }
.cont { margin: 10px; }
.fright { float: right; }
.fleft { float: left; }

#container { position: relative; height: 100%; min-height: 100%; width: 911px; margin: 0 auto; background: white url(../images/background.gif) repeat-y left top; }
body>#container { height: auto; }

#top ul, #left ul, #footer ul, ul#errors, .signs { list-style: none; }

/* top */
#top { position: relative; background: url(../images/top-bckg.jpg) no-repeat top center; height: 112px; margin-bottom: 10px; }
h1 { background: url(../images/logo-profyzio.gif) no-repeat left top; height: 50px; width: 171px; position: absolute; top: 24px; left: 46px; }
h1 a { display: block; height: 100%; width: 100%; }

#top ul { position: absolute; bottom: 18px; right: 20px; }
#top li { float: right; padding: 0px 18px; border-left: 2px solid #00316D; }
#top li.last { border: none; }
#top li a { color: #00316D; text-transform: uppercase; font-weight: bold;  font-size: .7em; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
#top li a:hover { color: white; }

#page-content { /*padding-left: 11px;*/ width: 696px !important; width: 699px; float: left; }
#page-content, #right, #wcontent { margin-bottom: 5em; }

/* left */
#left { width: 190px; margin-left: 11px; }
#left ul { padding: 0px 8px 20px 5px; font-size: .7em;}

#left ul.l1 { text-transform: uppercase; }
#left ul.l1 li { font-weight: bold; }

#left ul.l1 a { width: auto !important; width: 150px; color: black; border-bottom: 1px solid #DBDBDB; display: block; padding: 5px 5px 5px 22px;  background: url(../images/menu-bullet.gif) no-repeat left center; }
#left ul.l1 a:hover { background: #C5EDFE url(../images/menu-bullet.gif) no-repeat left center; }
#left ul.l1 a.active { background: url(../images/menu-bullet-active.gif) no-repeat left center; }
#left ul.l1 a.active:hover { background: #C5EDFE url(../images/menu-bullet-active.gif) no-repeat left center; }
#left ul.l1 a.red { color: #FF7600; }

#left ul.l2 { padding: 0; }
#left ul.l2 li { text-transform: none; font-size: 1.5em; font-weight: normal; }

#left ul.l2 a { width: auto !important; width: 142px; padding-left: 30px; background: none; }
#left ul.l2 a:hover, #left ul.l2 a.active:hover { background: #C5EDFE; }
#left ul.l2 a.active { background: none; font-weight: bold; }


/* right & left */
#right, #summary { float: right; width: 190px; margin-right: 15px !important; margin-right: 7px; }
#right .panel, #left, #summary { background: url(../images/right-panel-bckg.gif) repeat-y left top; margin-bottom: 10px; }
#right .panel h3, #left h3, #right .news h3, #summary h3 { background: url(../images/right-panel-top.gif) no-repeat left top; padding-top: 5px; color: #03446B; font-size: .8em; }
#right .panel h3 span, #left h3 span, #right .news h3 span, #summary h3 span { background: #D7D7D7; display: block; padding: 3px 5px 5px 10px; margin: 0px 5px 3px 3px; }
#right .panel .last, #left .last, #summary .last { background: url(../images/right-panel-bottom.gif) no-repeat left bottom; }

#right a { color: #0D4E91; }
#right a:hover { }

#right h4 { font-size: .7em; padding: 3px; padding: 3px 10px 1px 10px;  }
#right p, #right ol { padding: 3px 10px 15px 10px; font-size: .7em; }
#right ol li { margin: 5px 0 5px 20px; }

#right .news { background: url(../images/novinky-bckg.gif) repeat-y left top; }
#right .news .last { background: url(../images/novinky-bottom.gif) no-repeat left bottom; }
#right .news h3 { background: url(../images/novinky-top.gif) no-repeat left top; color: white; }
#right .news h3 span { background: #FF7600; margin-left: 2px; }
#right .news a { color: #434242; }

/* content */
#content { font-size: .9em; float: right; width: 485px; margin-left: 10px; }

#content h2, #wcontent h2 { font-size: 1.25em; margin: 10px 0 15px 0; }
#content h2, #wcontent h2, #wcontent h3 { color: #0D4E91; }
#content h3, #wcontent h3 { font-size: 1.1em; }
#content h3.list { margin: 30px 0 5px 0; }
#content p, #thanks p { margin: 10px 0 20px 0; }
#content p.date { font-size: .75em; margin: 2px 0 5px 0; }
#content a { color: #0D4E91; }
#content a:hover { color: black; }

#content p.bread { margin: 0; font-size: .8em; }
#content p.bread a { color: #4A4A4A;  font-weight: bold; }

#content p.pager { position: relative; font-size: .75em; margin-top: 10px !important; }
#content .pager a, .pager b { padding: .2em .5em; background: #DBDBDB url(../images/pager-bckg.gif) repeat-x left center; }
#content .pager a { color: black;  }
.pager b { background: #FF6D00 url(../images/pager-active-bckg.gif) repeat-x left center; color: white; }
#content .pager a:hover { color: #FF9700; }

/* product */
#content .product, .pdetail, #basketcont, #content div.sproduct, #content fieldset.normal { border: solid; border-width: 1px 2px 2px 1px; border-color: #E4E4E4 #CECECE #CECECE  #E4E4E4; background: #FBFBFB; }

#content div.product { font-size: .87em; position: relative; }
#content .product { margin: 1.4% 0% 1.4% 0% !important; padding-bottom: 4.5em; width: 48.2% !important; width: 47%; height: 14.5em;  background: #FBFBFB; }
#content .product:hover { border-color: #0D4E91; }
#content .product p { margin: .2em .9em ; }

#content .cena { position: absolute; right: 0; bottom: 0; }
#content .product .cena { width: 100%; }
#content .cena p.cenainfo, .pdetail form { margin: 3px 0 0 0; padding: .8em 0 .8em .8em; background: #F3F3F3; }
#content .cartlink, #content .detail, #wcontent .submit, #wcontent .recount { padding: 4px 16px; font-weight: bold;  }
#content .cartlink, #content .detail { border: 1px solid #F3F3F3; }
#content .cartlink { color: white; }
.cartlink, #wcontent .submit, #wcontent .recount { background: #FF9C00 url(../images/kosik-bckg.gif) no-repeat right bottom; color: white; }
#content .cartlink:hover, #content .pdetail .cartlink:hover { border-color: #0D4E91; color: #0D4E91; }
.detail { background: #DFDFDF; color: #417595; }
#content .detail:hover, #wcontent #wizard a:hover { color: #FF9C00; }
#content .cena .states { font-size: .82em; width: 50%; position: absolute; left: .5em; bottom: 3.7em; }

#content a, #wcontent a { color: #0D4E91; }
#content a:hover, #wcontent a:hover { color: black; }

#content .product h3 { font-size: 1.15em; height: 2.4em; padding: 10px 10px 1.3em 10px; margin: 0 0 -10px 0;  }

#content .product h3 a { color: #0D4E91; color: #666; }
#content .product h3 a:hover { color: #0D4E91; }
#content .product .img { margin: 0 5px !important; margin: 0 2px; }
/*#content .product a img, #content div.sproduct a img { border: 3px solid white; }
#content .product a:hover img, #content .sproduct a:hover img, #imgs a:hover img { border: 3px solid #DFDFDF; }
*/
#content a img{ border: 3px solid white; }
#content a:hover img, #imgs a:hover img { border: 3px solid #DFDFDF; }

#content .product p { margin-bottom: 10px; }
#content .product p strong, td.price strong { color: #FF7600; font-size: 1.3em; }
#content .product .oldcena { margin: 0 10px 0 0; }

#content #slist .product { height: 15em; }

#content fieldset.normal { padding: 15px; font-size: .8em; margin: 0 0 10px 0; }
fieldset.normal label { display: block; width: 7em; float: left; padding-top: 3px; }
fieldset.normal label.inl { display: inline; float: none; width: auto; }
fieldset.normal input, textarea { border: 1px solid #4D1A01; margin-bottom: 5px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px;}
fieldset.normal textarea { width: 300px; }
fieldset.normal input.radio { margin-bottom: 0px; border: 0; }
fieldset.normal input.web { width: 275px; }
fieldset.normal input.button { margin-left: 6em !important; margin-left: 5.85em; background: #4D1A01; color: white; }
fieldset.normal input.spamcode { width: 5em; }
dl { margin: 10px 0 10px 48px; }
dt { margin: 10px 0 5px 0; }
dd { margin-left: 25px; }

#content .guest h4 { font-size: 1em; }
#content h4 small { font-size: .8em; color: #0D4E91; }
.guest { margin: 20px 0 0px 0; font-size: .9em; border-bottom: 1px solid #4D1A01; }
.guest h4 { position: relative; }
#content .guest h4 span { position: absolute; right: 10px; }

/* product detail */
.pdetail { margin-top: 10px; }
#content .pdetail h2, #content .pdetail p { margin: 10px; }
.pdetail .info th, .pdetail .info td { padding: 1px 5px 1px 5px; }
.pdetail .info th { text-align: left; font-weight: normal; }
.pdetail fieldset { border: 1px solid #F3F3F3; }
form input.ks { width: 50px; }
#content .pdetail .cartlink { border: 1px solid #F3F3F3; padding: 2px 15px; }

.pdetail .submit { border: 0; }
.pdetail input.count { width: 80px; }

#imgs { margin: 0 20px 10px 20px; }
#imgs img { border: 3px solid white; }

#wizard { font-size: .85em; padding: 10px 5px 5px 100px; color: #BBB; }
#wizard span { display: block; position: relative; width: 80px; float: left; height: 3em; padding-top: 3px; }
#wizard span.arrow { width: 50px; padding-top: 0; }
#wizard a img { border: 0; }

/* wcontent */
#wcontent { float: right; width: 700px; font-size: .9em; }
#wcontent.full { width: 683px; margin-right: 17px !important; margin-right: 8px; }

#wcontent .mtop, #content .mtop { margin-top: 30px; }
#wcontent h4 { font-size: .85em; margin-bottom: 10px; }

#wcontent .submit, #wcontent .recount { border: 0px; }
#wcontent form { padding: 0 10px; margin: 10px 0; }
#wcontent a img { border: 0; }

.basket { font-size: .9em; border-collapse: collapse; width: 100%; margin-bottom: 10px; }
.basket th, .basket td { padding: 3px 5px; font-weight: normal; }
.basket tr.licha { background: #F3F3F3; }
.basket tr.suda { background: #E6E6E6; }
.basket .total { border-top:  1px solid #D4D4D4; }
.basket .total td { padding-top: 10px; }

#basketcont.full, #thanks { width: 480px; float: left; }

ul#errors { border: 1px solid #DDD; margin: 10px 0; background: #EFEFEF; padding: 6px 3px; }
ul#errors li, p.errors { background: url(../images/ico-error-white.gif) no-repeat left center; margin: 3px 10px 3px 0; color: #333; padding-left: 28px; }
ul#errors li.notice { background: url(../images/ico-notice-white.gif) no-repeat left center; }

#sform { border: 0; background: #FBFBFB; padding: 10px; margin-bottom: 30px; }
#sform button { vertical-align: top;  }

.colorcont { width: 145px; height: 40px; margin: 3px 5px; border: 1px solid #DFDFDF; }

/* summary */
#summary { font-size: .8em; }
#summary table { margin: 5px 0 0px 0; }
#summary table td { padding: 0 10px; }
#summary tr.step td { padding-top: 10px; }
#summary .vysledek td { padding-bottom: 10px; }

/* footer */
#footer { font-size: .8em; position: absolute; bottom: 0; left: 0; width: 100%; background: url(../images/footer.gif) no-repeat bottom center; height: 63px; }
#footer div { background: #AEE1F8 url(../images/footer-side.gif) repeat-y right top; margin: 0 10px 0 15px; }
#footer p { background: url(../images/footer-top.gif) no-repeat right top; padding: 10px 20px; }
#footer ul li { float: left; margin: 5px 15px; padding-top: 5px; }
#footer a:hover { color: #2F556D; }
#footer, #footer a { color: #417595; }

.okno { border: 1px solid #999; background: #DEDEDE; overflow: hidden; }
.okno div { margin-top: 5px; }
.okno a.close { background: #FF9C00 url(../images/kosik-bckg.gif) no-repeat right bottom; padding: 3px 10px; font-size: .8em; color: white; text-decoration: none; }
.okno p { font-size: .8em; }
#logger { border: 1px solid black; height: 20em; position: absolute; overflow: scroll; font-size: .8em; padding: 5px;}
iframe { border: none; }

#search { position: absolute; width: 15em; top: 12px; right: 30px; font-size: .8em; z-index: 5; }
#search fieldset { border: 0; }
#search button, #sform button { border: 0; background: #FF6D00 url(../images/pager-active-bckg.gif) repeat-x left center; color: white; padding: 0 3px 2px 3px; font-size: .9em; }
#search button { vertical-align: top; }
#search input { margin: 0; border: 2px solid #6DBEE7; vertical-align: baseline; }