html {
overflow-y: scroll;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {color: #000000;
font-size: 9pt;
font-family: Arial, Verdana, Tahoma;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
behavior: url("csshover.htc");
}
#topmenu {width: 100%;
height: 5px;
text-align: left;
background-image: url(ciara.png);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px; }
/* #565C56 */
#lista {background-image: url("pozadie-menu.png");
background-repeat: repeat;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
}
#listavnutorna {
width: 980px;
text-align: left;
display: table;
margin: 0 auto;
}
/*
#listavnutornaobsah {
width: 980px;
text-align: left;
display: table;
margin: 0 auto;
margin-bottom: 30px;
}
*/
#listavnutornaobsah {
text-align: left;
margin: 0 auto;
margin-bottom: 30px;
}
#spodvonkajsi {background-color: #6BAB54;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
min-width: 1000px;
}
#spodvnutorny {
width: 100%;
text-align: left;
display: table;
margin: 0 auto;
padding-top: 60px;
padding-bottom: 60px;
line-height: 180%;
}
#vrchny {width: 100%;
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.container {
max-width: 1020px;
}
}
.bg-lista {
background-image: url("pozadie-menu.png");
}
.bg-zelena {
background-color: #0088CC;
}
.bg-modra {
background-color: #0088CC;
}
.bg-siva {
background-color: #F4F4F4;
}
.bg-biela {
background-color: #FFFFFF;
}
@media (max-width: 900px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
padding-top: 60px;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
/* HEAD */
header {
height: 65px;
background-color:#0088CC;
}
header nav {
height: 65px !important;
background-color: #0088CC !important;
border: none !important;
margin: 0px !important;
padding:0px !important;
font-size: 1.1em;
z-index:10000;
}
header nav #navbar {
border:none;
margin-top: 0px;
}
header nav a#logo {
position:absolute;
top:0px;
left:0px;
z-index:4;
height:148px;
width:293px;
display:block;
margin:0px;
padding: 0px;
}
header nav a#logo img {
float:left;
margin:0px;
}
header nav ul#main_menu {
margin-top: 0px;
}
header nav ul#main_menu li {
border: none;
margin: 0px;
padding:0px;
}
header nav ul#main_menu li a {
z-index:5;
border: none;
margin: 0 0 0 1px;
padding:0 15px 0 15px;
height:65px;
line-height:65px;
text-transform:uppercase;
text-decoration:none;
font-weight: 600;
letter-spacing:1px;
background: #0088CC url("../img/hover.png") center 90px no-repeat;
}
header nav ul#main_menu li a.but_classic {
color:#fff;
}
header nav ul#main_menu li a.but_classic:hover {
color:#fff;
background-position:center top;
background-color:#0088AE;
}
header .subnav{
display: none;
position: absolute;
background-color: rgba(255,255,255,0.7);
width: 100%;
height: 60px;
}
header .subnav ul.sub_menu {
margin-top: 0px;
margin-right: 15px;
}
header .subnav ul.sub_menu li {
border: none;
margin: 0px;
padding:0px;
}
header .subnav ul.sub_menu li a {
z-index:5;
border: none;
margin: 0 0 0 1px;
padding:0 15px 0 15px;
height:60px;
line-height:60px;
text-transform:uppercase;
text-decoration:none;
font-weight: 600;
letter-spacing:1px;
background: none;
}
header .subnav ul.sub_menu li a.sub_classic {
color:#327820;
}
header .subnav ul.sub_menu li a.sub_classic:hover {
color:#fff;
background-color:#46a32e;
}
a.basic_link {
color: #122D51;
text-decoration: underline;
}
a.basic_link:hover {
color: #122D51;
text-decoration: none;
}
p {color: #333333;
font-size: 12pt
line-height: 150%;
margin-top: 5px;
margin-bottom: 15px;
font-family: Arial, Verdana, Tahoma'
}
.referencie {color: #333333;
text-decoration: none;
font-size: 11pt;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
table {color: #000000;
font-size: 10pt;
font-family: Arial, Verdana, Tahoma}
table.mojeprodukty {
border: 1px solid #CCCCCC;
}
table.mojeprodukty td {
padding: 5px;
border: 1px solid #CCCCCC;
}
table.postovne td {
padding: 5px;
border: 1px solid #CCCCCC;
}
table.hodnotit td {
padding: 5px;
}
table.kosik td {
padding: 5px;
border: 1px solid #DDDDDD;
}
li {color: #000000;
font-size: 10pt;
line-height: 150%;
font-family: Arial, Verdana, Tahoma}
li.uvod {color: #000000;
font-size: 10pt;
line-height: 150%;
font-family: Arial, Verdana, Tahoma}
div.vrchnyalt {background-image: url(tretorn5.jpg);
background-repeat: no-repeat;
background-position: bottom;
width: 980px;
height: 190px;
text-align: left;
margin-top: 20px;
}
div.vrchnyblank {width: 980px;
height: 120px;
text-align: left;
margin-top: 20px;
}
div.vonkajsok {
width: 100%;
background-color: #FFFFFF;
}
ul.topmenu {margin-left: 0px;
padding-left: 0px;
}
ul.topmenu li { float: left;
line-height: 1.3em;
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 20px;
list-style: none;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
a {color: #0088CC;
text-decoration: underline}
a:hover {color: #0088CC;
text-decoration: none}
a.link {color: #0088CC;
text-decoration: underline}
a.link:hover {color: #0088CC;
text-decoration: none}
a.topmenu {color: #333333;
text-decoration: none;
font-size: 11pt;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif;
}
a.topmenu:hover {color: #CC0000;
text-decoration: none;
font-size: 11pt;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif;
}
a.topmenuaktivne {color: #CC0000;
text-decoration: none}
a.topmenuaktivne:hover {color: #CC0000;
text-decoration: none;
}
div.polozkamenu {float: left;
margin-right: 60px;
margin-left: 20px;
}
a.menu {color: #F7F7F7;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
a.menu:hover {color: #FFFFFF;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
a.kosikzobr {color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
a.kosikzobr:hover {color: #2F3D47;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
/* #666666 */
a.lavemenu {color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
a.lavemenu:hover {color: #2F3D47;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
a.lavemenu-v2 {
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
a.lavemenu-v2:hover {
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
div.lavemenu-v2 {background-color: #0088CC;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
padding: 10px 12px;
margin-top: 0px;
margin-bottom: 5px;
/*padding: 5px;*/
border: 0px;
border-radius: 5px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
text-transform: uppercase;
}
div.lavemenu-v2:hover {background-color: #0088AE; // #0088AE
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
padding: 10px 12px;
margin-top: 0px;
margin-bottom: 5px;
border: 0px;
border-radius: 5px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
text-transform: uppercase;
}
a.lavemenu2 {color: #333333;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
a.lavemenu2:hover {color: #0088CC;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
/* #999999 */
a.podmenu {color: #666666;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
font-family: Arial, Verdana, Tahoma;
}
a.podmenu:hover {color: #379316;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Verdana, Tahoma;
}
a.podmenu2 {color: #0D0D0D;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
a.podmenu2:hover {color: #CC0000;
font-weight: normal;
font-size: 8pt;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
div.podmenu {border-bottom: 1px solid #CCCCCC;
line-height: 160%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
}
a.cesta {color: #999999;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto Condensed', sans-serif;
}
a.cesta:hover {color: #000000;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto Condensed', sans-serif;
}
a.cestaaktivna {color: #000000;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto Condensed', sans-serif;
}
a.cestaaktivna:hover {color: #000000;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto Condensed', sans-serif;
}
.ikonadoporucene {
display: inline-block;
padding: 6px 6px;
font-size: 14px;
margin: 4px 2px;
border-radius: 50%;
border: #0088CC 1px solid;
background-color: #FFFFFF;
color: #2F3D47;
text-decoration: none;
}
.ikonamenu {
display: inline-block;
padding: 3px 3px;
font-size: 12px;
margin-top: 0px;
margin-bottom: 2px;
border-radius: 50%;
border: #0088CC 1px solid;
background-color: #FFFFFF;
color: #2F3D47;
text-decoration: none;
}
div.vyhladavanie {
margin-top: 5px;
padding: 10px;
background-color: #F6F6F6;
color: #000000;
font-weight: normal;
font-size: 12pt;
font-family: 'Roboto Condensed', sans-serif;
border-top: 3px solid #CCCCCC;
border-bottom: 3px solid #CCCCCC;
}
div.vyhladavaniepolozka {
margin-left: 5px;
margin-right: 5px;
padding: 10px;
float: left;
}
div.podkategorieprehlad {
background-color: #F3F3F3;
text-align: left;
line-height: 170%;
padding: 5px;
}
a.podkategoria {color: #333333;
font-weight: normal;
text-decoration: underline;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
a.podkategoria:hover {color: #CC0000;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
p.spod {color: #FFFFFF;
font-size: 14pt;
font-weight: bold;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
}
a.spod {color: #F3F3F3;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
font-family: Arial, 'Roboto', sans-serif; }
a.spod:hover {color: #2F3D47;
font-size: 11pt;
text-decoration: none;
font-family: Arial, 'Roboto', sans-serif; }
a.spod2 {color: #F4F4F4;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
font-family: Arial, 'Roboto', sans-serif; }
a.spod2:hover {color: #2F3D47;
font-size: 12pt;
text-decoration: none;
font-family: Arial, 'Roboto', sans-serif; }
p.spod2 {color: #F4F4F4;
font-size: 12pt;
font-weight: normal;
font-family: 'Roboto', sans-serif; }
a.goback {color: #999999;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
a.goback:hover {color: #CC0000;
font-weight: normal;
text-decoration: none;
font-size: 10pt;
font-family: 'Roboto', sans-serif;}
a.najpredavanejsie {color: #000000;
font-size: 8pt;
font-weight: normal;
line-height: 200%;
text-decoration: underline;
}
a.najpredavanejsie:hover {color: #CC0000;
font-size: 8pt;
font-weight: normal;
line-height: 200%;
text-decoration: none;
}
div.popis {margin-top: 5px;
}
div.popis ul li { color: #333333;
}
div.popis p { color: #333333;
font-size: 12pt;
line-height: 150%;
margin-top: 5px;
margin-bottom: 10px;
font-family: Arial, Verdana, Tahoma'
}
td.popis { color: #333333;
font-size: 12pt;
line-height: 150%;
margin-top: 5px;
margin-bottom: 15px;
font-family: Arial, Verdana, Tahoma'
}
.popis2 { color: #151515;
}
p.copyright {color: #666666;
font-size: 8pt;
margin-top: 13px;
margin-bottom: 20px;
}
a.copyright {color: #000000;
text-decoration: underline;
font-size: 8pt}
a.copyright:hover {color: #000000;
text-decoration: none;
font-size: 8pt}
h1 {color: #000000;
font-size: 18pt;
margin-bottom: 10px;
margin-top: 15px;
font-weight: normal;
text-align: left;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
h1.moje {color: #000000;
font-size: 16pt;
margin-bottom: 10px;
margin-top: 15px;
font-weight: normal;
text-align: left;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
h2 {color: #000000;
font-size: 18pt;
margin-top: 20px;
margin-bottom: 2px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
h2.moje {color: #000000;
font-size: 16pt;
margin-top: 20px;
margin-bottom: 2px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
h2.uputavka {color: #000000;
font-size: 20pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
h2.uputavka1 {color: #666666;
font-size: 22pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
h2.uputavka2 {color: #FFFFFF;
font-size: 22pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
h2.uputavka3 {color: #666666;
font-size: 22pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
h2.uputavkaskuska {color: #000000;
font-size: 22pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
h2.uputavkamobil {color: #000000;
font-size: 22pt;
margin-top: 10px;
margin-bottom: 5px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
h3 {color: #000000;
font-size: 14pt;
margin-top: 15px;
margin-bottom: 2px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
p.uputavka {color: #000000;
font-size: 10pt;
line-height: 150%;
margin-top: 0px;
margin-bottom: 5px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
p.uputavka1 {color: #666666;
font-size: 12pt;
line-height: 150%;
margin-top: 10px;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
p.uputavka2 {color: #FFFFFF;
font-size: 12pt;
line-height: 150%;
margin-top: 10px;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
p.uputavka3 {color: #666666;
font-size: 12pt;
line-height: 150%;
margin-top: 10px;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
p.uputavkaskuska {color: #000000;
font-size: 12pt;
line-height: 150%;
margin-top: 10px;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
p.uputavkamobil {color: #151515;
font-size: 12pt;
line-height: 150%;
margin-top: 10px;
margin-bottom: 25px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
.buttonuputavka1 { border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: 0px;
text-align: center;
background-color: #6BAB54;
color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
width: 200px;
height: 50px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 17px;
text-decoration: none;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
}
.buttonuputavka1:hover { border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: 0px;
text-align: center;
background-color: #FFFFFF;
color: #000000;
font-size: 11pt;
font-weight: bold;
width: 200px;
height: 50px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 17px;
text-decoration: none;
}
div.lavemenunadpis {color: #CCCCCC;
font-size: 14pt;
font-weight: bold;
font-family: 'Roboto', sans-serif;
margin-top: 30px;
margin-bottom: 10px;
}
div.menuvonkajsie1 {width: 190px;
border-top: 0px solid #DEDEDE;
background-color: #FFFFFF;}
div.menuvonkajsie2 {width: 190px;
border-top: 0px solid #DEDEDE;
background-color: #FFFFFF;}
div.menuvonkajsie3 {width: 190px;
background-color: #0088CC;
padding: 8px 6px;
margin-top: 0px;
margin-bottom: 5px;
border-radius: 5px;
border: #0088CC 0px solid;
}
div.menuvnutorne {margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 160%;
}
div.menuvnutorne2 {margin-left: 22px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 250%;
}
div.menuvnutorne2sub {margin-left: 26px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 250%;
}
div.menuvnutorne3 {margin-left: 14px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 200%;
}
div.menuvnutornepreco {margin-left: 14px;
margin-top: 0px;
margin-bottom: 5px;
line-height: 200%;
}
.nadpis {border-bottom: 2px solid #FAD000;
margin-bottom: 10px;
width: 300px}
.odstavec {text-align: justify;
margin-top: 7px}
.okraj {width: 940px;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
.cena {
width: 500px;
font-size: 10pt;
line-height: 150%;
margin-top: 15px;
margin-left: 0px;}
.popisikon {font-size: 8pt;
color: #666666;
}
.hodnotenienapisat {color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
div.mid {border: 1px solid #EBEBEB;
width: 520px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url("siva-prechod.gif");
background-position: top;
background-repeat: repeat-x;
}
div.zalozkaaktivna a.zalozka {text-decoration: none;
color: #000000;
font-weight: bold;
font-size: 9pt;
}
div.zalozkaaktivna a.zalozka:hover {text-decoration: none;
color: #000000;
font-weight: bold;
}
div.zalozkaneaktivna a.zalozka {text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 9pt;
}
div.zalozkaneaktivna a.zalozka:hover {text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
div.zalozkaaktivna a.zalozka div {margin-top: 12px
}
div.zalozkaneaktivna a.zalozka div {margin-top: 12px
}
div.podmenunadpis {width: 160px;
background-image: url(pozadie-podmenu2.gif);
background-repeat: repeat-x;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 7px;
margin-top: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 11pt;
border-top: 1px solid #459C59;
border-left: 1px solid #459C59;
border-right: 1px solid #459C59;
}
div.podmenunadpis2 {width: 160px;
background-image: url(pozadie-podmenu2.gif);
background-repeat: repeat-x;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 7px;
margin-top: 10px;
color: #FFFFFF;
font-weight: bold;
font-size: 10pt;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
font-family: Tahoma, Verdana, Arial;
}
div.podmenupolozky {width: 160px;
line-height: 200%;
background-image: url(okraj-spod4.gif);
background-repeat: repeat-x;
background-position: top;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 10px;
color: #000000;
font-size: 8pt;
border: 1px solid #CCCCCC;
}
div.podmenupolozky2 {width: 160px;
line-height: 230%;
background-image: url(okraj-spod4.gif);
background-repeat: repeat-x;
background-position: top;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 10px;
color: #000000;
font-size: 8pt;
border: 1px solid #CCCCCC;
}
.oranz {color: #CC3300}
div.pravyboxvrch {background-image: url(pozadie-siva-vrch2.gif);
width: 170px;
height: 20px;
margin-top: 20px;
}
input.modre {border-top: 1px solid #0088CC;
border-left: 1px solid #0088CC;
border-right: 1px solid #0088CC;
border-bottom: 1px solid #0088CC;
background-color: #F5F5F5;
padding: 7px;
margin-top: 2px;
margin-bottom: 2px;
}
input.biele {border-top: 1px solid #0088CC;
border-left: 1px solid #0088CC;
border-right: 1px solid #0088CC;
border-bottom: 1px solid #0088CC;
background-color: #F5F5F5;
padding: 7px;
margin-top: 2px;
margin-bottom: 2px;
}
input.modrepocet {
padding: 4px;
background-color: #FFFFFF;
padding: 8px 6px;
border-radius: 5px;
border: #0088CC 1px solid;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
font-weight: bold;
}
input.bielepocet {
padding: 4px;
background-color: #FFFFFF;
padding: 8px 6px;
border-radius: 5px;
border: #0088CC 1px solid;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
font-weight: bold;
}
select.biele {border: 1px solid #0088CC;
background-color: #F5F5F5;
padding: 5px;
margin-top: 2px;
margin-bottom: 2px;
}
select.modre {border: 2px solid #0088CC;
background-color: #FFFFFF;
padding: 5px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 5px;
}
textarea.biele {
border-top: 1px solid #0088CC;
border-left: 1px solid #0088CC;
border-right: 1px solid #0088CC;
border-bottom: 1px solid #0088CC;
background-color: #F5F5F5;
padding: 5px;
margin-top: 2px;
margin-bottom: 2px;
}
textarea.modre {
border-top: 1px solid #0088CC;
border-left: 1px solid #0088CC;
border-right: 1px solid #0088CC;
border-bottom: 1px solid #0088CC;
background-color: #FFFFFF;
padding: 5px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 5px;
}
div.pravyboxobsah {background-image: url(pozadie-siva.gif);
width: 170px;}
div.pravyboxspod {background-image: url(pozadie-siva-spod2.gif);
width: 170px;
height: 20px;
margin-top: 0px;
}
div.produktstlpec {margin-top: 5px;
margin-bottom: 35px;
margin-right: 30px;
text-align: center;
width: 220px;
overflow: hidden;
}
#produktstlpec {margin-top: 5px;
margin-bottom: 35px;
text-align: center;
min-width: 200px;
min-height: 200px;
}
div.produktstlpecpravy {margin-top: 5px;
margin-bottom: 35px;
margin-right: 0px;
float: left;
text-align: center;
width: 220px;
overflow: hidden;
}
/* #666666 */
div.produktpopis {margin-top: 15px;
margin-bottom: 5px;
font-size: 10pt;
color: #333333;
font-family: 'Roboto Condensed', sans-serif;
height: 20px;
text-align: center;
}
/* #666666 */
a.produktpopis {font-size: 10pt;
color: #333333;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
}
a.produktpopis:hover {font-size: 10pt;
color: #CC0000;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
}
/* #999999 */
div.produktcena {margin-top: 0px;
margin-bottom: 10px;
font-size: 14pt;
color: #000000;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
div.produktobrazok {margin-top: 15px;
margin-bottom: 5px;
height: 140px;
vertical-align: middle;
}
div.produktdetailobrazok {margin-top: 15px;
margin-bottom: 0px;
height: 230px;
vertical-align: middle;
border: 0px solid #CC0000;
}
div.produktvyrobca {
font-size: 12pt;
color: #000000;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
div.produktcenaorig {margin-top: 5px;
margin-bottom: 5px;
font-size: 12pt;
color: #666666;
}
div.produktsize {font-size: 12pt;
color: #000000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
float: left;
border: 1px solid #CCCCCC;
padding: 5px;
width: 60px;
text-align: center;
}
div.produktvlastnost {font-size: 10pt;
color: #333333;
font-weight: bold;
margin-top: 6px;
margin-bottom: 6px;
}
div.produktcenadetail {margin-top: 0px;
margin-bottom: 5px;
font-size: 14pt;
color: #333333;
float: left;
margin-left: 5px;
font-weight: bold;
}
a.produktviacinfo {
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
a.produktviacinfo:hover {
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
div.produktviacinfo {background-color: #0088CC;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
padding: 5px;
border: 0px;
border-radius: 5px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
padding-top: 5px;
text-transform: uppercase;
}
div.produktviacinfo:hover {background-color: #006599; // #0088AE
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
padding: 5px;
border: 0px;
border-radius: 5px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
text-transform: uppercase;
}
input.produktbutton {background-color: #6BAC52;
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
width: 95px;
height: 25px;
border: 0px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
padding-left: 4px;
}
input.produktbutton:hover {background-color: #565C56;
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
width: 95px;
height: 25px;
border: 0px;
cursor: hand;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
input.button {background-color: #0088CC;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
width: 130px;
height: 35px;
cursor: hand;
text-transform: uppercase;
padding: 5px;
border: 0px;
border-radius: 5px;
font-family: 'Roboto Condensed', sans-serif;
}
input.button:hover {background-color: #006599;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
width: 130px;
height: 35px;
cursor: hand;
text-transform: uppercase;
padding: 5px;
border: 0px;
border-radius: 5px;
font-family: 'Roboto Condensed', sans-serif;
}
input.buttongrey {background-image: url(button-grey.png);
color: #000000;
font-size: 11pt;
font-weight: bold;
width: 130px;
height: 35px;
border: 0px;
cursor: hand;
font-family: 'Roboto', sans-serif;
}
input.buttongrey:hover {background-image: url(button-red.png);
color: #FFFFFF;
font-size: 11pt;
font-weight: bold;
width: 130px;
height: 35px;
border: 0px;
cursor: hand;
font-family: 'Roboto', sans-serif;
}
.siva {color: #666666;
font-weight: normal;
}
div.ok {background-color: #6BAC52;
padding: 10px;
}
div.chyba {background-color: #CC0000;
border: 1px solid #993300;
width: 100%;
padding: 20px}
span.ok {text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 11pt;
font-family: 'Roboto Condensed', sans-serif;}
span.chyba {text-align: center;
font-weight: bold;
color: #FFFFFF;
font-size: 10pt}
span.cenaeur {font-size: 8pt}
.google-maps {
position: relative;
padding-bottom: 55%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.styl {color: #000000;
}
.styl:hover {color: #CC0000;
}
.styl2 {color: #000000;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
.styl2:hover {color: #FFFFFF;
font-size: 10pt;
font-family: 'Roboto', sans-serif;
}
/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {margin: 0 0 0 0px; font-family: Geneva, Arial, Verdana; font-size: 10pt; text-align: left; }
ul.drop a { display:block; color: #000000; font-family: Geneva, Arial, Verdana; font-size: 10pt; text-decoration: none; font-weight: normal; }
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; color: #000000;}
ul.drop { position: relative; z-index: 597; float: left; text-align: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 10px 11px; border-right: 1px dotted #999999; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 225px; background: #5B5B5B; color: #FFFFFF; }
ul.drop ul a { color: #FFFFFF; font-size: 10pt; font-family: 'Roboto', sans-serif; }
ul.drop ul li { float: none;
padding: 10px 15px;
color: #5B5B5B;
border-bottom: 0px solid #999999;
}
ul.drop ul ul { top: 0px; left: 100%; background: #000000; font-family: 'Roboto', sans-serif; }
ul.drop ul ul li { float: none;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
ul.drop ul ul a { color: #FFFFFF; font-size: 8pt; font-family: 'Roboto', sans-serif; }
ul.drop li:hover > ul { visibility: visible }
.themedpot {display:none;} // antispam honeypot
hr.cistic {
clear: both;
height: 1px;
border: none;
margin: -1em 0 0 0;
visibility: hidden;
}
hr.cistic2 {
clear: both;
height: 1px;
border: none;
margin: 0 0 0 0;
visibility: hidden;
}
/* pri rewgistracii a kosiku */
#block {display:none;}
.hidden { visibility: hidden; display: none;}
.unhidden { visibility: visible; display: block;}
/* pri registracii */
.mydiv1 { display:none;}
.mydiv2 { display:none;}
.mydiv3 { display:none;}
.mydiv4 { display:none;}
.mydiv5 { display:none;}
.mydiv6 { display:none;}
/* ---spodnesipky ----------*/
div.sipkazarovnanielava {margin-bottom: 20px;
margin-right: 10px}
div.sipkazarovnanieprava {margin-bottom: 20px;
margin-left: 10px}
a.sipkaprehlad {color: #000000;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial}
a.sipkaprehlad:hover {color: #000000;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial}
a.spodsipky {text-decoration: none;}
a.spodsipkyR {text-decoration: none;}
a.spodsipkyaktivne {text-decoration: none;}
a.spodsipkyneaktivne {text-decoration: none;}
a.spodsipky div {color: #00000;
float: left;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipky:hover div {color: #CC0000;
float: left;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyR div {color: #000000;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyR:hover div {color: #CC0000;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyaktivne div {color: #FFFFFF;
float: left;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
background-color: #000000;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyaktivne:hover div {color: #FFFFFF;
float: left;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
background-color: #000000;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyneaktivne div {color: #000000;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
a.spodsipkyneaktivne:hover div {color: #000000;
font-weight: bold;
padding: 4px;
font-size: 10pt;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, Arial;
}
#centeredmenu {
float:left;
width:100%;
background: none;
overflow:hidden;
position:relative;
margin-top: 12px;
}
#centeredmenu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#centeredmenu ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}
#centeredmenu ul li a {
display:block;
margin:0 0 0 1px;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
background: none;
color: #000000;
text-decoration: none;
font-weight: bold;
}
#centeredmenu ul li a.spodsipky:hover {
background: none;
color: #000000;
}
#centeredmenu ul li a.spodsipkyaktivne,
#centeredmenu ul li a.spodsipkyaktivne:hover {
color: #FFFFFF;
background-color: #8f8f8f;
font-weight:bold;
}
#centeredmenu ul li a.spodsipkyneaktivne,
#centeredmenu ul li a.spodsipkyneaktivne:hover {
color: #FFFFFF;
background: none;
font-weight:bold;
}
/* --- spodnesipky end ----------*/
a.slidevrch {color: #99000;
font-size: 8pt;
font-weight: bold;
text-decoration: none;}
p.slidevrch {color: #000000;
font-size: 8pt;
margin-bottom: 0px;
margin-top: 0px;}
h2.slidevrch {color: #990000;
font-size: 12pt;
margin-bottom: 5px;
margin-top: 0px;}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
/*
#slideshow {
width: 510px;
background-image: url(okraj-spod4.gif);
background-repeat: repeat-x;
background-position: top;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 0px;
margin-right: 0px;
margin-left: 0px;}
#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}
#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}
*/
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
/*
#slideshow .slides {
overflow: hidden;
width: 510px;}
#slideshow .slides ul {
width: 1530px;}
#slideshow .slides li {
width: 470px;
float: left;
padding: 15px;}
#slideshow .slides h2 {
margin-top: 0;}
*/
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
/*
#slideshow .slides-nav {
background-color: #464646;
border-top: 0px solid #ccc;}
#slideshow .slides-nav li {
float: left;}
#slideshow .slides-nav li a {
display: block;
padding: 5px 10px;
outline: none;}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #FFFFFF;}
.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}
*/
/* BX slider */
/*
.slideshow {
width: 80%;
max-width: 960px;
min-width: 300px;
margin: auto;
padding: 1em 1em 3em;
}
.bxslider {
margin: 0;
padding: 0;
li { // slide
img { // photo
display: inline-block;
vertical-align: middle;
margin-right: -100%;
}
div { // caption text
vertical-align: middle;
margin-left: 2em;
width: 50%;
display: inline-block;
background: rgba(255,255,255,.85);
padding: 0 1em;
border-radius: 4px;
}
}
}
*/
.slideshow {
width: 100%;
max-width: 1300px;
min-width: 300px;
margin: auto;
padding: 1em 1em 3em;
text-align: center;
}
/* testx-align: center;*/
.bxslider {
margin: 0;
padding: 0;
}
.bxslider li img {
display: inline-block;
vertical-align: middle;
margin-right: -100%;
text-align: center;
}
.bxslider li div {
vertical-align: middle;
margin-left: 0em;
width: 50%;
display: inline-block;
background: rgba(255, 255, 255, 0.70);
padding: 0 1em;
border-radius: 4px;
}
/*margin-left: 2em;*/
.bx-wrapper {
width: 1300px;
}
.bx-viewport {
height: 350px;
}
.bx-viewport ul {
margin: 0;
padding: 0;
}
/* BX slider */
/* News */
.news-slider {
/* Style the actual content */
text-align: center;
}
/*background-color: rgba(128, 155, 184, 0.894, 94, 94, 0.8);*/
/*background-color: rgba(94, 94, 94, 0.8);*/
/* left: 25%; right: 0; */
.news-slider .text-content {
text-align: center;
position: absolute;
margin: auto;
top: 12%;
left: 0px;
right: 0px;
padding: 1em;
width: 600px;
background-color: rgba(94, 94, 94, 0.7);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
/*
.news-slider .text-content1 {
position: absolute;
top: 12%;
margin:0 auto;
padding: 1em;
width: 600px;
background-color: rgba(196, 219, 192, 0.7);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
*/
.news-slider .text-content1 {
text-align: center;
position: absolute;
margin: auto;
top: 12%;
left: 0px;
right: 0px;
padding: 1em;
width: 600px;
background-color: rgba(196, 219, 192, 0.7);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.news-slider .text-content3 {
text-align: center;
position: absolute;
margin: auto;
top: 12%;
left: 0px;
right: 0px;
padding: 1em;
width: 600px;
background-color: rgba(212, 206, 186, 0.7);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
/* width: 600px; 45%
top: 40px;
*/
.news-slider .text-content5 {
text-align: center;
position: absolute;
margin: auto;
top: 12%;
left: 0px;
right: 0px;
padding: 1em;
width: 600px;
background-color: rgba(206, 212, 224, 0.7);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
/* background-color: rgba(255, 255, 255, 0.8); */
/*
.news-slider .text-content h2 {
margin: 0;
}
*/
/*
.news-slider .text-content p {
margin: 1em 0;
}
*/
.news-slider .text-content a.button-link {
padding: 0.25em 0.5em;
position: absolute;
bottom: 1em;
right: 1em;
}
.news-slider .image-content {
line-height: 0;
min-width: 1000px;
}
.news-slider .image-content img {
max-width: 100%;
min-width: 1000px;
}
/* min-height: 350px; */
.news-slider .news-pager {
text-align: right;
display: block;
margin: 0.2em 0 0;
padding: 0;
list-style: none;
}
.news-slider .news-pager li {
display: inline-block;
padding: 0.6em;
margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
color: #31ace2;
}
.news-slider .news-pager li a {
font-weight: 500;
text-decoration: none;
display: block;
color: #222;
}
/* Relative positioning */
#wrapperAnim {
position: relative;
margin: 50px auto 20px auto;
border: 1px solid #fafafa;
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
box-shadow: 0 3px 3px rgba(0,0,0,.5);
}
/* Hide the original tooltips contents */
.pin {
display: none;
}
/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down {
position: absolute;
background: url(arrow-up-down.png);
width: 36px;
height: 52px;
}
.tooltip-down {
background-position: 0 -52px;
}
.tooltip {
display: none;
width: 200px;
cursor: help;
text-shadow: 0 1px 0 #fff;
position: absolute;
top: 10px;
left: 50%;
z-index: 999;
margin-left: -115px;
padding:15px;
color: #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
box-shadow: 0 3px 0 rgba(0,0,0,.7);
background: #fff1d3;
background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
background: -o-linear-gradient(top, #fff1d3, #ffdb90);
background: linear-gradient(top, #fff1d3, #ffdb90);
}
.tooltip::after {
content: '';
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
border-bottom: 10px solid #fff1d3;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.tooltip-down .tooltip {
bottom: 12px;
top: auto;
}
.tooltip-down .tooltip::after {
bottom: -10px;
top: auto;
border-bottom: 0;
border-top: 10px solid #ffdb90;
}
.tooltip h2 {
font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
margin: 0 0 10px;
color: #CC0000;
}
.tooltip ul {
margin: 0;
padding: 0;
list-style: none;
}
/* - --------------image grow ------------------ */
.pic {
height: 180px;
overflow: hidden;
max-width: 180px;
margin: auto;
vertical-align: middle;
}
/* bolo v .pic
border: 0px solid #fff;
float: left;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
*/
/*
pre viva height: 251px;
width: 220px;
*/
/*GROW*/
.grow img {
max-height: 180px;
max-width: 180px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
/*
pred viva
height: 251px;
width: 220px;
*/
.grow img:hover {
max-height: 180px;
max-width: 180px;
}
/*
pred viva
width: 270px;
height: 301px;
*/