body {
 margin: 0; padding: 0; font-size: 14px; line-height: 20px; font-family:'Roboto', serif; color: #545454; background: #f9f9f9;
}
a:link, a:visited, a:active {
 color: #e65960; text-decoration: none;
}
a:hover {
 text-decoration: underline; 
}
img {
 border: none;
}
img.borderIMG {
 padding: 3px; border: 1px solid #d6d6d6;
 -webkit-box-shadow: 0px 0px 4px #e9e9e9; -moz-box-shadow: 0px 0px 4px #e9e9e9; box-shadow: 0px 0px 4px #e9e9e9;
}
p {
 margin: 0; padding: 0;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0; padding: 0;
}
h1 {
 margin: 14px 0 22px 0; padding: 0; font-size: 28px; line-height: 120%; color: #171717;
}
h2 {
 margin: 10px 0 18px 0; padding: 0; font-size: 20px; line-height: 120%; color: #171717;
}
h3 {
 margin: 10px 0 16px 0; padding: 0; font-size: 16px; line-height: 120%; color: #171717;
}
hr {
 height: 1px; background: #bdbdbd; border: none; border-bottom: 1px solid #ffffff;
}
@-moz-document url-prefix() { hr { height: 2px; } }

input:focus {
 outline: 1px solid #ffe541; 
}
textarea:focus {
 outline: 1px solid #ffe541; 
}
input.povinne:focus {
 outline: 1px solid #ff363b; 
}
textarea.povinne:focus {
 outline: 1px solid #ff363b; 
}
#bigerror {
 padding: 50px 20px 50px 20px; font-size: 16px; color: #ffffff;  text-align: center; background: #ff0000;
}

.chybicka {
 display: block; margin: 7px 0 7px 0; font-weight: bold; color: #ff0000;
}
.ok {
 display: block; margin: 7px 0 7px 0; font-weight: bold; color: #56799F;
}
.chybicka span, .ok span {
 display: block; margin: 2px 0 2px 0;
}
.oksmall {
 color: #56799F;
}

a.ahref {
 display: table; width: auto; margin: 0 auto; margin-top: 12px; padding: 10px 16px; text-decoration: none;
 color: #ffffff; background: #000000;
}
a.ahref:hover {
 text-decoration: underline;
}

.errorPAGE {
 margin: 50px 0 0 0; text-align: center;
}
.errorPAGE .text {
 margin: 40px 0 0 50px; text-align: left; font-size: 13px;
}

.upozornenie {
 margin: 0 0 5px 0; padding: 7px; text-align: center; background: #fff4ad; border: 1px solid #bab27e;
}
.upozornenie a {
 color: #545454; font-weight: bold;
}

.menustranky {
 padding: 0 0 0 0;
}
.menustranky span {
 display: inline-block; width: 16px; height: 16px; background: url(../img/menustrankysipka.png) no-repeat center 6px;
}
.menustranky a {
 display: inline-block; padding: 0 4px 0 4px; color: #444444;
}
.menustranky a.domov {
 display: inline-block; padding: 0 4px 0 23px; background: url(../img/menustrankyhome.png) no-repeat 2px center;
}
.menustranky a.active {
 text-decoration: underline;
}

.main {
 margin: 0 auto;
}

.headmenu {
 position: relative; width: 100%; background: #fcfcfc;
 -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.05);
 box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.05);
}
.headmenu2 {
 position: relative;
}
.headmenu .headmenuSHOW {
 display: none; float: left; width: 20px; height: 16px; margin: 4px 0 0 7px; padding: 3px 0 7px 28px; color: #848484;
 background: url(../img/headmenuSHOW.png) no-repeat left center;
}
.headmenu ul {
 float: left; margin: 0; padding: 0; font-size: 0; list-style: none;
}
.headmenu ul li {
 display: inline-block; margin: 0; padding: 0 15px; background: url(../img/headmenulibg.png) no-repeat right center;
}
.headmenu ul li a {
 display: block; margin: 0; padding: 7px 0 7px 0; font-size: 14px; color: #848484;
}
.headmenu ul li.first {
 padding-left: 7;
}
.headmenu ul li a:hover {
 text-decoration: none; color: #e65960;
}

.headmenu .logveci {
 float: right;
}
.headmenu .logveci a.login {
 display: block; float: right; margin: 0 5px 0 0; padding: 7px 0 7px 28px; font-size: 14px; color: #848484;
 background: url(../img/userICON_18x20.png) no-repeat left center;
}
.headmenu .logveci a.aregistracia {
 display: block; float: right; margin: 0 0 0 0; padding: 7px 0 7px 0; font-size: 14px; color: #848484;
}
.headmenu .logveci span {
 display: block; float: right; margin: 0 12px 0 12px; padding: 6px 0 0 0; font-size: 16px; color: #848484;
}
@media screen and (max-width: 780px) { 
 .headmenu .logveci span { margin: 0 8px 0 8px; } 
 .logveci.prihlasenyje { clear: both; width: 100%; margin-top: 3px; background: #f2f2f2; } 
}
/*@media screen and (max-width: 780px) { .headmenu .logveci { clear: both; width: 100%; margin-top: 3px; background: #f2f2f2; } }*/

.headmenu .logveci a.odhlasit {
 display: block; float: right; margin: 0 5px 0 0; padding: 7px 0 7px 0; font-size: 14px; color: #848484;
}
.headmenu .logveci a.klzona {
 display: block; float: right; margin: 0 0 0 0; padding: 7px 0 7px 0; font-size: 14px; color: #848484;
}
.headmenu .logveci strong.loginVYPIS {
 display: block; float: right; margin: 0 0 0 0; padding: 7px 0 7px 0; font-size: 14px; color: #848484;
}
/*@media screen and (max-width: 780px) { .headmenu .logveci strong.loginVYPIS { clear: both; margin: -8px 5px 0 0; } }*/


.headmenu .logindiv {
 display: none; position: absolute; top: 0; right: 0; width: 300px; padding: 15px 20px 18px 20px; background: #f7f7f7; 
 border: 1px solid #bdbdbd; border-top: none; z-index: 82000;
 box-shadow: inset 0 0 15px #ededed; -moz-box-shadow: inset 0 0 15px #ededed;
}
@media screen and (max-width: 780px) { .headmenu .logindiv { width: auto; } }
.headmenu .logindiv label {
 width: 50px; margin: 0 7px 7px 0; padding-top: 2px;
}
.headmenu .logindiv input[type=text], .headmenu .logindiv input[type=password] {
 width: 200px; margin: 0 7px 7px 0;
}
.headmenu .logindiv .ahrefsubmit {
 margin-top: 5px; margin-bottom: 12px;
}
.headmenu .logindiv a.zabudnuteheslo {
 float: right; color: #4f4f4f;
}
.headmenu .logindiv a.zatvorit {
 position: absolute; left: 0; bottom: 0; width: auto; padding: 5px 15px; color: #ffffff; text-align: right; font-size: 13px;
 background: #bdbdbd;
}

.head { 
 width: 100%; margin: 0; 
}
.head .logo {
 float: left; margin: 22px 0 22px 10px;
}
.head .kosiksmall1 {
 position: relative; float: right; height: 41px; margin: 40px 0 0 0; padding: 0 0 0 47px; line-height: 41px;
 background: #f7f7f7 url(../img/baksketICON_kosiksmall1.png) no-repeat left center; border: 2px solid #3385b3;
}
.head .kosiksmall1 a.link {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1201;
}
.head .kosiksmall1 .dokosika {
 display: block; position: absolute; top: 0; left: 0; width: 45px; height: 100%;
}
.head .kosiksmall1 span.pocty_mobile { 
 display: none; float: none; position: absolute; bottom: 3px; right: 3px; margin: 0; color: #ffffff;
}
.head .kosiksmall1 p {
 float: left; margin: 0 0 0 0; padding: 0 15px 0 15px; background: url(../img/kosiksmallline.png) no-repeat right center;
}
.head .kosiksmall1 span {
 display: block; float: left; padding: 0 12px 0 15px; font-weight: bold; color: #000000;
}
.head .kosiksmall1 .fa {
 float: right; margin: 0 0 0 0; padding: 12px 12px 15px 0; color: #000000;
}
.head .kosiksmall1 .kosiksmallvypis {
 display: none; position: absolute; top: 43px; right: -2px; padding: 0;
 color: #ffffff; background: #6fa9c9; line-height: 18px; z-index: 100; border-bottom: 2px solid #3385b3;
}
.head .kosiksmall1 .kosiksmallvypis .nulapoloziek {
 width: 300px; padding: 20px 10px 20px 10px; text-align: center;
}
.head .kosiksmall1 .kosiksmallvypis table {
 width: 450px;
}
.head .kosiksmall1 .kosiksmallvypis table tr.second {
 background: #7ec0e4;
}
.head .kosiksmall1 .kosiksmallvypis table td {
 padding: 0 0;
}
.head .kosiksmall1 .kosiksmallvypis .poradie {
 width: 12px; padding-left: 15px; padding-right: 15px; font-weight: bold; color: #dff4ff;
}
.head .kosiksmall1 .kosiksmallvypis .nazov {
 padding-right: 15px;
}
.head .kosiksmall1 .kosiksmallvypis .nazov a {
 display: block; padding: 10px 0; color: #ffffff; font-weight: normal;
}
.head .kosiksmall1 .kosiksmallvypis .pocet {
 width: 14px;
}
.head .kosiksmall1 .kosiksmallvypis .cena {
 width: 90px; padding-right: 15px; margin-right: 0; color: #ffffff; text-align: right; font-weight: bold;
}
.head .kosiksmall1 .kosiksmallvypis .delete {
 padding-right: 15px; text-align: right;
}
.head .kosiksmall1 .kosiksmallvypis .nacitavam {
 display: none; position: absolute; top: 0; left: 0; padding: 10px 18px; font-size: 15px; color: #ffffff; background: #000000;
}

.menu {
 position: relative; display: block; /*min-height: 56px;*/ margin: 0 0 15px 0; background: #e65960 url(../img/menubg.png) repeat;
}
.menu ul {
 /*position: absolute; top: 0; left: 0;*/ padding: 0; list-style: none; font-size: 0;
}
.menu ul li {
 display: inline-block; margin: 0; padding: 0 1px 0 0; background: url(../img/menulibg.png) no-repeat right center;
 /* for IE7 */ zoom: 1; *display: inline;
}
.menu ul li a {
 display: block; margin: 0; padding: 18px 28px; color: #ffffff; font-size: 18px;
}
.menu ul li a:hover, .menu ul li a.active {
 text-decoration: none; color: #ffffff; background: #b0444a url(../img/menubgHOVER.png) repeat;
}

.menu .search {
 position: absolute; top: 14px; right: 12px;
}
.menu .search input[type=text] {
 float: left; width: 180px; height: 20px; padding: 4px; font-size: 14px; background: #ffffff; border: none;
}
.menu .search input[type=image] {
 float: left; margin: 1px 0 0 8px;
}

.mleft {
 float: left;
}
.mright {
 float: right; width: 300px;
}
.mright h4 {
 margin: 15px 0 15px 0; padding: 15px 0 15px 0; text-indent: 15px; font-size: 22px; font-weight: normal; 
 color: #ffffff; background: #444444;
}
.mright h4.nomargintop {
 margin-top: 0;
}
.mright .blok.produktr {
 width: 300px; text-align: center;
}
.mright .blok.produktr article {
 margin-bottom: 20px;
}
.mright .blok.produktr article img {
 max-width: 230px; margin: 0 auto; margin-bottom: 7px; border: 2px solid #eeeeee;
}
.mright .blok.produktr article h3 {
 width: 250px; margin: 0 auto; margin-bottom: 5px; font-size: 15px; text-align: center; color: #545454; font-weight: normal; 
 overflow: hidden; white-space: nowrap;
}
.mright .blok.produktr article h3 a {
 color: #545454;
}
.mright .blok.produktr article .ceny {
 text-align: center
}
.mright .blok.produktr article .cenaold {
 margin-right: 7px; font-size: 14px; color: #e65960; text-decoration: line-through;
}
.mright .blok.produktr article .cena {
 font-size: 22px; color: #e65960;
}

.mright .fb-like-box {
 margin-top: -10px;
}

.banner300x250 {
 width: 300px; height: 250px; font-size: 12px; color: #ffffff; text-align: center; background: #59E67D;
}
.banner300x250 span {
 display: block; padding-top: 20px; font-size: 32px; line-height: 48px;
 font: "Ubuntu", sans-serif;
}
.banner300x250 span big {
 font-size: 40px; font-weight: bold;
}
.banner300x250 a {
 display: block; width: 100px; margin: 0 auto; margin-top: 30px; padding: 7px 5px; font-size: 16px; color: #ffffff;
 border: 1px solid #ffffff;
}
.banner300x250 a:hover {
 margin-top: 29px; text-decoration: none; border: 2px solid #ffffff;
}

.vyberporadb {
 width: 100%; height: 34px; margin: 0 0 0 0;
}
.vyberporadb .pocetprnastr {
 float: left; margin: 3px 0 0 5px;
}
.vyberporadb .pocetprnastr select {
 height: 30px; border: 1px solid #d0d0d0;
}
.vyberporadb .stranky {
 float: right; margin: 4px 5px 0 0;
}

ul.fblikes {
 float: left; margin: 10px 0 10px 0; padding: 0; list-style: none;
}
ul.fblikes li {
 display: inline-block; margin: 0 7px 0 0; padding: 0;
}

.stranky a {
 display: inline-block; margin: 0 2px 0 0; padding: 6px 9px; color: #000000; font-family: tahoma; 
 font-size: 14px; line-height: 14px; text-align: center; 
 background: #ffffff; border: 1px solid #d0d0d0;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
.stranky a i {
 font-size: 14px; line-height: 14px; font-weight: bold;
}
.stranky a.margl12 { 
 margin-left: 12px; 
}
.stranky a.margr12 { 
 margin-right: 12px; 
}
.stranky a:hover {
 text-decoration: none; color: #ffffff; background: #000000;
}
.stranky a.active {
 text-decoration: none; color: #ffffff; background: #000000;
}

.prihlasenie {
}
.prihlasenie .zabudnuteheslo {
 float: right; margin: 10px 0 0 0;
}

footer {
 margin-top: 5px; padding: 20px 0 10px 0; background: #464646;
}
footer .text {
 color: #ffffff;
}
footer .text a {
 color: #ffffff;
}

footer .menubottom ul {
 float: left; width: auto; margin-right: 50px; padding: 0; list-style: none;
}
footer .menubottom ul li {
 margin: 0 0 2px 0; padding: 0 0 0 0; background: url(../img/menubottomli.png) no-repeat left 5px;
}
footer .menubottom ul li a {
 display: block; padding: 0 0 0 12px; color: #ffffff;
}
footer .menubottom ul li a:hover {
 color: #ff7178; text-decoration: none; background: url(../img/menubottomlihover.png) no-repeat left 5px;
}

footer .created {
 float: right; margin: 15px 10px 0 0; color: #c6c6c6; font-size: 12px;
}
footer .created a {
 color: #c6c6c6;
}