/* sablona ANTshop2102 */

/* ------------------------------------------------------------------------- */
/* zakladni nastaveni >>> */
/* ------------------------------------------------------------------------- */

html {
    height: 100.5%;
    margin-bottom: 1px;
}

body {
	font-family: MyriadPro, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #606061;
    /*background:#fff url(media/images/body.jpg) no-repeat center 0;*/
	background:#fff;
}

#mainWrap, #topPanel, #firstStrip .in, #secondStrip #zahlavi_menu, #headerWrap, #contentWrap, #footerWrap, #footer .in {
    width: 100%;
}

#headerWrap, #contentWrap, #footerWrap, #mainWrap, #footer .in {
    float: left;
}

#mainWrap {
    /*background: url(media/images/main_bg.png) repeat-y center 0;*/
    overflow: hidden;
}

#topPanel {
    height: 47px;
    float: left;
}

#firstStrip, #footer {
    max-width: 1114px;
    margin: 0px auto;
}

#firstStrip {
    position: relative;
    z-index: 10;
}

#secondStrip {
max-width:960px;
margin: 0px auto;
position:relative;

}

#firstStrip .in {
    float: left;
    background: #378cd9 url(media/images/h_gradient.png) repeat-x 0 0;
}

.container_24 {
	width: 960px;
	clear: both;
}

#obsah {
	clear: both;
	padding: 0px 0 0px;
}

.home #obsah {
    padding-top: 23px;
}

a:link {
	color:#e26005;
	text-decoration:underline;
}

a:visited {
	color:#e26005;
}

a:hover, a:active { text-decoration:none; }
a:focus, a:active { outline: none; }

sup {
    font-size: 80%;
    position: relative;
    top: -5px
}

p, ul, ol, li {
	line-height:150%;
	margin:0; padding:0;
}

h1, h2, h3, h4, h5 {
	font-size:120%;
    line-height: 120%;
}

img {
    margin:0;
	border-width:0px;
}

input[type=submit] {
    cursor: pointer;
}

#prave_menu img, #leve_menu img {
    padding:0;
}

p.anchor, .nodisplay { display:none; }

.cleaner {
	clear:both;
	margin:0; padding:0;
	height:1px;
	font-size:1px;
	border:none;
	background: transparent;
}

/*	<<< zakladni nastaveni   */

/* ------------------------------------------------------------------------- */
/* *zahlavi webu >>> */
/* ------------------------------------------------------------------------- */


#headerWrap  {
   background:url(media/images/header_podstranka.jpg) 51% 105px no-repeat;
   height:315px;
	position:relative;
   
}

#headerNapis {
   background:url(media/images/napis_podstrana.png) 0 0 no-repeat;
   height:107px;
   top:119px;
   left:8px;
   z-index:1;
   position:absolute;
   width:568px;   
}

#headerWrap .login_info {
    position: absolute;
	right:20px;
    text-align:right;
    width:400px;
    top: 26px;
}

.home #headerWrap  {
   background:url(media/images/header_home2.jpg) 50% 106px no-repeat;
   height:586px;
}


#topPanel {
    position: relative;
}

#topPanel ul {
    /*
    position: absolute;
    right: 500px;
    top: 14px;
    */
	position: relative;
	z-index: 10;
    float: right;
}

#topPanel ul li {
    float: left;
    list-style: none;
    /*background: url(media/images/top_sep.png) no-repeat left 5px;*/
    margin-left:10px;
	}

#topPanel ul li:first-child {
    background: none;
}

#topPanel ul li a, #topPanel ul li span {
    font: normal 20px MyriadProCond, MyriadPro, arial;
    text-decoration: none;
    color: #17499e;
    padding: 29px 15px 10px 15px;
    float: left;
}

#topPanel ul li a:hover {

	background:url(media/images/bg_menu.jpg) repeat-x 0 0;
	
}

#topPanel ul li.active * {
	background:url(media/images/bg_menu.jpg) repeat-x 0 0;
    
}

#logo span {
	display:none;
}

.socialButtons {
    margin-top: 14px;
    float: right;
}



#headerWrap .socialButtons {
    width: 234px;
    height: 21px;
    overflow: hidden;
}

#stred .socialButtons {
    float: left;
}

.socialButtons .fb-like, .socialButtons .g-plusone {
    display: block;
    float: left;
    margin-right: 15px;
}

.socialButtons .gPlusBtn {
    /*float: right;*/
    padding-left: 120px !important;
}

#stred .socialButtons .gPlusBtn {
    padding-left: 175px !important;
}

/* kvuli proklikavacimu logu zpet, ktere prekryje jen castecne */
#logo, #logo .logo_block {
	width:380px;
	float:left;
	display:block;
 	height:71px;
	position:relative;
	z-index:10;
	margin-top:28px;
	margin-left:8px;
}

#logo .logo_block {
	margin-top:0px;

}

#logo {
	background:transparent url(media/images/logoStd.png) no-repeat left 0px;
}

#hlavicka_grafika {
	float: right;
}

.header_motiv_text {
    position: absolute;
    width: 490px;
    text-align: center;
    left: 220px;
    top: 18px;
    font: normal 190%/110% Frutiger, arial;
    color: #fff;
}


/* >> vyhledavani, #kosik_info, .kosik_i_wrap */
#hledani_form,
.kosik_i_wrap {
    float: right;
    width: auto;
}

#hledani_form {
    margin-top: 15px;
}

#hledani_form .hledani_napd {
    display: none;
}

#hledani_form #q {
    border: none;
    color: #404040;
    float: left;
    height: 32px;
    padding: 0px 0 0 32px;
    width: 160px;
    background: url(media/images/sprite.png) no-repeat 0 0;
    font: normal 120%/100% MyriadPro, arial;
}

#hledani_form .button {
    display: block;
    width: 31px;
    height: 32px;
    background: url(media/images/sprite.png) no-repeat 0 -38px;
    border: none;
    text-indent: -9999px;
    padding-left: -9999px;
    color: transparent;
    float: left;
}

#kosik_info {
	clear:right;
    padding-top: 10px;
    font-family:MyriadProCond;
    position: relative;
	margin-top: 45px;
	margin-right: 53px;
	text-align:center;
	width:110px;
	font-size:20px;
}

#kosik_info .nadp{
	display:block;
	color:#8cc6f6;
	margin-bottom:8px;
	}

#kosik_info a {
    display: block;
    text-decoration: none;
}

#kosik_info a.odkaz_kosik {
    color: #fff;
	margin:0 auto;
    /*background: url(media/images/cart_icon.png) no-repeat 0 3px;*/	
}

#kosik_info a.kosik_button{
	margin-top:6px;
}

#kosik_info a.kosik_button:hover{
	opacity:0.8;
}

#kosik_info a.showItems {
   /* width: 25px;
    height: 34px;
    border-radius: 4px 4px 0 0 ;
    margin: 3px 0 0 8px;
    background: url(media/images/sprite.png) 6px -730px;*/
}

#kosik_info:hover a.showItems, #kosik_info a.showItems.disabled {
    background-color: #e06109;
    background-position: -16px -730px;
}

#kosik_info a:hover {
    color: #000;
}

#kosik_info .cartItems {
    background: #d9ebfb url(media/images/kosik_info.png) no-repeat 0 0;
    border-top: 10px solid #e06109;
    position: absolute;
    top: 47px;
    right: -58px;
	padding-bottom:25px;
    min-width: 237px;
    width: 100%;
	font-size:14px;
    border-radius: 4px 4px 4px 4px;
    z-index: 100;
    display: none;
}

#kosik_info .cartItems a {
    float: none;

}

#kosik_info .cartItems .in {
    padding: 10px 17px;
}

#kosik_info .cartItems .cart_item {
    clear: both;
    border-bottom: 1px dashed #dddddd;
    float: left;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
}

#kosik_info .cartItems .pic/*, #kosik_info .cartItems .content*/ {
    float: left;
    border: 1px solid #b7c2cc;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 9px;
}

#kosik_info .cartItems .pic, #kosik_info .cartItems .pic img {
    width: 50px;
}

#kosik_info .cartItems .title {
    color: #424a55;
    text-decoration: none;
    line-height: 110%;
}

#kosik_info .cartItems .title:hover {
    text-decoration: underline;
}

#kosik_info .cartItems .skladem {
    color: #7eb124;
}

#kosik_info .cartItems .cart_item .price {
    text-align: right;
    float: right;
    color: #424a55;
    font-family: Frutiger, arial;
    font-weight: bold;
    font-size: 110%;
}

#kosik_info .cartItems .links {
    font: normal 95%/120% arial;
    clear: both;
    padding-top: 5px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

#kosik_info .cartItems .links a {
    display: inline;
  	color:#2f7dc4;
    text-decoration: underline;
    background: url(media/images/darkblue_arrow_l.png) no-repeat left center;
    padding-left: 12px;
    float: left;
}

#kosik_info .cartItems .links a:hover {
    text-decoration: none;
}

#kosik_info .cartItems .links .toCart {
    color:#2f7dc4;
    float: right;
    background: url(media/images/blue_arrow_r.png) no-repeat right center;
    padding-right: 12px;
    padding-left: 0;
}

/* >> #zahlavi_menu */


.home #zahlavi_menu {
    float: right;
	margin-top:296px;
    height: 51px;
	position:static;
	
}

#zahlavi_menu {
    margin-top:0px;
	clear:both;
    height: 52px;
	width:960px;
	position:relative;
	top:210px;
	margin-left:5px;
}

#zahlavi_menu ul {
    list-style:none;
    position: relative;
	float: right;
}

.home #zahlavi_menu ul {
	margin-right:15px;
}

.home #zahlavi_menu ul li a {
	padding-top:208px;
	padding-bottom:0px;
	box-shadow: #565656 0px 0px 0px;
}

#zahlavi_menu ul li {
    float:left;
	margin-right:5px;
}



#zahlavi_menu ul li.zal a {
    background:url(media/images/bg_menu_zal.jpg) repeat-x;
}

.home  #zahlavi_menu ul li.zal a {
	width:163px;
	height:37px;
    background:url(media/images/menuObrZal.png) 100% 0px no-repeat;
}

.home  #zahlavi_menu ul li.zal a:hover, .home  #zahlavi_menu ul li.zal.active2 a  {
	
	background:url(media/images/menuObrZal.png) 100% -246px no-repeat;	
}

.home  #zahlavi_menu ul li.rol a {
	width:163px;
	height:37px;
    background:url(media/images/menuObrRol.png) 100% 0px no-repeat;
}

.home  #zahlavi_menu ul li.rol a:hover, .home  #zahlavi_menu ul li.rol.active2 a {
    background:url(media/images/menuObrRol.png) 0px -246px no-repeat;
}

.home  #zahlavi_menu ul li.sit a {
	width:163px;
	height:37px;
    background:url(media/images/menuObrSit.png) 100% 0px no-repeat;
}

.home  #zahlavi_menu ul li.sit a:hover, .home  #zahlavi_menu ul li.sit.active2 a{
	background:url(media/images/menuObrSit.png) 0px -246px no-repeat;
}

.home  #zahlavi_menu ul li.shr a {
	width:163px;
	height:37px;
    background:url(media/images/menuObrShrn.png) 100% 0px no-repeat;
}

.home  #zahlavi_menu ul li.shr a:hover, .home  #zahlavi_menu ul li.shr.active2 a {
    background:url(media/images/menuObrShrn.png) 0px -246px no-repeat;
}

.home  #zahlavi_menu ul li.nah a {
	width:163px;
	height:37px;
    background:url(media/images/menuObrNahr.png) 100% 0px no-repeat;
}

.home  #zahlavi_menu ul li.nah a:hover, .home  #zahlavi_menu ul li.nah.active2 a {
    background:url(media/images/menuObrNahr.png) 0px -246px no-repeat;
}




#zahlavi_menu ul li.zal a:hover, #zahlavi_menu ul li.zal.active2 a {
	background:url(media/images/bg_zal.png) repeat-x #5ccf6c;
	color:#fff;
	border-bottom:0px;
	box-shadow: #565656 0px 0px 0px;
}



#zahlavi_menu ul li.zal  ul{
	background:#5ccf6c; 
}


#zahlavi_menu ul li.rol a , #zahlavi_menu ul li.rol span{
    background:url(media/images/bg_menu_rol.jpg) repeat-x;
}



#zahlavi_menu ul li.rol a:hover, #zahlavi_menu ul li.rol.active2 a  {
	background:url(media/images/bg_rol.png) repeat-x #f9a757;
	color:#fff;
	border-bottom:0px;
	box-shadow: #565656 0px 0px 0px;
}

#zahlavi_menu ul li.rol  ul{
	background:#f9a757; 
}



#zahlavi_menu ul li.sit a , #zahlavi_menu ul li.sit span{
    background:url(media/images/bg_menu_sit.jpg) repeat-x;
}



#zahlavi_menu ul li.sit a:hover, #zahlavi_menu ul li.sit.active2 a  {
	background:url(media/images/bg_sit.png) repeat-x #50a1dc;
	color:#fff;
	border-bottom:0px;
}

#zahlavi_menu ul li.sit  ul{
	background:#50a1dc; 
}

#zahlavi_menu ul li.shr a , #zahlavi_menu ul li.shr span{
    background:url(media/images/bg_menu_shr.jpg) repeat-x;
}



#zahlavi_menu ul li.shr a:hover, #zahlavi_menu ul li.shr.active2 a  {
	background:url(media/images/bg_shr.png) repeat-x #fb812e;
	color:#fff;
	border-bottom:0px;
	box-shadow: #565656 0px 0px 0px;
}

#zahlavi_menu ul li.shr  ul{
	background:#fb812e; 
}

#zahlavi_menu ul li.nah a, #zahlavi_menu ul li.nah span {
    background:url(media/images/bg_menu_nah.jpg) repeat-x;
}


#zahlavi_menu ul li.nah a:hover, #zahlavi_menu ul li.nah.active2 a   {
	background:url(media/images/bg_nah.png) repeat-x #a0a2a0;
	color:#fff;
	border-bottom:0px;	
	box-shadow: #565656 0px 0px 0px;
}

#zahlavi_menu ul li.nah  ul{
	background:#a0a2a0; 
}


#zahlavi_menu ul li.active2  ul  a{
	color:#fff;
}

#zahlavi_menu ul li.active2  ul ul  a, #zahlavi_menu ul li.active2  ul ul  span {
	color:#fff;
	background:url(media/images/sipka_right.png) 0% 50% no-repeat!important;
}

#zahlavi_menu ul li.active.active2  ul ul  a, #zahlavi_menu ul li.active.active2  ul ul  span {
	background:url(media/images/gray_arrow.png) 0% 50% no-repeat!important;
	color:#000;
}


.home  #zahlavi_menu ul li a:hover {
	border:0px!important;
	padding-bottom:0px!important;
	color:#fff!important;
}


#zahlavi_menu ul li a, #zahlavi_menu ul li span {
    text-decoration:none;
    display:block;
    color:#fff;
	font-size:18px;
	box-shadow: #565656 2px 2px 5px;
    font-family: AvalonCE,Frutiger, arial;
}

 #zahlavi_menu div > ul > li > a, #zahlavi_menu div > ul > li > span {
    height:33px;
	width:184px;
    padding:18px 0px 0px 0px;
	font-size:18px;
	text-align:center;
    font-family: AvalonCE,Frutiger, arial;
	
}

#zahlavi_menu ul li a:hover{
	width:182px;
}


.home  #zahlavi_menu div > ul > li > a, .home  #zahlavi_menu div > ul > li > span {
	width:160px;
}

#zahlavi_menu div > ul > li.active, #zahlavi_menu div > ul > li:hover {
   
    /*border-bottom: 1px solid #fff;*/
}

#zahlavi_menu div > ul > li.submenu:hover > span, #zahlavi_menu div > ul > li.submenu:hover > a {
    height: 63px;
}

.notHome #zahlavi_menu div > ul > li > ul {top:57px;}

#zahlavi_menu div > ul > li > ul {
 position: absolute;
	left:0;
	top: 58px;
	background: url(media/images/bg_submenu.jpg) top #c5c3c3 repeat-x;
	width: 910px;
	z-index: 11;
	padding: 18px 15px;
	visibility:hidden;
	border:1px solid #ccc;	
	border-top:0px!important;
}

.home #zahlavi_menu div > ul > li > ul {
	position: absolute;
	left: 3px;
	top: 243px;
	background: #2371b8;
	width: 802px;
	z-index: 10;
	border:0px;
	padding: 18px 15px;
}

.home #zahlavi_menu ul li.zal ul {
background:#5bcf6b;
}

.home #zahlavi_menu ul li.rol ul {
background:#f9a655;
}

.home #zahlavi_menu ul li.sit ul {
background:#50a1dc;
}

.home #zahlavi_menu ul li.shr ul {
background:#fb812e;
}

.home #zahlavi_menu ul li.nah ul {
background:#9ea09e;
}



#zahlavi_menu div > ul > li:hover > ul {
    visibility: visible;
}

.home #zahlavi_menu ul ul  a, .home #zahlavi_menu ul ul  span {
	color:#fff;
	width:auto!important;
	height:auto!important;
}

.home #zahlavi_menu ul > ul > ul > a, .home #zahlavi_menu ul  > ul > ul > span {
	padding-left:15px!important;
	background:url(media/images/sipka_right.png) 0% 50% no-repeat!important;
}



#zahlavi_menu ul ul ul {
    padding: 5px 0;
}

#zahlavi_menu ul ul ul li {
    float: none;

}

#zahlavi_menu .submenu.active2 a.has-sub-cats,
#zahlavi_menu .submenu.active2 span.has-sub-cats {
    background: none !important;
    font-size: 16px !important;
    padding-left: 0 !important;
}

#zahlavi_menu li.submenu.a2.has-sub-cats {
    float: left;
}

.submenu.a2 > ul {
    /*margin-left: 10px;*/
    float: none !important;
}

#zahlavi_menu ul ul ul a, #zahlavi_menu ul ul ul span {
    font-size: 90%;
    padding-left:15px!important;
	background:url(media/images/gray_arrow.png) no-repeat 0% 50%!important;
    line-height: 120%;
}

#zahlavi_menu ul ul ul ul a:hover, #zahlavi_menu ul ul ul ul li.active * {
    background-color: #3b86ca;
}

#zahlavi_menu ul ul a, #zahlavi_menu ul ul span {
 background: none!important;
	width:180px!important;
	padding:0px!important;
	color: #1b1b1b;
	box-shadow: #565656 0px 0px 0px!important;
}

#zahlavi_menu ul ul a:hover {
    border:0px!important;
	text-decoration:underline;
}

#zahlavi_menu ul ul span {
	font-weight:bold;
    border:0px!important;
}

 .notHome #zahlavi_menu ul li.active2.submenu a {
		padding-bottom:6px;
	
	}
	
	 .notHome #zahlavi_menu ul li.active2 > a {
		border:0px;
		box-shadow: #565656 2px 2px 5px!important;
	}
	
	.notHome #zahlavi_menu ul li.active2 > ul a {
		box-shadow: #565656 0px 0px 0px!important;
	}
	
	.notHome #zahlavi_menu ul li.active > a, .notHome #zahlavi_menu ul li.active > span  {
	background:#fdfdfd;
	
	}
	
		.notHome #zahlavi_menu ul li.active  ul {
	background:#fdfdfd;
	color:#000;
	}
	
		.notHome #zahlavi_menu  ul li.active > ul a {
	color:#000;
	}
	
	/*aktivni polozka*/
 .notHome #zahlavi_menu div > ul > li.active > span, .notHome #zahlavi_menu div > ul > li.active > a {
	background:#fdfdfd;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	border-bottom:0px;
	padding-bottom:6px;
	box-shadow: #565656 0px 0px 0px;
	}
	
	.notHome #zahlavi_menu div > ul > li.active.zal > span, .notHome #zahlavi_menu div > ul > li.active.zal > a {
	color:#2ca33c;
	border-color: #2ca33c;
	}
	
	.notHome #zahlavi_menu div > ul > li.active.rol > span, .notHome #zahlavi_menu div > ul > li.active.rol > a {
	color:#f48728;
	border-color: #f48728;
	}
	
	.notHome #zahlavi_menu div > ul > li.active.sit > span,  .notHome #zahlavi_menu div > ul > li.active.sit > a {
	color:#2874bd;
	border-color: #2874bd;
	}
	
	.notHome #zahlavi_menu div > ul > li.active.shr > span,  .notHome #zahlavi_menu div > ul > li.active.shr > a  {
	color:#d94913;
	border-color: #d94913;
	}
	
	.notHome #zahlavi_menu div > ul > li.active.nah > span,  .notHome #zahlavi_menu div > ul > li.active.nah > a {
	color:#606160;
	border-color: #606160;
	}
	
	.notHome #zahlavi_menu div > ul > li  > span  > ul > li > a, .notHome #zahlavi_menu div > ul > li  > span  > ul > li > span {
		background:none!important;
	}
	
	.notHome #zahlavi_menu div > ul > li.active  > span  > ul > li > a, .notHome #zahlavi_menu div > ul > li.active  > span  > ul > li > span {
		background:url(media/images/gray_arrow.png) no-repeat 0% 50%!important;
		
	}
	
	.notHome #zahlavi_menu div > ul > li  > a:hover  {
	 margin:0px 1px;	
	
	}

/*	<<< #zahlavi - zahlavi webu	 */

/* ------------------------------------------------------------------------- */
/* *leve_menu - levy sloupec >>> */
/* ------------------------------------------------------------------------- */
#leve_menu {
	/*overflow: hidden;*/
    width: 208px;
	margin-left:20px;
}

.home #leve_menu {
    padding-top: 10px;
}



/* defaultni styly boxu */
.box {
	padding-bottom: 3px;
	/*clear: both;*/
    /*margin-bottom: 13px;*/
    background: #c4dbf0 url(media/images/blue_box.png) repeat-x 0 bottom;
    /*border-radius: 4px;*/
    overflow: hidden;
}

.box .boxin_top {
    padding: 10px 15px;
}

.box_header {
    color: #0066b3;
    font: bold 165%/120% Frutiger;
}

.box .box_obsah {
    padding:10px 0 0 0;
}

.menu.box .box_obsah {
    padding-top: 0px;
}

.box.zpravodaj .box_obsah .box_obsah_in {
    padding: 0;
}

.box.menu .box_obsah_in {
    padding:0;
}

.box.last, .box.last .box_obsah {
    padding-bottom:0;
}

.box.last .box_obsah_bot {
    padding-bottom:0;
}

.box input[type=text] {
    border: none;
    border-radius: 4px 0 0 4px;
    height: 34px;
    width: 141px;
    padding: 0 5px;
}

.box input[type=submit] {
    background: url(media/images/sprite.png) no-repeat 0 -156px;
    width: 39px;
    height: 34px;
    border: none;
    text-indent: -9999px;
    padding-left: -9999px;
    color: transparent;
}

.box.zpravodaj input {
    float: left;
    margin-bottom: 3px;
}

#leve_menu #hledani_form .hledani_napd {
    display: none;
}

#leve_menu #hledani_form {
	background: #c8c8c8;
	margin-bottom: 4px;
}

#leve_menu #hledani_form #q {
	margin: 5px;
	width: 146px;
	border-radius: 2px;
}

#leve_menu #hledani_form .button {
	width: 27px;
	margin: 6px 5px 5px 0;
	border: none;
	height: 22px;
	text-indent: -2000em;
	padding-left: -2000em;
	border-radius: 2px;
}

/* spolecne styly pro vsechny urovne menu, default 1.uroven */
.menu {
    background:none;
    padding: 10px 0;
	padding-top:0px;
}

.menu .boxin_top {
    padding: 0;
}
 .menu * {
	text-decoration:none; /* pokud nechci podtr�en� odkazy v menu */
	color:#fff;
}

/* defaultni sirka a zaroven pro 0.uroven */
.menu  ul {
    padding:0; margin:0;
    width:100%;
    clear:left;
}

.menu ul ul {
 border-bottom:5px solid #fff;
}

.menu  ul li {
    padding:0; margin: 0;
	list-style-type:none;
	background:url(media/images/bg_leve_menu.jpg) repeat-x #f08d49;
}

.menu ul li.a0 {
    /*border-bottom: 5px solid #fff !important;*/
}

.green .menu  ul li {
    background-image: url(media/images/bg_leve_menu_green.png);
    background-color: #42b452;
}

.blue .menu  ul li {
    background-image: url(media/images/bg_leve_menu_blue.png);
    background-color: #3676b4;
}

.red .menu  ul li {
    background-image: url(media/images/bg_leve_menu_red.png);
    background-color: #e6531d;
}

.gray .menu  ul li {
    background-image: url(media/images/bg_leve_menu_gray.png);
    background-color: #6c6e6d;
}

.menu  ul li a, .menu ul li span {
    color:#fff !important;
    padding:13px 5px 0px 15px;
    display:block;
	/*width:179px;*/
    font-family: MyriadProCond, Frutiger, arial;
    font-size: 24px;
    text-decoration: none;
 
}

#lmenu1 > ul > li > a, #lmenu1 > ul > li > span {
    height: 27px;
}

.menu ul li a:hover, .menu ul li.active > a, .menu ul li.active > span {
   background-color:#ff964d;
}


.orange .menu ul li.submenu ul li.submenu.active > a, .orange .menu ul li.submenu ul li.submenu.active > span{
    background: #fff;
    color: #ff964d!important;
    border: 1px solid #ff964d;
    background-image: url(media/images/orange_arrow.png);
    background-repeat: no-repeat;
    background-position: 14px 15px;
}

.orange .menu ul li.submenu ul li.submenu.active > a.a2,
.orange .menu ul li.submenu ul li.submenu.active > span.a2 {
    background-position: 25px 10px;
}

.green .menu ul li a:hover, .green .menu ul li.active > a, .green .menu ul li.active > span {
   background-color:#42b452;

}

.green .menu ul li.submenu ul li.submenu.active > a, .green .menu ul li.submenu ul li.submenu.active > span{
    background: #fff;
    color: #42b452!important;
    border: 1px solid #42b452;
    background-image: url(media/images/green_arrow.png);
    background-repeat: no-repeat;
    background-position: 28px 17px;
}

.blue .menu ul li a:hover, .blue .menu ul li.active > a, .blue .menu ul li.active > span {
   background-color:#3878b6;
}

.red .menu ul li a:hover, .red .menu ul li.active > a, .red .menu ul li.active > span {
   background-color:#e6531d;
}

.gray .menu ul li a:hover, .gray .menu ul li.active > a, .gray .menu ul li.active > span {
   background-color:#686a69;
}

.gray .menu ul li.submenu ul li.submenu.active > a, .gray .menu ul li.submenu ul li.submenu.active > span{
    background: #fff;
    color: #686a69!important;
    border: 1px solid #686a69;
    background-image: url(media/images/gray_arrow.png);
    background-repeat: no-repeat;
    background-position: 28px 17px;
}

.menu ul li.active > a, .menu ul li.active > span {
/*	border-bottom:5px solid #fdfdfd;*/

}

.menu ul li ul li a, .menu ul li ul li span {
    padding: 8px 25px;
	width:164px;
    width: auto;
    background-image: url(media/images/white_arrow.png);
    background-repeat: no-repeat;
    background-position: 15px 13px;
    font-size:18px;
	font-weight:normal;
}

.menu ul li ul li a:hover, .menu ul ul li.active > a, .menu ul ul li.active > span {
    background-color:#ff964d;
}

.menu ul li ul li ul li a, .menu ul li ul li ul li span {
    padding:3px 5px 3px 40px;
    background-position: 30px 8px;
}

.menu ul ul ul li a:hover, .menu ul ul ul li.active > a, .menu ul ul ul li.active > span {
    background-color: #2f68ad;
}

#vyrobciLeft .box_header, .box_header {
}

#vyrobciLeft table {
    background: url("media/images/blue_box.png") repeat-x scroll 0 bottom #C4DBF0;
    border-radius: 4px;
    width: 100%;
}

#vyrobciLeft table td {
	vertical-align: middle;
}

#vyrobciLeft table .oddel {
    display: none;
}

#vyrobciLeft h3 {
	margin: 15px 0;
	font-weight: bold;
}

#vyrobciLeft h3 a {
    display: block;
    font-size: 100%;
    padding: 0 5px 0 15px;
}

#vyrobciLeft h3 a:hover {
}

#leve_menu #zasilani_novinek h3,
#prave_menu #zasilani_novinek h3 {
	display:block;
	width:201px;
	height:33px;

    position:relative;
    overflow:hidden;
    padding:0px;
    margin:0px;
    background-color:#397096; /* kdyz neni obrazek */
    color:#fff;
}
#leve_menu #zasilani_novinek span,
#prave_menu #zasilani_novinek span  {
	left:0;
	position:absolute;
	top:0;
	display:block;
	width:201px;
	height:33px;
}

#leve_menu #zasilani_novinek form,
#prave_menu #zasilani_novinek form  {
	margin:0px;
	padding:0px;
}
#leve_menu #zasilani_novinek p,
#prave_menu #zasilani_novinek p {
	font-size:80%;
    clear: both;
}
#leve_menu #zasilani_novinek .odeslat,
#prave_menu #zasilani_novinek .odeslat {
	float:right;
	margin-top:4px;
	margin-right:3px;
}

/*	<<< #leve_menu - lev� sloupec	 */

/* ------------------------------------------------------------------------- */
/* *stred - hlavn� sloupec s obsahem >>> */
/* ------------------------------------------------------------------------- */

#stred {
	float: right;
	min-height: 300px;
	width: 688px;
	margin-right:6px;
}

.home #stred {
   width: 680px;
   padding-right:16px;
  
}


.stred_no_cesta {
	padding: 0 0px 20px 0;
    position: relative;
}



.prettyContent  ul,
.std ul {
	list-style: disc;
	padding-left: 15px;
}

.prettyContent ol,
.std ol {
	padding-left: 15px;
}

.prettyContent b, .prettyContent strong,
.std b, .std strong {
	font-weight: bold;
}

.prettyContent p,
.std p {
    margin: 0;
    padding: 4px 0 4px;
}

.prettyContent h2,
.std h2 {
	font-size:30px;
	padding: 0px 0px 5px 0px;
    margin: -7px 0 10px 0px;
    font-family: MyriadPro, Frutiger, arial;
}

h2.mainTitle {
    /*margin-top: 0;*/
}

.eshop.detail h2.mainTitle {
 background:url(media/images/bg_h2_detail.png) repeat-x;
	height:57px;
	font-family:MyriadProCond;
	padding:12px 34px 16px 34px;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
}

.gray.eshop.detail h2.mainTitle {
    background-image: url(media/images/bg_h2_detail_gray.png);
}

.red.eshop.detail h2.mainTitle {
    background-image: url(media/images/bg_h2_detail_red.png);
}

.blue.eshop.detail h2.mainTitle {
    background-image: url(media/images/bg_h2_detail_blue.png);
}

.green.eshop.detail h2.mainTitle {
    background-image: url(media/images/bg_h2_detail_green.png);
}

.detail.clanky h2.mainTitle {
	height:auto;
}

.prettyContent  .stred_no_cesta h2,
.std .stred_no_cesta h2 {
    padding-top: 5px;
    margin: 0;
}

.prettyContent  .stred_no_cesta h2 a,
.std .stred_no_cesta h2 a {
    color: #606061;
    text-decoration: none;
}

.prettyContent  .stred_no_cesta h2 a:hover,
.std .stred_no_cesta h2 a:hover {
    text-decoration: underline;
}

.prettyContent  h3,
.std h3 {
	color: #0c61a0;
    font-size: 155%;
    margin: 0;
    padding: 15px 0 5px;
    font-weight: bold;
}

.prettyContent  h4,
.std h4, .format-nadpis4 {
	font-size:115%;
	padding:10px 0px 5px 0px;
	color:#353738;
	margin:0;
	font-weight: bold;
}

.prettyContent  h5,
.std h5 {
	padding:5px 0px;
	margin:0;
	font-size: 100%;
}

.prettyContent  li h3,
.std li h3 {
    padding: 0;
}

/* filter eshopu */
#filter {
    margin-top:45px;
    position:relative;
    border: 1px solid #D3D4D6;
    border-radius: 0px 3px 3px 3px;
    background: #fff url(media/images/gray_gradient.png) repeat-x 0 bottom;
    padding:10px;
    /*width:692px;*/
}

#filter .filter_all {
    margin-right: 15px;
}

#filter label {
    margin-right:20px;
    display: inline-block;
    white-space: nowrap;
}

#filter strong.head{
    position:absolute;
    display:inline-block;
    text-align:left;
    width:131px;
    height:25px;
    line-height:25px;
    top:-27px;
    left:-1px;
    border: 1px solid #D3D4D6;
    border-bottom:1px solid #fff;
    background:#fff;
    padding-left:10px;
    border-radius: 3px 3px 0 0;
}

#filter input, .fltr_a_text img {
    vertical-align: middle;
}

#stred .razeni_count_wrap form.razeni {
    float: left;
    margin: 0;
    padding: 4px 0;
    width: 45%;
}

/* strankovani */
#pages {
    float: right;
    padding: 0 10px 5px;
}

#pages * {
    line-height: 100%;
    display: block;
    float: left;
}

#pages > * {
    border-radius: 3px;
    border: 1px solid #cacaca;
    margin: 0 3px 0;
}

#pages .pt a, #pages .next a, #pages .prev a,
#pages .b-red, #pages .t-red {
    padding: 5px 8px;
}

#pages .pt a, #pages .next, #pages .prev {
    background: url(media/images/gray_gradient.png) repeat-x 0 -10px;
    color: #6e6e6e;
    font: normal 100%/100% FrutigerCE, arial;
    text-decoration: none;
}

#pages .next a, #pages .prev a {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    width: 24px;
    padding-left: 0;
    padding-right: 0;
}

#pages .prev a {
    background: url(media/images/gray_arrow_l.png) no-repeat center center;
}

#pages .next a {
    background: url(media/images/gray_arrow.png) no-repeat center center;
}

#pages .b-red, #pages .t-red {
    color: #fff;
    background: #909090;
    border-color: #909090;
}


/* razeni polozek katalogu/eshopu */
#stred .razeni_count_wrap{
    padding: 6px 10px 1px 15px;
    margin: 10px 0;
    /*width:694px;*/
    height: 32px;
    background: #fefefe url(media/images/gray_gradient.png) repeat-x 0 bottom;
    border: 1px solid #d3d4d6;
    border-radius: 3px;
    font-family: FrutigerCE, arial;
    color: #464a53;
}

#stred .razeni_count_wrap #sort {
    margin-left: 5px;
}

/* *vypis - polozky eshopu */
.vypis_data {
	/*width: 724px;*/
}

.vypis_data .item {
	border: 0px solid #c2c2c3;
    border-radius: 0px;
    display: table-cell;
    height: 324px;
    width: 220px;
    background: url(media/images/bg_item.jpg) repeat-x #dedede;
    margin: 10px 13px 15px 0;
    float: left;
    color: #656565;
    font-family: MyriadProCond, FrutigerCE,arial;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.verticalAlignTop {
    vertical-align: top;
}

.vypis_data.cat .item {
    /*height: 284px;*/
    height: 227px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.vypis_data.cat .item .item_in {
    padding-bottom: 0;
}

.vypis_data.cat .item .bot {
    background: url(media/images/bg_item.jpg) repeat-x 0 bottom transparent;
    width: 220px;
    margin-left: -12px;
    height: 42px;
}

.label_red {
    background: url(media/images/label_red.png) no-repeat 0 0;
    height: 23px;
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    position: absolute;
    right: -12px;
    bottom: 7px;
    line-height: 23px;
    font-weight: normal;
    padding: 0 13px 0 16px;
    font-family: MyriadProSemibold;
    font-size: 110%;
}

.label_red .price/*, .label_red .prefix*/ {
    font-family: MyriadProBold;
}

.vypis_data .item .popis3 {
    color: #898787;
    font-size: 16px;
    line-height: 110%;
    min-height: 26px;
    padding-top: 5px;
    text-align: center;
}

.vypis_data.cat .item .popis3 {
    min-height: 18px;
    padding-top: 0px;
}

.vypis_data .item .popis3 p {
    line-height: 110%;
}

.vypis_data .item.rowlast {
    margin-right: 0;
}

.vypis_data .item_in {
	padding: 12px;
}

.vypis_data .item .info {
    padding: 0 13px 5px 13px;
}

.vypis_data .item .bot {
    padding: 3px 0;
	padding-bottom:0px;
    position: relative;
}

.vypis_data .item .info p {
    padding: 2px 0;
    line-height: 100%;
}

.vypis_data .item .info .dostupnost p {
    padding: 5px 0 5px 0;
}

.vypis_data .item .info .dostupnost {
    /*background: #f4f4f4;*/
   /* border-top: 1px dotted #d2d2d2;margin-top: 5px;*/
}

.vypis_data .item .top {
   /* background: #fff;*/
    border-radius: 4px;
    height: 227px;
}

.vypis_data .item .titleWrap {
    min-height: 39px;
}

.prettyContent  .imt_title,
.std .imt_title {
    height: 48px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0px;
    font-family: Frutiger, arial;
    font-weight: bold;
}

.prettyContent  .vypis_data h3,
.std .vypis_data h3 {
    font-size: 140%;
    line-height: 115%;
}

.prettyContent  .vypis_data h3 a,
.std .vypis_data h3 a {
    color: #e26005;
}

.picwrap_a_icos {
    position: relative;
    padding: 0px 0px 0px 0px;
}

.vypis_data .picwrap, #podobne-produkty .picwrap {
    /*float: left;*/
    height: 170px;
    overflow: hidden;
    width: 220px;
    margin-left: -12px;
}
/*
.vypis_data .picwrap img, #podobne-produkty .picwrap img {
    border-radius: 3px;
}
*/
.prettyContent  .vypis_data .item .itemPod,
.std .vypis_data .item .itemPod {
    text-align: left;
    height: 38px;
}

.vypis_data .item  .titleWrap a{
	font-family:MyriadProCond;
	font-size:20px;
	font-weight:normal;
}

.prettyContent  .vypis_row .puvodni_cena,
.std .vypis_row .puvodni_cena {
    text-decoration: line-through;
}

.prettyContent  .vypis_row .cena_actual,
.std .vypis_row .cena_actual {
    padding-bottom: 2px;
    color: #e96305;
    font-size: 24px;
	text-align:center;
    font-weight: bold;
}

.prettyContent  .vypis_row .vcdph,
.std .vypis_row .vcdph {
    font-size: 75%;
    padding: 1px 0;
	color:#a09f9e;
}

.colorGray {
    color:#a09f9e;
    font-size: 80%;
}

.fontSize80p {
    font-size: 80%;
}

.vypis_data .item .akce.label {
    position: absolute;
    right: -20px;
    top: -3px;
}

.vypis_data .icos, .detail .icos {
    position: absolute;
    width: 123px;
    text-align: right;
}

.detail .notPics .icos {
    right: 15px;
    top: 5px;
}

.vypis_data .icos {
    right: -12px;
    bottom: 8px;
}

.detail .overflow_wrap .icos {
    right: 2px;
    bottom: 80px;
    z-index: 10;
}

.vypis_data .icos img, .detail .icos img {
    padding-bottom: 2px;
    clear: both;
    float: right;
}

div.ceny p {
    line-height: 85%;
}

.vypis_data .item .detail {
    background: url(media/images/sprite.png) no-repeat 0 -239px;
    display: block;
    width: 67px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
}

.vypis_data .item .detail span {
    display: none;
}

/* *fotogalerie >>> */
#stred .fotogalerie .obr {
	display:inline; /*  ie6 hack double margin */
	float:left;
	margin:0 8px 10px 8px;
	width:121px;
	text-align:center;
}

#stred .fotogalerie.fotog2 .obr {
	display:inline; /*  ie6 hack double margin */
	float:left;
	margin:0 15px 13px 15px;
	width:196px;
	text-align:center;
}

#stred .fotogalerie a:hover {
    text-decoration:none;
    background:none;
}

#stred .fotogalerie .rowFirst {
    clear:left;
}

#stred .fotogalerie img {
	border:2px solid #DBDBDB;
	padding:1px;
}

#stred .fotogalerie a:hover img {
	border:2px solid #ea7c30;
}


#stred .fotogalerie .description {
	font-weight:bold;
}
/* <<< fotogalerie */

/* *classic_list - v�pis �l�nk�, referenc� */

.prettyContent  .classic_list .polozka .anotace_clanku img,
.std .classic_list .polozka .anotace_clanku img {
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
}

.prettyContent  .classic_list .vice,
.std .classic_list .vice {
    padding-top: 0;
				float:right;
}

.prettyContent  .classic_list .vice a,
.std .classic_list .vice a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

.prettyContent .classic_list .vice a span,
.std .classic_list .vice a span {
    background: url("media/images/more_btn.png") no-repeat scroll center 0 #1e6cb4;
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    border-radius: 4px;
    font-weight: bold;
}

.prettyContent  .classic_list .vice a:hover,
.std .classic_list .vice a:hover {
	text-decoration: underline;
}

.prettyContent  .classic_list .polozka .anotace .obr,
.std .classic_list .polozka .anotace .obr {
				float: left;
margin: 0px 8px 8px 0px;
border: 1px solid #e0e0e0;
padding: 3px;
}



/* *detail eshopu */
.detail #stred .polozka  {
    width:100%; /* ie7 bug */
    position: relative;
}

#buttonsPanel {
    position: absolute;
    top: -10px;
    right: 0;
}

#stred .d_obsah_top {
    /*overflow: hidden;*/
    width: 284px;
	padding-right:10px;
    margin-top: 0px;
    background: none;
}
#stred .d_obsah_top {
    float: right;
}

#stred .cenabox .koupit_wrap {
    width: 100%;
}

#stred .cenabox .koupit_wrap th{
	font-weight:normal;
}

#stred .cenabox .koupit_wrap th{
	font-weight:normal;
	font-family:MyriadProCond;
	color:#6c6e6c;
	font-size:16px;
}

#stred .cenabox .koupit_wrap td{
	color:#56a7df;
}

.detail #stred .polozka  #params {
	background:url(media/images/obsah_strany.jpg) repeat-y;
	padding:20px;
}

.detail #stred .polozka  #params .indiv_popis {
	color:#606061;
	font-size:16px;
	font-family:MyriadProCond;
}

.highlightBox {
    background: none;
    border: 0px solid #d4e4f1;
    border-radius: 4px;
    color: #525252;
	margin-top:-15px;
    margin-bottom: 20px;
}

.highlightBox .in {
    padding: 0px 13px 11px 3px ;
}

.highlightBox .sub_nadpis {
    padding-top: 0px !important;
    padding-bottom: 3px !important;
    font-size: 120% !important;
}

.highlightBox p {
    padding: 2px 0 !important;
}

.highlightBox .cenabox {
    margin-top: -11px;
}

.cenabox table {
    border-collapse: collapse;
}

#stred .cenaboxtop th {
    width: 40%;
}

#stred .cenaboxtop tr {
	border-bottom:1px solid #dbdbdb;
}

#stred .cenaboxtop tr:last-child {
	border-bottom:0px solid #dbdbdb;
}

.cenabox table th, .cenabox table td {
    line-height: 150%;
    padding: 7px 10px;
    vertical-align: middle;
    line-height: 110%;
}

.cenabox table th {
    padding-left: 0 !important;
}

.cenabox table td {
    margin-right: 0;
}

.cenabox table .price th, .cenabox table .price td {
    padding-bottom: 9px;
}

.cenabox table .price.empty th, .cenabox table .price.empty td {
    padding-bottom: 5px;
}

.cenabox table th {
    text-align: left;
}
/*
#stred .cenaboxtop td {
    width: 70%;
}
*/
.cenabox table tr.celkova {
    font-size: 115%;
    /*background: #ECEBEB;*/
}

.cenabox table tr.celkova th, .cenabox table tr.celkova td {
    padding: 8px 10px 8px 10px ;
}

#stred .celkova th {
    vertical-align: top;
    padding-left: 0;
}

.cenabox table tr.celkova td {
    font-weight: bold;
    background: -webkit-linear-gradient(#fff, #e3e3e3); /* For Safari */
    background: -o-linear-gradient(#fff, #e3e3e3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #e3e3e3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #e3e3e3); /* Standard syntax */;
    font-family: MyriadProCond;
}

.cenabox table tr.celkova td span {
    color: #535354;
    font-weight: normal;
}

.cenaboxtop table tr.celkova td span {
    display: inline;
}

#stred .cenaboxtop .koupit_wrap .sel_param {
    width: 95%;
}

#stred .priceTable {
    width: 100%;
}

#stred .priceTable .vetsi_text {
    font-size: 130%;
}

#stred .priceTable tr.celkova {
    font-size: 100%;
}

#stred .priceTable th {
    width: auto;
}

.dalsi_foto_wrap .items {
    width: 278px;
}

.items .smallItm {
    border: 1px solid #C8C8C8;
    margin: 2px;
}

.items .smallItm, .items .smallItm a {
    display: block;
    float: left;
    height: 92px;
    overflow: hidden;
    width: 92px;
}

.items .smallItm, .items .smallItm a {
    display: block;
    float: left;
    height: 66px;
    overflow: hidden;
    width: 87px;
}

.items .smallItm.last {
	margin-right: 0;
}

/* Fotogalerie eshop - se sliderem */
/* Detail eshop - fotog */
.dalsi_foto_wrap {
    float: left;
    height: 68px;
    overflow: hidden;
    position: relative;
    width: 278px;
}

.dalsi_foto_wrap .items {
    clear: both;
    position: absolute;
    width: 20000em;
}

.items div {
    float: left;
    width: 300px;
}

.items div.foto_item, .items div.foto_item_in {
    height: 66px;
}

.items div.foto_item {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    display: table;
    margin: 0 2px 0 1px;
    text-align: center;
    width: 88px;
}

.items div.foto_item_in {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: auto;
    text-align: center;
}

.dalsi_foto_wrap .active {
    cursor: default;
    position: relative;
}

.dalsi_foto_wrap img {
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.detail .browse {
    background: #ef8a44;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(media/images/sprite.png);
    display: block;
    width: 20px;
    height: 68px;
    float: left;
    cursor: pointer;
}

.prev.browse.left {
    margin-right: 2px;
    background-position: 0 -428px;
}

.next.browse {
    margin-left: 2px;
    float: right;
}

.next.browse.right {
    background-position: -33px -428px;
}

.detail .browse:hover {
    background-color: #ffa262;
}

.detail .browse.disabled {
    opacity: 0.5;
    cursor: default;
    background-color: #d2d2d2 !important;
}

/* *subprodukty */
#stred .varianty_nadpis {
    font-size: 165%;
    font-weight: bold;
    color: #307ec6;
}

#stred .varianty_nadpis span {
    background: url(media/images/blue_arrow_bot.png) no-repeat right center;
    padding-right: 25px;
}

#stred .subproduct_params_wrap {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

#stred .subproduct_params_wrap th {
    background-color: #E6E6E6;
    padding: 5px;
    text-align: right;
    width: 25%;
    vertical-align: middle;
}

#stred .subproduct_params_wrap td {
    background: none repeat scroll 0 0 #E6E6E6;
    padding: 5px;
    vertical-align: middle;
    width: 80%;
}

#varianty, #tabs {
    padding-top: 15px !important;
}

.d_obsah_top #tabs {
    padding-top: 7px !important;
}

.d_obsah_top .empty + #tabs {
    padding-top: 0 !important;
}

#stred #dalsi_varianty tr {
    background: url(media/images/subpr_sep.png) repeat-x 0 bottom;
}

#stred #dalsi_varianty table tr:first-child th, #stred #dalsi_varianty table tr:first-child td {
    font-size: 95%;
}

#stred #dalsi_varianty th, #stred #dalsi_varianty td {
    padding: 5px 10px;
}

#stred #dalsi_varianty th:first-child, #stred #dalsi_varianty td:first-child {
    padding-left: 4px;
    min-width: 80px;
}

#stred #dalsi_varianty th {
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
}

#stred #dalsi_varianty th {
    /*max-width: 300px;*/
}

#stred #dalsi_varianty .sep {
    display: none;
}

#stred #dalsi_varianty td {
    vertical-align: middle;
    font-size: 110%;
}

#stred #dalsi_varianty td.title {
    color: #307dc5;
}

#stred #dalsi_varianty td.pic {
    padding-left: 0;
}

#stred #dalsi_varianty td.pic img {
    vertical-align: top;
    border: 1px solid #C8C8C8;
}

#stred #dalsi_varianty {
}
#stred #dalsi_varianty table {
    width:100%;
}

#stred #dalsi_varianty th.dalsi_akce_tab {
}

#stred #dalsi_varianty td.akce_kosik {
    padding-right: 5px;
}

#stred #dalsi_varianty td.akce_kosik .add_cart {
    background: url(media/images/sprite.png) no-repeat 0 -539px;
    text-indent: -9999px;
    padding-left: -9999px;
    cursor: pointer;
    width: 26px;
    height: 27px;
    border: none;
}

#dalsi_akce {
    margin: 10px 0;
}

.obal_ks {
    float: left;
   /* width: 220px;*/
}

.obal_ks label {
    color: #2f2f2f;
    font-size: 135%;
    padding-right: 8px;
    padding-top: 11px;
    /*width: 48px;*/
    text-align: left;
}

.obal_ks input {
    border: 0px solid #d1cdcc;
    height: 41px;
    text-align: center;
    width: 48px;
    color: #8d8d8d;
    font-size: 18px;
    font-family: inherit;
    border-radius: 2px;;
}

.obal_ks label, .obal_ks input {
    float: left;
}

input.koupit {
    float: right;
}

input.koupit {
    background: url(media/icons/ico_kosik.png) no-repeat scroll 0 0 #E6E6E6;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 45px;
    text-indent: -99999px;
    width: 137px;
}

input.koupit[disabled] {
    opacity: 0.5;
}

#calculate {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background: red;
    color: #fff;
    float: left;
}

#calculate.disabled {
    background: gray;
}

.usetrite {
    color: #d5382c;
    font-weight: bold;
}

.cenaboxleva {
    float: left;
    width: 323px;
    position: relative;
    margin-bottom: 5px;
}

.overflow_wrap {
    overflow: hidden;
    /*height: 322px;*/
}

.detailpicwrap {
    clear: right;
    float: right;
    /*width: 296px;*/
}

.detail .popis_kratky{
	color:#fff;
	position:relative;
	top: -67px;
	left: -339px;
	min-height:44px;
    width: 610px;
}

.detail .popis_kratky p{
	font-size:24px;
	
	font-family:MyriadProCond;
}

#image_wrap {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 240px;
    margin: 0 0 10px 0px;
    padding: 0;
    width: 321px;
    overflow: hidden;
    position: relative;
}

#image_wrap .desc {
    background: url("media/images/black_alpha80.png") repeat scroll 0 0 transparent;
    bottom: 0;
    color: #E7F2F9;
    font-size: 100%;
    line-height: 100%;
    left: 0;
    padding: 8px 25% 8px 5%;
    position: absolute;
    text-align: left;
    width: 70%;
}

#stred .souvisejici_wrap .block_tit {
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    color: #494848;
    font-family: Frutiger,arial;
    font-size: 250%;
    font-weight: bold;
    margin: 29px 0 15px;
    padding: 5px 0 5px;
    /*width: 719px;*/
}

#logo_vyrobce {
    float: right;
    padding-left: 10px;
}

/* *tabs - jQuery Tabs */
.ui-widget-content {
	border: none !important;
	font-size: 100% !important;
    padding: 0 !important;
    background: none !important;
}

#stred #tabs .dom_content {
    border: none !important;
    margin-top: 0px;
    padding: 10px 16px !important;
    background: #ecebeb !important;
    border-radius: 4px 4px 4px 4px;
}

.ui-tabs-nav {
	border: none !important;
	background: none !important;
	padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
	margin-right: 1px !important;
	border-radius: 0 !important;
	border: none !important;
    padding-bottom: 0px !important;
    background: none !important;
    top: 0px !important;
    margin-bottom: 0 !important;
}

.ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 24px !important;
}

.d_obsah_top .ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 10px !important;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 9px 16px 4px !important;
	/*padding-left: 25px !important;*/
	background: none !important;

	color: #494848;
    border-radius: 4px 4px 0 0;
    border: none !important;
    text-transform: uppercase;
    font-size: 95%;
}

#tabs ul.ui-tabs-nav li a:hover, #tabs ul.ui-tabs-nav li.ui-state-active a {
    background: #ecebeb !important;
    color: #494848 !important;

}

.ui-corner-bottom {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

#podobne-produkty .item{
		width:210px;
		overflow:hidden;
}

#podobne-produkty .item .picwrap{
		width:210px;
		overflow:hidden;
}

#podobne-produkty .item .picwrap a, #podobne-produkty .item .picwrap a span {
    width: 210px;
    display: block;
}

#podobne-produkty .item .picwrap a span {
    text-align: center;
}

/* *parametry */
#parametry table {
    width: 100%;
}

table.detail_params td, table.detail_params th {
    padding: 5px 8px;
}

#parametry table th {
    text-align: left;
    font-weight: bold;
}

table.detail_params tr.licha td, table.detail_params tr.licha th {
    background: none repeat scroll 0 0 #d3d3d3;
    /*border-bottom: 1px solid #646464;*/
}

/* *vypiskat - vypis kategorii */
#topcategories div.head, #netopkat div.head {
/*    font-size: 100%;*/
    /*height: 23px;*/
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    width: 704px;
    font-weight: bold;
    color: #535354;
    /*border-bottom:3px solid #cfdfeb;*/
}

#stred #netopkat div {
    margin-bottom: 0;
    padding-bottom: 10px;
}

#netopkat li, #netopkatjq1 li {
    float: left;
    padding-right: 30px;
    width: 197px;
}

#netopkat li h3 , #netopkatjq1 li h3 {
    font-size: 100%;
}

#stred li h3 a {
    color: #222222;
}

/* *topkategorie */
#topcategories {
	width: 722px;
}

#topcategories .item_in h3 span {
    height:100px;
    display: block;
    height: 60px;
    overflow: hidden;
    padding-right:19px;
}

.category_list .item {
	margin-bottom: 5px;
	/*margin-right: 5px;*/
}


.category_list .item_in {
    background: #e4eef6/* url(media/images/blue_box.png) repeat-x 0 bottom*/;
    border: medium none;
    height: 55px;
    position: relative;
    border: 1px solid #cfdfeb;
    padding: 5px;
    margin-right: 6px;
    border-radius: 3px;
}

#stred .category_list .item_in:hover {
	background: #cfdfeb;
}

.category_list .item.rowFirst {
	margin-left: 0;
}

.category_list .item.rowlast {
	margin-right: 0;
}

.category_list .picwrap {
    border: medium none;
    float: left;
    height: 55px;
    overflow: hidden;
    width: 100%;
}

.category_list .picwrap img {
    float: left;
    width: 75px;
}

#stred .category_list .picwrap h3 {
    float: left;
    font-weight: normal;
    margin-left: 5px;
    font-size: 130% !important;
    font-weight: bold !important;
}

#stred .category_list .picwrap h3 a {
    /*background: url("./../../obrazy/sipka.gif") no-repeat scroll 213px 44px transparent;*/
    color: #535354;
    height: 58px;
    left: 0;
    padding-left: 90px;
    padding-top: 5px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 149px;
}

#stred .category_list .picwrap h3 a:hover {
    /*background: url("./../../obrazy/sipka_h.gif") no-repeat scroll 216px 44px transparent;*/
    color: #323232;
    text-decoration: underline;
}

#stred .category_list .picwrap h3 a {
    color: #1E1E1E;
    height: 58px;
    left: 0;
    padding-left: 85px;
    padding-top: 5px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 149px;
}

#stred .category_list .picwrap h3 a:hover {
}

#netopkatjq1 {
    margin-bottom:10px;
    background: #e4eef6;
    border: 1px solid #cfdfeb;
    position:relative;
    clear: both;
    width:712px;
    border-radius: 0 0 0 0px;
}
#netopkatjq1 div.head {
    position:absolute;
    text-align:center;
    width:125px;
    height:20px;
    top:-1px;
    left:-1px;
    border: 1px solid #cfdfeb;
    background:#cfdfeb;
    padding:0;
    padding-top: 1px;
    padding-right:15px;
    background:#fff;
    -moz-border-radius:0;
    color:#535354;
    font-weight:bold;
    font-size: 100%;
    border-radius: 0px 0 3px 3px !important;

}
#netopkatjq1 .head.ui-state-default {
    background: #cfdfeb url(media/images/sipka_dolu.gif) no-repeat 125px 4px;
}
#netopkatjq1 .head.ui-state-active {
    background: #cfdfeb url(media/images/sipka_nahoru.gif) no-repeat 125px 4px;
}
#netopkatjq1 .ui-widget-content {
    border: none;
    background: none;
    color:#535354;
}
#stred .category_list .ui-accordion .ui-accordion-content {
    margin-top:30px;
    /*min-height:100px;*/
    border:2px solid red;
    margin-bottom: 10px !important;
}

#stred .category_list .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    padding: 5px 10px 10px 10px !important;
}

#netopkatjq1 .ui-state-default .ui-icon {
    background-image:none;
}
#netopkatjq1 .ui-state-active .ui-icon {
    background:none;
}

#stred li h3 {
	margin: 0;
	padding: 0;
}

/*	<<< #stred - hlavn� sloupec s obsahem	 */

/* ------------------------------------------------------------------------- */
/* *prave_menu - prav� sloupec >>> */
/* ------------------------------------------------------------------------- */

#prave_menu {
    width: 200px;
    float: right;
}

.home #prave_menu {
    margin-top: 25px;
}

#prave_menu .wrap.top {
    padding-bottom: 30px;
}

#prave_menu .wrap.bottom {
    min-height: 200px;
}

.col_prave_menu .stred_leva {
    width: 743px;
    float: left;
}

.col_prave_menu #stred {
    width: 495px;
}

.float_prave_menu #prave_menu {
    margin-left: 20px;
    margin-top: -75px;
}

/*	<<< #prave_menu - pravy sloupec	 */

/* ------------------------------------------------------------------------- */
/* *footer - paticka >>> */
/* ------------------------------------------------------------------------- */

#footerWrap {
	height:260px;
	background:url(media/images/bg_footer.jpg) #000 repeat-x;
	border-top:1px solid #fff;
}



#footer {
	clear:both;
	font-size:100%;
	color:#646464;
}

#footer .in {
   
}

#patka_pod {
    font-size: 90%;
    padding-top:28px;
}

#patka_pod a {
	color:#bfbfbf;
}

#patka_pod p {
	color:#a7a3a3;
}
#patka_pod .patka_leva {
	float:left;
	margin-top:4px;
	padding:15px 3px 0px 0px;
	width:45%;
	text-align:left;
}
#patka_pod .patka_prava {
	float:right;
	padding:10px 0px 9px 3px;
	width:47%;
	text-align:right;
}


#patka_pod .patka_prava ul {
    list-style:none;
}
#patka_pod .patka_prava ul li{
    display:inline-block;
    border-right: 1px solid #646464;
    padding: 0 5px 0 3px;
}
#patka_pod .patka_prava ul li#last{
    border-right:none;
}
#patka_pod .patka_prava a {
    color:#fff;
}

#patka_pod .patka_prava li span {
    color:#ff7800;
}


#patka_pod  .patka_prvni{
	width:359px;
	height:65px;
	padding-top:5px;
	color:#bfbfbf;
	float:left;
	padding-left:55px;
	background:url(media/images/img_info.png) no-repeat  5px 0px;
	border-right:1px dotted #999;
}

#patka_pod  .patka_prvni a{
	text-decoration:none;
}

#patka_pod  .patka_prvni a:hover{
	text-decoration:underline;
}

#patka_pod  .patka_prvni ul{
	float:left;	
	width:160px;
	margin-right:15px;
}

#patka_pod  .patka_prvni ul.sirsi{
	width:177px;
	margin-right:0px;
}

#patka_pod  .patka_prvni ul li{
	list-style:url(media/images/sipka_right.png);
}



 .patka_prvni hr, .patka_druha hr, .patka_treti hr{
	border:0px;
}


#patka_pod  .patka_druha{
	width:198px;
	height:71px;
	float:left;
	padding-top:4px;
	padding-left:77px;
	padding-right:26px;
	background:url(media/images/img_otaz.png) no-repeat  30px 3px;
	border-right:1px dotted #999;
}

#patka_pod  .patka_treti{
	width:168px;
	padding-left:72px;
	height:70px;
	background:url(media/images/img_plat.png) no-repeat  20px 0px;
	float:left;
	
}

/*	<<< footer - paticka	 */

/* ------------------------------------------------------------------------- */
/* *kosik - Nakupni kosik >>> */
/* ------------------------------------------------------------------------- */
.kosik #stred table {
    border-collapse: collapse;
    border-spacing: 1px;
    margin: 10px 0 5px;
    padding: 0;
    width: 100%;
}

.kosik #stred tr,
.kosik #stred td,
.kosik #stred th {
    border-bottom: 1px solid #FFFFFF;
}

.kosik #stred tr {
    background: none repeat scroll 0 0 #EBECEE;
}

.kosik #stred td {
    font-size: 12px;
    vertical-align: middle;
}

.kosik #stred th, .kosik #stred td {
    padding: 5px;
}

.kosik #stred td.first a {
    display: table-cell;
    vertical-align: middle;
}

.kosik #stred th {
    background: none repeat scroll 0 0 #CFCFCF;
    font-size: 12px;
    text-align: left;
}

.kosik #stred tr.first_row th {
    border-bottom: 1px solid #CFCFCF;
    color: #423431;
}

.kosik #stred tr.first_row th.first {
	width: 420px;
}

.kosik #stred tr.first_row th.cena, .kosik #stred tr td.cena {
	text-align: right;
}

.kosik #stred tr.first_row th.pocet_ks, .kosik #stred tr td.pocet_ks {
	text-align: center;
}

.kosik #stred tr a {
    color: #535354;
}

.kosik .akce_kosik {
    clear: both;
    float: left;
    height: auto;
    margin: 0;
    width: 40%;
}

.kupony {
    float: right;
    height: 30px;
    /*padding-right: 23px;*/
}

.kupony img {
	position: relative;
	top: 2px;
}

.kosik .platba {
    background: #ebecee;
    float: right;
    margin-bottom: 10px;
    margin-left: 14px;
    min-height: 85px;
    width: 350px;
    padding-bottom: 5px;
    border-top: 1px solid #CFCFCF;
    border-radius: 0 0 3px 3px;
}

.kosik .platba .platba_in {
    min-height: 100px;
    padding: 0 14px;
    position: relative;
    width: 322px;
}

.doruceni {
    float: left;
    width: 322px;
    border-top: 1px solid #CFCFCF;
}

.doruceni1 {
    background: #ebecee;
    float: left;
    border-radius: 0 0 3px 3px;
    padding: 0 14px;
    width: 294px;
}

#prihlasitse h3{
	margin-top:20px;
	padding-bottom:10px;
	

}

.kosik_celkem.podr .doprava {
	font-weight: normal;
	text-align: right;
	clear: left;
}

.kosik_celkem.podr span {
    display: block;
    float: left;
    width: 90px;
    margin-bottom: 3px;
}

.kosik_celkem.podr span.mena {
    text-align: left;
    width: 39px;
}

.kosik_celkem.podr span.text {
    width: 157px;
}

.kosik_celkem.podr .celkem.doprava {
	font-weight: bold;
	padding: 5px 30px 5px 0;
	clear: both;
}

.kosik input.pocet_ks {
    /*background: none repeat scroll 0 0 transparent;*/
    /*border: medium none;*/
    /*text-align: right;*/
    /*width: 20px;*/
}

.kosik .plus_minus{
    text-align: center;
    width: 115px;
}

.kosik .plus_minus span {
    /*margin-right: 13px;*/

}

.kosik input.pocet_ks {
    width: 24px;
    text-align: right;
}

.kosik .pocet_ks_input_wrap {
    float: left;
    margin: 0 5px;
}

.kosik .minus, .kosik .plus, .kosik .odebratX {
	cursor: pointer;
	border: none;
	height: 20px;
	width: 21px;
	text-indent: -90000px;
	color: transparent;
    margin-top: 1px;
}

.kosik .plus, .kosik .minus {
    margin:0 3px;
}

.kosik .plus {
	background: url(media/icons/plus_minus.png) no-repeat -28px -26px;
}

.kosik .minus {
	background: url(media/icons/plus_minus.png) no-repeat -29px -2px;
}

.kosik .prepocitat {
    float:left;
    margin-left:415px;
}

.kosik .odebratX {
	background: url(media/icons/plus_minus.png) no-repeat -51px -26px;
	text-indent: 0px;
	color: #000;
	padding-bottom: 4px;
	height: 20px;
}

.kosik .odebratX:hover {
	color: #fff;
}

.kosik .minus:hover {
	background-position: -3px -2px;
}

.kosik .plus:hover {
	background-position: -3px -26px;
}



.kosik .kosik_celkem {
    float: right;
    height: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    width:100%;
    /*border:1px solid red;*/
}

#kosik .celkem_cena .doprava {
	height:29px;
	line-height:29px;
}

.kosik .doprava {
    color: #000;
    font-size: 125%;
    font-weight: bold;
    line-height: 100%;
/*    padding-right: 30px;*/
    padding-top: 0;
    text-align: right;
}

.kosik .kosik_celkem.celkem_cena .doprava {
    line-height: 140%;
}

div.jquery-ajax-loader {
    background: url("./../../obrazy/jquery/jquery.ajaxLoader.gif") no-repeat scroll 50% 50% #333333;
    opacity: 0.6;
}

#naPoste {
    background-color: #EBECEE;
    margin: 5px 0px;
    padding: 10px 10px 10px;
    border: 1px solid #CFCFCF;
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
    position: relative;
}

#naPoste .otaznik{
    top: 13px;
    left: 313px;
}

#naPoste h4 {
    font-size: 170% !important;
    padding: 0px 0px 5px!important;
}

.popisek { position:absolute; left:0px; top:0px; z-index:100; background: white; border: 1px solid #314584; color: #000; font-size: 10px; padding: 10px ; max-width: 250px; text-align: left; line-height: 1.3; font-family: Verdana; display: none;}
.popisek {width: 250px;}
.popisek table, .popisek p { font-size: 11px; font-family: Tahoma;}
.popisek table td { padding: 4px; text-align: center}
.popisek table th { padding: 4px; text-align: left}

#ceska_posta_search_result p {
    margin: 10px 0px 0px 0px;
    /*border: medium none;*/
    /*color: #FFFFFF;*/
    /*cursor: pointer;*/
    /*font-family: MyriadProSemibold,Myriad Pro,Arial;*/
    /*font-size: 115%;*/
    /*height: 21px;*/
    /*vertical-align: middle;*/
    /*width: 66px;*/
}

#ceska_posta_search_result .btnSmall {
    /*border: medium none;*/
    /*color: #FFFFFF;*/
    /*cursor: pointer;*/
    /*font-family: MyriadProSemibold,Myriad Pro,Arial;*/
    /*font-size: 115%;*/
    /*height: 21px;*/
    /*vertical-align: middle;*/
    /*width: 66px;*/
}

#ceska_posta_search_result .btnSmall:hover {
	/*background-position: 0 -22px;*/
}

.kosik tr td.first a.obr img {
    float:left;
    padding:3px;
    max-width:50px;
    text-align:center;
    margin-right:5px;
}

.kosik .left {
    float: left;
    margin-right: 5px;
    width: 341px;
}

.kosik .right {
    float: right;
    width: 341px;
}

.kosik .zipy {
	clear: both;
}

.kosik .otaznik, .kosik .question {
    background: url("media/icons/otaznik.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    /*right: -1px;*/
    top: 7px;
    width: 24px;
    margin-left: 5px;
}

.kosik .question {
	position: relative;
	left: 10px;
	top: -3px;
	float: left;
}

#prihlasitse h3 span {
	float: left;
}

.kosik .volba {
    height: 16px;
    margin: 2px 10px 0 0 !important;
    width: 16px;
    position: relative;
    top: 2px;
}

.kosik .volba[disabled] + label {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.kosik_celkem.podr {
	width: 100%;
}

.kosik_celkem.podr .celkem.doprava {
    border-top: 1px solid;
}

.kosik .left label, .kosik .right label {
	width: 111px;
	float: left;
	line-height: 22px;
}

.kosik .left input, .kosik .right input {
	width: 211px;
	height: 22px;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	padding-left: 5px;
	background: #f8f8f8;
}

.kosik input.errorInput {
	border-color: red;
	background: #fff7f7;
}

.kosik .right input#ulice, .kosik .right input#f_ulice,
.kosik .left input#prijmeni, .kosik .right input#mesto, .kosik .right input#f_mesto {
	width: 131px;
}

.kosik .right input#cp, .kosik .right input#f_ulice_cp,
.kosik .left input#jmeno, .kosik .right input#psc, .kosik .right input#f_psc {
	width: 65px;
	margin-left: 5px;
}

.kosik .left input#jmeno {
	margin-left: 0;
	margin-right: 5px;
}

.kosik .poznamka #poznamky {
	width: 99%;
    height: 50px;
    min-height: 55px;
    background: #f8f8f8;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    padding: 5px 0 0 5px;

}

.kosik .zipy img {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.kosik #login_wrap {
	/*background: #EBECEE;*/
	background: url("media/images/gray_gradient.png") repeat-x scroll 0 bottom #FEFEFE;
	padding: 5px 20px 5px 20px;
	border: 1px solid #cfcfcf;
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
    border-radius: 3px;
}

.kosik #login_wrap .tit_kategorie.title {
	color: #535354;
    font-size: 110%;
    margin: 0;
    padding: 15px 0 5px;
    font-weight: bold;
}

.kosik #login_wrap h3, .kosik #login_wrap .tit_kategorie.title {
	padding-top: 5px;
	padding-bottom: 0;
}

.kosik #login_wrap .loggedAs {
	/*padding-top: 5px;*/
}

.kosik #login_wrap p {
	padding: 2px 0 1px 0;
}

.kosik #login_wrap .loginBox {
	margin-top: 5px;
}

.kosik #login_wrap input#login, .kosik #login_wrap input#password {
	margin-right: 20px;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	height: 20px;
	padding: 0 5px;
}

.kosik #login_wrap input#password {
	margin-right: 0;
}
/*
.kosik #login_wrap a {
	margin-right: 15px;
}
*/

.kosik #partner_login_button {
	margin-right: 30px;
}

.ui-tooltip-content h4 {
	font-weight: bold;
	padding-top: 10px;
}

.validInfo {
    height: 16px;
    margin-left: -20px;
    margin-top: 4px;
    position: absolute;
    width: 16px;
}

#posilamWrap {
    float: left;
    height: 36px;
    line-height: 36px;
    width: 473px;
}

.kosik_kontakt {
    float: right;
    font-size: 120%;

    line-height: 170%;
    padding-left: 35px !important;
    padding-right: 20px !important;
}

.kosik_kontakt span {
    display: block;
    font-size: 150%;
    padding-left: 50px;
    text-decoration: none;
}

.kosik .checkPic input {
	position: relative;
	top: -2px;
}

#do_order_butt {
    background: url("media/images/red_btn.png") repeat-x scroll 0 bottom transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 130%;
    font-family: Frutiger, arial;
    font-weight: bold;
    height: 45px;
    line-height: 42px;
    width: 212px;
    padding-bottom: 3px;
    text-align: center;
    border-radius: 4px;
}

#posilamWrap img {
    padding-right: 5px;
    vertical-align: middle;
}
/*	<<<  kosik - N�kupn� ko��k  */

/* ------------------------------------------------------------------------- */
/* *admin_lista - Administra�n� li�ta  >>> */
/* ------------------------------------------------------------------------- */

.adminLista #mainWrap {
	padding-top: 32px;
	
}

#admin_lista {
	background:transparent url(media/images/adminer_bck.png);
	font-size: 110%;
	font-family:Arial;
	position:fixed;
	width:100%;
	z-index:1000;
	left:0; /*ie7*/
}

#admin_lista table {
	margin: 5px 20px;
	width: 98%;
}

#admin_lista a.edit_page, #admin_lista a.new_page {
	border: 1px solid #b9b9b9;
	background: #fff;
	text-decoration: none;
	height: 20px;
	display: inline-block;
	padding-right: 5px;
	line-height: 20px;
}

#admin_lista a.admBoxLink {
	margin-right: 5px;
}

#admin_lista a.edit_page span.act_ico, #admin_lista a.new_page span.act_ico  {
	background: #fff url(media/icons/icon_sprites.gif) -12px top;
    height: 16px;
	width: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 3px;
}

#admin_lista a.new_page span.act_ico {
	background: #fff url(media/icons/icon_sprites.gif) left top;
	width: 13px;
}

#admin_lista a:hover span {
	text-decoration: underline;
}

#admin_lista a:hover span.act_ico {
	text-decoration: none;
}

#admin_lista #logout {
	float: right
}

#admin_lista #admin_nadpis {
	font-size: 16px;
	font-weight: bold;
	padding-right: 20px;
}

#admin_lista td.adm_out {
	text-align:right;
}
/* <<< Administracni lista */

/* ------------------------------------------------------------------------- */
/* *cesta = drobeckova napoveda */
/* ------------------------------------------------------------------------- */
#cesta {
    padding:7px 0px;
    font-size:84%;
    text-align: right;
	margin-right: 15px;
    /*color:#c8c8c8;*/
    margin-bottom:2px;
}

.no_prave_menu #cesta {
}

#cesta hr {
    display:none;
}

#stred .t_doleva {
	text-align:left;
}
#cesta a{
    margin-right: 10px;
}
#cesta a, #cesta span.last{
    display:inline-block;
    padding-left:8px;
    background: url('media/images/cesta_separator.gif') no-repeat 0 4px;
}
/* <<< cesta = drobe�kov� n�pov�da */

/* ------------------------------------------------------------------------- */
/* *form - formul��ov� prvky  >>> */
/* ------------------------------------------------------------------------- */
.forms_base form {}

.forms_base form, .forms_base label, .forms_base input, .forms_base fieldset, .forms_base textarea {
    padding:0;
    margin:0;
}

.forms_base label {
    display:block;
}

.forms_base fieldset {
    border: 1px solid gray;
}


.forms_base .box {
    padding:10px 0;
}

/* VSTUPNI FORMULAR PRO uchazece */
.forms_base fieldset {
    margin-top:20px;
    padding:15px;
    /*border:auto;*/
}
.forms_base .last { margin-bottom:20px;}

.forms_base input, .forms_base textarea {
    width:350px;
}

.forms_base input.error  {
    border:1px solid red;
}

.forms_base input.submit_button {width:auto;}

.forms_base .width_short {
    width:150px;
}

.forms_base .pozn_pod_fieldset, .forms_base span.item_note {
    padding:0px 15px;
    color:#aaa;
    font-size:90%;
}
.forms_base label, .forms_base span.item_note {display:block;}

.forms_base span.mandatory {
    color:red;
    padding:0 3px;
}

.forms_base span.item_note {
    padding:0;
}


.forms_base textarea {
    /*width:600px;*/
}

.forms_base textarea {  min-height:150px;}
* html .forms_base textarea { height:150px;}


.forms_base .chckbox {
    float:left;
    width:25px !important;
    height:19px;
}


.forms_base legend {
    font-weight:bold;
    margin:0;
    padding:0.1em 30px 0.1em 4px;
}

.forms_base .msg {
    padding:10px;
    margin:5px 0;
}

.forms_base .msg p {
    padding: 3px !important;
}

.forms_base .error {
    color:#fff;
    background:red;
}

.forms_base .ok {
    color:#fff;
    background:green;
}

.forms_base .warning, .status .warning {
    color:#222;
    background:orange;
}

.forms_base .error, .forms_base .ok, .forms_base .warning {
    padding:10px;
}

.forms_base .spamCheck input {width:80px;}

/* overlib napoveda u formularu >> */
.fontClass {
    padding:5px; /* text */
    border:1px solid #444;
}
.capfontClass { /* nadpis */
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:2px 5px;

}
.capfontClass a {
    color: #fff;
}
.fgClass { background: #eee; } /* pozadi textu */
.bgClass { background: #444;} /* pozadi nadpisu */
/* <<< form - formul��ov� prvky */


/* ------------------------------------------------------------------------- */
/* *prilohy - p��lohy >>> */
/* ------------------------------------------------------------------------- */
/* *********************************** */
/* radkove prilohy downloadable */
/* *********************************** */
.priloha_download a {
    line-height:16px;
    padding-left:25px;
}

.priloha_download a.pdf {background:transparent url(media/icons/prilohy/ico-pdf.gif) no-repeat left center;}
.priloha_download a.doc, .priloha_download a.docx {background:transparent url(media/icons/prilohy/ico-doc.gif) no-repeat left center;}
.priloha_download a.xls, .priloha_download a.xlsx {background:transparent url(media/icons/prilohy/ico-xls.gif) no-repeat left center;}
.priloha_download a.jpg, .priloha_download a.jpeg {background:transparent url(media/icons/prilohy/ico-jpeg.gif) no-repeat left center;}
.priloha_download a.png {background:transparent url(media/icons/prilohy/ico-png.gif) no-repeat left center;}


/* *********************************** */
/* std  old prilohy */
/* *********************************** */
.priloha {
	width:120px;
	margin-top:10px;
	text-align:center;
    float:left;
    word-wrap: break-word;
    white-space: -moz-pre-wrap !important;
}

.priloha p {
	text-align:center;
	font-size:90%;
}

/* <<< p��lohy */


/* *********************************** */
/* error a form. hl�ky */
/* *********************************** */
.prettyContent .ok, .prettyContent .error, .prettyContent #error, #ok, .prettyContent .warning, .prettyContent  #warning,
.std .ok, .std .error, .std #error, #ok, .std .warning, .std #warning {
    background: none repeat scroll 0 0 red;
    margin: 5px 0;
    padding: 5px 10px;
}

.ok, #ok {
	background: green !important;
}

.ok a, .error a, #error a, #ok a, .warning a, #warning a, .ok, .error, #error, #ok, .warning, #warning {
    color: #FFFFFF !important;
}
/* <<< error a form. hl�ky */

.kosik .pokracovat_objednani {
    border-top: 1px solid #3E1218;
    font-size: 100%;
    margin: 10px 0 5px;
    padding: 4px 0 4px 4px;
    text-align: right;
}

.kosik #stred .pobocka_wrap tr {
    background:none;
}

.kosik #stred .pobocka_wrap th,
.kosik #stred .pobocka_wrap td {
    padding:1px;
    border:none;
    background:none;
}

.kosik #stred .pobocka_wrap table {
    margin:0 0 0 25px;
}

#leve_menu #login_wrap, #prave_menu #login_wrap {
    background: url("media/images/blue_box.png") repeat-x scroll 0 bottom #C4DBF0;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    margin-bottom: 13px;
    padding-bottom: 3px;
}
#leve_menu #login_wrap form, #prave_menu #login_wrap form {
    margin: 0;
    padding: 0;
}
#leve_menu #login_wrap, #leve_menu #login_wrap a, #prave_menu #login_wrap, #prave_menu #login_wrap a {
}
#leve_menu #login_wrap .title, #prave_menu #login_wrap .title {
    color: #0066B3;
    font: bold 165%/120% Frutiger;
    padding: 10px 0 0 15px;
}
#leve_menu #login_wrap .login_in, #prave_menu #login_wrap .login_in {
    padding: 8px 15px;
}
#leve_menu #login_wrap p, #prave_menu #login_wrap p {
    line-height: 120%;
    margin: 0;
    padding: 0;
}
#leve_menu #login_wrap #login, #leve_menu #login_wrap #password, #prave_menu #login_wrap #login, #prave_menu #login_wrap #password {
border: medium none;
    border-radius: 4px;
    height: 34px;
    padding: 0 5px;
    width: 179px;
    margin-bottom: 5px;

}

#leve_menu #login_wrap .links_last, #leve_menu #login_wrap .links {
    padding:4px 0;
}

#leve_menu #login_wrap .links_last {
    display:none;
}

#leve_menu #login_wrap #partner_login_button {
    background: url("media/images/sprite.png") no-repeat scroll 0 -156px transparent;
    border: medium none;
    color: transparent;
    height: 34px;
    text-indent: -9999px;
    width: 40px;
    border-left: 1px solid #fff;
    border-radius: 5px 0 0 5px;
    margin-bottom: 5px;

}

#leve_menu #login_wrap #partner_login_button_img, #prave_menu #login_wrap #partner_login_button_img {
    display: none;
}
#prave_menu #login_wrap a, #leve_menu #login_wrap a {
    text-decoration: underline;
}
#prave_menu #login_wrap a:hover, #leve_menu #login_wrap a:hover {
    text-decoration: none;
}
#leve_menu #eshop_akce_wrap h3, #leve_menu #eshop_novinky_wrap h3, #prave_menu #eshop_akce_wrap h3, #prave_menu #eshop_novinky_wrap h3 {
    margin: 10px 0 0;
}
#leve_menu #eshop_akce_wrap h3 a, #leve_menu #eshop_novinky_wrap h3 a, #prave_menu #eshop_akce_wrap h3 a, #prave_menu #eshop_novinky_wrap h3 a {
    display: block;
    height: 30px;
    width: 200px;
}
#leve_menu #eshop_akce_wrap h3 span, #leve_menu #eshop_novinky_wrap h3 span, #prave_menu #eshop_akce_wrap h3 span, #prave_menu #eshop_novinky_wrap h3 span {
    display: none;
}
#leve_menu #eshop_novinky_wrap h3 a, #prave_menu #eshop_novinky_wrap h3 a {
}

#leve_menu .velux_leve{
    display: block;
	width:208px;
	height:43px;
	margin-bottom:18px;
	background:url(media/images/velux_leve.jpg) no-repeat;
}

.home #leve_menu .velux_leve {
    margin-top: 10px;
}

/* -------------------------------------------------- */
/* Gopay styly */
/* -------------------------------------------------- */
#stred .gopaybutton, #my-timer {
    text-align:center;
}

#stred .gopaybutton {
    padding: 40px 0px;
}

#my-timer {
    padding:10px 115px;
}

#stred .gopaybutton a {
    display:block;
    height:52px;
    line-height:23px;
    width:451px;
    background: url("./../../obrazy/gopay/button_big.png") no-repeat scroll 0px 0px;
    font-size:150%;
    color:#0C61A0;
    font-weight:normal;
    padding: 5px 20px 0 20px;
    margin: 0px auto;
    text-decoration: none;
}

#stred .gopaybutton a:hover {
    /*background-position:0 -57px;*/
    /*color: red;*/
    opacity: 0.8;
    filter: alpha(opacity=80);
}


#stred .special_srch_box {
    float:left;
    padding:2px 10px;
}


/* NEXT PREVIOUS BLOCK */
ul.wrap_nextprevios {
    position: absolute;
    right: -5px;
    top: -56px
}
ul.wrap_nextprevios li {
    float: left;
    list-style-type: none;
}

.prettyContent ul.wrap_nextprevios li *,
.std ul.wrap_nextprevios li * {
    text-indent: -99999px;
    display: block;
    width: 30px;
    height: 33px;
}

.prettyContent ul.wrap_nextprevios li span,
.std ul.wrap_nextprevios li span {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.prettyContent ul.wrap_nextprevios li.prev *,
.std ul.wrap_nextprevios li.prev * {
    background: url(media/images/sprite.png) no-repeat 7px -636px;
}

.prettyContent ul.wrap_nextprevios li.next *,
.std ul.wrap_nextprevios li.next * {
    background: url(media/images/sprite.png) no-repeat -33px -636px;
}

.doprava_zdarma {
    height: 24px;
    line-height: 10px;
    padding-top: 2px;
    text-align: center;
    width: 55px;
}

.doprava_zdarma span {
    color: #ffffff !important;
}

.detail .icos .doprava_zdarma {
    display: none;
}

/* Google maps - v kat. výpisu */
#mapWrap #map_canvas, #mapWrap #google_map {
    height: 400px;
    width: 100%;
}

#mapWrap #google_map .content {
    color: #000000;
    padding: 0 !important;
    width: 400px;
}

#mapWrap #google_map #content h3 {
    font-weight: bold;
}

#mapWrap #google_map #content h3, #mapWrap #google_map .content .adress {
    color: #000000 !important;
    font-size: 90%;
}

/* TinyMCE */
.prettyContent .text_doleva,
.std .text_doleva {
    text-align:left;
}

.prettyContent  .text_doprava,
.std .text_doprava {
    text-align:right;
}

.prettyContent  .obrazek_doprava,
.std .obrazek_doprava {
    margin:5px 0px 10px 10px;
    float:right;
    clear:right;
}

.prettyContent  .obrazek_doleva,
.std .obrazek_doleva {
    margin:5px 10px 10px 0px;
    float:left;
    clear:left;
}

.konec_obtekani {
    clear: both;
}

.zvyraznit_text {
    font-weight: bold;
    color: #FF7800;
}

.vetsi_text {
    font-size: 140%;
}

.prettyContent img.obsah_pic,
.std img.obsah_pic, .std img.rounded {
    margin:5px;
}

.prettyContent  img.obsah_pic_no_padding,
.std img.obsah_pic_no_padding {
    padding:0 !important;
}

.licha_radka_tabulky {
    background:#f3f4f4 !important;
    color:#1c191d !important;
}

.obsah_pic_no_padding {
    padding:0 !important;
}

.multiBoxDesc {
    border:1px solid #000000;
    background-color:#00FF00;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.odkaz_dolu {
    padding-right:20px;
    background-image: url(media/icons/anchor.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
}

.odkaz_nahoru {
    padding-left:18px;
    background-image: url(media/icons/ico_top.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

/* hover effect */
#hledani_form .button:hover, .box input[type=submit]:hover, .vypis_data .item .detail:hover,
#pages a:hover, input.koupit:hover, #stred #dalsi_varianty td.akce_kosik .add_cart:hover,
.std ul.wrap_nextprevios li a:hover, #do_order_butt:hover, #leve_menu #login_wrap #partner_login_button:hover,
.std .classic_list .vice a span:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#vyrobciLeft h3 a, .std .vypis_data h3 a, #netopkat li h3 a, #netopkatjq1 li h3 a {
    text-decoration: none;
}

#vyrobciLeft h3 a:hover, .std .vypis_data h3 a:hover, #netopkat li h3 a:hover, #netopkatjq1 li h3 a:hover {
    text-decoration: underline;
}

/* barvy */
#mainWrap .red {
    color: #ef0e2e;
}

#mainWrap .orange {
    color: #E26005;
}
/*
#contentWrap {
    display: none;
}*/


#contentWrap{

	background:#fdfdfd;

}


.kalkulace_side{
	width:166px;
	height:65px;
	background:url(media/images/kalkulace_side.png);
	position:absolute;
	top:262px;
	right:0px;
	color:#fff;
	font-size:23px;
	font-family:AvalonCE;
}

.kalkulace_side:hover{
	opacity:0.9;
}

.kalkulace_side a{
	width:126px;
	height:49px;
	display:block;
	z-index:2;
	color:#fff;
	padding-top:16px;
	padding-left:40px;
	text-decoration:none;	
}

.banner {
	width:208px;
	margin-bottom:18px;
	font-family:Arial;
	color:#737272;
	font-size:12px;
    height: 157px;
}
.banner.heureka {
    /*height: 360px;*/
	height: 380px;
    background:#e5e1de;
}
.banner.dodani {
    height: 190px;
}
.banner.heureka .banner_obsah {
    padding:10px;
}


.banner.heureka ul{
   padding-left:10px;
}

.banner.heureka li{
   /* list-style-position: inside;*/
	list-style-position: outside;
}

.banner h4.banner_nadpis {
	padding-top:11px;
	height:29px;
	padding-left:9px;
	background:url(media/images/bg_box_nadpis.jpg) repeat-x;
	color:#fff;
	font-family:AvalonCE;
	font-size:18px;


}
.banner.dodani h4.banner_nadpis {
    font-size:13px;
    line-height:20px;
}

.banner .banner_obsah .blue{
	color:#17489c;
	font-weight:bold;
}

.banner .banner_obsah .bigger{
	font-size:18px;
}


.banner.dodani .banner_obsah{
	width:208px;
	height:115px;
	background:url(media/images/bg_box_dodani.jpg) no-repeat #e5e1de;
}

.banner.kontaktujte .banner_obsah{
	width:188px;
	height:90px;
	background:url(media/images/bg_box_kontaktujte.jpg) no-repeat #e5e1de;
	padding:17px 10px 10px 10px;
}

p.orange, span.orange, a.orange{color:#f08a43!important;}

#colors, #colors2 {
    clear: both;
    padding: 0px 0 10px 0;
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

#collectionWrap #colors, .bgWhite, #collectionWrap2 #colors2 {
    background: #fff;
    padding: 14px 5px 5px 14px;
    border: 1px solid #C0C0C0;
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border-radius: 7px;
    margin-left: -14px;
    width: 100%;
}

.floatLeft {
    float: left;
}
#colors2 .item input, .colors2 .item input,
#colors .item input, .colors .item input {
    display: none;
}
#colors2 .item, .colors2 .item,
#colors .item, .colors .item {
    float: left;
    margin: 0 5px 5px 0;
    width: 88px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-right: 5px;
    border: 3px solid #e97a2e;
    display: flex;
    flex-direction: column;
    background: #e97a2e;
}

#colors2 .item a, .colors2 .item a,
#colors .item a, .colors .item a {
    margin: 0 auto;
}

#colors2 .info,
#colors .info,
.colors .info {
    background-color: #e97a2e;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: 100%;
    justify-content: space-between;
}

#colors2 .info label,
#colors .info label,
.colors .info label {
    width: 70%;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}

#colors2 .info label:hover .info__selectBtn,
#colors2 .info label:focus .info__selectBtn,
#colors .info label:hover .info__selectBtn,
#colors .info label:focus .info__selectBtn,
.colors .info label:focus .info__selectBtn,
.colors .info label:hover .info__selectBtn,
#colors2 .info__selectBtn.info__selectBtn--active,
#colors .info__selectBtn.info__selectBtn--active,
.colors .info__selectBtn.info__selectBtn--active {
    background: #fff;
    color: #000;
}

.info__selectBtn {
    border-radius: 3px;
    border: 1px solid #fff;
    font-size: 110% !important;
    display: flex !important;
    justify-content: center;
}

.colors.small .item {
    max-width: 87px;
}

.marginRight25 {
    margin-right: 25px;
}
#colors2 .item a, .colors2 .item a,
#colors .item a, .colors .item a {
    display: block;
}

#colors .item .info {
    /*display: none;*/
}

#colors .item span, .colors .item span, #colors2 .item span {
    background: #e97a2e;
    color: #fff;
    padding: 1px;
    display: block;
    text-align: center;
    font-size: 95%;
}

#colors2 .loader,
#colors .loader {
    margin: 5px 0 0 20px;
}

#colors2 .tableList tbody td,
#colors .tableList tbody td {
    vertical-align: middle;
}

#colors2 .tableList .pic,
#colors .tableList .pic {
    height: 33px;
	/*width: 116px;*/
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

#colors2 .tableList .pic img,
#colors .tableList .pic img{
 box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}

/*kalkulatory*/

#calc{
	background:#ecebeb;
	padding:15px 25px 60px 25px;
	color:#4d4e4d;
	margin-top:25px;
	font-family:MyriadProCond;
}

#calc h3{
	color:#e06108;
	border-bottom:2px solid #e06108;
	padding-bottom:13px;
	padding-left:25px;
	font-family:AvalonCE;
    font-weight: normal;
    font-size: 26px;
	background:url(media/images/calc.png) 0px 45% no-repeat;
}

#calc h4, .format-nadpis4{
	color:#4d4e4d;
	font-size:18px;
	font-weight:normal;	
	padding-bottom:5px;
	float:none;
	/*margin-bottom:15px;*/
	/*border-bottom:1px solid #fff;*/
}

#calc h4.simple {
    border: none;
    margin-bottom: 0;
}

#choice {
    padding-top: 40px;
}

#calc table{
	/*margin-top:50px;*/
	width: 100%;

}

#calc select{
	margin-right:9px;
	min-width:80px;
	color:#4d4e4d;
    height: 24px;
}

#calc table th{
	font-size:18px;
	text-align:left;
	width:95px;
	padding:10px 10px 25px 0px;
	font-weight:normal;	
}

#calc table th.polozka5 {
    max-width: 220px;
}

#calc select#polozka3{

}

#calc table label{
	margin-right:25px;
	font-size: 18px;
}

#calc table label[title], #calc table label[oldtitle] {
    border-bottom: 1px dotted #4D4E4D;
}

#collectionWrap table label, #collectionWrap2 table label {
    border: 1px solid #c0c0c0 !important;
    border-radius: 7px 7px 0 0;
    padding: 8px 10px;
    margin-right: 0;
    float: left;
    color: #000;
    position: relative;
    top: 1px;
    font-size: 130%;
    cursor: pointer;
}

#collectionWrap table label.active, #collectionWrap2 table label.active {
    background: #fff;
    border-bottom-color: #fff !important;
}

#calc table label input {
    display: none;
}

#calc table .items4 label{
    margin-right:5px;
    /*font-size: 16px;*/
}

#calc table a.link {
	/*color:#959695;*/
	color:#1c1c1c;
}

.link-img:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#calc table a.sroubovak {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    display: block;
    width: auto;
    font-family: MyriadProSemibold;
    font-size: 75%;
    line-height: 120%;
    float: right;
    min-width: 185px;
}

#calc table a.sroubovak:hover {
    opacity: 0.8;
}

#calc table a.sroubovak img {
    width: 70px;
    float: left;
    left: 0;
    top: 0;
    margin: -2px 10px 0 0;
}

#calc table .velikost_typ td {
    padding: 15px 0 25px;
}

#calc table .velikost_typ .sroubovak {
    top: 0 !important;
}

#calc table .velikost_typ .plus {
    font-size: 175%;
}

#calc table .velikost_typ select {
    width: 71px;
    min-width: 0;
}

#calc #dalsi_akce{
	margin-top:20px;

}

#calc a#calculate{
	width:89px;
	height:40px;
	padding-left:50px;
	background:url(media/images/spocitat.png) transparent no-repeat;
	text-decoration:none;
	font-size:18px;
}

#calc a#calculate:hover{
	opacity:0.8;
}


#calc input#price{
	height:24px;
	width:71px;
	text-align:right;
	padding:3px;
	margin-right:5px;
	margin-top:3px;
	color:#4d4e4d;
	border:1px solid #bebebe;
}

#priceWrap {
    position: relative;
}

#priceLoader {
    position: absolute;
    left: 163px;
    top: 6px;
    height: 26px;
    background: #fff;
}

#priceLoader img {
    margin-top: 9px;
}

.obal_ks #kusy {

    color:#4d4e4d;
    height: 27px;
    border:1px solid #bebebe;
    margin-top:4px;
    margin-right:5px;
}

.classic .obal_ks #kusy {
    margin-top: 6px;
}

#calc .obal_ks #kusy {
    /*width:45px;*/
    margin-left: 30px;

}

#calc .obal_ks{
	color:#4d4e4d;

}

#calc .obal_ks label {
	width:26px;
	text-align:left;
	padding-top:11px;
}


#calc .obal_ks span {
		font-size:18px;
	
}


/*#calc */input.koupit{
		text-indent:0px;
		width:140px;
		height:40px;
		color:#fff;
		float:left;
		text-align:left;
		font-size:18px;
		font-family:MyriadProCond;
		padding-left:48px;
		background:url(media/images/kosik.png) no-repeat transparent;
}

.cenabox input.koupit{
    float: right;
}

.polozka.classic input.koupit{
    float: right;
    margin-top: 1px;
}

/*#calc */input.koupit:hover{
		opacity:0.8;
}


#calc input.koupit:disabled{
opacity:1.0;
background:url(media/images/kosik.png) 0px -40px no-repeat transparent;

}

tr.miry td{
	vertical-align:middle;
    padding-top: 10px;
}

tr.miry.noPaddingB td{
	padding-bottom:5px;
}

#calc tr.miry td label{
	float:left;
	font-size:18px;
	padding-top:0px;
	width:40px;
	margin-right:10px;
    margin-bottom: 20px;
    text-align: left;
}

#calc tr.miry td input {
    border: 1px solid #BEBEBE;
    color: #4D4E4D;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    width: 110px;
}

span.unit{
	margin-left:3px;
	display:inline-block;
    font-size:18px;
}

#calc tr.miry .unit {
    padding-top: 5px;
}


#calc td.miryObr img{
	position:relative;
	top:-5px!important;
	left:30px;
    margin-top: 0px!important;

}

tr.miry td input{
float:left;
}

tr.miry td input.redBorder {
    border: 1px solid red !important;
}

#calc h4.ovlad{
	border-bottom:0px;
	display:inline-block;
	float:left;
	margin-right:30px;
}

#calc .ovladani{
	margin-top:10px;
	margin-bottom:20px;
	margin-right:30px;

}

#calc .items4 .ovladani {
    margin-right: 10px;
}

#colors table, #colors2 table  {
	border:1px solid #898a89;
	margin-top:10px;
	text-align:center;
	width:515px;
	font-size:115%;


}

#colors table  thead td, #colors2 table  thead td{
	background:#fdfdfd;
	padding:5px;
	border:1px solid #c0c0c0;
	
}

#colors table  tr, #colors table  td
,#colors2 table  tr, #colors2 table  td{
	
	border:1px solid #c0c0c0;
	
}

#colors table  td,
#colors2 table  td {
	padding: 10px;

}

#login_wrap .login_in label{
	font-size:16px;
	font-family:MyriadProCond;
}
#login_wrap .login_in input {
	border:1px solid #bebebe;
	border-radius:3px;
	padding:5px;
	width:170px;
}

#login_wrap .login_in input[type=submit] {
    cursor: pointer;
	background:#e06109;
	color:#fff;
	border:0px;
	width:90px;
	text-align:center;
	padding:5px 0px;
	margin-bottom:10px;
}

#login_wrap .login_in input[type=submit]:hover {
    opacity:0.8;
}

#login_wrap  #partner_login_button_img {
	display:none;
}

#login_wrap .login_in  form{
	/*margin:0 auto;*/
	width:180px;
	margin-top:20px;

}

#login_wrap .links, #login_wrap .links_last {
	clear:both;
	padding-top:0px;
}

.border {
    border: 1px solid #b3b3b3;
}

.backgroundWhite {
    background-color: #fff;
}

.w100 {
    width: 100px;
}

#recommendedProducts {
    padding-left: 20px;
}

.prettyContent h2 {
    font-family: MyriadPro,Frutiger,arial;
    font-size: 30px;
    margin: 0px;
    padding: 0px 0 5px 0;
}

.prettyContent p {
    margin: 2px !important;
}

.prettyContent h3 {
    color: #0C61A0;
    font-size: 155%;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 5px;
}

.prettyContent {
    max-width:688px;
    
}

.prettyContent img{
    max-width:684px;
}
.displayNone {
    display: none;
}

.ui-tooltip-content a {
    color: #fff !important;
}

.hidden {
    visibility: hidden;
}

.blank_space {
    height: 108px;
    width: 10px;
}

#navodyMenu {
    margin-bottom: 15px;
}

#navodyMenu > ul > li > a, #navodyMenu > ul > li > span {
    background: url(media/images/navody_left.png) no-repeat 0 0;
    width: 141px;
    height: 42px;
    display: block;
    color: #fff;
    text-decoration: none;
    font: normal 90%/120% MyriadProSemiBold;
    text-transform: uppercase;
    padding: 8px 0 0 67px;
    text-align: center;
}

#navodyMenu > ul > li > a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#navodyMenu ul li {
    position: relative;
    list-style: none;
}

#navodyMenu ul ul {
    position: absolute;
    left: 208px;
    top: 0;
    visibility: hidden;
    z-index: 999;
}

#navodyMenu ul > li:hover > ul {
    visibility: visible;
}

#navodyMenu ul ul li a, #navodyMenu ul ul li span {
    background: url("media/images/bg_item.jpg") repeat-x scroll 0 -20px #DEDEDE;
    display: block;
    text-decoration: none;
    color: #414141;
    width: 220px;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2)
}

#navodyMenu ul ul li a:hover, #navodyMenu ul ul li.active a, #navodyMenu ul ul li.active span {
    background: gray;
    color: #fff;
}

#navodyMenu ul ul ul {
    left: 240px;
    visibility: hidden;
}

#navodyMenu ul ul ul li a, #navodyMenu ul ul ul li span {
    background: url("media/images/bg_item.jpg") repeat-x scroll 0 -20px #DEDEDE !important;
    color: #414141 !important;
}

#navodyMenu ul ul ul li a:hover, #navodyMenu ul ul ul li.active a, #navodyMenu ul ul ul li.active span {
    background: gray !important;
    color: #fff !important;
}
/*
#navodyMenu ul ul li:hover ul {
    visibility: visible;
}
*/
.pb0 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px !important;}
.vat {vertical-align: top !important}
.vat {display: inline-block !important}
.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.mt3 {margin-top: 3px}
.mt5 {margin-top: 5px}
.mr30m {margin-right: -30px}
.l0 {left: 0 !important}

.fr {
    float: right;
}

.fl {
    float: left;
}

#divTopLeft {
    position: absolute;
    left: 960px;
    top: 217px;
}

.img-border {
    border: 1px solid #bfbfbf;
}


#topPanel ul li.account, .isLogged #topPanel ul li.sign_in {
    display: none;
}

.isLogged #topPanel ul li.account {
    display: block;
}
.patka_spodni {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:60px;
}

.patka_spodni .patka_prava img {
    max-width: 100px;
}

@media (max-width: 800px) {
    .patka_spodni {
        flex-direction: column;
    }
}

#flashContent, #flashContent object {
    position: relative;
}

#flashContent, #flashContent a {
    height: 164px;
    width: 164px;
}

#flashContent, #flashContent * {
    cursor: pointer;
}

#flashContent object {
    z-index: 0;
}

#flashContent a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.pp_content {overflow: scroll; overflow-x:hidden;}
a.pp_close {right:30px !important;}
.fl {float:left;}

.warning-note {
    display: none;
    font-size: 16px;
}

.warning-note .in {
    background: #fff;
    padding: 6px 5px 5px 14px;
    border: 1px solid #C0C0C0;
    border-radius: 7px;
}

div.facebook .pp_close {
	position:absolute !important;
	top: -45px;
}

#nav-toggle{
    display: none;
}

.produktyVelux{
    display: none;
}

/***********************
 ***********************
 ***********************
 ***********************
 ***********************
 zacatek responsivu
 ***********************
 ***********************
 ***********************
 ***********************
 ***********************
 ***********************
  */

@media screen and (max-width: 800px) {

    .respCenter{
        margin:0 auto;
    }

    .rDb{
        display:block;
    }

    .rDb th, .rDb td{
        display: block!important;
    }


    body {
        min-width: 100%;
    }

    img{
        max-width: 100%;
        /*height: auto;*/
        display: inline-block;
    }

    .container_24 .grid_24 , .container_24{
        width: 100%;
    }

    #mainWrap #headerWrap{
        height: auto;
        background: none;
    }

    #logo{
        max-width:200px;
        margin-top: 10px;
        background-size: contain;
        width: 100%;
        height: 60px;
    }

    #logo .logo_block{
        width: 100%;
    }

    #topPanel{
        height: auto;
    }

    /*toto se vztahuje i na hl. menu*/
    #topPanel ul li.active *, #topPanel ul li a:hover{
        background: none;
    }

    #nav-toggle {
        display: block;
        height: 42px;
        width: 42px;
        float: right;
        margin-top: 5px;
        cursor: pointer;
        background: none;
        margin-right: 10px;
        border: 0px;
    }

    #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor: pointer;border-radius: 1px;height: 3px;width: 30px;background: #777;position: absolute;display: block;content: ''}
    #nav-toggle span:before{top: -10px}
    #nav-toggle span:after{top: 10px}
    #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition: all 300ms ease-in-out}
    #nav-toggle.active span{background-color: transparent}
    #nav-toggle.active span:before,#nav-toggle.active span:after{top: 0}
    #nav-toggle.active span:before{transform: rotate(45deg)}
    #nav-toggle.active span:after{transform: rotate(-45deg)}


    #navbar-main{
        display: none;
        padding: 0px 15px;
        clear: both;
    }

    #navbar-main ul{
        width: 100%;
        margin-bottom: 20px;
    }

    #navbar-main ul li{
        width: 100%;
        float: left;
    }


    #navbar-main ul li.active, #navbar-main ul li a:hover{
        border-bottom: 2px dashed orange;

    }

    #navbar-main ul li span, #navbar-main ul li a {
        padding: 10px 0px;
        display: block;
        width: 100%;
    }


    #logo .logo_block {
        height: 49px;

    }
    

    .home #zahlavi_menu{
        margin-top: 0px;
        height:auto;
    }

    .home #zahlavi_menu ul{
        width: 100%;
        margin-right: 0px;
    }
    .home #zahlavi_menu ul li a{
        height:33px !important;
    }
    .home #zahlavi_menu  ul > li{
        width: 100%;
        float: left;
        margin: 15px 2.5%;
        position: relative;
    }
    .home #zahlavi_menu div > ul > li > ul{
        position:static !important;
        padding-top:0px;
    }

    .home #zahlavi_menu div > ul > li > ul:hover{
        margin-top:-6px;
    }

    .home #zahlavi_menu div > ul > li.active, #zahlavi_menu div > ul > li:hover{
        opacity:0.9;
    }


    .home #zahlavi_menu div > ul > li > ul > li > a{
        font-weight:bold;
        padding-left:30px !important;
        height:16px !important;
    }
    .home #zahlavi_menu div > ul > li > ul > li > ul > li a{
        padding-left:70px !important;
        height:15px !important;
    }

    .home #zahlavi_menu ul li.zal a{
        background: url(media/images/bg_menu_zal.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul li.rol a{
        background: url(media/images/bg_menu_rol.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul li.sit a{
        background: url(media/images/bg_menu_sit.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul li.shr a{
        background: url(media/images/bg_menu_shr.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul li.nah a{
        background: url(media/images/bg_menu_nah.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul a{
        width: 100%!important;
        padding-top:18px !important;
    }

    .home #zahlavi_menu ul li ul a {
        color:#1b1b1b !important;
    }



    .home #zahlavi_menu ul li.zal ul{
        background:#5ccf6c;
    }

    .home #zahlavi_menu ul li.zal ul li a{
        background:none!important;
    }

    .home #zahlavi_menu ul li.rol ul{
        background:#f9a757;
    }

    .home #zahlavi_menu ul li.rol ul li a{
        background:none!important;
    }

    .home #zahlavi_menu ul li.nah ul{
        background:#a0a2a0;
    }

    .home #zahlavi_menu ul li.nah ul li a{
        background:none!important;
    }

    .home #zahlavi_menu ul li{
        margin:0px !important;
    }

    .home #zahlavi_menu ul a:hover{
        background-position:50% 0px!important;
        background: url(media/images/bg_menu_zal.jpg) repeat-x !important;
    }

    .home #zahlavi_menu ul li.submenu > ul{
        width: 100%;
        display: none;
        visibility: visible;
        top: 244px;
    }

    .produktyVelux{
        display: block;
        width: 100%;
        background: #fe0000;
        text-align: center;
        color: #fff;
        height: 51px;
        clear: both;
        line-height: 51px;
        font-size:18px;
        box-shadow: #565656 2px 2px 5px;

    }

    .produktyVelux a{
        color: #fff;
        display: block;
        text-decoration: none;
    }

    .produktyVelux a:hover{
        background: #d70505;
    }

    .home #zahlavi_menu ul li.submenu > ul li{
        width: 100%;
    }


    #heurekaTableft{
        display:none !important;
    }

    .notHome #zahlavi_menu div > ul > li > ul{
        position:static !important;
        padding-top:0px !important;
    }


    .notHome #zahlavi_menu div > ul > li.active, #zahlavi_menu div > ul > li:hover{
        opacity:0.9;
    }
    .notHome #zahlavi_menu ul li ul li a:hover{
        color:#ffffff !important;
    }
    .notHome #zahlavi_menu div > ul > li > a:hover{
        margin:0px !important;
    }
    .notHome #zahlavi_menu div > ul > li > ul > li > a{
        font-weight:bold;
        padding-left:30px !important;
        height:16px !important;
    }

    .notHome #zahlavi_menu div > ul > li.active.zal > span, .notHome #zahlavi_menu div > ul > li.active.zal > a{
        background: url(media/images/bg_menu_zal.jpg) repeat-x !important;
        color:#ffffff; !important;
        padding-bottom:0px !important;
        opacity: 0.6;
    }
    .notHome #zahlavi_menu div > ul > li.active.rol > span, .notHome #zahlavi_menu div > ul > li.active.rol > a{
        background: url(media/images/bg_menu_rol.jpg) repeat-x !important;
        color:#ffffff; !important;
        padding-bottom:0px !important;
        opacity: 0.6;
    }
    .notHome #zahlavi_menu div > ul > li.active.sit > span, .notHome #zahlavi_menu div > ul > li.active.sit > a{
        background: url(media/images/bg_menu_sit.jpg) repeat-x !important;
        color:#ffffff; !important;
        padding-bottom:0px !important;
        opacity: 0.6;
    }
    .notHome #zahlavi_menu div > ul > li.active.shr > span, .notHome #zahlavi_menu div > ul > li.active.shr > a{
        background: url(media/images/bg_menu_shr.jpg) repeat-x !important;
        color:#ffffff; !important;
        padding-bottom:0px !important;
        opacity: 0.6;
    }
    .notHome #zahlavi_menu div > ul > li.active.nah > span, .notHome #zahlavi_menu div > ul > li.active.nah > a{
        background: url(media/images/bg_menu_nah.jpg) repeat-x !important;
        color:#ffffff; !important;
        padding-bottom:0px !important;
        opacity: 0.6;
    }


    .notHome #zahlavi_menu div > ul > li > ul > li > ul > li a{
        padding-left:70px !important;
        height:15px !important;

    }
    .notHome #zahlavi_menu ul li.active2  ul  a{
        color:#1b1b1b !important;
    }
    .notHome #zahlavi_menu ul li.zal a{
        background: url(media/images/bg_menu_zal.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul li.rol a{
        background: url(media/images/bg_menu_rol.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul li.sit a{
        background: url(media/images/bg_menu_sit.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul li.shr a{
        background: url(media/images/bg_menu_shr.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul li.nah a{
        background: url(media/images/bg_menu_nah.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul a{
        width: 100%!important;
        padding-top:18px !important;
    }

    .notHome #zahlavi_menu ul li.zal ul{
        background:#5ccf6c;
    }

    .notHome #zahlavi_menu ul li.zal ul li a{
        background:none!important;
    }

    .notHome #zahlavi_menu ul li.rol ul{
        background:#f9a757;
    }

    .notHome #zahlavi_menu ul li.rol ul li a{
        background:none!important;
    }

    .notHome #zahlavi_menu ul li.nah ul{
        background:#a0a2a0;
    }

    .notHome #zahlavi_menu ul li.nah ul li a{
        background:none!important;
    }

    .notHome #zahlavi_menu ul li{
        margin:0px !important;
        width:100%;
    }

    .notHome #zahlavi_menu ul a:hover{
        background-position:50% 0px!important;
        background: url(media/images/bg_menu_zal.jpg) repeat-x !important;
    }

    .notHome #zahlavi_menu ul li.submenu > ul{
        width: 100%;
        display: none;
        visibility: visible;
        top: 244px;
    }


    .home #zahlavi_menu ul li.submenu > ul li{
        width: 100%;
    }
    #cesta{
        text-align:left !important;
        margin-left:15px;
    }

    .menu  ul li a, .menu ul li span {
        width: auto;
    }

    /*.green .menu  ul li.submenu.active a, .menu ul li.submenu.active span {
        background: #fff;
        color: #0a8e1e!important;
        border: 1px solid #0a8e1e;
    }
    */
    #vypis_eshop .layout_data td{
        width:53% !important;
    }
    #vypis_eshop .layout_data tbody{
        width:100% !important;
    }
    #kosik_info{
        margin:0px;
        background: #8cc6f6;
        color: #fff;
        width: 100%;
        clear: both;
        margin-top: -8px;
    }
    #formKosikData  .platba{
        width:100% !important;
        float:none !important;
        margin-left:0px;
    }
    #formKosikData  .platba .bg_gopay img{
        width:85% !important;
    }
    #formKosikData .doruceni1{
        padding-right:0px !important;
        /*padding-left:5px !important;*/
        width:100%;
        box-sizing: border-box;
    }
    #formKosikData .question{
        left: 0px;
        top: -25px;
        float: right;
    }
    .kosik_obsah .nadp{
        display:none;
    }
    .kosik .left{
        float:none;
        width:100% !important;
    }
    .kosik #jmeno,.kosik #cp,.kosik #psc ,.kosik #f_ulice_cp,.kosik #f_psc{
        width:34% !important;
        float: right;
    }
    .kosik #prijmeni, .kosik #ulice, .kosik #mesto, .kosik #f_ulice, .kosik #f_mesto{
        width:60% !important;
    }
    .kosik .left input, .kosik .right input{
        width:100%!important;
        box-sizing: border-box;
    }
    .kosik #login_wrap input#login, .kosik #login_wrap input#password{
        margin-bottom:10px;
        margin-right:0px;
        width:100%;
    }

    #login_wrap .login_in label{
        margin-bottom:10px;

    }
    .kosik #partner_login_button{
        float:right;
        margin-right:0px;
    }
    .kosik_kontakt{
        float:none;
        text-align:center;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .kosik_kontakt span{
        padding-left:0px !important;
    }
    .kosik .pokracovat_objednani{
        text-align:center;
    }
    .kosik .prepocitat{
        margin-left:0px;
    }
    .kosik td.pocet_ks{
        width:60px;
        text-align: left !important;
    }
    .kosik td.cena{
        width:70px;
        text-align: center;
    }

    #formKosikData .doruceni{
        width:100% !important;
    }
    .kosik .left label,.kosik .right label {float:none !important;}
    .kosik .right{
        float:none !important;
        width:100% !important;
    }
    #formKosikData .kosik_celkem .podr, {
        width:300px !important;
        float:none !important;
    }
    .kosik .doprava{
        padding-top:5px !important;
    }
    .kosik_celkem.podr .celkem.doprava{
        padding:5px 0;
    }
    .kosik_obsah{
        padding: 8px 15px;
    }
    .cartItems{
        right:15px !important;
        width:95% !important;

    }

    #kosik_info a.odkaz_kosik{
        float: right;
    }

    #kosik_info a.kosik_button{
        margin-top: -3px;
        text-align: left;
        margin-bottom: 5px;
    }

    #kosik_info .nadp{
        color: #fff;
        float: left;
        display:none;
    }

    .banner{
        width: 100%;
        height: auto;
        background: #e5e1de;
        text-align:center;
    }

    .banner.heureka{
        height: auto;
    }

    .banner.kontaktujte{
        padding-bottom: 27px;
        background: url(media/images/bg_box_kontaktujte.jpg) no-repeat #e5e1de 100% 40px;
    }

    .banner.kontaktujte .banner_obsah{
        background-position: 100% 0px;
        width: 100%;
        box-sizing: border-box
    }

    #mainWrap #stred, #leve_menu{
        width: 100%;
        clear: both;
    }

    #leve_menu{
        margin: 0px;
    }


    #leve_menu .top{
        padding: 15px;
        padding-top: 5px;
    }

    #navodyMenu ul ul{
        /*left:0px;
        top: 50px;*/
        position: static;
        visibility: visible;
        box-sizing: border-box;
    }

    #navodyMenu li a, #navodyMenu li span{
        width: 100%!important;
        box-sizing: border-box;
    }

    #navodyMenu > ul > li > a.tit{
        width: 210px!important;
    }

    #navodyMenu ul ul ul{
        visibility: visible;
    }

    #navodyMenu ul ul ul li a, #navodyMenu ul ul ul li span {
        background: #e0e0e0 !important;
        box-sizing: border-box;
        width: 100%;

    }

    #mainWrap #stred{
        margin: 0px;
        padding: 0px;
    }

    #recommendedProducts {
        padding: 15px;
        text-align:center;
    }

    .vypis_data .item{
        width: 100%;
        text-align: center;
    }


    .vypis_data .item .akce.label{
        top: -6px !important;
        right: -8px;
    }

    /* .vypis_data .item .tooltipText{
         display: none!important;
     }*/

    .vypis_data .picwrap, #podobne-produkty .picwrap{
        width: 100%;
    }


    .stred_no_cesta{
        padding: 15px;
    }

    #footerWrap{
        height: auto;
        width: 100%;
    }

    #patka_pod{
        text-align: center;
    }

    #patka_pod .patka_prvni{
        height: auto;
        width: 100%;
        background-position:15px 0px;
        margin-bottom: 25px;
        padding-left: 60px;
        box-sizing:border-box;
    }

    #patka_pod .patka_prvni ul{
        float: none;
        width: 100%;
        text-align: left;
    }

    #patka_pod .patka_prvni ul li{
        width:46%;
        float: left;
        text-align: center;
        margin-right: 4%;
        list-style-position: inside;
    }

    #patka_pod .patka_prvni ul li{

        margin-bottom: 7px;

    }

    #image2843{
        margin-top: 10px;
    }

    #patka_pod .patka_druha{
        height: auto;
        width: 100%;
        border-right: 0px;
        margin-bottom: 25px;
        padding-right: 0px;
        padding-left: 20px;
        background-position:  20px 3px;
        box-sizing: border-box;
    }

    .patka_spodni {
        margin-top: 0px;
    }
    #patka_pod .patka_treti{
        width: 100%;
        height: auto;
        padding-left: 20px;
        box-sizing: border-box;
    }

    #patka_pod .patka_leva, #patka_pod .patka_prava{
        width: 100%;
        margin: 15px 0px;
        text-align: center;
    }


    #mainWrap #headerWrap{
        height: auto;
    }

    #headerNapis{
        height: auto;
        background: none;
    }

    .notHome #zahlavi_menu{
        height: auto;
        margin: 0px;
        position: static;
        top: 0px;
    }

    .notHome #zahlavi_menu{
        float: none;
    }

    .notHome #zahlavi_menu ul{
        width: 100%;

    }

    .notHome #zahlavi_menu div > ul > li{
        width: 100%;
    }

    .notHome #zahlavi_menu div > ul > li > a, #zahlavi_menu div > ul > li > span{
        width: 100%;


    }

    #zahlavi_menu div > ul > li.submenu:hover > span, #zahlavi_menu div > ul > li.submenu:hover > a{
        height: 27px;
        padding-bottom: 6px;
        border:none !important;
    }

    .notHome #secondStrip{
        position: static;
    }


    .vypis_data .item_in{
        position: relative;
    }



    /*.notHome #zahlavi_menu div ul li ul{*/
    /*display: none;*/
    /*}*/

    #cesta{
        margin-top: 10px;
    }

    h2.mainTitle{
        padding: 15px 15px 0px 15px;
    }

    /*detail*/

    #stred .d_obsah_top{
        width: 100%;
    }

    .detail #stred .polozka #params{
        padding: 0px 0px;
    }

    .menu ul li ul li a, .menu ul li ul li span{
        width: auto;
    }

    .detail .popis_kratky{
        position: static;
        margin-bottom: 20px;
        color: #000;
        width: 100%;
    }

    .cenaboxleva{
        margin-bottom: 0px;
    }

    #calc{
        padding: 15px 15px 5px 15px;
        margin-top: 15px;
    }

    #calc h4, .format-nadpis4, #calc h4.simple{
        margin-bottom: 5px;
        margin-right: 10px;
        text-align: left;
        display: inline-block;
    }

    #calc h4.ovlad{
        width: 100%;

    }

    #calc table{
       /* table-layout: fixed;*/
    }

    #calc table th{

        padding:10px 10px 10px 0px;

    }

    #calc .ovladani{
        margin-right: 25px;
        width: 100%;
        padding-top: 50px;
    }



    #calc select{
        margin-right: 10px;
        margin-left: 0px;

        /*float:right;*/
    }

    #calc tr.latky a.link{
        margin: 10px auto;
        text-align: center;
        clear: both;
        padding-top: 10px;
        display:block;
    }

    #calc #selectCollection{
        margin-left: 0;
        width: 100%;
    }

    #calc td.miryObr img{
        margin-top: 0px!important;
    }
    

    .colors.small .item {
      /*  max-width: 100%;
        width: 30%;
        margin: 2% 1.5%;*/
    }

    
    .colors.small .item img{
    margin: auto;
    float: none;
    display: block;
	height:auto;
    }

	#colors, #colors2, .colors.small{
		width: 100%;
		text-align: center;
		padding: 8px 5px 0px 5px!important;
	}

	#colors2 .item, .colors2 .item, #colors .item, .colors .item, .colors.small .item{
		display: flex;
		float: none;
		margin-right:5px;
		margin-left: 5px;


	}

    #colors, .colors{
        padding-left: 3px;
    }



    #colors .item img, #colors2 .item img{
       /* width: 100%;*/
        margin: 0 auto;
        display: block;
    }

    #colors .item span, .colors .item span, #colors2 .item span{
        padding: 3px 3px 1px 3px;
        box-sizing: border-box;
        font-size: 100%;
        display: table-cell;
        /*min-height:36px;*/
        vertical-align: middle;
    }

    #colors2 .item input, .colors2 .item input, #colors .item input, .colors .item input
    {
        top: 18%;
        left: 50%;
        right: auto;
        margin-left: -7px;
    }

    #priceWrap{
        margin-bottom: 25px;
    }

    #calc .obal_ks #kusy{
    }

    #calc table th{
        width: 40%;
        display: table-cell;
    }

    input.koupit{
        /*float: right;*/
        margin-left:0px;
    }

    .akcni-nabidka{
        text-align:center;
    }
    #navodyMenu > ul > li > a, #navodyMenu > ul > li > span{
        margin-left:auto;
        margin-right:auto;
    }



    .banner.dodani{
        height:200px !important;
        text-align:center !important;
    }
    .banner.heureka ul{
        font-weight: bold !important;
        list-style:none !important;
    }
    .banner.dodani .banner_obsah{
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width: 211px;
    }

    #recommendedProducts .picwrap img{
        margin-left:0px !important;
    }

    #recommendedProducts .ceny{
        text-align:center;
    }

    #recommendedProducts .vypis_data .item{
        height:350px !important;
    }

    #recommendedProducts .vypis_data .picwrap{
        margin-left:0px !important;
    }

    .ui-tooltip{
        display:none !important;
    }

    .polozka #image_wrap{
        /*width:78%;*/
        border: 0px;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .polozka .items div.foto_item{
        width:71px;
    }

    .next.browse.right{
        margin-left: -50px !important;
        float: left !important;
        position: relative;
        z-index: 8;
    }

    .detail .overflow_wrap .icos{
        right:75px;
    }

    .polozka #a_foto_wrap img{
        margin-top:0px !important;
    }

    .detail #stred .polozka #params{
        background:none;
    }

    .highlightBox .in{
        padding-left: 0px;
    }

    #choice{
        padding-top:20px !important;
    }

    #collectionWrap #colors, .bgWhite, #collectionWrap2 #colors2 {
        padding: 4px 5px;
        box-sizing: border-box;
        margin-left: 0px;
    }

    #collectionWrap table label, #collectionWrap2 table label{
        left: 4px;
    }


    #choice   th{
        /*text-align:center !important;*/
    }
    #choice .velikost_typ td{
        display:inline-block !important;
        text-align:left !important;
        padding:15px 0  !important;
        /*white-space: nowrap;*/
    }

    #choice  .velikost_typ .polozka18{
        margin-left:0px !important;
        /*width:100% !important;*/
        padding-bottom: 0px!important;
    }

    #choice  .velikost_typ a.link{
        margin-right: 10px;
    }

    #choice  .velikost_typ .polozka18 select{
        margin: 10px 0px 10px 0px ;
    }

    #choice .velikost_typ select#polozka1 {
        margin: 10px 10px 10px 0px;
    }

    #choice  .velikost_typ label{
        margin-right: 0px !important;
    }

    #calc table .velikost_typ .plus{
        display: block;
        margin-bottom: 10px;

    }


    #choice .velikost_typ .polozka1 {
        /*width: 100% !important;*/
        padding-top:0px !important;

    }

    #choice  .velikost_typ .polozka1 select{
        margin: 10px 10px 10px 0px;
    }

    #choice .sroubovak{
        padding-right: 60px;
    }

    #choice .sroubovak img{
        margin-top:-7px !important;
    }

    #calc table a.sroubovak{
        text-align: left;
        float: left;
    }

    #collectionWrap{
        text-align: center;
        margin:15px 0 5px !important;
    }
    #collectionWrap #colors{
        margin-left:0px;
    }

    #calculate {
        /*margin-left: 35px;*/
        margin-bottom: 10px
    }

    #dalsi_akce #priceWrap input#price{
        width: 54px;
        height: 28px;
        text-align: center;
        float: left;
    }
    #dalsi_akce #priceWrap{
        margin-bottom:0px !important;
        margin-right: 0px;
        float: none;
    }

    #calc a#calculate{
        width: 78px;
    }

    #priceWrap span.unit{
        line-height: 48px;
    }

    @media screen and (max-width:360px){
        #dalsi_akce #priceWrap input#price{
            display: block;

            margin-bottom: 15px;
        }

        #dalsi_akce #priceWrap input#price::after{
            clear: both;
        }

	    .colors.small .item img{
		    margin-top: 10px;
	    }
    }

    #calc .obal_ks{
        clear: both;
    }
    
    #calc #polozka21{

    }

    #dalsi_akce #kusy{
        width: 25px;
        margin-left: 0px !important;
        text-align: center;
        padding-right: 2px;
        margin-bottom: 10px;
    }

    .detail .ui-tabs-nav{
        width:100%
    }
    .detail .ui-tabs-nav li{
       /* width: 100%;*/
    }
    .detail .ui-tabs-nav li a{
        display:block;
        box-sizing:border-box;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }
    
    .detail .ui-tabs-nav li:first-child{
        margin-left:0px !important;
    }
    .detail .ui-tabs-nav li a{
        font-size:80%;
        padding:10px 15.5px !important;
    }
    .detail .ui-tabs-nav li{
        margin:0px !important;
    }
    .detail #podobne-produkty .item {
        width:100% !important;
    }
    .detail #podobne-produkty .picwrap{
        margin-left:0px;
        width:100%;
    }
    .detail #podobne-produkty .picwrap a{
        width:100%;
    }
    .detail #podobne-produkty .picwrap a span{
        width:100%;
    }
    .detail #podobne-produkty .ceny{
        text-align:center;
    }

    .detail #podobne-produkty .vypis_data .item .akce.label {
        top:-30px;
    }

    .detail #podobne-produkty h3{
        text-align:center;
    }
    .detail #podrobnejsi-informace iframe{
        width:100%;
        height:100%;
    }
    .detail #podrobnejsi-informace{
        text-align:center;
    }

    .detail #podrobnejsi-informace .obrazek_doleva{
    float: none;
    }

    .detail .polozka #params .cenaboxleva .detailpicwrap{
        width: 100% !important;
        float:left;
    }
    .detail .polozka #params .cenaboxleva{
        width: 100%;
    }

    .items div{
        width: 229px;
    }

    .detail .overflow_wrap .icos {
      right:0px;
      top: 0px;
    }
    
    .detail .polozka #foto_wrap{
        margin-left: 0px !important;
    }

    .next.browse.right {
        margin-left: 0px;
        float: right !important;

    }


    .dalsi_foto_wrap {
        width: 88%;
    }

    .login_in form{
        width:100%;
        margin-top:0px;
    }
    .login_in form input{
        width:95%;
    }
    .miry img{
        float:none !important;
        margin-bottom: 10px;
        margin-left: 13px;
    }
    .miry td{
        width:100% !important;
        text-align: center;
        display: inline-block;

    }
    .miry td label{
        width:20% !important;
    }
    .miry td input{
        width:60% !important;
    }
    .unit{
        float:left ;
    }
    .miry2{
        position: relative;
        top: -230px;
    }
    .miryObr{
       /* margin-top: 30px;*/
    }
    .miryObr img{
        left:0 !important;
    }

    .ovladani label img{
        float:right;
        margin-top:-55px;
    }
    .vypis_eshop .picwrap,.vypis_eshop .picwrap img {
        margin-left:0px !important;
    }
    .vypis_eshop .item .akce.label{
        top:-6px !important;
        right: -8px;
    }

    .vypis_data .icos, .vypis_data  .label_red{
        right: 0px;
        bottom: 47px;
    }

    .picwrap_a_icos{
        position: static;
    }
    
    .vypis_eshop .itemPod .ceny{
        text-align: center;
    }

    .prettyContent .vypis_data h3, .std .vypis_data h3{
        max-width: 72%;
        margin: 0 auto;
    }

    .navod-obr1{
        width:30%;
    }
    .navod-obr2{
        width: 50%;
        margin-top: 5px !important;
    }
    .kosik .akce_kosik{
        width:100%;
    }

    .kosik .platba .platba_in{
        width: 100%;
        
    }

    .kosik_celkem.podr span.text{
        width: 100px;
    }
    
    #topPanel ul li{
        margin-left:0px;
    }
    #topPanel ul li a{
        padding:10px 0;
        border-bottom: 2px solid white;
    }
    .vypis_data.cat .item{
        height:auto;
    }

    .eshop.detail h2.mainTitle{
        padding: 15px 15px 15px 15px;
        background-size:cover;
        height:auto;
    }

    .obrIn100 img {
        width:100%
    }

    .obr-p{
        text-align: center;
    }

    .obr100p{
        width:100%;
    }
    #image_wrap .desc{
        position:static !important;
    }
    #stred .d_obsah_top{
        float:none !important;
        padding-bottom:20px;
    }
    #kontakt_form a{
        display:none;
    }
    #kontakt_form input, #kontakt_form textarea{
        width:100%;
        padding:5px 0px 5px 5px;
    }


    .blank_space {
        height:auto;
        width: 10px;
    }

    #stred .razeni_count_wrap form.razeni{
        width: auto;
    }



    .pp_pic_holder { width:100%!important; overflow: hidden;margin: 0 auto;left: 0px!important;}
    .ppt{ width: 100%!important;box-sizing: border-box;
        margin-left: 0px!important;
        padding: 15px;}
  .pp_content_container .pp_left { padding-left: 0!important; }
     .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important;padding: 15px;box-sizing:border-box; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
    .pp_details { width: 100%!important; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
    a.pp_close { right: 0px!important; top: 10px!important; }

    
    #stred .obrazek_doprava,#stred  .obrazek_doleva{
        margin-bottom: 10px!important;
    }

    #tabs ul.ui-tabs-nav li a:hover, #tabs ul.ui-tabs-nav li.ui-state-active a{
        background: #ecebeb !important;
        border-bottom-left-radius: 0px;
    }

    #tabs ul.ui-tabs-nav li.ui-state-active a{
        border: 0px solid #494848!important;
        color: #494848!important;

    }

    #stred .ui-tabs .ui-tabs-nav li a{
        background: none!important;

    }


    /* styly jen pro FF mozzilu*/
    @-moz-document url-prefix() {

        tr.miry td{
            padding-top: 10px;
        }

        .miry2{
            top: 0px;
        }
        
        .dalsi_foto_wrap .items div{
            width: 300px;
        }

    }

    #choice .velikost_typ .polozka1 a.link {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 30px;
        white-space: nowrap;
    }

    #choice .params tr{
        display: block;
    }
    #choice .params tr.licha th.nazev.polozka3 {
        display:inline-block;
        width: auto;
    }

    #choice .params tr.licha .nazev.polozka17{
        width: auto;
    }

   /* .table-responsive{
        min-height: .01%;
        overflow-x: auto;
    }

    .table-responsive> table>thead>tr>th {
        white-space: nowrap;
    }

    .table-responsive> table>tbody>tr>td {
        white-space: nowrap;
    }*/
    
}



@media screen and (max-width:480px){
    .drzak a.link {
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }

	.detail .ui-tabs-nav li a{
		font-size:70%;
		padding:10px 7.5px !important;
	}

    #colors2 .item,
    .colors2 .item,
    #colors .item,
    .colors .item {
        width: calc(50% - 16px);
    }

    #colors .item img,
    #colors2 .item img {
        margin: 0;
        width: 100%;
        object-fit: cover;
    }

}

@media screen and (min-width: 480px) and (max-width:800px){
    #calc .ovladani{
        width: auto;
        padding-top: 0px;
    }

    .ovladani label img{
        margin-top: 0px;
    }

    #choice .velikost_typ .polozka18 {
        width: auto;
    }

    #calc table .velikost_typ .plus {
       display:inline-block;
        margin-left: 9px;
        margin-right: 9px;
    }


}
/*
end responsive*/

/*
* === Pruh ===
*/
#pruh {
    background: #81c9e7;
    border-top:3px solid #66a7cb;
    color: #fff;
    width: 100%;
    /*height: 130px;*/
    position: fixed;
    bottom: 0px;
    padding: 24px 15px;
    z-index: 90;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#pruh .container {
    max-width:960px;
    margin:0 auto;
}

.pruhBanner .tit, .pruhBanner h2{
    text-align: center;
    font-size: 20px;
    width:100%;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

#pruh p {
    margin-bottom: 13px;
}

#pruh a.btn {
    color: #ffffff;
    border-color: #6c8b1f;
    font-size: 18px;
    text-transform: none;
    padding: 10px 32px;
    margin: 0px 5px;
}

#rozumim {
    margin:0 auto;
    display:block;
    background: #e4702c;
    color: white;
    padding:8px 15px;
    width:100px;
    text-align:center;
    text-transform:uppercase;
    margin-top:10px;
    font-size:16px;
    cursor:pointer;
    border-radius: 12px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}

#rozumim:hover {
    background: #de6220;
}
.pruhBanner .text-center {
    text-align:center;
    color:black;
    font-size:16px;
}
@media screen and (max-width: 768px) {
    #pruh {
        /*height:50%;*/
        font-size: 13px;
    }
}