@import url("/css/global.css");
@import url("/css/gallery.css");

/* Classes used in the WYSIWIG editor */
a {color: #1B8ECD; font-family: trebuchet MS, verdana, sans-serif; font-size: 13px; text-decoration: underline;}
a:hover {color:  #1B8ECD; text-decoration: none;}
a:visited, a:visited:hover {color:  #1B8ECD;}
a span {color: #56BE35; cursor: pointer;}
a img {border:0; vertical-align: middle;}
li {color: #000; font-family: trebuchet MS, verdana, sans-serif; font-size: 13px;}
textarea, table, input, select {font-family: "Trebuchet MS", sans-serif; font-size: 1em;}
address {font-style: normal; text-align: left;}
acronym {background: none !important; background: url('/page/images/bg_acronym.gif') bottom left repeat-x;	cursor:help;}
bdo {background: url('/page/images/bg_acronym.gif') bottom left repeat-x; cursor:help;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
strong.extra-strong {color: red;}

img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border:0;}

/* Tables */
table {border-collapse: collapse; border: 0; font-size: 1em; width: 100%; clear: both;}
tr {background: 0;}
td, th {text-align: left; border: 0; padding: 1px 2px; font-size: 1em;}
th {background: 0;}

/* General layout */
body {color: #000; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13px; margin: 0px; padding: 0px; background: #8C2424; text-align: center;}
h1, h2, h3, h4, h5, h6, p, form, div {margin: 0; padding: 0;}
h1 {color: #007236; font-size: 18px; margin: 5px 0 5px 18px;}
h2 {color: #E11F2A; font-size: 16px; margin: 0 0 0 18px;}
h2 span {color: #56BE35;}
h3 {color: #56BE35; font-size: 16px; margin: 10px 0;}
h4 {color: #ED6D00; font-family: trebuchet MS, verdana, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 1px 0; letter-spacing: 1px;}

.clear {clear: both;}
.alt_text {display:none;}
.noscreen {display: none; visibility: hidden;}

#container {min-width: 900px; width: 900px; margin: 0 auto; padding: 0; text-align: left;}

#head {clear: both; width: 900px; height: 243px; background: #FFF url('/images/xmas-girl.jpg') no-repeat right top;}

#logo {position: relative; width: 510px; height: 134px; padding: 0; margin: 0; cursor: pointer; cursor: hand;}
#logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 510px; height: 134px; background: url('/images/nejceny-logo.gif') no-repeat 0 0; padding: 0; margin: 0;}

#menu {height: 42px; background: #56BD35 url('images/menu-back.gif') repeat-x;}
#menu .left {float: left; width: 28px; height: 42px; background: url('images/menu-left.gif') no-repeat;}
#menu .right {float: right; width: 28px; height: 42px; background: url('images/menu-right.gif') no-repeat;}
#menu ul, #menu li {margin: 0; padding: 0; border: 0; list-style-type: none;}
#menu li {float: left;}
#menu a, #menu span.active {float: left; height: 42px; line-height: 42px; border: 0; display: block; padding: 0 15px; margin: 0 10px; color: #FFF; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 18px; text-decoration: none; background: url('images/menu-li.gif') no-repeat left center; text-transform: uppercase;}
#menu a.active, #menu span.active {background: url('images/menu-active.gif') no-repeat center bottom;}
#menu a:hover {color: #C3FDAA; text-decoration: none;}

#foot {clear: both; height: 57px; padding: 0 40px 10px 40px;}
#foot p {color: #FFF; font-size: 12px; margin: 10px 20px 0 0;}
#foot a {color: #FFF; font-size: 12px; text-decoration: underline;}
#foot a:hover {color: #FFF; text-decoration: none;}

#content {background: #E11C29 url('/images/background.gif');}
#content .hand {width: 900px; height: 55px; background: url('/images/hand.gif') no-repeat 0 0;}

#mainbox {width: 900px; background: url('/images/mainback.gif') repeat-y; padding: 0; margin: 0;}
#mainbox .bottom {clear: both; margin: 15px 40px 0 40px;}
#mainbox .bottom h3 {color: #FFF; font-size: 18px; margin: 0; font-weight: normal;}
#mainbox .bottom h3 a {color: #FFF; font-size: 18px; margin: 0; font-weight: normal;}

#leftbox {float: left; width: 545px; margin: 15px 40px 0 40px; _margin: 15px 20px 0 20px;}
#leftbox h2 {color: #FFF; font-size: 30px; margin: 0 0 5px 0;}
#leftbox p {color: #FFF; font-size: 13px; margin: 10px 0; text-align: justify;}

#rightbox {float: right; width: 273px; margin: 15px 0 0 0;}
#rightbox h3 {color: #FFF; font-size: 18px; margin: 5px 0 0 15px; font-weight: normal;}
#rightbox ul, #rightbox li {margin: 0; padding: 0; border: 0; list-style-type: none;}
#rightbox ul {margin: 5px 0 5px 20px;}
#rightbox li {color: #FFF; font-size: 18px; padding-left: 20px; background: url('images/li.gif') no-repeat left center;}
#rightbox li a {color: #FFF; font-size: 18px; text-decoration: none;}
#rightbox li a:hover {text-decoration: underline;}
#rightbox p {color: #FFF; margin: 5px 20px 0 15px; text-align: justify;}

#dayleft {width: 228px; height: 101px; margin: 15px 20px; background: url('images/dayleft-back.gif') no-repeat;}
#dayleft .day {position: relative; display: block; width: 100px; left: 75px; top: 27px; color: #FFF; font-size: 60px; font-weight: bold; font-style: italic; text-align: right; }

#gifts .gift {float: left; width: 260px; height: 320px; background: #FFF; margin: 10px 25px 15px 0; text-align: center;}
#gifts .gift a {display: block; height: 50px; color: #8C2424; font-size: 18px; margin: 10px 0; text-align: center; text-decoration: underline;}
#gifts .gift a:hover {text-decoration: none;}
#gifts .gift .pic {height: 100px; margin: 10px 0; text-align: center;}
#gifts .gift .price {color: #E11C29; font-size: 14px; margin: 10px 0; text-align: center; font-weight: bold;}
#gifts .gift .text {color: #000; font-size: 12px; margin: 10px 0; padding: 0 10px; text-align: center;}
#gifts .gift .buy {display: block; width: 97px; height: 33px; background: url('images/buy-button.gif') no-repeat;  margin: 0 auto;}
#gifts .gift .buy span {display: none;}