/* CSS Document */
BODY {background: #80c0e4 url('/images/bg_body.png') repeat top left; font-family: 'Arial', Sans; font-size: 14px; color: #fff; margin: 0px; padding: 0px}
h1 {color: transparent; font-family: 'Arial', Sans; font-size: 1px; font-weight: bold; text-decoration: none; margin: 0; padding: 0 0 0 10px}
h2 {color: #494948; font-family: 'Arial', Sans; font-size: 28px; font-weight: normal; text-decoration: none; margin: 0; padding: 0}
textarea {font-family: 'Arial', Sans; font-size: 10pt; color: #888;}
a:link, a:visited, a:active, a:hover {color: #805a47; text-decoration: none; font-weight: normal}
a:hover {text-decoration: underline}
/* definicia tela*/
#body {width: 891px; margin-left: auto; margin-right: auto}

#top {width: 891px; position: absolute; top: 0px; left: 50%; margin-left: -445px; height: 150px;}
#top p {text-align: right; padding-top: 85px; padding-right: 20px}
#top a {text-decoration: none;}
#top img {border: 0;}

h1 a {color: #fff; display: none; position: relative;}
h1 a span {display: block; width: 302px; height: 49px; position: absolute; top: 0; left: 0;	cursor: pointer; background: url('/images/bg_logo.gif') no-repeat left top;}
#des {font-size: 9px;	line-height: 9px;	clear: left; padding-left: 5px;	color: #666; width: 68px; visibility: hidden;}

h2 a, h2 a:visited {color: #000; display: block; position: relative;}
h2 a span, h2 a span.tlacitko_2, h2 a span.tlacitko_3 {display: block; width: 175px; height: 80px; position: absolute; top: 0; left: 0;	cursor: pointer; background: url('/images/buttom_prog.png') no-repeat left top;}
h2 a span.tlacitko_2 {background: url('/images/buttom_intranet.png') no-repeat left top;}
h2 a span.tlacitko_3 {background: url('/images/buttom_design.png') no-repeat left top;}

hr {display: none;}

#menu {margin: -40px 0 15px 0; padding: 0; width: 850px;}
#menu ul {margin: 0; padding: 0; width: 850px;}
#menu li {display: inline; position: relative}
#menu li a, #menu li a:hover {font-weight: bold; font-size: 20px; text-decoration: none; color: #f06c9f; margin: 0 13px 0; padding: 0}
#menu li a span {display: block; height: 40px; position: absolute; top: -7px; left: 0; cursor: pointer;}
#menu li a .a {background: #e8e8e8 url('/images/menu_uvod.gif') no-repeat top left; width: 73px;}
#menu li a .b {background: #e8e8e8 url('/images/menu_podmienky.gif') no-repeat top left; width: 190px;}
#menu li a .c {background: #e8e8e8 url('/images/menu_kontakt.gif') no-repeat top left; width: 96px;}
#menu li a .d {background: #e8e8e8 url('/images/menu_o.gif') no-repeat top left; width: 70px;}
#menu li a .e {background: #e8e8e8 url('/images/menu_eshop.gif') no-repeat top left; width: 82px;}
#menu li a .f {background: #e8e8e8 url('/images/menu_mojucet.gif') no-repeat top left; width: 110px;}
#menu li a .g {background: #e8e8e8 url('/images/menu_odhlasit.gif') no-repeat top left; width: 125px;}
#menu li a .h {background: #e8e8e8 url('/images/menu_galeria.gif') no-repeat top left; width: 85px;}

#slogan {width: 885px; height: 147px; background: #fff url('/images/logo.gif') no-repeat top left; margin: 0 -20px 0 -17px;}

.polozka {width: 220px; border: 3px #ddd solid; padding: 5px; float: left; margin: 0 50px 20px 0}
.polozka:hover {border: 3px #ccc solid}
.polozka h3 {width: 150px; color: #ec4686;}
.polozka h3 a, .polozka h3 a:hover, .polozka h3 a:visited, .polozka h3 a:active {color: #ec4686; font-weight: bold; text-decoration: none;}
.polozka:hover h3 {width: 150px; color: #413f93}
.polozka:hover h3 a {color: #413f93}
.polozka p {text-align: center;}
.polozka img {border: 0}
.polozka table {width: 220px; color: #ec4686; font-weight: bold;}
.polozka:hover table {width: 220px; color: #413f93; font-weight: bold;}
.polozka form {text-align: center}
.e4 form {text-align: right}
.polozka .post, .search .post, .popisPage .prava .post, .e4 .post {width: 60px; height: 22px; border: 0; background: #ddd url('/images/bg_submit2.gif') no-repeat center center; cursor: pointer; color: #888}
.polozka .post:hover, .polozka:hover .post, .search:hover .post, .popisPage .prava:hover .post, .e4:hover .post {background: #ccc url('/images/bg_submit.gif') no-repeat center center; color: #666}
.polozka .text, .popisPage .prava .text, .e4 .text {height: 14px; width: 30px; text-align: center; color: #888;}

.posts p {margin: 0; padding: 0; line-height: 18px}
.posts a {color: #666; text-decoration: underline}
.posts ul {color: #666; font-size: 12px; line-height: 18px}
.posts * {color: #666}

.cela, .cela2 {width: 100%; color: #666; font-size: 14px}
.cela2 {margin-bottom: 10px; line-height: 20px;}
.cela2 td{padding: 5px}
.cela td {padding: 5px; border-bottom: #d8d8d8 1px solid}
.hlavicka td {padding: 5px 0 5px 0; background-color: #fff; border: #d8d8d8 1px solid}
.hlavicka .l {border-right: 0; padding-left: 5px}
.hlavicka .s {border-right: 0; border-left: 0}
.hlavicka .p {border-left: 0}
.e1 {width: 110px}
.e2 {width: 200px}
.e2 a, .e2 a:hover {color: #666}
.e5 a, .e5 a:hover {color: #666}
.e3 {text-align: center;}
.marginTop {margin-top: 20px}
.marginTop .hlavicka td {padding: 5px}
.e6 {text-align: right; font-weight: bold;}
.e8 {width: 100px; text-align: center;}
.e9 {width: 100px; text-align: center;}
.e5, .e10 {text-align: center;}

#text {width: 891px; position: relative; z-index: 1; clear: both;}
#text .pearPage {margin: -7px 0 0 -15px; padding: 0;}
#text .centerMain {width: 100%; background: #fff url('/images/bg_main.gif') repeat-y center top;}
#text .centerMain2 {width: 100%; background: #fff url('/images/bg_main2.gif') repeat-y center top;}
#text .centerMainTop {width: 100%; background: transparent url('/images/bg_main_top.gif') no-repeat center top; padding-top: 50px}
#text .centerMainBottom {width: 100%; padding: 0 20px}
#text p {font-size: 12px; color: #5a5a5a; line-height: 21px;}
#text .main {margin-top: 20px}
#text .main p {color: #666}
#text .main p a {color: #333; text-decoration: underline;}
#text .main p a:hover {color: #333; text-decoration: none;}
#text .main h2 {margin-left: 0; font-size: 24px; color: #413f93; font-weight: bold}
#text .left {width: 295px; float: left; margin-left: -2px; color: #5a5a5a; padding-top: 3px}
#text .left h2 {font-size: 20px; color: #413f93; margin: 0; padding: 0 0 10px 0}
#text .left #novinky, #text .left #category, #text .left #kosik, #text .left #search {display: block; position: relative;}
#text .left #novinky span, #text .left #category span, #text .left #kosik span, #text .left #search span {display: block; width: 196px; height: 37px; position: absolute; top: 0; left: 0;	background: url('/images/h_ocolorzone.gif') no-repeat left top;}
#text .left #category span {width: 241px; background: url('/images/h_kategorie.gif') no-repeat left top;}
#text .left #kosik span {width: 179px; background: url('/images/h_kosik.gif') no-repeat left top;}
#text .left #search span {width: 182px; background: url('/images/h_vyhladavanie.gif') no-repeat left top;}
#text .left p{color: #5a5a5a; font-size: 13px; line-height: 21px; margin: 0; padding: 0 0 5px 0;}
#text .left ul {margin: 0 5px 25px 0; padding: 0;}
#text .left li {list-style: none; background-color: #e8e8e8; padding: 3px 5px 3px 8px; margin-bottom: 3px; border: 1px #e8e8e8 solid;}
#text .left li:hover {border: 1px #d8d8d8 solid;}
#text .left li a {color: #413f93; font-weight: normal; text-decoration: none}
#text .right {float: right; width: 530px; padding-top: 3px}
#text .right h2 {font-size: 30px; color: #666; margin: 0; padding: 0 0 10px 0; font-weight: bold;}
#text .right p {color: #666; font-size: 13px; line-height: 21px; margin: 0; padding: 0 0 5px 0;}
#text .right p a {color: #333; text-decoration: underline;}
#text .right p a:hover {color: #333; text-decoration: none;}
#text .right ul {color: #666; list-style: none;}
#text .right li {font-size: 13px; line-height: 21px; margin-bottom: 8px; list-style: none; background: transparent url('/images/li.png') no-repeat 0 1px; padding-left: 20px;}
#text .right #b1, #text .right #b2, #text .right #b3 {width: 250px; height: 250px; cursor: pointer; background: url('/images/tab_dievcata.gif') no-repeat left top; float: left; margin: 0 30px 30px 0}
#text .right #b2 {background: url('/images/tab_chlapci.gif') no-repeat left top; margin-right: 0}
#text .right #b3 {background: url('/images/tab_all.gif') no-repeat left top;}
#text .right #b1 a, #text .right #b2 a, #text .right #b3 a {display: block; width: 242px; height: 242px; cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; font-size: 15px; padding: 4px 0 0 8px}
#text .right #b4 {width: 250px; height: 250px; float: left;}
#text .right #b4 p {text-align: center; margin: 100px 0 0 28px}
#text .right #b4 a {display: block; width: 193px; height: 37px; cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; font-size: 20px; cursor: pointer; background: url('/images/ico_shop.gif') no-repeat center center; padding-top: 13px}

.popisPage {color: #666; width: 100%; text-align: center}
.popisPage2 {margin-top: 30px; width: 100%; text-align: center; color: #666; font-size: 14px; font-weight: bold}
.popisPage .lava {width: 220px; text-align: left; font-size: 12px}
.popisPage .lava img {border: 3px #ddd solid; margin-left: -3px; padding: 5px}
.popisPage .prava {font-weight: bold; text-align: center; width: 400px; color: #666}
.popisPage .prava .cena {font-weight: bold; font-size: 40px;}
.popisPage .prava .alignRight {text-align: right; padding-right: 5px}
.popisPage .prava .alignLeft {text-align: left;}
.popisPage .prava form {text-align: center; margin-top: 10px}
.zoznam {color: #5a5a5a}
.zoznam .mn {width: 50px}
.zoznam img {border: 0}

.popis {margin-top: 10px}
.popis p {text-align: justify;}

td.strong2, .strong a {font-weight: bold}
td.strong2, .polozkatd2 {border-top: 1px #e1e1e1 solid; /*background-color: #fc4e91;*/ font-weight: bold; color: #fc4e91}
td.strong, td.strong2 {text-align: right}

.search {background-color: #fff; border: 1px #e8e8e8 solid; height: 35px; width: 280px; padding: 0 5px 5px 5px}
.search form {margin: 0; padding: 0;}
.search .text {border: 0; width: 200px; color: #666;}

.kosikTable, .kosikTable2 {margin-bottom: 10px; background-color: #fff; border: 1px #e8e8e8 solid; width: 290px; margin-right: 5px; font-size: 14px}
.kosikTable2 {margin-bottom: 20px;}
.kosikTable td, .kosikTable2 td {padding: 5px}
.kosikTable {color: #666}
.kosikTable2 .polozkatd {text-align: center; color: #666}
.kosikTable2 .polozkatd a {font-weight: bold; color: #fc4e91; text-decoration: none;}
.kosikTable2:hover .polozkatd a {color: #fff;}
.kosikTable2:hover {background-color: #fc4e91; color: #fff;}

#pro-holcicky, #pro-dospele, #pro-kluky, #loginPage, #loginPage2, #uzivatel, #heslo, #ucet, #zmena, #udaje, #nakupovanie, .next, .editovat, #vyhladavanie, #prehlad, #faktura {display: block; position: relative; }
#pro-holcicky span, #loginPage span, #loginPage2 span, #uzivatel span, #heslo span, #ucet span, #udaje span, #nakupovanie span, .next span, .editovat span, #vyhladavanie span, #prehlad span, #faktura span, #pro-kluky span, #pro-dospele span {display: block; width: 190px; height: 35px; position: absolute; top: 0; left: 0;	background: #e8e8e8 url('/images/h_proholcicky.gif') no-repeat left top;}
#loginPage span {width: 360px; background: #e8e8e8 url('/images/h_prihlaste.gif') no-repeat left top;}
#loginPage2 span {width: 220px; background: #e8e8e8 url('/images/h_dalsi.gif') no-repeat left top;}
#uzivatel span {width: 240px; background: #e8e8e8 url('/images/h_uzivatel.gif') no-repeat left top;}
#heslo span {width: 240px; background: #e8e8e8 url('/images/h_obnovit.gif') no-repeat left top; padding: 0}
#ucet span {width: 200px; background: #e8e8e8 url('/images/h_ucet.gif') no-repeat left top; padding: 0}
#udaje span {width: 240px; background: #e8e8e8 url('/images/h_nastavenia.gif') no-repeat left top; padding: 0}
#nakupovanie span {width: 240px; background: #e8e8e8 url('/images/h_nakupovanie.gif') no-repeat left top; padding: 0}
.next span {width: 150px; background: #e8e8e8 url('/images/h_next.gif') no-repeat left top; padding: 0}
.editovat span {width: 115px; background: #e8e8e8 url('/images/h_editovat.gif') no-repeat left top; padding: 0}
#vyhladavanie span {width: 290px; background: #e8e8e8 url('/images/h_vyhladavanie2.gif') no-repeat left top; padding: 0}
#prehlad span {width: 290px; background: #e8e8e8 url('/images/h_po.gif') no-repeat left top; padding: 0}
#faktura span {width: 280px; background: #e8e8e8 url('/images/h_faktura.gif') no-repeat left top; padding: 0}
#pro-kluky span {width: 200px; background: #e8e8e8 url('/images/h_prokluky.gif') no-repeat left top; padding: 0;}
#pro-dospele span {width: 200px; background: #e8e8e8 url('/images/h_prodospele.gif') no-repeat left top; padding: 0}
.next {left: 390px; top: 20px; width: 150px; margin-bottom: 30px}

.inputRight {margin: 20px 0 0 315px}

.table-novy-uzivatel-b {width: 510px}
.table-novy-uzivatel, #jason {color: #666; width: 520px;}
.table-novy-uzivatel td, #jason td {padding: 3px 0 3px 5px; font-size: 12px; line-height: 21px;}
.table-novy-uzivatel .input, #jason .input {color: #666}

.registracia-td {width: 350px}
.zv {background-color: #f0f0f0}

.no {background-color: #ff0000; color: #fff}

.msg {}

.alignRight {text-align: right}
.post {margin: 10px 0 10px 10px}

.divLogin {color: #666; margin-bottom: 30px; padding: 5px; font-size: 13px}
.divLogin input {color: #666}
.loginFunction {margin: 0;}
.loginFunction li {margin: 0; padding: 0; margin-left: -50px;}
.loginFunction li a {color: #666}

#obsah {width: 891px; position: absolute; top: 150px; left: 50%; margin-left: -445px;}

#footer, #footer2 {width: 100%; height: 50px; float: right; z-index: 1; background: transparent url('/images/bg_main_bottom.gif') no-repeat center top;}
#footer2 {background: transparent url('/images/bg_main_bottom2.gif') no-repeat center top;}
#footer p, #footer2 p {font-size: 13px; color: #fd53a1; padding: 20px 15px 20px 15px; font-weight: bold}
#footer .center, #footer2 .center {width: 891px; margin-left: auto; margin-right: auto;}
#footer a, #footer a:hover, #footer2 a, #footer2 a:hover {color: #fd53a1; font-weight: bold}
#footer .left, #footer2 .left {width: 50%; float: left;}
#footer .right, #footer2 .right {float: right;}

.hidden {display: none}