@charset "utf-8";
/* CSS Document */

body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 0.8em;line-height: 1.4em;margin: 0;padding: 0; text-align: center;}
a, h1, h2, h3, h4, p, ul, li, form, fieldset, td {margin: 0;padding: 0;}
ul, li {list-style: none;}
img {display: block; border: none;}
.cleaner {clear: both;}

/*    ---- Titulní stránka ----    */
a.skipmenu {position:absolute; top:0; left:-10000px; padding:5px}
a.skipmenu:focus, a.skipmenu:active {left:0; background:#f00; color:#fff}
.invisible {display: none;}
body#main {background: url(../images/main-header-bg.png) 0 0 repeat-x;}
#main #wrap {text-align: center;background: url(../images/main-bottom-bg.png) bottom center no-repeat;height: 1020px;}
#main #wrap2 {width: 960px;margin: 0 auto; text-align: left;}
#main #header {height: 301px;width: 960px;position: relative;}
#main #header h1 {position: absolute;top: 60px;left: 310px;width: 269px;height: 106px;overflow: hidden;}
#main #header h1 span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/main-moretto-logo.png) 0 0 no-repeat;z-index: 1;cursor: pointer;}
#main #header h1 a {display: block;text-indent: -9000px;}
#main #menu {background: url(../images/main-menu.png) 0 0 no-repeat;position: absolute;top: 200px;left: 70px;height: 101px;width: 820px;}
#header .horke-cokolady {background: url(../images/main-menu-horke-cokolady.png) 0 0 no-repeat!important;}
#header .frappe {background: url(../images/main-menu-frappe.png) 0 0 no-repeat!important;}
#header .horke-kremy {background: url(../images/main-menu-horke-kremy.png) 0 0 no-repeat!important;}
#header .ledove-cokolady {background: url(../images/main-menu-ledove-cokolady.png) 0 0 no-repeat!important;}
#main #menu li {float: left;height: 101px;}
#main #menu li a {display: block;height: 101px;position: relative;}
#main #menu li a span {display: none;}
#main #menu li#horke-cokolady a {width: 216px;}
#main #menu li#frappe a {width: 196px;}
#main #menu li#horke-kremy a {width: 196px;}
#main #menu li#ledove-cokolady a {width: 212px;}
#main #nabidka {background: url(../images/nabidka.png) 0 0 no-repeat;height: 450px;width: 960px;}
#nabidka-wrap .horke-cokolady {background: url(../images/nabidka-horke-cokolady.png) 0 0 no-repeat!important;}
#nabidka-wrap .frappe {background: url(../images/nabidka-frappe.png) 0 0 no-repeat!important;}
#nabidka-wrap .horke-kremy {background: url(../images/nabidka-horke-kremy.png) 0 0 no-repeat!important;}
#nabidka-wrap .ledove-cokolady {background: url(../images/nabidka-ledove-cokolady.png) 0 0 no-repeat!important;}
#main #footer {background: url(../images/nabidka-bottom.png) 0 0 no-repeat;height: 269px;width: 960px;}
#main .doplnkovy-sortiment {position: relative;}
#main .doplnkovy-sortiment a {position: absolute;top: 0px;left: 350px;width: 260px;height: 55px;overflow: hidden;text-indent: -9999px;}
#main .doplnkovy-sortiment a span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/main-doplnkovy-sortiment.png) 0 0 no-repeat;z-index: 1;cursor: pointer;}
#main .doplnkovy-sortiment a:hover span {background: url(../images/main-doplnkovy-sortiment.png) 0 -55px no-repeat;}
#main #footer-menu {padding-top: 80px;font-size: 120%;text-align: center;}
#main #footer-menu li {display: inline;color: #919191;font-weight: bold;}
#main #footer-menu a {margin: 0 15px;color: #919191;text-transform: uppercase;text-decoration: none;font-weight: bold;}
#main #footer-menu a:hover {color: #d5b057;}
#main #footer-text {padding-top: 100px;text-align: center;color: #919191;}
/*    //// Titulní stránka ////    */




/*    ---- Page Brown ----    */
#sub #wrap-header {background: url(../images/brown-header-bg.png) 0 0 repeat-x;height: 226px;text-align: center;}
#sub.fp #wrap-header {background: url(../images/blue-header-bg.png) 0 0 repeat-x;}
#sub #header {width: 990px;margin: 0 auto; text-align: left; height:226px; position: relative;}
#sub #header h1 {position: absolute;top: 30px;left: 20px;width: 170px;height: 95px;overflow: hidden;}
#sub #header h1 span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/moretto-logo.png) 0 0 no-repeat;z-index: 1;cursor: pointer;}
#sub #header h1 a {display: block;text-indent: -9000px;}
#sub #menu {background: url(../images/brown-menu.png) 0 0 no-repeat;position: absolute;bottom: 0;left: 0px;height: 85px;width: 820px;}
#sub.hc #menu {background: url(../images/brown-menu-horke-cokolady.png) 0 0 no-repeat;}
#sub.fp #menu {background: url(../images/blue-menu-frappe.png) 0 0 no-repeat;}
#sub.hk #menu {background: url(../images/brown-menu-horke-kremy.png) 0 0 no-repeat;}
#sub.lc #menu {background: url(../images/brown-menu-ledove-cokolady.png) 0 0 no-repeat;}

#sub #menu li {float: left;height: 85px;}
#sub #menu li a {display: block;height: 85px;position: relative;}
#sub #menu li a span {display: none;}
#sub #menu li#horke-cokolady a {width: 177px;}
#sub #menu li#frappe a {width: 160px;}
#sub #menu li#horke-kremy a {width: 160px;}
#sub #menu li#ledove-cokolady a {width: 173px;}

#sub #wrap-content {background: url(../images/brown-bg2.png) 0 0 repeat-x #401411; text-align:center}
#sub.fp #wrap-content {background: url(../images/blue-bg.png) 0 0 repeat-x #1B5993;}
#sub.lc #wrap-content {background: url(../images/brown-bg.png) 0 0 repeat-x #3D120F;}
#sub.lc.eshop #wrap-content {background: url(../images/brown-bg2.png) 0 0 repeat-x #401411;}

#sub #content {background: url(../images/brown.png) top center no-repeat;padding-bottom: 20px;}
#sub.hc #content {background: url(../images/horke-cokolady.png) top center no-repeat;}
#sub.fp #content {background: url(../images/frappe.png) top center no-repeat;}
#sub.hk #content {background: url(../images/horke-kremy.png) top center no-repeat;}
#sub.lc #content {background: url(../images/ledove-cokolady.png) top center no-repeat;}
#sub.eshop.pk #content {background: url(../images/pokladna.png) top center no-repeat;}
#sub.fp.eshop #content {background: url(../images/blue.png) top center no-repeat;}
#sub.fp #wrap-content.ieselectorfix #content {background: url(../images/blue.png) top center no-repeat;}
#sub.fp #wrap-content.ieselectorfix {background: url(../images/blue-bg.png) 0 0 repeat-x #1B5993;}
#sub.eshop #content {background: url(../images/brown.png) top center no-repeat;}
#sub #content-in {width: 960px;margin: 0 auto; text-align: left; height: 736px; padding-top: 10px; color: #FFF;}
html>#sub #content-in {min-height: 736px; height: auto;}
#sub #footer {background: url(../images/brown-footer2.png) 0 0 repeat-x; height: 58px; color: #7d4637;}
#sub.lc #footer {background: url(../images/brown-footer.png) 0 0 repeat-x;}
#sub.lc.eshop #footer {background: url(../images/brown-footer2.png) 0 0 repeat-x;}
#sub.fp #footer {background: url(../images/blue-footer.png) 0 0 repeat-x; height: 58px; color: #5bb8e5;}

#menu2 {position: absolute; right: 20px; top: 15px; font-size: 120%;text-align: right;}
#menu2 li {display: inline;color: #919191;font-weight: bold;}
#menu2 a {margin: 0 15px;color: #919191;text-transform: uppercase;text-decoration: none;font-weight: bold;}
#menu2 a:hover {color: #d5b057;}
#kosik {position: absolute; right: 30px; top: 62px; width: 250px; height: 90px; font-size: 120%;text-align: left; background: url(../images/kosik.png) bottom right no-repeat;color: #919191;}
#kosik.full {background: url(../images/kosik-full.png) bottom right no-repeat;}
#kosik a {color: #919191; font-weight: bold; text-decoration: none; margin-bottom: 15px;}
#kosik a:hover {color: #d5b057;}
#kosik p {padding: 20px 0 0 0;}

#doplnky {position: absolute;bottom: 0;right: 0px;width: 273px;height: 58px;overflow: hidden; display: block;}
#doplnky span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/doplnky.gif) 0 -64px no-repeat;z-index: 1;cursor: pointer;}
#sub.dp #doplnky span {background: url(../images/doplnky.gif) 0 0 no-repeat;}

#bread {background: url(../images/brown-bread.png) 0 0 no-repeat; padding: 0 10px; height:22px; line-height: 24px; margin-bottom: 30px;}
#sub.fp #bread {background: url(../images/blue-bread.png) 0 0 no-repeat;}
#bread li {display: inline; color: #774033;}
#sub.fp #bread li {color: #4086bb;}
#bread li a {color: #774033; text-decoration: none;}
#bread li a:hover {text-decoration: underline;}
#sub.fp #bread li a {color: #4086bb;}
#left-column  {float: left; width: 450px; color: #FFF;}
#left-column h2, #left-column-eshop h2 {font-size: 26px;width: 200px;line-height: 140%;padding-bottom: 20px;}
#left-column-eshop h2 a {text-decoration: none;}
#right-column {float: right;width: 490px; color: #FFF;}
#right-column p {margin-bottom: 20px;}
#right-column p a {color: #FFF;}

#left-column-eshop  {float: left; width: 230px; color: #FFF;}
#right-column-eshop {float: right;width: 710px; color: #FFF;}

#left-column.panacek {
	background: url(../images/panacek.gif) center center no-repeat;
	height: 350px;}

#right-column-eshop .radek-obal {
	clear: both;
	margin-bottom: 45px;
	height: 152px;
	position: relative;
	}
#right-column-eshop .radek-obal .product-photo {
	float: left;
	width: 230px;
	}
#right-column-eshop .radek-obal .product-photo img {
	border: none;
	}
#right-column-eshop .radek-obal .product-text {
	margin-left: 240px;
	}
#right-column-eshop .radek-obal .cena {
	position: absolute;
	bottom: 0;
	left: 230px;
	background: url(../images/brown-cena.gif) 0 0 no-repeat;
	width: 230px;
	padding-left: 10px;
	height: 44px;
	line-height: 44px;
	font-size: 130%;
	color: #3D120F;
	}
#sub.fp #right-column-eshop .radek-obal .cena {background: url(../images/blue-cena.gif) 0 0 no-repeat;color: #1b5993;}
#right-column-eshop .radek-obal p.pocet-kusu {
	position: absolute;
	bottom: 22px;
	left: 473px;
	width: 240px;
	height: 20px;
	background: url(../images/brown-pridat.gif) 0 0 no-repeat;
	}

#sub.fp #right-column-eshop .radek-obal p.pocet-kusu {background: url(../images/blue-pridat.gif) 0 0 no-repeat;}
#right-column-eshop .radek-obal p.pocet-kusu span {
	padding-left: 9px;
	font-size: 11px;
	}
#right-column-eshop .radek-obal p.pocet-kusu input {
	border: none;
	font-size: 11px;
	background: none;
	color: #FFF;
	display: inline;
	}
#right-column-eshop .radek-obal p.pocet-kusu a, #right-column-eshop .radek-obal p.pridat-do-kosiku a {
	float: right;
	}
#right-column-eshop .radek-obal p.pridat-do-kosiku {
	position: absolute;
	bottom: 0;
	left: 473px;
	width: 240px;
	height: 20px;
	background: url(../images/brown-pridat.gif) 0 0 no-repeat;
	}
#sub.fp #right-column-eshop .radek-obal p.pridat-do-kosiku {background: url(../images/blue-pridat.gif) 0 0 no-repeat;}
#right-column-eshop .radek-obal p.pridat-do-kosiku input {
	border: none;
	background: none;
	color: #FFF;
	width: 202px;
	text-align: left;
	font-size: 11px;
	cursor: pointer;
	padding: 0;
	margin-left: 8px;
	}
#right-column-eshop .radek-obal h1 {
	font-size: 130%;
	margin: 0 0 10px 240px;
	}
#right-column-eshop .radek-obal h1 a {
	color: #FFF;
	text-decoration: none;
	}
#right-column .table-kosik {
	width: 484px;
	background: url(../images/kosik-bottom-bg.gif) left bottom no-repeat;
	margin-bottom: 20px;
	}
#right-column .table-kosik table {
	background: url(../images/kosik-top-bg.gif) left top no-repeat;
	width: 484px;
	}
#right-column .table-kosik table thead td {
	color: #3d120f;
	font-weight: bold;
	}
#right-column .table-kosik table td {
	color: #666666;
	text-align: left;
	padding-left: 5px;
	padding-right: 10px;
	font-size: 90%;
	vertical-align: bottom;
	padding-top: 3px;
	padding-bottom: 3px;
	}
#right-column .table-kosik table td input {
	width: 15px;
	border: 1px solid #3D120F;
	color: #3D120F;
	padding: 0;
	margin: 0;
	margin-right: 3px;
	}
#right-column .table-kosik table tfoot td {
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 0;
	}
#right-column .table-kosik table td a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
	}
#right-column h2 {
	font-size: 1.1em;line-height: 140%;padding-bottom: 10px;
	}
.buttons {
	margin-top: 20px;
	}
.buttons input {
	background: none;
	border: none;
	font-size: 1em;
	color: #FFF;
	}
#right-column .inputs label {
	float: left;
	width: 150px
	}
#right-column .inputs p {
	margin: 5px 0;
	}

#right-column .inputs input {
	background: url(../images/pokladna-input.gif) 0 0 no-repeat;
	width: 321px;
	border: none;
	height: 20px;
	}
#right-column-eshop .dalsi-produkty {
	margin-left: 240px;
	}
#right-column-eshop .dalsi-produkty a {
	color: #FFF;
	}
#content a {
	color: #FFF;
	}
.pridat-do-kosiku a, .pocet-kusu a {position: relative;width: 20px;height: 20px;overflow: hidden;}
.pridat-do-kosiku a span, .pocet-kusu a span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/brown-kosik.gif) 0 0 no-repeat;z-index: 1;cursor: pointer;}
.pocet-kusu a span {background: url(../images/brown-cross.gif) 0 0 no-repeat;}

.reset {
	float: right;
	border: none;
	background: url(../images/brown-cross.gif) 0 0 no-repeat!important;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	}
#sub.fp .reset {background: url(../images/blue-cross.gif) 0 0 no-repeat!important;}
#sub.fp .pridat-do-kosiku a span, #sub.fp .pocet-kusu a span {background: url(../images/blue-kosik.gif) 0 0 no-repeat;}
#sub.fp .pocet-kusu a span {background: url(../images/blue-cross.gif) 0 0 no-repeat;}

#right-column #varianty {margin-top: 30px;border-collapse: collapse;}
#right-column #varianty td {width: 157px; padding-left: 8px; padding-bottom: 4px;height: 24px;background: url(../images/brown-white.gif) 0 0 no-repeat;color: #3d120f; font-weight: bold;}
#sub.fp #right-column #varianty td {background: url(../images/blue-white.gif) 0 0 no-repeat;color: #1b5993}
#right-column #varianty td.inactive {background: url(../images/brown-brown.gif) 0 0 no-repeat;}
#sub.fp #right-column #varianty td.inactive {background: url(../images/blue-blue.gif) 0 0 no-repeat;}
.errors p {color: #FF0000;}
#send-form input, #send-form textarea {
	border: none;
	}
/*    //// Page Brown ////    */