/* vychozi nastaveni stylu */
* {
	margin: 0;
	padding: 0;
}
body, html {
    width: 100%;
    height: 100%;
}


html, body, td, th {
	font-size: 12px;
    font-family: "Verdana", "Arial", sans-serif;
	background-color: white; /** #0099CC; **/
	color: black;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote,
label, ul, ol, dl, fieldset, address {
	margin: 0;
}
li, dd, blockquote {
	margin-left: 1em;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

/* velikost pisma */
h1 { font-size: 1.3em; }
h2 { font-size: 1.15em; }
h3 { font-size: 1em; }
h1, h2, h3 { margin-bottom: .5em; }

input, textarea, select { font: 1em/1.5em "Verdana", "Arial", sans-serif; }

/* prvky obecneho pouziti */
br.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

/* formularove prvky */
.inp100, .inp200, .inp300, .inp350, .inp400 { height: 16px; vertical-align: center; }
select.inp100 { height: 20px; }
select.inp300 { height: 20px; }

.inp30 { width: 30px; }
.inp50, .ta50 { width: 50px; }
.inp100, .ta100 { width: 100px; }
.inp200, .ta200 { width: 200px; }
.inp250, .ta250 { width: 250px; }
.inp300, .ta300 { width: 300px; }
.inp350, .ta350 { width: 350px; }
.inp400, .ta400 { width: 400px; }
.ta300x50 { width: 300px; height: 50px; }


/* nastaveni barev */
.red { color: red; }
.blue { color: blue; }
.forestgreen {	color: #228B22; }

div#container0 {
  margin: 0 auto;
  width: 989px;
	position: relative;
	z-index: 0;
	padding-bottom: 50px;
}
div#container1 {
	background: url(../img/party-oslava-pozadi4.png) no-repeat;
    width: 961px;
	float: left;
	position: relative;
	z-index: 0;
	border: 0px solid red;
    padding-bottom: 30px;
    _padding-bottom: 50px;
}

div#langs {
	margin-top: 30px;
	float: left;
	width: 28px;
}

#langs div.zalozka-modra {
    background: url(../img/zalozka-modra-oslava-party.gif);
    width: 28px;
	height: 33px;
	float: left;
}

#langs div.zalozka-tyrkysova {
    background: url(../img/zalozka-tyrkysova-oslava-party.gif);
    width: 28px;
	height: 37px;
	float: left;
}


#pageHeader div.logo {
    background: url(../img/logo-oslava-party-vecirek.gif) no-repeat;
    width: 315px;
	height: 95px;
	margin: 5px 0 0 10px;
}
#pageHeader div.aOverLogo {
	position: absolute;
	border: 0px solid red;
    width: 315px;
	height: 95px;
	z-index: 1000;
}
#pageHeader div.aOverLogo a {
    width: 330px;
	height: 95px;
	display: block;
}

#pageHeader div.logo span { display: none; }

#leftcol {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    float: left;
	width: 183px;
	min-height: 535px;
	_height: 535px;
	border: 0px solid red;
}

.promo {
    width: 164px;
    border: 0px solid black;
    margin: 24px 0 0 20px;
    _margin: 12px 0 0 10px;
    float: left;
    clear: both;
}
.promo-header {
    width: 164px;
	height: 5px;
    _height: 0;
    background: url(../img/promo-box-header.png) no-repeat bottom;
	border: 0px solid red;
	float: left;
	clear: left;
}
.promo-footer {
    width: 164px;
	height: 5px;
	background: url(../img/promo-box-footer.png) no-repeat top;
	float: left;
    clear: left;
}
.promo-body {
	width: 144px;
	border: 0px solid yellow;
	float: left;
	padding: 10px;
    clear: left;
    background: url(../img/promo-box-body.png);
}
.promo-title {
    font-family: "Arial", "Tahoma", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
}
.promo-image {
    width: 144px;
    float: left;
    text-align: center;
    margin: 5px 0;
}
.promo-image img {
    border: 1px solid #0099CC;
}
.promo-readmore {
  width: 134px;
  float: left;
  text-align: right;
}
.promo-readmore a {
  text-decoration: underline;
  color: red;
  font-size: 12px;
  font-weight: bold;
}
.win {
	width: 164px;
	border: 0px solid red;
	margin: 30px 0 0 20px;
	_margin: 24px 0 0 10px;
    float: left;
    clear: both;
}
.win-header {
	width: 164px;
	height: 6px;
	background: url(../img/menu-header.gif) no-repeat bottom;
	border: 0px solid yellow;
	float: left;
	clear: left;
}
.win-footer {
    width: 164px;
	height: 6px;
	background: url(../img/menu-bottom.gif) no-repeat;
	float: left;
}
.win-body {
	width: 164px;
    color: white;
	border: 0px solid yellow;
	font-size: 10px;
    line-height: 14px;
	background-color: #55CDF4;
	float: left;
	clear: left;
	padding-bottom: 10px;
}
div.win-body div.mmtitle {
  width: 116px;
	height: 20px;
	background: url(../img/podklad-nadpis-menu-oslava-party.gif);
	text-align: center;
	color: #65A9D8;
	padding-top: 6px;
	margin: 8px 0 0 15px;
	_margin: 8px 0 0 7px;
	text-decoration: none;
	float: left;
	clear: left;
}
div.win-body div.mmtitle a {
    text-decoration: none;
	color: #65A9D8;
}
div.win-body div.mmtitle a:hover {
    text-decoration: underline;
}


#menu-items {
	width: 150px;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	border: 0px solid white;
}
#menu-items li {
	margin: 0;
	list-style-type: none;
}
#menu-items li a {
    display: block;
	color: white;
	text-decoration: none;
	margin: 0 0 5px 20px;
}
#menu-items li a:hover {
    text-decoration: underline;
}
.mcontact {
	margin-top: 10px;
}

.mctitle {
	background: url(../img/podklad-nadpis-kontakty-party-oslava.gif) no-repeat;
	width: 120px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	color: white;
	padding-top: 12px;
	margin: 8px 0 0 14px;
	_margin: 8px 0 0 7px;
	float: left;
}
.mctext {
  color: #3F88BB;
	line-height: 16px;
	margin: 10px 0 0 25px;
	_margin: 10px 0 0 12px;
	float: left;
}
.mctext span {
  font-weight: bold;
}
#footer {
    width: 961px;
	height: 39px;
	background: url(../img/narozeniny-paticka.png) no-repeat;
	clear: both;
	position: relative;
	padding: 15px 0 0 30px;
	font-size: 10px;
	border: 0px solid red;
}
#svatky {
    clear: right;
    float: right;
	border: 0px solid blue;
	margin: 30px 30px 0 0;
	_margin: 30px 15px 0 0;
}
#svatky div.nazvy {
  clear: left;
}
#svatky div.nazvy div {
	float: left;
	border-right: 1px solid #2C72B6;
	width: 75px;
	text-align: center;
	color: #2C72B6;
	font-size: 11px;
	text-decoration: underline;
}
#svatky div.nazvy div a {
	color: #2C72B6;
}
#svatky div.nazvy div a:hover {
    color: #FF3300;
}

#svatky div.nazvy div.label {
  color: #DC352F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	width: 150px;
	text-align: right;
}
#svatky div.nazvy div.label, #svatky div.nazvy div.last {
	border-right: 0px;
}
#svatky div.dny {
  float: left;
	clear: left;
	margin-top: 8px;
	color: white;
}
#svatky div.dny div {
  float: left;
	width: 48px;
	height: 18px;
	font-size: 11px;
	text-align: center;
	padding-top: 2px;
	border: 0px solid red;
}
#svatky div.dny div.svatek1 { width: 76px; background: url(../img/svatek-modra-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.svatek2 { width: 76px; background: url(../img/svatek-cervena-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.svatek3 { width: 76px; background: url(../img/svatek-zluta-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.svatek4 { width: 76px; background: url(../img/svatek-zelena-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.svatek5 { width: 76px; background: url(../img/svatek-fialova-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.svatek6 { width: 76px; background: url(../img/svatek-rajcatova-party-oslava.gif) no-repeat 13px 0; }
#svatky div.dny div.label {
  color: #DC352F;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	width: 150px;
	text-align: right;
	margin-left: 0;
}
#content {
    float: left;
	border: 0px solid yellow;
	width: 776px;
}
#text {
  width: 729px;
	margin: 30px 0 0 30px;
	border: 0px solid red;
	/* height: 0px; */
}
div#text div.text {
	width: 669px;
	*width: 672px;
	padding: 10px 30px 10px 30px;
	*padding: 10px 28px 10px 29px;
	float: left;
	margin: 0;
	border: 0px solid blue;
	color: black;
	line-height: 18px;
	background-color: white;
}
#content #text div.textCol {
  float: left;
	width: 640px;
	border: 0px solid red;
	padding: 5px;
	margin-right: 3px;
}
#text div.textBanner {
  margin-left: 75px;
}
#text div.textCol p {
	border: 0px solid blue;
  width: 620px;
	margin-top: 15px;
	color: black;

}
div#text div.top {
  width: 729px;
	height: 6px;
	background: url(../img/obsah-text-top-oslava-party.gif) no-repeat;
	float: left;
	border: 0px solid magenta;
}

#text div.bottom {
  width: 729px;
	height: 6px;
	background: url(../img/obsah-text-bottom-oslava-party.gif) no-repeat;
	float: left;
	border: 0px solid magenta;
}

#text ul {
	margin: 10px 0 10px 10px;
	border: 0px solid red;
}
#text ul li {
  color: #84C225;
	line-height: 18px;
}
#motiv {
	width: 339px;
	height: 207px;
	position: absolute;
	top: 90px;
	left: 575px;
	z-index: 1;
}
.lang-on-cs {
  background: url(../img/lang-cz-on-bg-party-oslava.png) no-repeat;
	width: 28px;
	height: 30px;
	color: white;
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
	font-weight: bold;
}
.lang-off-cs {
  background: url(../img/lang-cz-off-bg-party-oslava.png) no-repeat;
	width: 28px;
	height: 34px;
	color: #0099CC;
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
	font-weight: bold;
}
.lang-on-en {
  background: url(../img/lang-en-on-bg-party-oslava.png) no-repeat;
	width: 28px;
	height: 30px;
	color: white;
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
	font-weight: bold;
}
.lang-off-en {
  background: url(../img/lang-en-off-bg-party-oslava.png) no-repeat;
	width: 28px;
	height: 34px;
	color: #0099CC;
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
	font-weight: bold;
}
.lang-on-cs a { width: 28px; height: 30px; color: white; display: block; text-decoration: none; }
.lang-off-cs a { width: 28px; height: 30px; color: #0099CC; display: block; text-decoration: none; }
.lang-on-en a { width: 28px; height: 30px; color: white; display: block; text-decoration: none; }
.lang-off-en a { width: 28px; height: 30px; color: #0099CC; display: block; text-decoration: none; }

.podminky {
  width: 213px;
	height: 23px;
	border: 0px solid red;
	background: url(../img/pozadi-podminky-party-oslava.gif) no-repeat;
	margin: 15px 0 0 536px;
	color: red;
}
#text p.call {
	margin-top: 10px;
  font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#text p.call a {
	text-decoration: underline;
	color: #84C225;
}


#text img {
  border: 0px solid #4682B4;
}

#shop-header {
    width: 470px;
    height: 13px;
    position: relative;
    float: right;
	border: 0px solid blue;
    top: 50px;
    right: 30px;
    background: url(../img/shop-lista-pozadi.png);
    padding: 7px 5px 7px 91px;
    font-size: 10px;
    color: white;
}
#shop-header a {
    text-decoration: underline;
    color: white;
}
#shop-header span {
    font-weight: bold;
}
div#eshop-user-menu {
    border: 0px solid red;
    float: right;
    width: 568px;
    margin-right: 30px;
    margin-top: 30px;
}
div#eshop-user-menu div {
    padding: 0;
    margin: 0;
}
div#eshop-user-menu div.top {
    width: 568px;
    height: 4px;
    background: url(../img/eshop-user-menu-top.png) no-repeat bottom;
    float: left;
    border: 0px solid blue;
    padding: 0;
}
div#eshop-user-menu div.body {
    width: 568px;
    background: url(../img/eshop-user-menu-body.png) repeat-y;
    float: left;
    border: 0px solid black;
}
div#eshop-user-menu div.bottom {
    width: 568px;
    height: 5px;
    background: url(../img/eshop-user-menu-bottom.png) no-repeat;
    float: left;
    border: 0px solid black;
}
div#eshop-user-menu div.body div.label {
    float: left;
    width: 125px;
    height: 30px;
    display: block;
    border: 0px solid black;
    font-size: 12px;
    color: white;
    font-weight: bold;
    margin-left: 10px;
    border-right: 1px solid white;
}
div#eshop-user-menu div.body div.label span {
    font-size: 10px;
    font-weight: normal;
}
div#eshop-user-menu div.body div.user {
    color: white;
    margin-left: 10px;
    float: left;
    width: 410px;
    font-weight: bold;
    border: 0px solid black;
}
div#eshop-user-menu div.body div.user a {
    color: white;
    text-decoration: none;
    font-weight: normal;
}

div#eshop-user-menu div.body div.menu {
    float: left;
    color: white;
    margin-left: 10px;
    width: 410px;
}
div#eshop-user-menu div.body div.menu a {
    color: white;
    text-decoration: none;
        color: #FFFF99;
    font-size: 10px;
}
#seshop-user-menu {
    border: 1px solid black;
    width: 50px;
    height: 50px;
    float: left;
}
.bred-crumbs-navigation {
    font-size: 10px;
    margin-bottom: 20px;
}
div.bred-crumbs-navigation a {
    text-decoration: underline;
}
div#shop-navigation {
    float: left;
    margin-bottom: 20px;
    border: 0px solid blue;
    width: 460px;
}
div#shop-navigation div.shopping-steps {
    float: left;
    width: 140px;
    border: 1px solid #006600;
    background-color: white;
    height: 40px;
    margin-right: 10px;
}
div#shop-navigation div.shopping-steps span {
    display: block;
    float: left;
    height: 17px;
    width: 17px;
    font-size: 10px;
    font-weight: bold;
    background-color: black;
    color: white;
    border: 1px solid black;
    text-align: center;
}
div#shop-navigation div.shopping-steps-label {
    float: left;
    padding-left: 5px;
    height: 40px;
    font-size: 10px;
    border: 0px solid black;
    width: 110px;
}
p.shop-navigation-label {
    font-size: 10px;
    color: red;
    margin: 0 0 5px 5px;
    font-weight: bold;
}
div#shop-navigation div.selected {
    background-color: #FFD700;
}

/** VRSTVA PRO ALERTY **/
.ilayer {
    height:100%;
    left:0pt;
    position:fixed;

    top:0pt;
    width:100%;
    z-index:55;
}
.ilayer #background {
    background:#000000 url(../images/gallery/background_bg.jpg) no-repeat scroll right bottom;
    height:100%;
    left:0pt;
    opacity:0.95;
    position:fixed;
    top:0pt;
    width:100%;
    z-index:200;
}
.ilayer #ilayer-body h3 {
    width: 420px;
    height:45px;
    background: #000 url(../img/alert-box-header.gif) no-repeat scroll 0pt;
    font-size:12px;
    line-height:31px;
    margin:0px;
    padding-left:10px;
    text-align:left;
    text-transform:uppercase;
    padding-top: 5px;
}
.ilayer #ilayer-body {
    left: 50%;
    margin-left: -196px;
    margin-top: -152px;
    position: absolute;
    top: 50%;
    width: 400px;
    z-index: 300;
    background: transparent url(../img/alert-box-body.gif) repeat-y scroll 0pt;
}
.ilayer #ilayer-body div.body p {
    text-align: left;
    border: 0px solid red;
    padding: 0 10px;
}
.ilayer #ilayer-body div.body ul {
    margin-left: 15px;
}

.ilayer #ilayer-body div.buttons {
    text-align: center;
    margin: 10px 0 5px 0;
}
.ilayer #ilayer-body div.buttons img.button {
    border: 0;
}

.ilayer #ilayer-body div.buttons img.button:hover {
    cursor: hand;
}

.ilayer #ilayer-body div.foot {
    background: #000 url(../img/alert-box-footer.gif) no-repeat scroll 0pt;
    position: relative;
    text-align: left;
    height: 15px;
}
a#sendpage-link-cs {
    width: 164px;
    height: 58px;
    background: url(../img/send-to-friend-cs.png) no-repeat;
    float: left;
    margin: 10px 0 0 20px;
}
a#sendpage-link-en {
    width: 164px;
    height: 58px;
    background: url(../img/send-to-friend-en.png) no-repeat;
    float: left;
    margin: 10px 0 0 20px;
}
div#sendpage {
    display: none;
}
div#sp-style div {
    margin: 0;
	padding: 0;
}

div#sp-style p {
    margin: 1em 0 2em 0;
}
div#sp-style div.row {
	clear: both;
	float: left;
	border: 0px solid orange;
	width: 450px;
}
div#sp-style div.row div.label {
    width: 100px;
	float: left;
	color: #006400;
	border: 0px solid red;
	height: 22px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px
}
div#sp-style div.row div.field {
    width: 300px;
	float: left;
	border: 0px solid blue;
}
div#sp-style div.row div.field input {
    width: 200px;
	height: 21px;
}
div#sp-style div.row div.field textarea {
    width: 200px;
	height: 5em;
}
div.email2, div.email3 {
    display: none;
	margin: 0;
	padding: 0;
	border: 0px solid blue;
	float: left;
}
div#sp-style div.row div.field a#submitToFriend {
	background: url(../img/submit-send-to-friend.png) no-repeat;
    width: 123px;
    height: 28px;
    border: 0px solid red;
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	text-transform: uppercase;
}
#send-to-friend {
    width: 164px;
    height: 58px;
    background: url(../img/send-to-friend.png) no-repeat;
    float: left;
    margin: 10px 0 0 20px;
	_margin: 10px 0 0 10px;
}
#send-to-friend a {
    width: 164px;
    height: 58px;
    display: block;
}
#send-to-friend a:hover {
    cursor: hand;
}
.alert-box {
    height: 100px;
    width: 200px;
    background-color: white;
    display: none;
}
#send-to-friend-form {
    width: 450px;
    _width: 470px;
    *width: 470px;
    height: 400px;
    background-color: white;
    display: none;
    z-index: 100100;
    padding: 10px;
    border: 3px solid #228B22;
}
#send-to-friend-form div.title {
    font-size: 18px;
    font-weight: bold;
    margin-top: .5em;
    margin-bottom: 1em;
    color: #228B22;
}
#send-to-friend-form p {
    margin-bottom: 2em;
    line-height: 1.5em;
}
#send-to-friend-form div.close {
    position: absolute;
    top: 20px;
    left: 400px;
}
#send-to-friend-form div.close a {
    color: red;
}
#send-to-friend-form div.row {
    float: left;
    clear: both;
    margin-bottom: 0.5em;
}
#send-to-friend-form div.row div.label {
    float: left;
    width: 100px;
    color: #228B22;
    font-size: 10px;
    padding: 3px 10px 0 0;
    font-weight: bold;
    text-align: right;
}
#send-to-friend-form div.row div.field {
    float: left;
}
#send-to-friend-form div.row div.add {
    float: left;
    width: 70px;
    height: 16px;
    background: url(../img/add2.png) no-repeat;
    margin: 1px 0 0 5px;
    padding: 0 0 0 20px;
}
#send-to-friend-form div.row div.add a {
    font-size: 9px;
    color: #228B22;
}
#send-to-friend-form div.row div.field input {
    width: 200px;
    height: 20px;
    background-color: white;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    z-index: 100200;
}
#send-to-friend-form div.row textarea {
    width: 200px;
    height: 100px;
}
input.submit-send-to-friend {
    background: url(../img/submit-send-to-friend.png) no-repeat;
    width: 123px;
    height: 33px;
    color: white;
    border: 0;
}

input.submit-send-to-friend:hover {
    cursor: hand;
}
p.resend-to-friend {
    text-align: center;
    margin-top: 2em;
}
p.resend-to-friend a {
    color: blue;
}