@charset "utf-8";
* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
fieldset, img, abbr, acronym, object { border: 0; }
ul li {margin-left: 20px; list-style-image: url("../images/li.png");}
ol li {margin-left: 20px;}
ul, ol {padding-bottom: 10px;}
ol ol {list-style-type: lower-alpha;}

body {background: #0e0501/* url("../images/bg.jpg") repeat-x*/; color: #aaa; font-family: 'Comfortaa', sans-serif; font-size: medium; width: 100%; line-height: 1.5em; }

A:link {color: #dfa10a; font-weight: bold; text-decoration: underline;}
A:visited { color: #bc8500; font-weight: bold; text-decoration: underline;}
A:active { color: #a2140e; font-weight: bold; text-decoration: underline;}
A:hover { color: #a2140e; font-weight: bold; text-decoration: none;}

p  {font-size: 100%; padding-bottom: 10px;}
/*h1 {width: 100%; display: block; font-size: 150%; color: #a10000; font-weight: bold; margin-bottom: 1em; margin-top: 26px; }
h1 span {display: block; font-size: medium; padding-top: 5px;}*/
h1               {font-size: 250%; text-align: center; margin-bottom: 1em;}

h2               {font-size: 200%; color: #4e4e4e; text-transform: uppercase; font-weight: normal; padding: 5px 0; margin-bottom: 0.5em; line-height: 1.5em;}
#produkty h2     {text-align: center;}
h2 a:link        {color: #aeaeae; text-decoration: none; font-weight: bold;}
h2 a:active      {color: #ff0000; text-decoration: none;}
h2 a:visited     {color: #aeaeae; text-decoration: none;}
h2 a:hover       {color: #ff0000; text-decoration: none;}
h2.home          {}
h2.home a        {}

h3                {padding: 5px 0 10px 0; line-height: 1.2em; font-size: 120%; color: #ffb400; text-transform: uppercase; font-weight: normal; }

h4 {font-size: 120%; padding-bottom: 0px; color: #a2140e; margin-top: 0; margin-bottom: 0; font-weight: bold; }
h5 {color: #000; text-transform: uppercase; font-size: small; margin-bottom: 5px;}
h6 {color: #88cfd7; font-size: 160%; font-weight: normal; margin-bottom: 15px;}


/*#top {width: 100%; height: 12px; background: #00bbff url("../images/bg_topbottom.png");}*/

#head {position: relative; width: 100%; height: 90px; background: #26130b url("../images/header.jpg"); z-index: 11;}
#head .inner {width: 90%; margin: auto;}

#head a.home 	 {position: relative; float: left; display: block; top: 29px; left: 0%; width: 243px; max-width: 243px; max-height: 45px; }
#head a.home_res {display: none; position: relative; top: 65px; text-align: center;}
#head a.home img.logo {position: relative; max-height: 100px; z-index: 10;}

.options {position: relative; top: 32px; height: 40px; float: left; margin-left: 20px; margin-right: 30px;}
.responsive_options {display: none;}
.mena  {height: 40px; float: left; text-align: left; padding-right: 0;}
.jazyk {position: relative; height: 40px; top: 10px; float: left; text-align: left; padding-right: 30px;}
a.flag, #uvod a.flag   	 {float: left; display: block; width: 32px; height: 32px; margin-right: 8px; position: relative; top: 1px; text-decoration: none; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
a.flag_big, #uvod a.flag_big   	 {float: left; display: block; width: 27px; height: 19px; margin-right: 10px; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
a.flag:hover, #head a.active {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
a.flag_big:hover, #head a.active {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
a.flag.cz     	 {background: url("../images/mena_cz.png");}
a.flag.gb     	 {background: url("../images/mena_gb.png");}
a.flag.pl     	 {background: url("../images/mena_pl.png");}
a.flag.eu     	 {background: url("../images/mena_eu.png");}
.cz_big   	 {background: url("../images/cz-big.jpg") top left no-repeat;}
.gb_big   	 {background: url("../images/gb-big.jpg") top left no-repeat;}
.pl_big   	 {background: url("../images/pl-big.jpg") top left no-repeat;}
.de_big   	 {background: url("../images/de-big.jpg") top left no-repeat;}

#head .head_search {position: relative; float: left; top: 31px; left: 0px; margin: 0; }
#head .head_search input[type="text"] {position: relative; float: left; left: 1px; margin-right: 0%; margin-bottom: 0; padding-left: 1em; width: 290px; height: 35px; background: #d7b989 url("../images/input.png") 0 0 repeat-x; border: 1px solid #b65a10; font-size: 100%; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#head .head_search button {position: relative; top: 5px; padding-left: 15px; background: none; border: none; cursor: pointer;}
#head .head_search a {position: relative; top: -10px; color: #ffc0c0; text-decoration: none; font-weight: 300;}
.search_responsive {display: none; position: relative; width: 90%; height: 50px; top: 1em; margin: auto; margin-bottom: 1em;}
.search_responsive input[type="text"] {position: relative; float: left; padding: 0; margin: 0; width: 100%; height: 35px; background: none; border: 1px solid #ccc; font-size: 100%; color: #7f7f7f; box-shadow: 0px 3px 8px #ececec inset; -moz-box-shadow: 0px 3px 8px #ececec inset; -webkit-box-shadow: 0px 3px 8px #ececec inset; z-index: 4;}
.search_responsive input[type="submit"] {position: absolute; right: -1px; top: 0px; width: 39px; height: 37px; padding: 0; min-width: inherit; color: #fff; border: 0; background: url("../images/head_eye.png") 0 50% no-repeat; cursor: pointer; z-index: 5;}


.head_cart  {position: relative; top: 30px; height: 30px; float: right;}
.head_cart a {font-size: 110%; color: #000; text-decoration: none;}
.head_line   {position: relative; top: 30px; width: 2px; height: 30px; float: right; margin: 0 10px; background: #e09c48;}
.head_user  {position: relative; top: 31px; height: 40px; padding-bottom: 15px; float: right;}
#head .user_icon {display: inline-block; height: 30px; padding-right: 35px; background: url("../images/head_user.png") 100% 0 no-repeat;}
#head .cart_icon {position: relative; z-index: 10; float: right; display: inline-block; width: 40px; height: 30px; margin-right: 10px; background: url("../images/head_cart.png") 100% 0 no-repeat;}
#head_cart {font-size: x-small; position: relative; left: 13px; top: 7px; line-height: 1em; color: #e09c48;}
#head .head_fb {position: relative; top: -10px; display: block; float: right; width: 97px; height: 37px; background: url("../images/head_fb.jpg");}
#head_user a {position: relative; top: 3px; text-decoration: none; font-size: small;}
#head_user {position: absolute; right: 0; top: -30px; text-align: right;}
/*#head input {height: 20px; background-color: #e2edee; background-image: none; border: 1px solid #028e9a; color: #808c8e;}*/


#headmenu {position: relative; top: 0px; width: 100%; height: 60px; padding-bottom: 0px; margin-bottom: 0px; background: #1b0401; text-align: left; /*-webkit-box-shadow: 0px 2px 8px 0px #dfdfdf; -moz-box-shadow: 0px 2px 8px 0px #dfdfdf; box-shadow: 0px -3px 12px 0px #333;*/ z-index: 50; }
#headmenu.sticky    {position: fixed; top: 0; height: 65px; z-index: 99; background: rgba(250,250,250,0.93); box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
#headmenu.sticky .inner {border: 0;}
#headmenu .inner    {position: relative; width: 90%; padding-top: 7px; margin: auto; text-align: center; }
#navigation {display: none;}

#leftcolumn     {position: relative; width: 20%; padding-left: 5%; padding-top: 50px; float: left; z-index: 10;}

#Topmenu_menu    {position: relative; float: left; max-width: 95%; padding: 1em 2.5% 2em 0em; font-size: 110%; font-weight: bold; line-height: 30px; text-align: left; overflow: hidden; z-index: 10;}
#Topmenu_menu li {list-style-image: none; list-style-type: none; margin: 0; padding: 0.1em 0; }
#Topmenu_menu a  {/*margin: 0 0 0 20px;*/ display: inline-block; /* ošetření whitespace li bugu v IE */ }
#Topmenu_menu a  {display: inline; text-decoration: none; text-transform: uppercase;/* je potřeba aby z li vykukoval jen levý horní rožek */}
#Topmenu_menu li span {padding-right: 2em; position: relative; top: 0.4em; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
#Topmenu_menu ul {display: block; padding: 0; margin: 0; }
#Topmenu_menu li a		       {font-weight: bold; color: #dfa10a; }
#Topmenu_menu li a:hover        {}
#Topmenu_menu li a:link span    {color: #dfa10a; /*font-weight:  normal;*/}
#Topmenu_menu li a:visited span {color: #bc8500; /*font-weight: normal;*/}
#Topmenu_menu li a:active span  {color: #ffb400; /*font-weight: normal;*/}
#Topmenu_menu li a:hover span   {color: #fff;  /*font-weight: normal;/ /*border-bottom: 1px solid #860f2b;*/}
#Topmenu_menu li.open ul {display: block; /* toto pravidlo musí být první */ }
#Topmenu_menu li.close ul {display: none; /* toto pravidlo musí být druhé */ }
#Topmenu_menu li ul li	 {font-size: 90%; padding-left: 20px;}
#Topmenu_menu li ul li a {background: none; }
.mainmenu li ul li.folder {background: url("../images/folder.png") 0 15px no-repeat; }
#Topmenu_menu .home       {/*position: absolute; display: block; width: 19px; height: 16px; margin-left: 2.5em; margin-top: 31px; background: url("../images/home.png"); z-index: 10;*/}

#mob_menu_open  {display: none; position: absolute; float: left; top: 16px; left: 0; width: 30px; height: 30px; background: url("../images/mob_menu.png"); border: none; cursor: pointer; transition: .5s all ease; outline:0;}
#mob_menu_close {display: none; position: absolute; float: left; top: 16px; left: 0; width: 30px; height: 30px; background: url("../images/mob_hide_r.png"); border: none; cursor: pointer; transition: .5s all ease; opacity: 0; outline:0;}
.rotate {transform: rotate3d(0, 0, 1, 180deg); -webkit-transform: rotate3d(0, 0, 1, 180deg); }
.rotate_back {transform: rotate3d(0, 0, 1, -180deg); -webkit-transform: rotate3d(0, 0, 1, -180deg);}

#maincont           {position: relative; width: 75%; float: right; /*max-width: 1170px;*/ margin-top: 50px;}
#maincont .content  {position: relative; /*float: right; width: 700px;*/ padding: 0px 0;}
#maincont .content > .inner, #maincont .content_long > .inner {position: relative; padding: 0; background-color: transparent; /*margin: auto; */}
#maincont .content > .inner strong {color: inherit;}
#maincont .content > .inner h2 {}

/* UVOD SLIDESHOW */
.uvod_slideshow {overflow: hidden !important; width: auto !important; }
.uvod_slideshow li {width: 259px; height: 368px; list-style: none; padding: 0; margin: 0;}
.uvod_slideshow .card {padding: 0 18px; width: 100%; min-width: 200px; height: auto; }
.uvod_slideshow .card:hover {z-index: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.uvod_slideshow .card h2 {padding-bottom: 1em; height: 4em; font-size: 110%;}
.uvod_slideshow .card h2 a {height: 3.2em; overflow: hidden;}
.uvod_slideshow .card h2 a span {font-size: 80%;}
.uvod_slideshow .card .middle {max-height: 230px;}
.uvod_slideshow .card .cena {width: auto; float: none; font-size: 165%;}
.uvod_slideshow .card .sleva {font-size: 65%;}
.whitebox		{width: 100%; background-color: #fff;}
.whitebox .inner {padding: 5px 20px;}

/* CONTENT */
#top {padding-top: 0em; overflow: hidden;}
#slider         {position: relative; width: 100%; top: -50px;}
.title          {width: 100%; height: 70px; background: #000; color: #d7b989;}
.title h2       {color: #d7b989; padding-top: 0.6em;}
.newsletter     {padding-top: 1em;}
.newsletter h3  {font-size: 250%; color: #e09c48; text-transform: none; padding-top: 1em; padding-bottom: 0.3em;}
.newsletter p   {padding-bottom: 2em; font-size: 140%; color: #fff;}
.newsletter input[type="text"] {width: 20%;}
.brands         {margin: 2em 0;}
.brands ul li   {list-style: none; display: block; float: left; width: 137px; height: 137px; padding: 10px; margin: 0; text-align: center; border: 1px dotted #444; overflow: hidden; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
.brands ul li:hover {border: 1px dotted #fff;}
.square_list     {padding: 1em 0; width: auto !important;}
.square_list ul li {position: relative; display: block; float: left; height: 150px; width: 137px; background: #000; margin: 0px; font-size: 85%; line-height: 1.2em; text-align: center; border: 1px dotted #444; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
.square_list ul li:hover {border: 1px dotted #fff;}
.square_list ul li a {text-decoration: none;}
.square_list ul li img {padding: 5px;}
.square_list ul li span.title {}
.square_list ul li span.img_cont {display: block; height: 105px;}

.text           {position: relative;}
.text img 		{border: none; background-color: #909090; margin-bottom: 20px;}
.text img.intro {margin: auto;}
.textover {position: absolute; left: 0; bottom: -10px; padding: 1em 2em; color: #fff; background-color: rgba(0,0,0,0.5);}
#produkty .text {overflow: hidden; background: #f7f7f5; padding: 0em;}
.row            {width: 100%; padding-bottom: 1em; border-bottom: 1px dashed #000;}
#brands         {text-align: center; margin: auto;}
#brands img     {max-width: 80px; margin: 0 0.5em;}
.login_box      {width: 23%; float: right;}
.half.moznosti #email, .moznosti #username, .moznosti #password {width: 90%;}
.input_cont     {}
.input_cont label {display: block; float: left; width: 190px;}
.mustmess       {position: absolute; margin-top: 4px; margin-left: 4px;}
.regform h3     {padding-bottom: 1.5em;}
#objednat h2    {font-size: 130%; font-weight: bold;}
.quarter.adresa p {padding-bottom: 0;}

/* PASSWORD STRENGTH */
#passwordStrength	 {position: absolute; margin-left: 190px; margin-top: -15px; width: 150px; height:8px; display:block; }
#passwordDescription {position: absolute; margin-top: 7px; display: inline; font-style: italic;}
.strength0	{width:250px;	background:#cccccc;}
.strength1	{width:50px; background:#ff0000;}
.strength2	{width:100px; background:#ff5f5f;}
.strength3	{width:150px; background:#56e500;}
.strength4	{background:#4dcd00; width:200px;}
.strength5	{background:#399800; width:250px;}

.box            {position: relative; width: 92%; height: 120px; overflow: hidden; color: #787878;}
.box .inner     {padding: 1em;}
.box h4         {font-size: 120%; color: #fff;}
.box p          {font-size: small;}
.box ul li         {margin-left: 0; list-style: none;}
.box li a       {color: #787878; text-decoration: none; font-weight: 300; font-size: 80%;}
.box input.newsletter      {width: 70%; height: 25px; float: left;}
.box input.submit_s        {float: left; width: 20%; height: 30px; padding: 0.2em; border: 0; background: #831717; font-size: small;}
.box.secondb     {margin-left: 3%;}
.box.thirdb      {margin-right: 3%;}
.lower_box       {height: 66px; margin-top: 20px}
.lower_box p     {position: relative; top: 15px; left: 5px; text-transform: uppercase; font-size: 85%;}
.lower_box p a:link, .lower_box p a:visited, .lower_box p a:active  {color: #a10000; font-weight: 300; text-decoration: none;}
.lower_box p a:hover {color: #ff0000;}
.lower_box img  {max-width: inherit;}

#leftcolumn .kosik_col {padding: 1em 1em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#311f17+0,0e0501+100 */
background: #311f17; /* Old browsers */
background: -moz-linear-gradient(left, #311f17 0%, #0e0501 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #311f17 0%,#0e0501 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #311f17 0%,#0e0501 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#left .box            {position: relative; width: 90%; height: auto; margin-bottom: 1em; overflow: hidden; border:1px solid #c6c6c6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#left .box h4         {padding-bottom: 0.5em; font-size: 115%; color: #4dbeed; text-transform: uppercase;}
#left .box.filtry a   {padding-left: 0.5em; text-decoration: none;}
#left .box.filtry input[type="checkbox"] {position: relative; top: 3px; width: 1.2em; height: 1.2em; }
.greenbg        {background: #8cc43e; color: #fff;}
.bluebg         {background: #4bc2ee; color: #fff;}
.pinkbg         {background: #ff0000; color: #fff;}
.purplebg       {background: #9f73b2; color: #fff;}
.rborder  {border-right: 1px dashed #000;}
.lborder  {border-left: 1px dashed #000;}
.homeicon {}
#left .leftmenu_menu ul {padding-left: 1em;}
#left .box li a {font-size: 100%;}
#left .leftmenu_menu li.folder {background: url("../images/arr_down.png") 100% 5px no-repeat; }
#left .card     {width: 100%;}
#left .card:hover {z-index: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#left .card h2  {max-height: 1em; overflow: hidden;}

.h1main			{position: relative; top: -20px; font-style: italic; font-size: medium; padding: 0; margin: 0; text-align: center; margin: auto; color: #7b5421;}
.fortext		{text-transform: uppercase; color: #000;}
.style  		{width: 48%; float: left;}
.style a.ban	{width: 190px; float: left;}
.style h2 a		{color: #909090; text-decoration: none;}
.sleva 			{text-decoration: line-through; font-size: 75%;}
.skrt 			{text-decoration: line-through;}
#akce ul 		{padding-bottom: 25px;}
#akce ul li a   {text-decoration: none;}
.recoms ul 		{font-size: x-small;}
.recoms li 		{overflow: hidden; margin-left: 0;}
ul.small_gal 	{width: 100%; overflow: hidden; margin-bottom: 1em;}
ul.small_gal li	{display: block; width: 20%; height: 150px; float: left; padding-left: 1em; margin-left: 0; margin-bottom: 1em; font-size: small; overflow: hidden;}
ul.small_gal li a {text-decoration: none; line-height: 1.5em; font-weight: normal;}
ul.small_gal li .sg_img {display: block; float: left; width: 80px;}
ul.small_gal li a span  {display: block; padding-bottom: 0.5em;}
ul.small_gal li a img   {float: left; margin-right: 1em; border: 1px solid #ccc; max-width: 80px; max-height: 80px;}
ul.small_list 	{font-size: 90%; margin-bottom: 1em;}
ul.small_list li	{display: block; padding-left: 0em; margin-left: 0; margin-bottom: 0.5em; overflow: hidden;}
h3.alike        {padding-bottom: 2em;}
p.alike_cena	{padding-left: 70px; font-size: 150%; font-weight: 300; color: #ffb400;}
p.alike_cena .sleva {color: #999;}
.graycont 		{padding: 3px 8px; background-color: #605a56; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.graycont a		{color: #fff; font-size: small; padding: 0 1em; text-decoration: none;}
#napostu_set {}
.breadcrumbs	{position: relative; left: 0px; display: block; width: 98%; /*padding: 0.5em 1% 0.5em 1%;*/ margin-bottom: 1em; font-size: 85%; background-color: #fff; color: #8b8b8b; /*border: 1px solid #f2f2f2;*/ text-align: left;/* -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;*/ /*-webkit-box-shadow: 0px 2px 8px 0px #dfdfdf; -moz-box-shadow: 0px 2px 8px 0px #dfdfdf; box-shadow: 0px 2px 4px 0px # E5E5E5;*/}
.breadcrumbs a  {text-transform: capitalize; color: #8b8b8b; font-weight: normal; text-decoration: none;}
.breadcrumbs .innercrumbs {padding: 0 10px 0 0; font-size: 85%;}
.breadcrumbs img {position: relative; top: 2px; }
#obchodni-podminky h2 {text-transform: uppercase; line-height: 30px;}
#obchodni-podminky li {margin-left: 50px;}
#blog_posts {margin-top: 0em; margin-bottom: 2em;}
#blog_posts h2 {color: #aeaeae; font-weight: bold; text-transform: uppercase;}
#blog_posts .post h2 a {color: #ff0000;}
#blog_posts .text img  {width: 100%; margin-bottom: 0;}
#blog_posts .textover  {bottom: 5px;}

/* DETAIL  */
#detail         {width: 100%; padding: 0px; padding-top: 0px;}
#detail h1 		{text-align: left; color: #ebc799; font-size: 150%; text-transform: none; margin-top: 0; margin-bottom: 5px;}

.detail_id		{font-size: 85%; color: #909090; position: relative; top: 0px;}
#detail h3 		{font-size: 140%; font-weight: normal; text-transform: uppercase;}
#detail_left 	{width: 30%; min-height: 300px; position: relative; float: left; background: #fff; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;}
#detail_right	{width: 65%; position: relative; float: right; padding-right: 10%;}
#detail .cena {position: relative; padding-top: 0.6em; text-transform: none; color: #9b0000; font-size: 250%; padding-bottom: 0em;}
#detail .cena span {color: #ffb400; font-weight: lighter; text-transform: none;}
#detail .cena span.sleva {position: relative; top: 0px; left: 5px; font-size: 60%; color: #999;}
#detail .cena span.sleva .curr {color: #999;}
#detail .cena span.cena_text {font-weight: normal; color: #909090; font-size: 50%;}
#detail span.dph {position: relative; top: -0.1em; left: 0; font-size: 85%; font-weight: normal; color: #aaa; }
#detail .cena .curr {}
#detail .cena2 {text-transform: none; color: #909090; font-size: 150%; padding-bottom: 15px; font-weight: bold;}
#detail .cena2 span.cena_text {font-weight: normal; color: #909090; font-size: 100%;}
#detail .dostupnost {text-transform: none; color: #909090; font-size: 100%; padding: 0; margin: 0;}
#detail .dostupnost a {text-decoration: none;}
#detail .dostupnost span {text-transform: none; font-weight: bold; font-style: normal;}
.dostup-1	{color: #F00; }
.dostup1	{color: #6d781d; }
.dostup3, .dostup5	{color: #a38600; }
#detail .vyrobce {text-transform: uppercase; color: #000; font-size: 110%;}
#detail .vyrobce span {text-transform: none;}
#detail input[type="text"]#quantity {position: relative; top: -9px; width: 5em; height: 35px; background: #d7b989 url("../images/input.png") 0 0 repeat-x; font-weight: bold; color: #000; }

.continue {width: 97%; border: 2px solid #edf6f7;}

#detail .buy 	{position: relative; width: 100%; height: 50px; padding-top: 1em; border-top: 1px solid #666; border-bottom: 1px solid #666; /*padding-left: 20px;*/ margin: 10px 0; /*background-color: #1c0c03;*/ /*-moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;*/ /*-webkit-box-shadow: 0px 2px 8px 0px #dfdfdf; -moz-box-shadow: 0px 2px 8px 0px #dfdfdf; box-shadow: 0px 2px 4px 0px # E5E5E5;*/}
#detail input.submit_cart  {width: auto; height: auto; padding: 13px 3em; margin-left: 0; background: #ffb400/*url("../images/cart.png") 22% 35% no-repeat*/; border: none; cursor: pointer; color: #000; font-size: 100%; font-weight: 400;/*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
#detail input.submit_cart:hover {background-color: #333; color: #ffb400;}
#detail input[type="text"] {width: 20%; height: 20px; float: left; }
#detail a.icon_minus, #detail a.icon_plus        {display: block; float: left; width: 20px; height: 23px; padding-left: 0px; padding-top: 2px; margin-left: 0px; text-align: center; font-size: x-large; color: #ccc; /*border: 1px solid #ccc;*/ text-decoration: none;}
#detail a.icon_minus {padding-top: 0; margin-left: 5px;}

.addthis {position: relative; padding-top: 0px; padding-bottom: 10px; width: 150px;  }
#detail .cart_added {color: #0F0; position: relative; top: -10px; background: #333; padding-left: 10px; width: 290px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#detail .cart_open  {position: relative; top: -6px; font-size: 90%;}

a.barva {position: relative; left: 0px; display: block; width: 99%; height: 25px; margin: 10px 0; padding-left: 5px; padding-top: 5px; font-size: 130%; text-transform: capitalize; text-decoration: none; /*background-color: #e2edee; -moz-box-shadow: 1px 2px 3px #bbb; -webkit-box-shadow: 1px 2px 3px #bbb; box-shadow: 1px 2px 3px #bbb;*/ }
.detail_params {display: block; float: left; padding-right: 1em; color: #909090; font-size: 100%;}
#maincont .content .detail_params strong {color: #909090;}
#detail .atributy		 {font-size: small; }
#detail .atributy .inner {width: 85%; padding-left: 0px;}
#detail .atributy select {width: 460px; }
#detail .atributy select.atrsubselect {width: auto; min-width: 80px; max-width: 250px;}
#detail .atributy label	 {display: block; font-size: 110%; padding: 1em 0 0.5em 0; text-transform: uppercase; font-weight: bold;}
#detail .atributy h5 	 {font-weight: bold; font-size: 110%; color: #860f2b; padding-bottom: 5px;}
#detail .atributy .atr_group {padding-bottom: 1em;}
#detail .atributy .atr_radio {/*background-color: #f0f7f8;*/ margin-bottom:0px; padding: 5px; padding-bottom: 0;}
#detail .atributy .atr_sub {display: inline; position: relative; padding-left: 2em;}
#detail .atributy .atr_nazev {font-size: 110%; font-weight: bold; padding-left: 5px;}
#detail .atributy .atr_cena {float: right; font-weight: bold;}
#detail .atributy .atr_parametr {position: relative; top: -5px; display: block; height: 15px; font-style: italic; margin-bottom: -10px;}
#atr_cena {/*font-size: 60%;*/}
#detail .popis  {width: 100%; padding-top: 1em; padding-bottom: 1em; font-size: 100%; text-align: left;}
#detail .specifikace  {width: 100%; padding-top: 0em; padding-bottom: 1em; font-size: 100%; text-align: left; font-style: italic;}
#detail .popis h1 {font-size: 120%; color: #000;}
#detail .popis h2 {font-size: 120%; color: #000;}
#detail .popis h3 {font-size: 110%; color: #000;}
#detail .popis table {}
#detail .logo {max-width: 20%; margin-right: 1em; float: left;}
#detail .attrib         {width: 96%; padding: 5px 2%; font-weight: bold; /*font-size: 90%;*/}
#detail .attrib.dark    {background-color: #fdf3c5;}
#detail .attrib span.atr_naz {display: block; width: 30%; float: left; font-weight: normal;}
#detail .atributy span.atr_hodnota {display: block; width: 70%; float: right;}
a.question::after {content: url("../images/question-white.png"); position: relative; top: 3px; padding-left: 3px;}
#spec_tip {position: absolute; margin-top: 10px; left: 210px; width: 300px; background: #666; color: #fff; padding: 0.5em 1em; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#detail .imgcont		{float: left; text-align: left; position: relative; border: 1px solid #dbdbdb; }
#detail .slideshow		{margin-top: 5px; margin-bottom: 0px; }
#bigfotocont {width: 100%; /*max-height: 470px;*/}
#detail .slideshow img  {max-width: 100%;  /*max-width: none;*/}
#blankfoto {position: absolute; top: 50px; margin-left: -60px; left: 50%;}
/* ZOOM */
.zoom {	display:inline-block; position:relative;}
.zoom img { display: block;}
.zoom img::selection { background-color: transparent; }
/* optional icon style */
.zoomIcon { width:33px; height:33px; position:absolute; top:0; right:0;	background: url("../images/lupa.png");}

#detail .hvel {padding-top: 10px;}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
a.suggestion {font-size: small; text-decoration: none;}

#cycle .fotos_prev    {position: absolute; top: 0; left: -1px; width: 43px; height: 95px; background: rgba(0,0,0,0.2) url("../images/slide_left.png") 50% 50% no-repeat; border: 0; color: #fff; cursor: pointer; z-index: 10; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
#cycle .fotos_next    {position: absolute; top: 0; right: -1px; width: 43px; height: 95px; background: rgba(0,0,0,0.2) url("../images/slide_right.png") 50% 50% no-repeat; border: 0; color: #fff; cursor: pointer; z-index: 10; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
#cycle .fotos_prev:hover, #cycle .fotos_next:hover {background-color: rgba(77, 190, 237, 1);}
#cycle .fotos_next:hover, #cycle .fotos_prev:hover {background: rgba(77, 190, 237, 1);}
#cycle	{position: relative; top: 10px; width: 100%; height: 160px; overflow: hidden; margin-bottom: 10px;}
.cycle {width: 90%; margin: 0 0;}
.cycle ul {text-align: center; position: relative; display: block;}
.cycle ul li {display: block; position: relative; float: left; width: 95px; height: 95px; padding: 0px; margin: 0; padding-right: 10px; padding-bottom: 0px;}
.cycle a img {}

.cats			{padding-bottom: 20px;}
.cats p			{padding-bottom: 0;}
.cats p span	{text-transform: none;}

.rightborder {width: 96.5%; padding-right: 3.5%;}

.steps {margin-bottom: 20px; width: 100%; }
.steps .step {width: 33.3%; float: left;}
.steps .step .inner_step  {border: 3px solid #ccc; padding-bottom: 10px; background-color: #9d9d9d; color: #000; text-align: center; -moz-box-shadow: 1px 2px 5px #999; -webkit-box-shadow: 1px 2px 50px #999; box-shadow: 1px 2px 5px #999;}
.steps .step p {position: relative; top: 10px; margin: auto; font-size: 120%; font-weight: bold; color: #fff;}
.steps .step p a {color: #fff; text-decoration: none;}
.steps .active .inner_step {background-color: #333; color: #860f2b; border: 3px solid #000;}

/* PRODUCTS */
#left     {width: 25%; float: left;}
#produkty {}
#produkty .text {margin-bottom: 1em; padding: 1em;}
#produkty h2 {color: #4e4e4e; font-weight: bold; text-transform: none;}
#products {margin-top: 2em;}
#cards {padding: 0px; text-align: center;}
#produkty #cards div.inner {background-color: transparent;}
#produkty h2 a, #akce h2 a, #vyhledavani h2 a {color: #000; line-height: 1.5em; position: relative; top: 4px; text-decoration: none; font-weight: 300; /*text-transform: uppercase;*/}
ul.znacky li {display: inline;}

.card   	 {position: relative; width: 24%; height: 440px; /*height: 370px;*/ float: left; text-align: center; padding: 0%; margin-bottom: 20px; margin-right: 2px; background-color: #fff;  /*-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/ overflow: hidden; -moz-transition: .4s all ease; -webkit-transition: .4s all ease; }
/*.card:hover  {padding-bottom: 100px; margin-bottom: -100px; z-index: 30; border: 10px solid #f7f9fd;}*/
#produkty_main {padding-bottom: 3em;}
#produkty_main .card {/*width: 21%;*/}
.card:hover { -webkit-box-shadow: 0px 0px 12px 6px rgba(255,180,0,0.6); -moz-box-shadow: 0px 0px 12px 6px rgba(255,180,0,0.6); box-shadow: 0px 0px 12px 6px rgba(255,180,0,0.6); z-index: 2;}
.card.last   {margin-right: 0;}
.card h2 	 {display: block; height: 3.5em; overflow: hidden; font-size: 110%; text-transform: none; margin: 0; padding: 0; padding: 0.5em 5px 10px 5px;}
.card h2 a   {color: #000; font-weight: 300;}
.card p		 {padding: 5px 0; margin: 0; line-height: 15px;}
.card .top    {position: relative; height: 4em;/*height: 20%;*/ background-color: inherit; z-index: 1;}
.card .middle {position: relative; width: 100%; height: 280px; margin-top: 0em; margin-bottom: 20px; overflow: hidden;}
.card .bottom {width: 100%; height: 85px; position: relative; bottom: 0; padding-bottom: 1em; padding-top: 0.7em; background: #f3ece2; -webkit-box-shadow: 0px 1px 8px 0px #ccc; -moz-box-shadow: 0px 1px 8px 0px #ccc; box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.2);}
.card .foto  {width: 100%; height: auto; display: block; position: relative; margin: auto; left: 0; text-align: center;}
.card .foto img { margin: auto; max-height: 280px;}
.card .cena {position: relative; display: block; float: left; width: 60%; text-align: center; font-size: 150%; color: #000; font-weight: bold; padding-top: 20px; padding-bottom: 0; margin: 0; text-decoration: none;}
.card .cena .curr {font-size: inherit;}
.card .cena .sleva {position: relative; top: 0em; display: inline; padding-left: 10px; color: #999; font-weight: 300; font-size: 75%;}
.card .velikosti {display: block; width: 60%; float: left; color: #000; font-size: 85%; }
.card .dostupnost {/*font-size: small;*/ padding-top: 1.2em; font-weight: 900;}
.card table.valign {height: 250px; margin: auto;}
.card table.valign tr td {vertical-align: middle;}

/*.card .cart   {position: absolute; top: -2em; width: 90%; left: 5%; display: none;}*/
.card .cart   {position: relative; top: 0em; width: 40%; float: right; -webkit-box-shadow: 2px 5px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 5px 6px 0px rgba(0,0,0,0.3); box-shadow: 2px 5px 6px 0px rgba(0,0,0,0.3);}
.card .cart a {display: block; width: 100%; /*height: 2.0em;*/ padding: 13px 1em; margin: auto; /*background: #831717 url("../images/cart.png") 10% 40% no-repeat;*/ background-color: #ffb400; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ text-align: center; color: #000; border: 0; text-decoration: none; font-size: 100%; font-weight: 400; text-transform: uppercase; -moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
.card .cart a:hover {background-color: #333; color: #ffb400;}
.card .cart_sold {display: block; width: 132px; height: 29px; background: url("../images/submit_card_r.png") center 0 no-repeat; padding-top: 2px; margin: auto; text-align: center; color: #909090; text-decoration: none; font-weight: bold;}
.card .sale {position: absolute; right: 10px; bottom: 90px; width: 83px; height: 85px; background-color: #a2f6ed; background: url("../images/sale.png"); z-index: 20; color: #fff; padding-left: 0px; padding-top: 33px; font-size: 160%; font-weight: bold; /*-moz-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;*/}

#cards_half {display: none;}

.unit label   {font-size: small;}
.filter_select {font-size: small; position: relative; top: 0px;}
.filter_style {width: 85px; font-size: small; position: relative; top: -2px; position: relative; top: 0px;}
.filter_style option {color: #000;}

.infobar		 {position: relative; width: 96.5%; padding: 0; padding-right: 3.5em; margin-bottom: 0px; background: rgba(255,255,255,0.1); color: #909090; border: 1px solid #e7e7e7; @include rounded();}
.infobar span.inner_infobar {padding: 0 15px; position: relative; top: 0px; }
.infobar select  {height: 2em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.infobar a       {text-decoration: none;}
.infobar input[type="submit"].submit_m  {margin-right: 1.5em; border: none; font-size: 120%; font-weight: 300; color: #a2140e; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.infobar .unit   {padding-right: 1em;}
.infobar .unit input[type="checkbox"] {position: relative; top: 6px;}
#range        {position: relative; top: 17px; width: 30%; float: right; margin-right: 5%;}
#slider-range {width: 100%; margin: auto;}
#od {position: relative; display: inline-block; width: 5em; top: 0px; left: -45px; font-size: 90%; }
#do {position: relative; display: inline-block; width: 5em; top: 0px; left: 100%; margin-left: -45px; font-size: 90%; text-align: left;}
.ui-slider {position: relative; text-align: left; border: 1px solid #000; background: #afafaf; color: #f0f0f0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.ui-slider .ui-slider-handle {position: absolute; margin-top: 2px; z-index: 2; width: 30px; height: 30px; background: #860f2b url("../images/handle.png"); border: 1px solid #000; color: #000; cursor: default; -ms-touch-action: none; touch-action: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.ui-slider .ui-slider-handle span {position: relative; top: 0.6em; left: 0.3em; text-transform: none;}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #595959; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}
.ui-slider-horizontal {height: 21px;}
.ui-slider-horizontal .ui-slider-handle {top: -8px; margin-left: -.6em; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}
.ui-state-hover {-webkit-box-shadow: 0px 2px 8px 0px #a2140e; -moz-box-shadow: 0px 2px 8px 0px #a2140e; box-shadow: 0px 2px 8px 0px #a2140e;}

#filters     {position: relative; width: 96.5%; padding-left: 3.5%; float: left; margin-bottom: 0px; background: rgba(255,255,255,0.2); color: #909090;}
#filters .inner {padding: 1em 1em 0.3em 1em;}
#filters .inner ul li {list-style: none;}
#filters .inner > ul    {position: relative; display: block; float: left; width: 25%; min-width: 80px; padding-right: 2.5%; overflow: hidden;}
#filters .inner > ul li {position: relative; display: block; width: 100%; margin: 0; padding: 0;}
#filters .inner > ul li a {display: block; padding: 0.5em 1em; background-color: #afafaf; border: 2px solid #929292; margin-bottom: 2px; text-decoration: none;}
#filters .inner > ul li a:hover {background-color: #333; color: #909090;}
#filters_inner {position: relative; width: 100%; /*float: left;*/ padding-top: 1px; }
#filters_inner ul       {display: block; width: 21.5%; float: left; margin-right: 3%;}
#filters_inner ul li    {display: block; width: 100%; padding: 0; margin: 0; margin-right: 2em; margin-bottom: 2px; background: #1b0401; border: 1px solid #000;}
#filters_inner ul li a  {display: block; float: left; /*width: 75%; float: right;*/ padding: 0.5em 1em; text-align: left; }
#filters_inner input[type="checkbox"] {position: relative; left: 0.7em; top: 0.7em; float: left; }

#category_menu        {padding-bottom: 2em;}
#category_menu ul li     {display: block; float: left; max-width: 160px; height: 200px; margin-left: 0; margin-right: 20px;}
#category_menu li img {border: 1px solid #ccc; margin-bottom: 10px;}
#category_menu li a   {text-decoration: none; text-transform: uppercase; font-size: 85%;}

.micard      {width: 23%; float: left; margin-right: 2%; text-align: center;}
.micard img  {height: 270px;}
.micard h3   {margin: auto; font-size: 150%;}
.micard h3 a {text-decoration: none;}
.micard.last {margin-right: 0;}

.ajax_loader {position: relative; top: 20px; display:none;}
/* LEFT SIDE */

.cart_item img {float: left; margin-right: 20px; padding-bottom: 10px;}
p.polozek      {padding-top: 5px;}

.lastvisited {padding-top: 10px;}
.lastvisited h5 {padding-bottom: 10px;}
.lastvisited .cart_item {clear: both; padding-bottom: 5px;}
.lastvisited .cart_name a {font-weight: normal;}
.lastvisited a.cart_img {float: left; width: 80px;}
.lastvisited p.cart_name { }

/* BLOG */
#blog  {width: 75%; float: right;}
ul.all {padding-bottom: 0;}
.post a {text-transform: uppercase; font-size: 85%; font-weight: bold; color: #a10000; text-decoration: none; font-family: "Oswald",Arial, Verdana, sans-serif; line-height: 1em;}
.post a:visited, .post a:active {color: #a10000;}
.post a:hover {color: #ff0000;}
.post .date   {display: block; color: #6d6d6d; font-size: 80%;}
.post .btext  {color: #909090;}
#blog .block  {}
#blog .block img {width: 98%; border: 1px solid #CCC;}
#blog .block h2   {font-size: 110%;}
#blog .block h2 a {color: #4dbeed;}
#blog .block h2 a:hover {color: #ff0000;}
#blog .block .mainpost  {font-size: 100%;}
#blog .block .date {float: right; font-size: 85%;}


/* LOGIN  */
#mask {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 99;
}
.login-popup, .cart-popup{
	position: relative;
	display:none;
	width: 40%;
	background: #dcdbdc;
	padding: 2em 1em 2em 1em;
	border: 2px solid #ccc;
	float: left;
	color: #696969;
	font-size: 100%;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
}
.cart-popup {max-height: 85%; overflow-y: scroll;}
.pop_cart_item {min-height: 80px; padding-bottom: 20px;}
.pop_cart_item ul {padding-bottom: 0px;}
.cart-popup .updown {}

.login-popup a.close, .cart-popup a.close {position: absolute; right: 1em; top: 1em;}
.login-popup strong, .cart-popup strong  {color: #696969; font-size: 150%; line-height: 30px;}
.login-popup p, .cart-popup p {padding-bottom: 1em;}
.login-popup a {color: #be2d12;}
a.poplogout   {text-decoration: none; text-transform: uppercase;}
.login_fb  {position: relative; top: -5px;}
.login_fb img {border: 1px solid #cfcfcf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#login-box label {position: relative; top: 10px; display: block; float: left; min-width: 120px; text-transform: uppercase;}
.forgot {position: relative; left: 120px; top: -10px; font-size: 85%;}

#cart_content a  {text-decoration: none;}
#cart_content a.info {font-size: 100%; color: #000;}
#cart_content h4 {color: #000;}
#cart_content img.product { max-width: 75px; margin-right: 2em; margin-bottom: 1em; float: left; border: 1px solid #909090;}
#cart_content ul li {list-style: none; color: #666;}
#cart_content .img_cont {float: left; min-height: 50px; width: 100px;}

/* PAGINATION */
.pagination {width: 96.5%; height: 20px; display: block; text-align: right; margin: 10px auto 3em auto; padding: 0px; padding-right: 3.5%; text-align: center; color: #787878; font-weight: normal; /*font-size: small;*/}
.pagination span {padding: 3px; margin: 0px 3px; }
.pagination .ppage {position: relative; top: 0px; font-size: 100%;}
.pagination a {text-decoration: none; color: #dfa10a;}
.pagination a:hover span.ppage {color: #fff; background-color: #333333;}
.arrow {}
.arrow_a {}

#load_more {margin: auto; margin-bottom: 3em;}
.ajax_loader {position: relative; top: 0px; margin: 5px auto; display: none;}
.ajax_loader {	-webkit-animation:spin 2s linear infinite;	-moz-animation:spin 2s linear infinite;	animation:spin 2s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); }}
@keyframes spin { 100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);	}}

#content .kontakt        {width: 50%; float: left; text-align: center;}
#content .kontakt_inner {padding: 10px 5px; border: 1px dashed #dfdfdf;}
#content .kontakt address {font-size: 100%;}
#content .kontakt img {margin: auto;}
.map       {margin-top: 20px;}
.map iframe {border: 1px solid #999;}


#bottom		{position: relative; width: 100%; padding-bottom: 20px; background: url("../images/footer.png") 0 0 repeat; border-top: 3px solid #402a19; border-bottom: 3px solid #402a19; overflow: hidden; z-index: 1;}
#bottom .inner {width: 75%; padding-left: 25%; padding-top: 20px;}
#bottom .top_bottom {height: 20px; background: url("../images/bottom-shadow.png");}
#bottom .third       {text-align: left;}
#bottom .third ul    {position: relative;}
#bottom .third ul li {list-style: none; text-transform: none; padding: 0; margin: 0; line-height: 2em;}
#bottom .third ul li a {font-weight: 300; text-decoration: none;}
#bottom .quarter       {text-align: left;}
#bottom .quarter ul    {position: relative;}
#bottom .quarter ul li {list-style: none; text-transform: none; padding: 0; margin: 0; line-height: 2em;}
#bottom .quarter ul li a {font-weight: 300; text-decoration: none;}
#bottom a {color: #e5a44f;}
#bottom h3 {color: #e5a44f; font-size: 130%; text-transform: uppercase; font-weight: 300; margin: inherit; text-align: left;}
#bottom address {}
#bottom .white {top: 2px;}
.faqQuestion {font-weight: bold; text-transform: uppercase; padding-top: 0.5em;}

#footer         {position: relative; width: 100%; margin: auto; height: auto; background-color: #000; color: #aaa; clear: both; text-align: center;}
#footer .inner  {max-width: 1170px; margin: auto; padding-top: 10px;}
#fb-root		{position: relative; top: -5px;}
#fblike         {position: relative; top: 0px; padding-right: 10px;}
#footer p       {padding-top: 0px; font-size: small; }
#footer a       {font-size: small; text-decoration: none; color: #666;}
#footer .links a  {color: #0e0501;}
#footer .links  {color: #0e0501;}
#bottom h6 a    {font-weight: normal; color: #88cfd7; text-decoration: none;}

.table {width: 50%; border: 1px solid #CCC; color: #ebc799; font-size: medium; margin-bottom: 10px; margin-top: 5px;}
.table tr.first {background-color: #ffb400; color: #1c0c03; font-size: 120%;}
.table_head 	{background-color: #ffb400; color: #1c0c03; font-size: 120%;}
.table tr.dark {background-color: #EFEFEF;}
.table tr.light {background-color: #F6F7F8;}
.table td {padding: 5px 10px; border-bottom: 1px dotted #CCC;}
table th {text-align: left;}
.table_celkem {background-color: #eee; font-size: 150%; }
.table_celkem td {padding: 1em 40px; color: #c03e00;}
.table_celkem strong {color: #c03e00;}
.table .skrt    {color: #898989;}
.table .updown  {}
.table .up     {width: 13px; height: 13px;}
.table .down   {width: 13px; height: 13px;}
.table li {padding-left: 0px; margin-left: 12px;}
table.kosik {width: 100%;}
table.kosik td:first-child a img {height: 50px;}
table.kosik {color: #333;}
table .updown img {margin-bottom: 2px;}
select.size {width: 150px;}
table .del {position: relative; top: 3px; left: -1px;}

#zpusob_platby fieldset > div, #zaslat_jako fieldset > div {min-height: 2em;}
.packetery-info-link {padding-left: 10px; font-size: small;}

.novinky     {font-size: 85%; line-height: 15px; padding-top: 5px; padding-left: 5px;}
.novinky h4  {padding-bottom: 5px;}
.novinky a.vice {display: block; width: 50px; float: right; margin-top: -3px; margin-bottom: 5px; color: #eab331;}
.novinky hr  {margin: 10px 20px 10px 0;}

/* FORMS */
#searchPrinters select {width: 35%; margin-right: 2em;}

input[type="radio"] {margin-right: 10px; margin-bottom: 10px; display: inline;}
input[type="text"], input[type="password"] {width: 20em; height: 3em; padding: 0px; margin-bottom: 15px; padding-left: 10px; font-size: medium; background: #d7b989 url("../images/input.png") 0 0 repeat-x; color: #696969; border: 1px solid #b65a10; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*font-family: 'Ubuntu', sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/}
.regform input[type="text"], .regform input[type="password"] {height: 2em; background: #f3ece1; border: 1px solid #beae94;}
fieldset.login label {width: 30%;}
fieldset.login input[type="text"], fieldset.login input[type="password"] {width: 90%; height: 1em;}
fieldset.login input[type="submit"].green {margin: auto; margin-bottom: 0.5em;}
#pokladna .half a.submit {padding: 0.5em 0 0.5em 0;}
#code {height: 35px;}

select {margin-bottom: 15px; height: 2em; border: 1px solid #cfcfcf; color: #696969; font-size: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
textarea  {background: #d7b989 url("../images/input.png") top left repeat-x; padding-left: 5px; border: 1px solid #b65a10; font-size: 130%;}
textarea.textarea {width: 500px; height: 100px;}
fieldset    {color: #860f2b; margin-bottom: 10px; background: #fff; border: 0px #b65a10 solid; padding: 2em; text-align: left; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ -webkit-box-shadow: 0px -2px 5px #bbb; -moz-box-shadow: 0px -2px 5px #bbb; box-shadow: 0px -2px 6px #ccc;}
legend      {padding: 10px 20px; background: #ccc; border: 2px #999999 solid; color: #fff; font-size: 100%; font-weight: normal; text-transform: uppercase; /*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;*/}

a.submit,button.submit { position: relative; top: 5px; display: block; max-width: 200px; padding: 13px 1em; margin: 0px; margin-bottom: 1em; color: #fff; font-size: 100%; font-weight: 400; text-align: center; text-transform: uppercase;  /*background: url("../images/submit_cart.png") 0 0 repeat;*/ background-color: #ffb400; cursor: pointer; -moz-transition: .4s all ease; -webkit-transition: .4s all ease; text-decoration: none; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #fff; -webkit-box-shadow: 0px 2px 4px #ccc; -moz-box-shadow: 0px 2px 4px #ccc; box-shadow: 0px 2px 4px #ccc;*/}
input[type="submit"] {height: 3em; padding: 0px 2.5em; margin: 0px; margin-bottom: 5px; border: none; font-size: medium; color: #000; font-weight: 400; text-transform: uppercase; background-color: #ffb400; cursor: pointer; -moz-transition: .4s all ease; -webkit-transition: .4s all ease; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ /*-webkit-box-shadow: 0px 2px 4px #ccc; -moz-box-shadow: 0px 2px 4px #ccc; box-shadow: 0px 2px 4px #ccc;*/}
button {-moz-transition: .4s all ease; -webkit-transition: .4s all ease;}

input[type="submit"].orange,a.submit.orange {background: #ff5705;}
input[type="submit"].green, button.green {background-color: #3bd425 !important; /*background: url("../images/submit_cart_green.png") 0 0 repeat-x;*/}
a.submit.green,button.submit.green, a.submit_s.green     {background-color: #3bd425;}
input[type="submit"].submit_m {padding: 0.5em 1em; margin: 0px; margin-bottom: 0; border: 2px solid #000; color: #000; text-transform: uppercase; font-weight: bold; background: #860f2b; cursor: pointer; }
input[type="submit"].submit_l, button.submit_l {padding: 0 10px; width: 250px; height: 50px; margin: 0px; margin-bottom: 5px; border: 0; color: #fff; background-color: #ff5705; font-size: 110%; text-transform: uppercase; font-weight: bold; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #000; border-bottom: 0; border-right: 0;}
a.submit:hover, button.submit:hover, input[type="submit"]:hover, button.submit_l:hover,.submit_s:hover {color: #F90;}

a.submit_s, button.submit_s   {display: inline-block; max-width: 150px; min-height: 20px; padding: 5px 20px; color: #fff; background-color: #ffb400; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 85%; text-decoration: none; cursor: pointer;-moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
.submit_t   {display: block; width: 42px; color: #fff; background: url("../images/mtitle.jpg") -20px -10px no-repeat; text-transform: uppercase; font-weight: bold; padding: 2px 8px; border-top: 1px solid #eca249; border-bottom: 1px solid #8c4200; border-left: 1px solid #ed961f; border-right: 1px solid #8c4200;
font-size: 85%;}
#remsphere {position: relative; top: -4px;}
input[type="checkbox"] {width: 1.5em; height: 1.5em;}

#text {padding: 0 10px;}
.address p {margin: 2px; padding: 0; font-weight: bold; }
.address p span {display: block; width: 90px; float: left; font-weight: normal;}
.address .submit_s      {padding: 2px 2em;}
.address .submit_s span {font-size: x-small;}
.ad_button {position: relative; top: 0px; margin-left: 0px; text-decoration: none;}
#final_cena {margin-bottom: 10px; font-size: 200%; font-weight: bold;}
#final_cena strong {font-size: 120%;}
#objednat .legend {font-weight: bold; padding-left: 10px;}
#objednat .show {display: inline;}
.label       {width: 120px; display: block; float: left;}
#select_state {margin-bottom: 10px;}
li.light	{background-color: #211410;}
li.dark		{background-color: #160b07;}
.objednat_logo {position: relative; top: 6px;}
.objednat_text {margin-left: 10px; font-weight: normal; color: #860f2b; font-size: x-small; font-style: italic;}
.zakaznicka_sleva strong {font-size: 150%; color: green;}
.bubble {background-color: #9d9d9d; border: 3px solid #ccc; color: #000; font-size: x-small; line-height: 15px; z-index: 100; padding: 5px;}
#bubble1 {background-color: #9d9d9d; border: 3px solid #ccc; color: #000; font-size: x-small; line-height: 15px; z-index: 100; padding: 5px; position: absolute; width: 550px;  }
#bubble2 {background-color: #9d9d9d; border: 3px solid #ccc; color: #000; font-size: x-small; line-height: 15px; z-index: 100; padding: 5px; position: absolute; width: 550px;  }
.bez {font-weight: normal; color: #666;}
li.pdf		{list-style: none; background: url("../images/pdf.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.wmv		{list-style: none; background: url("../images/wmv.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.doc		{list-style: none; background: url("../images/doc.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.jpg		{list-style: none; background: url("../images/jpg.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.htm		{list-style: none; background: url("../images/htm.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.tub		{list-style: none; background: url("../images/tub.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}
li.ct		{list-style: none; background: url("../images/ct.png") 0 50% no-repeat; padding-left: 25px; margin-left: 0;}

.checkbox {position: relative; top: 5px;}
.label_checkbox {display: inline; position: relative; }
.input_checkbox {display: inline; width: 30px; }
.inputs label {display: block;}
.inputs input {width: 200px; margin-bottom: 2px;}
label {font-weight: bold;}

.error {width: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; font-weight: bold; background: #b20400; padding: 5px 0; text-align: center; margin: auto; margin-top: 2em; margin-bottom: 5px; font-size: medium; color: white;}
.notice {width: 100%; border-top: 2px solid #a19400; border-bottom: 2px solid #a19400; font-weight: bold; background: #e6d302; padding: 5px 0; text-align: center; margin: auto; margin-top: 2em; margin-bottom: 5px; font-size: medium; color: white;}
.success {width: 100%; border-top: 2px solid #0C0; border-bottom: 2px solid #0C0; font-weight: bold; background: #090; padding: 5px 0; text-align: center; margin: auto; margin-top: 2em; margin-bottom: 5px; font-size: medium; color: white;}
#captcha {margin: 10px 0;}
a.ico_zpet   {padding-left: 35px; background: url("../images/ico_zpet.png") center left no-repeat; padding-top: 10px; padding-bottom: 5px; color:#06adcb; font-size: 120%; text-decoration: none;}
.ico_icq {padding-left: 20px; background: url("../images/ico_icq.png") center left no-repeat;}

.hide      {display: none;}
.show      {display: block;}
.inline    {display: inline;}
hr.cleaner {clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden;}

.trans  {-moz-transition: .4s all ease; -webkit-transition: .4s all ease;}
.shadow {-webkit-box-shadow: 0px 2px 8px 0px #dfdfdf; -moz-box-shadow: 0px 2px 8px 0px #dfdfdf; box-shadow: 0px 2px 8px 0px #dfdfdf;}
.round  {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.mini      {font-size: x-small; line-height: 15px;}
.icon   {position: relative; top: 2px;}
.sto       {font-size: small;}
.justify   {text-align: justify;}
.f_right    {float: right;}
.f_left     {float: left;}
.f_imgright    {float: right; margin-left: 20px;}
.f_imgleft     {float: left; margin-right: 20px;}
.red   {color: #be2d12;}
.orange {color: #dfa10a;}
.green {color: #445c05;}
.blue  {color: #023a8b;}
.padrig20 {padding-right: 20px;}
.marrig20 {margin-right: 20px;}
.botspace {margin-bottom: 10px;}
.padbot10 {padding-bottom 10px;}
.half {width: 50%; float: left;}
.third {width: 33.3%; float: left;}
.twothird {width: 66.6%; float: left;}
.quarter {width: 25%; float: left;}
.quarter_spacer {width: 50px; float: left;}
.threequarters {width: 75%; float: left;}
.half > .inner, .third > .inner, .twothird > .inner, .quarter > .inner {padding: 5px 20px;}
.innerleft, .half .innerleft, .third .innerleft, .twothird .innerleft {padding-right: 2em;}
.innerright, .half .innerright, .third .innerright, .twothird .innerright {padding-left: 2em;}
.dashed {width: 100%; height: 1px; border-bottom: 1px dashed #a57639; padding-top: 5px;}
a.no_dec:link, a.no_dec:active, a.no_dec:visited {text-decoration: none; color: #fff;}
.xxsmall {font-size: xx-small; }
.xsmall  {font-size: x-small; }
.small   {font-size: small; }
.upper   {text-transform: uppercase;}
.center  {text-align: center; margin: auto;}
.left    {text-align: left;}
.img     {border: 2px solid #fff; background-color: #fff; margin-bottom: 20px; margin-right: 20px;}
.img_right     {border: 2px solid #fff; background-color: #fff; margin-bottom: 20px; margin-left: 20px;}
.stroke  {border: 1px solid #eee;}
.stroke.inner {padding: 1em;}
.dstroke {border: 1px solid #361B1B;}
.medium  {font-size: medium;}
.large   {font-size: large;}
.italic  {font-style: italic;}
.capitalize {text-transform: capitalize;}
.underline  {text-decoration: underline;}
.strong  {font-weight: bold;}
.normal  {font-weight: normal;}
.clear   {clear: both;}
.no      {padding: 0px; margin: 0px; }
.hidden  {visibility: hidden;}
.display_none {display: none;}