/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	background: #6899c3 url(../img/body_bg.png) repeat-x;
}
body, p, h1, h2, h3, h4, form {
	margin: 0;
	padding: 0;
}
body, td, th, textarea {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: small;
}
textarea { font-size: 100%;}
td, th {
	font-size: 100%;
}
p {padding: 10px;}

div#base {
	width: 973px;
	margin: 0 auto;
	font-size: 82%;
}
/***********************************************/
/* HEADER                                      */
/***********************************************/
div#base div#header {
	position: absolute;
	top: 0;
	height: 134px;
	width: 973px;
	background: url(../img/header_top_menu_bg.gif) repeat-x left 73px;
}
#header div#headerLoga {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 972px;
	height: 66px;
	background: url(../img/header_loga.png) no-repeat;
}
#header span#dh {
	display: block;
	width: 274px;
	height: 48px;
	float: left;
}
#header span#estr {
	display: block;
	width: 227px;
	height: 48px;
	float: left;
}
#header a#dcdr {
	display: block;
	width: 250px;
	height: 60px;
	float: left;
	margin: 0px 0 0 144px;
}
#header a#dc {
	display: block;
	width: 280px;
	height: 50px;
	float: left;
	margin: 8px 0 0 148px;
}
#header div#headerLoga a span {
	display: none;
}
#header div#headerLeft {
	position: absolute;
	top: 73px;
	left: -8px;
	width: 17px;
	height: 264px;
	background: url(../img/header_top_menu_left.gif) no-repeat;
}
#header div#headerRight {
	position: absolute;
	top: 73px;
	right: -8px;
	width: 17px;
	height: 264px;
	background: url(../img/header_top_menu_right.gif) no-repeat;
}
#cropBox {
	position: absolute;
	width: 973px; height: 15px;
	overflow: hidden;
	top: 60px; left: 0;
}
#sloganText {
	position: absolute;
	font-size: 100%;
	color: #999;
	font-weight: bold;
	font-style:italic;
	
}
/***********************************************/
/* TOP MENU                                    */
/***********************************************/
#topMenu {
	position: absolute;
	top: 81px;
	height: 40px;
	width: 973px;
}
#topMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 420px;
	margin: 0 auto;
}
#topMenu ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 40px;
}
#topMenu ul li a {
	display: block;
	height: 40px;
}
#topMenu ul li a span, #topMenu ul li span {
	display: none;
}
/***************************** index ************************/
/** roll over **/
#topMenu ul li#home 	{background: url(../img/top_menu_home_roll.png) no-repeat; width: 72px;}
#topMenu ul li#onas {background: url(../img/top_menu_onas_roll.png) no-repeat; width: 85px;}
#topMenu ul li#novinky 	{background: url(../img/top_menu_novinky_roll.png) no-repeat; width: 104px;}
#topMenu ul li#kontakt 	{background: url(../img/top_menu_kontakt_roll.png) no-repeat; width: 98px;}
/** but **/
#topMenu ul li#home a		{background: url(../img/top_menu_home_off.png) no-repeat; width: 72px;}
#topMenu ul li#onas a   {background: url(../img/top_menu_onas_off.png) no-repeat; width: 85px;}
#topMenu ul li#novinky a 	{background: url(../img/top_menu_novinky_off.png) no-repeat; width: 104px;}
#topMenu ul li#kontakt a  	{background: url(../img/top_menu_kontakt_off.png) no-repeat; width: 98px;}
/** but hover **/
#topMenu ul li#home a:hover		{background: none;}
#topMenu ul li#onas a:hover		{background: none;}
#topMenu ul li#novinky a:hover		{background: none;}
#topMenu ul li#kontakt a:hover		{background: none;}
/** active  **/
#topMenu ul li#home.active a,
#topMenu ul li#home.active a:hover 		{background: url(../img/top_menu_home_on.png) no-repeat;}
#topMenu ul li#onas.active a,
#topMenu ul li#onas.active a:hover  {background: url(../img/top_menu_onas_on.png) no-repeat;}
#topMenu ul li#novinky.active a,
#topMenu ul li#novinky.active a:hover 	{background: url(../img/top_menu_novinky_on.png) no-repeat;}
#topMenu ul li#kontakt.active a,
#topMenu ul li#kontakt.active a:hover  	{background: url(../img/top_menu_kontakt_on.png) no-repeat;}
/***************************** drumcenter ************************/
/** roll over **/
#topMenu ul li#eshop {background: url(../img/top_menu_eshop_roll.png) no-repeat; width: 98px;}
#topMenu ul li#estruny {background: url(../img/top_menu_e-struny_roll.png) no-repeat; width: 88px;}
#topMenu ul li#drumcenter {background: url(../img/top_menu_dc_roll.png) no-repeat; width: 98px;}
#topMenu ul li#dcdrums  {background: url(../img/top_menu_dcdrums_roll.png) no-repeat; width: 98px;}
#topMenu ul li#mujucetkosik 	{background: url(../img/top_menu_mujucetkosik_roll.png) no-repeat; width: 114px;}
#topMenu ul li#galerie 	{background: url(../img/top_menu_galerie_roll.png) no-repeat; width: 87px;}
#topMenu ul li#bazar 	{background: url(../img/top_menu_bazar_roll.png) no-repeat; width: 75px;}
#topMenu ul li#napiste 	{background: url(../img/top_menu_napiste_roll.png) no-repeat; width: 86px;}
#topMenu ul li#faq 	{background: url(../img/top_menu_faq_roll.png) no-repeat; width: 57px;}
/** but **/
#topMenu ul li#eshop a {background: url(../img/top_menu_eshop_off.png) no-repeat; width: 98px;}
#topMenu ul li#estruny a {background: url(../img/top_menu_e-struny_off.png) no-repeat; width: 88px;}
#topMenu ul li#drumcenter a {background: url(../img/top_menu_dc_off.png) no-repeat; width: 98px;}
#topMenu ul li#dcdrums a {background: url(../img/top_menu_dcdrums_off.png) no-repeat; width: 98px;}
#topMenu ul li#mujucetkosik a 	{background: url(../img/top_menu_mujucetkosik_off.png) no-repeat; width: 114px;}
#topMenu ul li#galerie a 	{background: url(../img/top_menu_galerie_off.png) no-repeat; width: 87px;}
#topMenu ul li#bazar a 	{background: url(../img/top_menu_bazar_off.png) no-repeat; width: 75px;}
#topMenu ul li#napiste a 	{background: url(../img/top_menu_napiste_off.png) no-repeat; width: 86px;}
#topMenu ul li#faq a 	{background: url(../img/top_menu_faq_off.png) no-repeat; width: 57px;}
/** but hover **/
#topMenu ul li#eshop a:hover		{background: none;}
#topMenu ul li#estruny a:hover		{background: none;}
#topMenu ul li#drumcenter a:hover		{background: none;}
#topMenu ul li#dcdrums a:hover		{background: none;}
#topMenu ul li#mujucetkosik a:hover		{background: none;}
#topMenu ul li#galerie a:hover		{background: none;}
#topMenu ul li#bazar a:hover		{background: none;}
#topMenu ul li#napiste a:hover		{background: none;}
#topMenu ul li#faq a:hover		{background: none;}
/** active  **/
#topMenu ul li#drumcenter.active a, 
#topMenu ul li#drumcenter.active a:hover {background: url(../img/top_menu_dc_on.png) no-repeat;}
#topMenu ul li#dcdrums.active a, 
#topMenu ul li#dcdrums.active a:hover {background: url(../img/top_menu_dcdrums_on.png) no-repeat;}
#topMenu ul li#mujucetkosik.active a,
#topMenu ul li#mujucetkosik.active a:hover 	{background: url(../img/top_menu_mujucetkosik_on.png) no-repeat;}
#topMenu ul li#galerie.active a,
#topMenu ul li#galerie.active a:hover 	{background: url(../img/top_menu_galerie_on.png) no-repeat;}
#topMenu ul li#bazar.active a,
#topMenu ul li#bazar.active a:hover 	{background: url(../img/top_menu_bazar_on.png) no-repeat;}
#topMenu ul li#napiste.active a, 
#topMenu ul li#napiste.active a:hover 	{background: url(../img/top_menu_napiste_on.png) no-repeat;}
#topMenu ul li#faq.active a,
#topMenu ul li#faq.active a:hover	{background: url(../img/top_menu_faq_on.png) no-repeat;}
/************************************************************************/
/*********** TM (up_menu) *********************/
#tmshort {
	width: 539px;
	height: 32px;
	margin: 0 0 11px 0;
}
#tmshort div#tm_galerie_bubeniku {
	position: absolute;
	width: 170px;
	height: 32px;
	background: url(../img/tmshort_galerie_bubeniku_roll.png) no-repeat;
}
#tmshort div#tm_galerie_bubeniku a {
	display: block;
	position: absolute;
	width: 170px;
	height: 32px;
	background: url(../img/tmshort_galerie_bubeniku_off.png) no-repeat;
}
#tmshort div#tm_galerie_bubeniku a:hover {
	background: none;
}
#tmshort div#tm_galerie_ucitelu {
	position: absolute;
	margin-left: 159px;
	width: 169px;
	height: 32px;
	background: url(../img/tmshort_galerie_ucitelu_roll.png) no-repeat;
}
#tmshort div#tm_galerie_ucitelu a {
	display: block;
	position: absolute;
	width: 169px;
	height: 32px;
	background: url(../img/tmshort_galerie_ucitelu_off.png) no-repeat;
}
#tmshort div#tm_galerie_ucitelu a:hover {
	background: none;
}
#tmshort div#tm_galerie_nastroju {
	position: absolute;
	margin-left: 316px;
	width: 223px;
	height: 32px;
	background: url(../img/tmshort_galerie_nastroju_roll.png) no-repeat;
}
#tmshort div#tm_galerie_nastroju a {
	display: block;
	position: absolute;
	width: 182px;
	height: 32px;
	background: url(../img/tmshort_galerie_nastroju_off.png) no-repeat;
}
#tmshort div#tm_galerie_nastroju a:hover {
	background: none;
}
#tm {
	width: 941px;
	height: 32px;
	margin: 0 0 11px 15px;
}
#tm div#tm_o_nas {
	position: absolute;
	width: 94px;
	height: 32px;
	background: url(../img/tm_o_nas_roll.png) no-repeat;
}
#tm div#tm_o_nas a {
	display: block;
	position: absolute;
	width: 94px;
	height: 32px;
	background: url(../img/tm_o_nas_off.png) no-repeat;
}
#tm div#tm_o_nas a:hover {
	background: none;
}
#tm div#tm_o_nas a.active, #tm div#tm_o_nas a.active:hover {
	background: url(../img/tm_o_nas_on.png) no-repeat;
}
#tm div#tm_obchod {
	position: absolute;
	margin-left: 82px;
	width: 113px;
	height: 32px;
	background: url(../img/tm_obchod_roll.png) no-repeat;
}
#tm div#tm_obchod a {
	display: block;
	position: absolute;
	width: 113px;
	height: 32px;
	background: url(../img/tm_obchod_off.png) no-repeat;
}
#tm div#tm_obchod a:hover {
	background: none;
}
#tm div#tm_obchod a.active, #tm div#tm_obchod a.active:hover {
	background: url(../img/tm_obchod_on.png) no-repeat;
}
#tm div#tm_workshopy {
	position: absolute;
	margin-left: 184px;
	width: 190px;
	height: 32px;
	background: url(../img/tm_info_z_dc_roll.png) no-repeat;
}
#tm div#tm_workshopy a {
	display: block;
	position: absolute;
	width: 190px;
	height: 32px;
	background: url(../img/tm_info_z_dc_off.png) no-repeat;
}
#tm div#tm_workshopy a:hover {
	background: none;
}
#tm div#tm_dh {
	position: absolute;
	margin-left: 363px;
	width: 175px;
	height: 32px;
	background: url(../img/tm_info_z_dh_roll.png) no-repeat;
}
#tm div#tm_dh a {
	display: block;
	position: absolute;
	width: 175px;
	height: 32px;
	background: url(../img/tm_info_z_dh_off.png) no-repeat;
}
#tm div#tm_dh a:hover {
	background: none;
}
#tm div#tm_zbytek_bg {
	position: absolute;
	margin-left: 527px;
	width: 414px;
	height: 32px;
	background: url(../img/tm_zbytek_bg.png) no-repeat;
}
/***********************************************/
/* CONTENT                                    */
/***********************************************/
div#base div#content {
	margin-top: 134px;
	min-height: 1px;
	background: #fff;
	height: 100%;
}

div#right-and-middle div#middle {
	width: 539px;
	float: left;
	margin: 0 11px 0 11px;
}
div#right-and-middle,
div#right-and-middle-wide {
	float: right;
	width: 767px;
}
div#right-and-middle-wide div#middle {
	margin: 0 11px 0 11px;
}
div#wide {
	float: right;
	width: 973px;
}
div#middle {
	margin: 0px;
}
div#right,
div#left {
	width: 206px;
	margin: 0;
	padding: 0;
	float: left;
}
div#middle.widecont p {
	margin: 0 15px 0 15px;
	text-align: justify;
}
/***********************************************/
/* LEFT MENU                                   */
/***********************************************/
#left h3 {
	width: 206px;
	height: 20px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_vyber_zbozi_dle_druhu.png) no-repeat center;
	margin-bottom: 10px;
}
#left h3 span {
	display: none;
}
#leftMenu, #leftMenu1 {
	background: url(../img/left_menu_bg.png) repeat-y;
}
#leftMenu #crn, #leftMenu1 #crn1 {
	position: absolute;
	width: 206px; height: 5px;
	background: url(../img/left_menu_top_crn.png) no-repeat right top;
}
#leftMenu #bottom, #leftMenu1 #bottom1 {
	width: 206px; height: 6px;
	background: url(../img/left_menu_bottom.png) no-repeat left bottom;
}
#leftMenu a, #leftMenu1 a {
	color: #000;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
}
#leftMenu a:hover, #leftMenu1 a:hover {
	text-decoration: underline;
}
#leftMenu div.leftMenuBut, #leftMenu1 div.leftMenuBut {
	background: url(../img/left_menu_but_bg.png) no-repeat;
	width: 177px;
	height: 22px;
	padding: 5px 5px 0 24px;
}
#leftMenu div.leftMenuBut.otherBg, #leftMenu1 div.leftMenuBut.otherBg {
	background: url(../img/left_menu_but_bg1.png) no-repeat;
}
#leftMenu div.leftMenuBut a, #leftMenu1 div.leftMenuBut a {
	font-weight: bold;
	font-size: 110%;
}
#leftMenu div.leftMenuBox a, #leftMenu1 div.leftMenuBox a {
	margin-left: 4px;
	line-height: 150%;
}
#leftMenu div.leftMenuBox a:hover, #leftMenu1 div.leftMenuBox a:hover {
	text-decoration: underline;
}
#leftMenu div.otevreno, #leftMenu1 div.otevreno {
	display: inline;
}
#leftMenu div.zavreno, #leftMenu1 div.zavreno {
	display: none;
}
#leftMenu div img, #leftMenu1 div img {
	vertical-align: text-bottom;
}
/**** galerie a jine ********/
#left h3.gal {
	width: 206px;
	height: 20px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_vyber_podle_kraju.png) no-repeat center;
	margin-bottom: 10px;
}
#left h3#galerie_bubeniku {background: url(../img/napis_galerie_bubeniku.png) no-repeat center;}
#left h3#galerie_ucitelu {background: url(../img/napis_galerie_ucitelu.png) no-repeat center;}
#left h3#galerie_nastroju {background: url(../img/napis_galerie_nastroju.png) no-repeat center;}
#left h3#navstevni_kniha {background: url(../img/napis_navstevni_kniha.png) no-repeat center;}
#left h3#kontakt_formular {background: url(../img/napis_kontaktni_formular.png) no-repeat center;margin-top: 20px;}
#left h3.gal span {
	display: none;
}
/***********************************************/
/* RIGHT MENU                                  */
/***********************************************/
#right #youtube {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 160px;
}
#right #youtube #Yobsah {
	padding-top: 12px; 
	width: 100px; 
	float: left; 
}
#right #youtube #Pobsah {
	padding-top: 0px; 
	width: 100px; 
	float: left; 
	text-align: center;	
}
#right #youtube #Gobsah {
	padding-top: 6px; 
	width: 205px; 
	float: left; 
	text-align: center;
	padding-bottom: 12px;
}
#right #youtube #FBobsah {
	padding-top: 12px; 
	width: 100px; 
	float: left; 
	text-align: center;	
	margin-left: 3px;
}
#right #youtube #Dobsah {
	padding-top: 8px; 
	width: 100px; 
	float: left; 
	text-align: center;	
	margin-left: 3px;
}
#right #youtube #FBobsah iframe {
	margin-left: 3px;
}
#right h3#youtube_header {
	display: block;
	width: 206px;
	height: 30px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_drumcenter_na_siti.png) no-repeat 41px 3px;
}
#right h3#youtube_header span#zemekoule {
	display: block;
	position: absolute;
	width: 24px; height: 24px;
	background: url(../img/zemekoule.gif) no-repeat;
	margin: 0px 0 0 10px;	
}
#right h3#youtube_header span {
	display: none;
}
#right #youtube #Ylogo {
	display: block;
	width: 69px; height: 35px;
	background: url(../img/logo_youtube.png) no-repeat;
	margin: 0 auto 10px auto;
}
#right #youtube #FBlogo {
	display: block;
	width: 70px; height: 26px;
	background: url(../img/facebook_logo.png) no-repeat;
	margin: 2px auto 17px auto;
}
#right #youtube #Plogo {
	display: block;
	width: 75px; height: 30px;
	background: url(../img/picasa.png) no-repeat top center;
	margin: 0px auto 0 auto;
	padding: 33px 0 0 0;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	color: #567065;
	text-decoration: none;
}
#right #youtube #Glogo {
	display: block;
	width: 109px; height: 28px;
	background: url(../img/google-maps-rightMenu.png) no-repeat top center;
	margin: 0px auto 0 auto;
}
#right #youtube #Dlogo {
	display: block;
	width: 71px; height: 26px;
	background: url(../img/drumcenter_tour.png) no-repeat;
	margin: 2px auto 17px auto;
}
#right #youtube #YText {
	display: block;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	color: #567065;
	text-decoration: none;
	margin: 6px 0 0 0px;
	text-align: center;
}
#right #youtube #YText:hover { text-decoration: underline;}
#right #search {
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 65px;
}
#right #search.h50px {
	height: 50px;
}
#right #search .top_crn {
	position: absolute;
	width: 206px; height: 5px;
	background: url(../img/right_menu_top_crn.png) no-repeat;
}
.bottom_crn {
	position: absolute;
	width: 206px; height: 5px;
	background: url(../img/right_menu_bottom_crn.png) no-repeat;
	margin-top: -5px;
}
#right h3#search_header {
	width: 206px;
	height: 32px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_vyhledavani.png) no-repeat center 18px;
	margin-bottom: 10px;
}
#right h3#search_header span {
	display: none;
}
#right #search input.str_search {
	display: block;
	float: left;
	padding: 2px 0 0 0;
	margin: 11px 0 0 11px;
	width: 146px;
	height: 18px;
	border: 3px solid #849d91;
	border-right: none;
}
#right #search input.str_submit {
	display: block;
	float: left;
	width: 37px;
	height: 26px;
	background: url(../img/vyhledavani_but_ok_off.png) no-repeat;
	border: none;
	padding: 0;
	margin: 11px 0 0 -3px;
	cursor: pointer;
}
#right #search input.str_submit:hover {
	background: url(../img/vyhledavani_but_ok.png) no-repeat;
}
#right #search a {
	display: block;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	/*color: #567065;*/
	color: #395248;
	text-decoration: none;
	margin: 6px 0 0 30px;
}
#right #search a:hover {
	text-decoration: underline;
}
#right #filter {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
}
#right h3#filter_header {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_vyber_zbozi_dle_znacky.png) no-repeat center 20px;
}
#right h3#filter_header span {
	display: none;
}
#right #karty {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 96px;
}
#right #karty #blok {
	position: absolute;
	width: 189px;
	height: 29px;
	margin: 8px 0 0 8px;
	background: url(../img/right_karty.png) no-repeat;
}
#right #karty #blok a {
	display: block;
	width: 189px;
	height: 29px;
}
#right #karty #essox {
	position: absolute;
	width: 117px;
	height: 29px;
	margin: 43px 0 0 44px;
	background: url(../img/essox.png) no-repeat;
}
#right #karty #essox a {
	display: block;
	width: 117px;
	height: 29px;
}
#spl_prodej {
	font-size: 90%;
	padding: 0;
	margin: 5px;
	text-align: center;
}
#right h3#karty_header {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_muzete_platit_kartou.png) no-repeat center 20px;
}
#right h3#karty_header span {
	display: none;
}
#right #inCart {
	margin-top: 8px;
	width: 198px; height: 31px;
	background: url(../img/stav_kosiku.png) no-repeat;
}
#right #inCart a {
	display: block;
	width: 198px; height: 31px;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 300%;
}
#right #inCart a:hover {
	color: #CE0000;
}
#right #inCart a img {
	margin: 0 2px -2px 0;
	background: url(../img/right_menu_kosik.png) no-repeat;
	border: 0;
}
#right #inCart a:hover img {
	background: url(../img/right_menu_kosik_on.png) no-repeat;
}
#right #obchPodm {
	text-align: center; padding: 0; margin: 7px 0 0 -9px;	
}
#right #obchPodm a {
	color: #434342;
	padding: 0 30px 0 30px;
	text-decoration: none;
}
#right #obchPodm a:hover {
	color: #000;
}
#right #obchPodm .label{padding:3px 0px 2px 18px; line-height: 170%;}
#right #obchPodm .label.clr11{background: #cdcdcd url(../img/obchPodmIco.png) no-repeat 25px 1px;}
#right h3#loginBox {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_prihlaseni_novy_ucet.png) no-repeat center 20px;
}
#right h3#loginBox span {
	display: none;
}
#right #loginB {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 180px;
}

#right #loginB input.rm {
	display: block;
	padding: 2px 0 0 0;
	margin: 1px 0 0 11px;
	width: 178px;
	height: 18px;
	border: 3px solid #849d91;
	float: left;
}
#right #loginB #prihlasit1 {
	width: 118px; 
	height: 25px;
	margin: 10px 0 7px 0;
	background: url(../img/but_prihlasit_se.png) no-repeat;
	border: none;
}
#right #loginB .linky a {
	display: block;
	xxxfont-weight: bold;
	/*color: #567065;*/
	color: #2b4439;
	text-decoration: none;
	margin: 3px 0 0 12px;
	text-align: center;
}
#right h3#loggedBox {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_prihlaseny_uzivatel.png) no-repeat center 20px;
}
#right h3#loggedBox span {
	display: none;
}
#right #loggedB {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 90px;
}
#right #loggedB #odhlasit {
	display: block;
	width: 118px; 
	height: 25px;
	margin: 10px 0 7px 43px;
	background: url(../img/but_odhlasit.png) no-repeat;
}
#right #loggedB .linky a {
	display: block;
	color: #567065;
	text-decoration: none;
}
#right #loggedB .center {
	padding-top: 11px;

}
#right h3#doba_header {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_oteviraci_doba.png) no-repeat center 20px;
}
#right h3#doba_header span {
	display: none;
}
#right #doby {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 70px;
}
#right #doby p, #right #doby p a {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 150%;
  color: #36453f;
}
#right #doby p a {
  line-height: 350%;
}
#right #doby p span.vykricnik {
	display: block;
	width: 24px; height: 24px;
	background: transparent url(../img/vykricnik.gif) no-repeat;
	margin: 8px 5px 0 5px;
}
#right h3#mena_header {
	display: block;
	width: 206px;
	height: 45px;
	text-transform: uppercase;
	font-size: 128%;
	background: url(../img/napis_euro_nebo_koruna.png) no-repeat center 20px;
}
#right h3#mena_header span {
	display: none;
}
#right #meny {
	display: block;
	background: url(../img/right_menu_bg.gif) repeat-y;
	height: 63px;
}
#right #meny p {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
	color: #567065;
}
#right #meny .flagCZ {
	display: inline-block;
	width: 52px; height: 10px;
	background: url(../img/vlajka_cz.png) no-repeat;
	margin-left: 37px;	
	padding-top: 34px;
	float: left;
}
#right #meny .flagEU {
	display: inline-block;
	width: 52px; height: 10px;
	background: url(../img/vlajka_eu.png) no-repeat;
	margin-left: 10px;
	padding-top: 34px;
	float: left;
}
#right #meny a.flagEU, #right #meny a.flagCZ {
	color: #36453f;	
}
/*#right #meny a.flagCZ, #right #meny a.flagEU {
	filter: alpha(opacity=70); 
	opacity: 0.7;	
}
#right #meny a.flagCZ:hover, #right #meny a.flagEU:hover {
	filter: alpha(opacity=100); 
	opacity: 1;	
}*/
#right .top_crn {
	position: absolute;
	width: 206px; height: 5px;
	background: url(../img/right_menu_top_crn.png) no-repeat;
}
#right #filter a {
	float: left;
	display: block;
	width: 102px;
	height: 39px;
	border: 0;
	border-right: 1px solid #e1e9e5;
	border-bottom: 1px solid #e1e9e5;
}
#right #filter a img {
	width: 102px;
	height: 39px;
	border: 0;
	border-right: 1px solid #e1e9e5;
	border-bottom: 1px solid #e1e9e5;
}
#right #filter img {
	float: left;
	display: block;
	width: 102px;
	height: 39px;
	border: 0;
	border-right: 1px solid #e1e9e5;
	border-bottom: 1px solid #e1e9e5;
}
#right #toplist {
	width: 206px;
	text-align: center;
	padding-top: 15px;
}
#right #toplist img {
	border: none;
}
/***********************************************/
/* FOOTER                                      */
/***********************************************/
div#base div#footer {
	width: 973px;
	background: #6899c3 url(../img/footer_bg.png) no-repeat;
	text-align: center;
	font-size: 95%;
	color: #2a5275;
}
div#base div#footer p {
	padding: 20px 150px;
}
div#base div#footer a {
	color: #d4e7f6;
	text-decoration: none;
}
div#base div#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
div#base div#footer #created {
	width: 110px;
	text-align: right;
	float: right;
	margin: 20px 3px 0 0px;
	font-size: 90%;
}
/***********************************************/
/* INDEX                                       */
/***********************************************/
#middle #indexBox {
	margin-top: 20px;
}
#middle #indexBox .tBox {
	float: left;
	height: 359px;
	margin-left: 1px;
	text-align: center;
}
#middle #indexBox .tBox a {
	display: block;
	height: 71px;
	padding: 288px 5px 0 5px;
	text-decoration: none;
}
#indexBox #kamenny_obchod {
	width: 242px;
	background: url(../img/titulka_box_kamenny_obchod.jpg) no-repeat;
}
#indexBox #kamenny_obchod a {
	width: 232px;
	color: #524c2b;
}
#indexBox #kamenny_obchod a strong, #indexBox #drumcenter a strong, #indexBox #dumhudby a strong, #indexBox #cddvd a strong {
	display: block;
	margin-bottom: 9px;
	font-size: 120%;
}
#indexBox #kamenny_obchod a:hover, #indexBox #drumcenter a:hover, #indexBox #dumhudby a:hover, #indexBox #cddvd a:hover {
	text-decoration: underline;
}
#indexBox #drumcenter {
	width: 243px;
	background: url(../img/titulka_box_dc.jpg) no-repeat;
}
#indexBox #drumcenter a {
	width: 233px;
	color: #2a3b49;
}
#indexBox #dumhudby {
	width: 242px;
	background: url(../img/titulka_box_dh.jpg) no-repeat;
}
#indexBox #dumhudby a {
	width: 232px;
	color: #553333;
}
#indexBox #cddvd {
	width: 241px;
	background: url(../img/titulka_box_cddvd.jpg) no-repeat;
}
#indexBox #cddvd a {
	width: 231px;
	color: #30423a;
}
#indexNovinky h1 {
	width: 941px;
	height: 36px;
	background: url(../img/napis_novinky_drumcenter_index.png) no-repeat center;
	margin: 45px 0 25px 15px;
	color: #2e4d68;
	text-transform: uppercase;
	font-size: 168%;
	line-height: 245%;
}
#indexNovinky h1 span {
	display: none;
}
#indexNovinky table tr th {
	width: 43px;
	height: 36px;
	background: url(../img/titulka_news_date_bg.jpg) no-repeat;
	text-align: center;
	font: 95% Georgia, "Times New Roman", Times, serif;
	color: #73704d;
	padding: 0 10px 10px 0;
}
#indexNovinky table tr th span {
	display: block;
	font: italic bold 180% Georgia, "Times New Roman", Times, serif;
	line-height: 110%;
}
#indexNovinky table tr td {
	width: 739px;
	height: 36px;
	background: url(../img/titulka_news_text_bg.png) no-repeat;
	vertical-align: text-top;
}
#indexNovinky table tr td a {
	color: #000;
	text-decoration: none;
}
#indexNovinky table tr td a:hover {
	text-decoration: underline;
}
#indexNovinky table tr td h2 {
	margin: 1px 0 3px 0;
	font-size: 110%;
}
#indexNovinky div.bottom {
	width: 931px;
	height: 36px;
	text-align: right;
	background: url(../img/h_bg_bottom.png) no-repeat;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	margin: 20px 0 0 15px;
	padding: 7px 10px 0 0;
}
#indexNovinky div.bottom a {
	color: #fff;
	text-decoration: none;
}
#indexNovinky div.bottom a:hover {
	text-decoration: underline;
}
/***********************************************/
/* ODDELENI                                    */
/***********************************************/
#depNovinky h1 {
	width: 539px;
	height: 36px;
	background: url(../img/napis_novinky_drumcenter_cat.png) no-repeat;
	margin: 0 0 19px 0;
	color: #2e4d68;
	font-size: 168%;
	line-height: 245%;
}
#depNovinky h1 span {
	display: none;
}
#depNovinky table tr th {
	width: 43px;
	height: 36px;
	background: url(../img/dep_news_date_bg.png) no-repeat;
	text-align: center;
	font: 95% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 0 10px 10px 0;
}
#depNovinky table tr th span {
	display: block;
	font: italic bold 180% Georgia, "Times New Roman", Times, serif;
	line-height: 110%;
}
#depNovinky table tr th span.disNone {
	display: none;
}
#depNovinky table tr td {
	width: 465px;
	height: 36px;
	background: url(../img/dep_news_text_bg.png) no-repeat;
	vertical-align: text-top;
}
#depNovinky table tr td a {
	color: #000;
	text-decoration: none;
}
#depNovinky table tr td a:hover {
	text-decoration: underline;
}
#depNovinky table tr td h2 {
	margin: 1px 0 3px 0;
	font-size: 110%;
}
#depNovinky div.bottom {
	width: 529px;
	height: 29px;
	text-align: right;
	background: url(../img/dep_h_bg_bottom.png) no-repeat;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	margin: 10px 0 0 0;
	padding: 7px 10px 0 0;
}
#depNovinky div.bottom a {
	color: #fff;
	text-decoration: none;
}
#depNovinky div.bottom a:hover {
	text-decoration: underline;
}
#depNovinky table {
	margin-left: 18px;
}
#depBunky div {float: left;}
/*#depBunky div h2, #depBunky div a span {display: none;}*/
#depBunky div p {margin: 0; padding: 0;}
#depBunky div a img {border: none;}

#depNadpisy h2.h1 {
	width: 539px;
	height: 43px;
	margin: 0 0 4px 0;
	color: #2e4d68;
	font-size: 168%;
	line-height: 245%;
}
#depNadpisy h2#akce {background: url(../img/napis_aktualne_probihajici_akce_a.gif) no-repeat;}
#depNadpisy h2#vyprodeje {background: url(../img/napis_aktualne_probihajici_slevy_a.gif) no-repeat;}
#depNadpisy h2.h1 a { 
	display: block;
	width: 539px;
	height: 36px;
}
#depNadpisy h2.h1 a span {display: none;}

#depNadpisy div.bottom {
	width: 529px;
	height: 29px;
	text-align: right;
	background: url(../img/dep_h_bg_bottom.png) no-repeat;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	margin: 10px 0 10px 0;
	padding: 7px 10px 0 0;
}
#depNadpisy div.bottom a {
	color: #fff;
	text-decoration: none;
}
#depNadpisy div.bottom a:hover {
	text-decoration: underline;
}

#depDoporucujeme h2.h1 {
	width: 539px;
	height: 36px;
	background: url(../img/napis_doporucujeme_drumcenter.png) no-repeat;
	margin: 0 0 11px 0;
	color: #2e4d68;
	font-size: 168%;
	line-height: 245%;
}
#depDoporucujeme h2.h1 span {
	display: none;
}
#depDoporucujeme table tr td {
	background: #ebf2f8 url(../img/doporucujeme_table_bg_row.gif) repeat-x;
	width: 134px;
	height: 207px;
	vertical-align: text-top;
	text-align: center;
	padding: 6px 0 6px 0;
}
#depDoporucujeme div.crns {
	position: absolute;
	width: 539px;
	height: 5px;
	margin: 0;
	background: url(../img/doporucujeme_table_crns.gif) no-repeat;
}
/*#depDoporucujeme div.crnLeft {
	position: absolute;
	width: 5px;
	height: 5px;
	margin: 11px 0 0 0;
	background: #ebf2f8 url(../img/doporucujeme_table_left_crn.gif) no-repeat;
}
#depDoporucujeme div.crnRight {
	position: absolute;
	width: 5px;
	height: 5px;
	margin: 11px 0 0 0;
	background: #ebf2f8 url(../img/doporucujeme_table_right_crn.gif) no-repeat;
}*/
#depDoporucujeme table tr td a {
	float: left;
	margin-left: 14px;
	text-align: left;
}
#depDoporucujeme table tr td a.img {
	display: block;
	width: 100px;
	height: 83px;
	float: left;
	border: 2px solid #516a80;
	padding: 1px;
	background-color: #fff;
}
#depDoporucujeme table tr td img {
	position: absolute;
	border: none;
	clip: rect(0px 100px 83px 0px);
}
#depDoporucujeme table tr td h2 {
	display: block;
	width: 134px;
	height: 35px;
	background-color: #678cac;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 6px 0 8px 0;
	padding-top: 4px;
}
#depDoporucujeme table tr td h2 a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 122px;
	height: 35px;
	margin-left: 5px;
}
#depDoporucujeme table tr td h2 a:hover {
	text-decoration: underline;
}
#depDoporucujeme table tr td p {
	padding-top: 3px;
}
#depDoporucujeme table tr td span.lineThroughPrice {
	text-decoration: line-through;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
}
#depDoporucujeme table tr td span.mainPrice {
	font-size: 140%;
	font-weight: bold;
	color: #db1515;
}
#depDoporucujeme table tr td div.but_rezervace
, #depDoporucujeme table tr td div.but_info {
	padding: 0; margin: 0;
	margin: 5px 0 0px 8px;
}
#depDoporucujeme table tr td div.but_rezervace a
, #depDoporucujeme table tr td div.but_info a {
	display: block;
	width: 66px;
	height: 19px;
	background: url(../img/katalog_ico_rezervace_.png) no-repeat;
	padding: 5px 0 0 30px;
	color: #1f4465;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
#depDoporucujeme table tr td div.but_info a {
	background: url(../img/katalog_ico_info.png) no-repeat;
	color: #69521c;
}
#depDoporucujeme table tr td div.but_rezervace a:hover
, #depDoporucujeme table tr td div.but_info a:hover {
	text-decoration: underline;
}
#depDoporucujeme table tr td form {
	padding: 0; margin: 0;
	margin-top: 5px;
}
#depDoporucujeme table tr td form input.submit {
	display: block;
	width: 98px;
	height: 25px;
	border: none;
	background: url(../img/doporucujeme_but_do_kosiku_off.png) no-repeat; 
	cursor: pointer;
	margin: 0 auto;
}
#depDoporucujeme table tr td form input.submit:hover {
	background: url(../img/doporucujeme_but_do_kosiku_on.png) no-repeat; 
}
/******* navigace *********************/
p#category_navigation {padding: 9px 4px 7px 4px;}
p#category_navigation a {
	color: #000;
	text-decoration: none;
}
p#category_navigation a:hover {
	text-decoration: underline;
}
/***** filter vyrobci ***************************/
div#filter_vyrobci {
	width: 539px;
	background: url(../img/filter_vyrobci_bg.png) repeat-y;
	margin-bottom: 17px;
}
div#filter_vyrobci form {
	background: url(../img/filter_vyrobci_top.png) no-repeat;
	padding: 12px 5px 1px 5px;
}
div#filter_vyrobci div.bottom {
	width: 539px;
	height: 5px;
	background: url(../img/filter_vyrobci_bottom.png) no-repeat left bottom;
}
div#filter_vyrobci form input.submit {
	display: block;
	width: 74px;
	height: 22px;
	border: none;
	float: right;
	margin-top: -2px;
	background: url(../img/filter_vyrobci_submit_off.png) no-repeat; 
	cursor: pointer;
}
div#filter_vyrobci form input.submit:hover {
	background: url(../img/filter_vyrobci_submit_on.png) no-repeat; 
}
/******** katalog *******************/
div.catalog_box {
	margin: 11px 0 0 6px;
	width: 527px;
	/*height: 182px;*/
	height: 174px;
}
div.catalog_box.change_height {
	height: 210px;
}

div.catalog_box h2 {
	background: url(../img/katalog_record_header.gif) repeat-y;
	font-size: 100%;
	padding: 9px 0 9px 0;
	margin: 0px 0px 7px 0px;
}
div.catalog_box h2 span.ico_akce {
	background: url(../img/akce.gif) no-repeat;
	display: block;
	float: left;
	width: 36px; height: 23px;
	margin: -2px 0px 0 5px;
}
div.catalog_box h2 a {
	color: #fff;
	text-decoration: none;
	padding: 9px 8px 9px 8px;
}
div.catalog_box h2 a.akce {
	padding: 9px 8px 9px 0;
}
div.catalog_box h2 a:hover {
	text-decoration: underline;
	color: #fff;
}
div.catalog_box h2 span.shop_id {
	font-size: 90%;
	padding-right: 5px;
}
div.catalog_box div.main_img {
	float: left;
	width: 107px;
	height: 100px;
}
div.catalog_box div.main_img a.img {
	display: block;
	width: 100px;
	height: 100px;
	float: left;
}
div.catalog_box div.main_img img {
	position: absolute;
	border: none;
	clip: rect(0px 100px 100px 0px);
}
div.catalog_box div.main_text {
	float: left;
	width: 420px;
	height: 83px;
}
div.catalog_box div.main_text div.short_text {
	width: 400px;
	height: 30px;
	overflow: hidden;
	padding: 0px 8px 0 5px;
	text-align: justify;
	line-height: 160%;
}
/********* video icon ************************/
.videoIcon {
	float: right;
	width: 32px; height: 45px;
	background: url(../img/video_ikon.png) no-repeat;
	margin: 10px 0 0 5px;
	margin: 0 auto;
  margin-top: 10px;
  margin-right: 10px; 
}
/********* schema ****************************/
div.catalog_box div.main_text #schema { float: left;}
div.catalog_box div.main_text #schema:after{content: "";display: block;height: 0;clear: both;}
div.catalog_box div.main_text #schema div {float:left; margin: 0 1px 0 2px;text-align: center;}
div.catalog_box div.main_text #schema div img{ clear:both;display: block;margin-bottom: 2px;}


div.catalog_box div.note {
	width: 519px;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 3px;
	border: 1px solid #b5c8d8;
	color: #2e4d68;
	font-size: 110%;
	overflow: hidden;
}
div.catalog_box div.footer {
	width: 527px;
	height: 29px;
	background: url(../img/katalog_footer_bg.png) repeat-y;
	margin-top: 7px;
}
div.catalog_box div.footer div.skladem {
	position: absolute;
	width: 60px;
	height: 15px;
	margin: 0 0 0 5px;
	padding: 9px 0 0 92px;
	background-repeat: no-repeat;
	font-weight: bold;
}
div.catalog_box div.footer div.skl_y {background-image: url(../img/katalog_skladem_y.png);}
div.catalog_box div.footer div.skl_n {background-image: url(../img/katalog_skladem_n.png);}
div.catalog_box div.footer div.skladem span {
	display: none;
}
div.catalog_box div.footer div.dotaz {
	float: right;
	width: 98px;
	height: 25px;
	background: url(../img/katalog_list_but_dotaz_on.png) no-repeat;
	margin-top: 45px;
}
div.catalog_box div.footer div.dotaz a {
	display: block;
	width: 98px;
	height: 25px;
	background: url(../img/katalog_list_but_dotaz_off.png) no-repeat;
}
div.catalog_box div.footer div.dotaz a:hover {
	background: none;
}
div.catalog_box div.footer div.dotaz a span {
	display: none;
}
div.catalog_box div.footer div.price_cart {
	float: right;
	text-align: right;
	width: 360px;
	margin-top: 6px;
}
div.catalog_box div.footer div.price_cart div.alpha {
	filter: alpha(opacity=30);
	opacity: 0.3;
}
div.catalog_box div.footer div.price_cart span.lineThroughPrice {
	text-decoration: line-through;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	margin-right: 8px;
}
div.catalog_box div.footer div.price_cart span.mainPrice {
	font-size: 140%;
	font-weight: bold;
	color: #db1515;
	margin-right: 108px;
}
div.catalog_box div.footer div.price_cart form {
	position: absolute;
	padding: 0; margin: 0;
	margin: -20px 0 0 262px;
}
div.catalog_box div.footer div.price_cart input.submit {
	display: block;
	width: 98px;
	height: 25px;
	border: none;
	background: url(../img/katalog_do_kosiku_off.png) no-repeat; 
	cursor: pointer;
}
div.catalog_box div.footer div.price_cart form input.submit:hover {
	background: url(../img/katalog_do_kosiku_on.png) no-repeat; 
}
div.catalog_box div.footer div.price_cart div.but_rezervace
, div.catalog_box div.footer div.price_cart div.but_info {
	position: absolute;
	padding: 0; margin: 0;
	margin: -2px 0 0 262px;
}
div.catalog_box div.footer div.price_cart div.but_rezervace a
, div.catalog_box div.footer div.price_cart div.but_info a {
	display: block;
	width: 66px;
	height: 19px;
	background: url(../img/katalog_ico_rezervace.png) no-repeat;
	padding: 5px 0 0 30px;
	color: #1f4465;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
div.catalog_box div.footer div.price_cart div.but_info a {
	background: url(../img/katalog_ico_info.png) no-repeat;
	color: #69521c;
}
div.catalog_box div.footer div.price_cart div.but_rezervace a:hover
, div.catalog_box div.footer div.price_cart div.but_info a:hover {
	text-decoration: underline;
}
/*********** pagging ********************/
#pagging {
	margin-top: 17px;
	background: url(../img/filter_vyrobci_bg.png) repeat-y;
}
#pagging div.top {
	width: 539px;
	height: 5px;
	background: url(../img/pagging_top.png) no-repeat;	
}
#pagging div.bottom {
	width: 539px;
	height: 10px;
	background: url(../img/pagging_bottom.png) no-repeat;
}
#pagging p {
	text-align: center;
	padding: 3px 5px 5px 5px;
}
#pagging p span {
	font-weight: bold;
	padding: 0 2px 0 2px;
	background-color: #fff;
}
#pagging p a {
	text-decoration: none;
	color: #000;
	padding: 0 2px 0 2px;
}
#pagging p a:hover {
	text-decoration: underline;
}
/********* vsechny novinky *****************/
#allNews {
	margin-top: 17px;
}
#allNews p.flex {
	margin: 0 0 0 0;
	padding: 3px 10px 0 10px;
	line-height: 170%;
	text-align: center;
}
#allNews p.flex {
	background: #6ea0ca url(../img/h_flex_bg.png) repeat-y;
}
#allNews p a {
	text-decoration: none;
	color: #000;
	padding: 0 2px 0 2px;
}
#allNews p a:hover {
	text-decoration: underline;
}
/***********************************************/
/* DETAIL                                      */
/***********************************************/
/***** navigation **************************/
ul#detail_navigation {
	padding: 9px 4px 7px 4px;
	margin: 0;
	list-style-type: none;
}
ul#detail_navigation li {
	padding: 0;	margin: 0;
	list-style-type: none;
}
ul#detail_navigation li a {
	color: #000;
	text-decoration: none;
}
ul#detail_navigation li a:hover {
	text-decoration: underline;
}
/***** header 1 **************************/
div#middle.detail h1 {
	background: url(../img/detail_h1_bg.png) no-repeat;
	color: #2e4d68;
	padding: 12px 8px 3px 38px;
	font-size: 160%;
	margin-bottom: 15px;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}
div#middle.detail h1.akce {
	background: url(../img/detail_h1_bg_akce.png) no-repeat;
	padding-left: 77px;
}
div#middle.detail h1 span {
	color: #fff;
	font-size: 60%;
	margin-top: 5px;
	text-shadow: none;
}
/***** detail img **************************/
div#middle.detail #detail_img #photostudio {
	position: absolute;
	width: 733px;
	height: 35px;
	background: url(../img/detail_photostudio.png) no-repeat right top;
	margin-top: -8px;
}
div#middle.detail #detail_img {
	width: 733px;
	xxxmax-height: 600px;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 20px;
}
div#middle.detail #detail_img div#img {
	text-align: center;
}
div#img div#second {
	float: right;
	margin-top: -58px;
	width: 84px;
	height: 61px;
	background: url(../img/ico_2nd.png) no-repeat;
}
div#middle.detail #detail_img div.blank_img {
	width: 733px;
	height: 107px;
	background: url(../img/detail_fotky_obr_ko.png) no-repeat;
}
/***** gallery **************************/
div#middle.detail #gallery {
	width: 733px;
	margin-left: 5px;
	margin-top: 11px;
	background: url(../img/detail_gallery_bg.png) repeat-y;
	text-align: center;
}
div#middle.detail #gallery h3 {
	width: 733px;
	height: 5px;
	background: url(../img/detail_gallery_header.png) no-repeat;
	margin: 0; padding: 0;
	font-size: 0;
}
div#middle.detail #gallery #gal_images {
	padding: 9px 0px 9px 7px;
}
div#middle.detail #gallery #gal_images div.img_box a {
	display: block;
	float: left;
	width: 100px;
	height: 83px;
	margin: 0px 10px;
	overflow: hidden;
}
div#middle.detail #gallery #gal_images div.img_box a img {
	border: none;
}
div#middle.detail #gallery div.bottom {
	width: 733px;
	height: 25px;
	background: url(../img/detail_gallery_footer.png) no-repeat;
}
/********* nakresy ****************************/
#nakresy {margin: 0; margin-bottom: 20px; }
#nakresy:after{content: "";display: block;height: 0;clear: both;}
#nakresy h3 {margin-left: 5px;}
#nakresy div {float:left; margin: 0 1em;text-align: center;}
#nakresy div img{ clear:both;display: block;margin-bottom: .75em;}


/********* balicky ****************************/
#balicky h2 {margin-left: 7px;}
#balicky div.bgTables {
	width: 713px;
	background: url(../img/balicky_bg.png) repeat-y;
}
.tcrn {width: 733px; height: 5px; background: url(../img/balicky_top.png) no-repeat; margin: -10px 0 0 -10px; float: left;}
.bcrn {width: 733px; height: 10px; background: url(../img/balicky_bot.png) no-repeat left bottom; margin: 0 0 -10px -10px; float: left;}
#balicky div.bgTables table.tbl1 tr th {
	background-color: #d6e2ec;
}
#balicky div.bgTables table.tbl1 {
	width: 713px;
}
.usetrite {
	margin-top: 11px;
	font-size: 120%;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	color: #db1515;

}
#balicky a {
	text-decoration: underline;
}
#balicky a:hover {
	text-decoration: none;
	color: #FF0000;
}
#balicky td.price {color: #CC0000; font-weight: bold; text-align: right; width: 1%; white-space: nowrap;}
#balicky td.package_price {color: #009933; font-weight: bold; text-align: right; width: 1%; white-space: nowrap;}
#balicky td.standard_price {color: #000000; font-weight: bold; text-align: right; width: 1%; white-space: nowrap; text-decoration: line-through;}
/********* doprava, kosik, sklad ***************/
#shoping_boxes {
	margin: 16px 0 0 5px;
}
#shoping_boxes #cena, #shoping_boxes #sklad, #shoping_boxes #essox {
	width: 361px;
	height: 56px;
}
#shoping_boxes #sklad {
	background: url(../img/detail_sklad_dc.png) no-repeat;
}
#shoping_boxes #essox {
	float: right;
	background: url(../img/detail_prodej_na_splatky.png) no-repeat;
	margin-right: 6px;
}
#shoping_boxes #essox.essoxOff {
	background: url(../img/detail_prodej_na_splatky_off.png) no-repeat;		
}
#shoping_boxes #essox.essoxOff p {
	filter: alpha(opacity=40);
	opacity: 0.4;	
}
#shoping_boxes #essox.essoxOff a#calc, #shoping_boxes #essox.essoxOff a#essoxUrl {
	filter: alpha(opacity=40);
	opacity: 0.4;	
	cursor: default;
}
#shoping_boxes #essox a#calc {
	position: absolute;
	display: block;
	width: 89px; height: 18px;
	margin: 30px 0 0 113px;
	text-decoration: none;
}
.label.clr10{background-color:#393536;}
#shoping_boxes #essox a#calc span.label.clr10 {
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 2px;
	position: absolute;
	margin-left: -9px;
}
#shoping_boxes #essox a#calc span.label.clr1 {
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 2px;
	position: absolute;
	margin-left: 75px;
}
#shoping_boxes #essox a#essoxUrl {
	position: absolute;
	display: block;
	width: 72px; height: 17px;
	margin: 9px 0 0 102px;
	text-decoration: none;
}
#shoping_boxes #essox a#essoxUrl span.label {
	padding-left: 5px; 
	padding-right: 5px; 
	margin-left: 86px;
	padding-top: 2px;
	float: left;
}
#shoping_boxes #essox p {
	position: absolute;
	color: #000;
	margin: 8px 0 0 203px;
	font-size: 90%;
	padding: 5px;
	text-align: left;
	line-height: 150%;
}
#shoping_boxes #sklad div.skladem {
	width: 45px;
	height: 25px;
	margin: 4px 0 0 0;
	padding: 9px 0 0 94px;
	background-repeat: no-repeat;
	font-weight: bold;
	float: right;
}
#shoping_boxes #sklad div.skl_y {background-image: url(../img/detail_sklad_drumcenter_skladem_ico.png);}
#shoping_boxes #sklad div.skl_n {background-image: url(../img/skladem_n.png);}
#shoping_boxes #sklad div.skladem span {
	display: none;
}
#shoping_boxes #sklad div.add_info {
	position: absolute;
	margin: 30px 0 0 10px;
	padding: 3px 3px 1px 3px;
	width: 326px;
	color: #2e4d68;
	text-align: right;
	/*background-color: #FFFFFF;*/
	/*filter: alpha(opacity=0);
	opacity: 0.7;*/
}
#shoping_boxes #sklad div#detailLabels {
	text-align: left;
}
#shoping_boxes #sklad div.add_info .label {
	font-size: 8px;
}
/*************** shoping_boxes **********************/
/*-- cena --*/
#shoping_boxes #cena {
	background: url(../img/detail_cena_zbozi.png) no-repeat;
	margin-bottom: 11px;
}
#shoping_boxes #cena div.note {
	position: absolute;
	margin: 45px 0 0 0;
	padding: 5px;
	border: 1px solid #b5c8d8;
	color: #2e4d68;
}
#shoping_boxes #cena div.dotaz {
	float: right;
	width: 98px;
	height: 25px;
	background: url(../img/katalog_list_but_dotaz_on.png) no-repeat;
	margin: 15px 20px 0 0;
}
#shoping_boxes #cena div.dotaz a {
	display: block;
	width: 98px;
	height: 25px;
	background: url(../img/katalog_list_but_dotaz_off.png) no-repeat;
}
#shoping_boxes #cena div.dotaz a:hover {
	background: none;
}
#shoping_boxes #cena div.dotaz a span {
	display: none;
}
#shoping_boxes #cena div.price {
	float: right;
	text-align: right;
	margin-right: 170px;
	padding: 19px 0;
}
#shoping_boxes #cena div.sleva {padding: 8px 0;}
#shoping_boxes #cena div.price span.lineThroughPrice {
	text-decoration: line-through;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
}
#shoping_boxes #cena div.price span.mainPrice {
	font-size: 140%;
	font-weight: bold;
	color: #db1515;
}
/******* kosik ***********/
#shoping_boxes #cena #do_kosiku {
	position: absolute;
	margin: 16px 0 0 222px;
}
#shoping_boxes #cena #do_kosiku form {
	padding: 0; margin: 0;
}
#shoping_boxes #cena #do_kosiku input.submit {
	display: block;
	width: 118px;
	height: 25px;
	border: none;
	background: url(../img/detail_do_kosiku_off.png) no-repeat; 
	cursor: pointer;
	
}
#shoping_boxes #cena #do_kosiku form input.submit:hover {
	background: url(../img/detail_do_kosiku_on.png) no-repeat; 
}
#shoping_boxes #cena #kosik {
	position: absolute;
	width: 52px;
	height: 53px;
	background: url(../img/detail_obr_kosik.png) no-repeat;
	margin: 14px 0 0 306px;
}
/********* rezervace ************/
#shoping_boxes #cena #rezervace {
	position: absolute;
	width: 89px;
	height: 25px;
	background: url(../img/detail_rezervace_on.png) no-repeat;
	margin: 3px 0 0 226px;
}
#shoping_boxes #cena #rezervace a {
	display: block;
	width: 89px;
	height: 25px;
	background: url(../img/detail_rezervace_off.png) no-repeat;
}
#shoping_boxes #cena #rezervace a:hover {
	background: none;
}
#shoping_boxes #cena #ico_rezervace {
	position: absolute;
	width: 61px;
	height: 38px;
	background: url(../img/detail_rezervace_ico.png) no-repeat;
	margin: 23px 0 0 309px;
}
#shoping_boxes #cena div.alpha {
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/********* info ***************/
#shoping_boxes #cena #info {
	position: absolute;
	width: 89px;
	height: 25px;
	background: url(../img/detail_info_on.png) no-repeat;
	margin: 3px 0 0 226px;
}
#shoping_boxes #cena #info a {
	display: block;
	width: 89px;
	height: 25px;
	background: url(../img/detail_info_off.png) no-repeat;
}
#shoping_boxes #cena #info a:hover {
	background: none;
}
#shoping_boxes #cena #ico_info {
	position: absolute;
	width: 43px;
	height: 57px;
	background: url(../img/detail_info_ico.png) no-repeat;
	margin: 6px 0 0 321px;
}

/********* sipka ************/
#shoping_boxes #cena #sipka {
	position: absolute;
	width: 51px;
	height: 16px;
	background: url(../img/detail_do_kosiku_sipka.png) no-repeat;
	margin: 32px 0 0 248px;
}
/********** poctiva cena ****************/
#shoping_boxes #poctiva_cena {
	background: url(../img/detail_poctiva_cena_new.png) no-repeat;
	float: right;
	width: 361px;
	height: 56px;
	margin-right: 6px;
}
#shoping_boxes #poctiva_cena a {
	display: block;
	width: 230px; height: 40px;
	margin: 8px 0 0 102px;
	position: absolute;
	z-index: 10;
}
#shoping_boxes #poctiva_cena .label {
	float: left;
	padding: 1px 14px;
	margin: 0 4px 4px 0;	
}
#shoping_boxes #poctiva_cena .label.clr1{background-color:#ee6b6b;}
#shoping_boxes #poctiva_cena .label.clr2{background-color:#6abd6a; padding-left: 16px; padding-right: 16px;}
#shoping_boxes #poctiva_cena .label.clr3{background-color:#d88ed8;}
#shoping_boxes #poctiva_cena .label.clr4{background-color:#6ccaab; padding-left: 16px; padding-right: 16px;}
#shoping_boxes #poctiva_cena .label.clr5{background-color:#77a5d2;}
/******************** doprava **********************/
div#middle.detail #doprava {
	float: right;
	width: 361px;
	height: 127px;
	background: url(../img/detail_doprava_bg.png) no-repeat;
	margin: 20px 7px 0 0;
	cursor: pointer;
}
div#middle.detail #doprava .doprava_zdarma {
	position: absolute;
	width: 118px;
	height: 73px;
	margin: -13px 0 0 41px;
	background: url(../img/detail_doprava_zdarma.png) no-repeat;
}
div#middle.detail #doprava #auto {
	position: absolute;
	width: 211px;
	height: 138px;
	background:url(../img/detail_doprava_auto.jpg) no-repeat;
	margin: -6px 0 0 161px;
}
div#middle.detail #doprava #zasilky {
	position: absolute;
	width: 188px;
	height: 42px;
	background: url(../img/detail_doprava_do30km_on.png) no-repeat;
	margin: 77px 0 0 41px;
}
div#middle.detail #doprava #zasilky a {
	display: block;
	width: 188px;
	height: 42px;
	background: url(../img/detail_doprava_do30km.png) no-repeat;
}
div#middle.detail #doprava #zasilky a:hover {
	background: none;
}	
div#middle.detail #doprava #zasilky a span {
	display: none;
}
#doprZdar, #balicek {
	position: absolute;
	width: 104px;
	/*height:166px;*/
	background:url(../img/detail_doprava_zdarma2.png) no-repeat;
	margin-left: 10px;	
}
#doprZdar div, #pouziteZbozi div, #balicek div {
	margin: 54px 0 0 0px;
	width: 102px;
}
#pouziteZbozi {
	position: absolute;
	width: 104px;
	/*height:166px;*/
	background:url(../img/detail_pouzite_zbozi.png) no-repeat;
	margin-left: 616px;	
}
#balicek {
	background:url(../img/detail_balicek.png) no-repeat;
}
/********** kontakty ****************/
div#middle.detail #kontakty {
	width: 361px;
	height: 127px;
	background: url(../img/detail_kontaky.png) no-repeat;
	margin: 20px 0 0 5px;
}
div#middle.detail #kontakty #tel_ico {
	position: absolute;
	width: 51px;
	height: 41px;
	background: url(../img/detail_kontakty_tel_ico.png) no-repeat;
	margin: -11px 0 0 306px;
}
div#middle.detail #kontakty p {
	padding: 8px 0 0 50px;
	line-height: 150%;
}
div#middle.detail #kontakty div.skype_icq {
	position: absolute;
	margin: -21px 0 0 145px;
}
div#middle.detail #kontakty div.skype_icq a {
	text-decoration: none;
}

/************** detail content *****************/
div#middle.detail #detail_content {
	margin: 20px 5px;
}
div#middle.detail #detail_content p {
	padding: 5px 0;
	margin: 0;
}
/************** o znacce ************************/
div#middle.detail #o_znacce {
	margin-top: 25px;
}
div#middle.detail #o_znacce h3 {
	background: url(../img/detail_header_o_znacce.png) no-repeat;
	color: #2e4d68;
	padding: 12px 8px 3px 115px;
	font-size: 160%;
	margin-bottom: 17px;
}
div#middle.detail #o_znacce p {
	padding: 0 5px 10px 5px;
	margin: 0;
}
/************** bottom ***************************/
div#middle.detail #bottom {
	width: 745px;
	height: 36px;
	background: url(../img/detail_bottom.png) no-repeat;
	margin-top: 25px;
}
div#middle.detail #bottom div.back {
	width: 18px;
	height: 14px;
	background: url(../img/detail_ico_back_on.png) no-repeat;
	float: left;
	margin: 8px 0 0 10px;
}
div#middle.detail #bottom div.back a {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../img/detail_ico_back.png) no-repeat;
}
div#middle.detail #bottom div.top {
	width: 14px;
	height: 18px;
	background: url(../img/detail_ico_up_on.png) no-repeat;
	float: right;
	margin: 5px 10px 0 0;
}
div#middle.detail #bottom div.top a {
	display: block;
	width: 14px;
	height: 18px;
	background: url(../img/detail_ico_up.png) no-repeat;
}
div#middle.detail #bottom div.back a span, div#middle.detail #bottom div.top a span {
	display: none;
}
div#middle.detail #bottom div.back a:hover, div#middle.detail #bottom div.top a:hover {
	background: none;
}
div#middle.detail #bottom div.mid {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
div#middle.detail #bottom div.mid a {
	color: #000;
	line-height: 248%;
	text-decoration: none;
	padding: 6px 0;
}
div#middle.detail #bottom div.mid a#mail {
	background: url(../img/detail_send_email_ico.png) no-repeat;
	padding-left: 32px;
}
div#middle.detail #bottom div.mid a#print {
	background: url(../img/detail_print_ico.png) no-repeat top right;
	padding-right: 32px;	
}
div#middle.detail #bottom div.mid a:hover {
	text-decoration: underline;
}
/***********************************************/
/* MUJ UCET / KOSIK                            */
/***********************************************/
h1#prihlaste_se {
	background: url(../img/napis_prihlaste_se.png) no-repeat;
}
input#prihlasit {
	width: 95px;
	height: 25px;
	background: url(../img/but_prihlasit.png) no-repeat;
	cursor: pointer;
	float: left;
}
input#prihlasit:hover {background: url(../img/but_prihlasit_on.png) no-repeat;}	
a#heslo {
	display: block;
	float: left;
	width: 164px;
	height: 25px;
	background: url(../img/but_zapomnel_heslo.png) no-repeat;
}
a#heslo:hover {background: url(../img/but_zapomnel_heslo_on.png) no-repeat;}
a#zpet {
	display: block;
	float: left;
	width: 155px;
	height: 47px;
	background: url(../img/but_na_krok_zpet.png) no-repeat;
	margin: -3px 0 0 3px;
}
/*a#zpet:hover {background: url(../img/but_zpet_na_vas_kosik_on.png) no-repeat;}	*/
a#zpet_na_dopravu {
	display: block;
	float: left;
	width: 184px;
	height: 25px;
	background: url(../img/but_zpet_na_dopravu.png) no-repeat;
	margin-left: 8px;
}
a#zpet_na_dopravu:hover {background: url(../img/but_zpet_na_dopravu_on.png) no-repeat;}	
#novy_ucet {
	margin: 0 auto;
	width: 293px;
	height: 50px;
	background: url(../img/but_vytvorit_novy_ucet_on.png) no-repeat;
	margin-bottom: 38px;
}
#novy_ucet a {
	display: block;
	width: 293px;
	height: 50px;
	background: url(../img/but_vytvorit_novy_ucet.png) no-repeat;
}
#novy_ucet a:hover {
	background: none;
}
/**** kosik **********/
h2#kosik {
	background: url(../img/napis_nakupni_kosik.png) no-repeat;
}
div.print_ico {
	margin: 0px 6px 8px 0;
	text-align: right;
	float: right;
}
div.print_ico a {
	background: url(../img/ico_print.png) no-repeat right center;
	padding: 7px 28px 5px 3px;
	color: #000;
}
a.ico_odebrat {
	display: block;
	width: 16px; height: 16px;
	background: url(../img/ico_odebrat.png) no-repeat;
	margin: 0 auto;
}
a.ico_odebrat span {
	display: none;
}
#dokoncit_nakup {
	/*margin: 20px auto 0 150px;*/
	width: 244px;
	height: 42px;
	background: url(../img/but_na_krok_doprava_a_platba.png) no-repeat;
	border: none;
	cursor: hand;
	cursor: pointer;
	margin: 20px 0 0 300px;
}
#dokoncit_nakup a {
	display: block;
	width: 298px;
	height: 47px;
	background: url(../img/but_dokoncit_nakup.png) no-repeat;
}
#dokoncit_nakup a:hover {
	background: none;
}
#kosikStep2 {
	width: 244px;
	height: 42px;
	background: url(../img/but_na_krok_osobni_udaje.png) no-repeat;
	border: none;
	cursor: hand;
	cursor: pointer;
	margin: 3px 0 0 209px;
}
#other_countries_text {
	float: right;
	width: 240px;
	margin-right: 4px;
}
#other_countries_text h4 {
	margin: 15px 0 8px 0;
}
#other_countries_text p {
	margin: 0; padding: 0;
	text-align: justify;
}
#sumBox {
	margin: 8px 1px 0px 0 !important;
	padding: 0px;
}
#sumBoxa {
	margin: 5px 5px 0px 5px;
	padding: 10px;
}
#sumBox.na{
}
#sumBox p, #sumBoxa p {
	margin: 0; padding: 0;
	/*color: #2e4d68;*/
	color: #525c67;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
	line-height: 150%;
}
#sumBoxa p {
	font-size: 130%;
}
#sumBox p span, #sumBoxa p span {
	color: #c43f3f;

}
/*#sumBox input#pokracovat_v_nakupu, #sumBox a#pokracovat_v_nakupu_a {
	display: block;
	width: 158px;
	height: 25px;
	background: url(../img/but_pokracovat_v_nakupu.png) no-repeat;
	cursor: pointer;
	float: left;
	border: none;
	margin: -15px 0 0 -15px;
}
#sumBox input#pokracovat_v_nakupu:hover, #sumBox a#pokracovat_v_nakupu_a:hover {
	background: url(../img/but_pokracovat_v_nakupu_on.png) no-repeat;
}*/
#cartLinks {
	width: 539px; height: 31px;
	background: url(../img/but_cartList.png) no-repeat;	
	margin-top: -8px;
}
#cartLinks a#calc {
	display: block;
	width: 130px; height: 31px;
	float: left;
}
#cartLinks a#calc.disabled {
	cursor: default;
	background: #fff;
	filter: alpha(opacity=60);
 	opacity: .6;
  	-moz-opacity: .6;
}
#cartLinks input#pokracovat_v_nakupu, #sumBox a#pokracovat_v_nakupu_a {
	border: none;
	background: none;
	display: block;
	width: 139px; height: 31px;
	cursor: pointer;
	float: left;
}
#cartLinks input#pokracovat_v_nakupu:hover, #sumBox a#pokracovat_v_nakupu_a:hover {
}
#cartLinks input#prepocitat_kosik	 {
	border: none;
	background: none;
	display: block;
	width: 116px; height: 31px;
	cursor: pointer;
	float: left;
}
#cartLinks input#prepocitat_kosik:hover {
}

/*#cartLinks a#printBut {
	display: block;
	width: 103px; height: 31px;
	float: left;
}*/
#cartLinks #priceInEuro label {
	position: absolute;
	display: block;
	width: 153px; height: 31px;
	margin: 0px 0 0 386px;
}
#cartLinks #priceInEuro label input {margin: 3px 0 0 13px;}
#cartLinks #priceInEuro.disabled {
	position: absolute;
	display: block;
	width: 153px; height: 31px;
	margin: 0px 0 0 386px;
	background: #fff;	
	filter: alpha(opacity=60);
 	opacity: .6;
  	-moz-opacity: .6;
}

#podmPozn {
	text-align: right;
	margin-bottom: 20px;
}

#toHomePage_cs {
	margin: 20px auto;
	width: 244px;
	height: 46px;
	background: url(../img/but_na_krok_hlavni_str.png) no-repeat;
}
#toHomePage_en {
	margin: 20px auto;
	width: 244px;
	height: 46px;
	background: url(../img/but_na_krok_hlavni_str_en.png) no-repeat;
}
#toHomePage_en a, #toHomePage_cs a {
	display: block;
	width: 234px;
	height: 46px;
}
#toHomePage a:hover {background: none;}

/**/
#search_ex_kategories h3, #search_ex_goods h3 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#search_ex_kategories ul {
	list-style: none;
	margin: 5px 0 0 10px;
	padding: 0;
}
#search_ex_kategories ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 130%;
}
/**/
input#vyhledat, input#odeslat, input#ulozit {
	width: 95px;
	height: 25px;
	background: url(../img/but_vyhledat.png) no-repeat;
	cursor: pointer;
	border: none;
	margin-left: 190px;
}
input#vyhledat:hover {background: url(../img/but_vyhledat_on.png) no-repeat;}
input#odeslat {background: url(../img/but_odeslat.png) no-repeat;}
input#odeslat.lost {margin-left: 80px;}
input#odeslat:hover {background: url(../img/but_odeslat_on.png) no-repeat;}
input#ulozit {background: url(../img/but_ulozit.png) no-repeat;}
input#ulozit:hover {background: url(../img/but_ulozit_on.png) no-repeat;}
/*****/
a.print_ico {
	display: block;
	width: 22px;
	height: 24px;
	background: url(../img/ico_print.png) no-repeat;
}
/***** lista ****/
#lista {
	width: 539px; height: 36px;
	margin: 18px 0;
}
#lista.step1 {
	background: url(../img/lista_vas_kosik.png) no-repeat;
}
#lista.step2 {
	margin: 0px auto 30px auto;
	background: url(../img/lista_doprava.png) no-repeat;
}
#lista.step3 {
	margin: 25px auto 30px auto;
	background: url(../img/lista_osobni.png) no-repeat;
}
.orderInfoLink, .payInfoLink {
	color: #fff; 
	text-decoration: none; 
	padding-left: 2px; 
	padding-right: 2px; 
	padding-top: 1px;
	display: block;
	}
.orderInfoLink:hover, .payInfoLink:hover {color: #fff;}
.orderInfoTD .label.clr5, .orderInfoTD .label.clr3 {
	display: block;
	width: 60px;
	float: none;
	margin: 0 auto;
	text-align: center;
}

/**** faq.html *******/
#faq_content h2 {
	color: #1d5687;
	margin: 5px 10px 0 10px;
	padding-top: 10px;
	border-top: 2px solid #c1d9ed;
}
#faq_content h2.moBorder {border: none;}	
#faq_content h3 {
	color: #1d5687;
	margin: 15px 10px -5px 10px;
}
#faq_content h3.other {
	color: #000;
	margin-top: 10px;
}
#faq_content p {
	text-align: justify;
}/************** bottom short***************************/
div#middle.detail_ucitele #bottom {
	width: 539px;
	height: 36px;
	background: url(../img/bottom_short_bg.png) no-repeat;
	margin-top: 7px;
}
div#middle.detail_ucitele #bottom div.back {
	width: 18px;
	height: 14px;
	background: url(../img/detail_ico_back_on.png) no-repeat;
	float: left;
	margin: 8px 0 0 10px;
}
div#middle.detail_ucitele #bottom div.back a {
	display: block;
	width: 18px;
	height: 14px;
	background: url(../img/detail_ico_back.png) no-repeat;
}
div#middle.detail_ucitele #bottom div.top {
	width: 14px;
	height: 18px;
	background: url(../img/detail_ico_up_on.png) no-repeat;
	float: right;
	margin: 5px 10px 0 0;
}
div#middle.detail_ucitele #bottom div.top a {
	display: block;
	width: 14px;
	height: 18px;
	background: url(../img/detail_ico_up.png) no-repeat;
}
div#middle.detail_ucitele #bottom div.back a span, div#middle.detail_ucitele #bottom div.top a span {
	display: none;
}
div#middle.detail_ucitele #bottom div.back a:hover, div#middle.detail_ucitele #bottom div.top a:hover {
	background: none;
}
div#middle.detail_ucitele #bottom div.mid {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}
div#middle.detail_ucitele #bottom div.mid a {
	color: #000;
	line-height: 248%;
	text-decoration: none;
	padding: 6px 0;
}
div#middle.detail_ucitele #bottom div.mid a#upravit {
	background: url(../img/ico_upravit.png) no-repeat;
	padding-left: 28px;
}
div#middle.detail_ucitele #bottom div.mid a:hover {
	text-decoration: underline;
}
#middle.widecont div.imgs {
	width: 270px;
	float: left;
	margin-left: 10px;
	margin-right: 15px;
}
	
#middle.widecont p a.img, #middle.widecont div a.img {
	float: right;
	border: 2px solid #006699;
	margin: 0 0 10px 15px;
}
#middle.widecont p a.img:hover, #middle.widecont div a.img:hover {
	border: 2px solid #CC0000;
}
#middle.widecont p a.img img, #middle.widecont div a.img img {
	border: 0;
	margin-bottom: -2px;
}
#middle.widecont table.imgs1 tr td {
	background-color: #e9eef1;
	vertical-align: top;
	padding: 10px;
}
#middle.widecont table.imgs1 tr td a.img {
	float: left;
	border: 1px solid #84929d;
}
#middle.widecont table.imgs1 tr td a.img:hover {
	border: 1px dashed #414f5b;
}
#middle.widecont table.imgs1 tr td a.img img {
	border: 0;
	margin-bottom: -2px;
}
/***********************************************/
/* BOOK 	                                  */
/***********************************************/
a.ico_email, a.ico_www {
	background: url(../img/ico_email.gif) no-repeat;
	xxxpadding-left: 25px;
	margin-left: 5px;
	display: block;
	float: left;
	height: 20px;
	width: 25px;
}
a.ico_www {
	background: url(../img/ico_www.gif) no-repeat;
	margin: -2px 0 0 5px;
}
a.mgLeft_www {
  margin: -2px 0 0 -5px;
}

/***********************************************/
/* NADPISY BG                                  */
/***********************************************/
#vysledky_hledani {background: url(../img/napis_vyledky_hledani.png) no-repeat;}
#rozsirene_hledani {background: url(../img/napis_rozsirene_vyhledavani.png) no-repeat;}
#muj_ucet {background: url(../img/napis_muj_ucet.png) no-repeat;}
#doslo_k_chybe {background: url(../img/napis_doslo_k_chybe.png) no-repeat;}
#error_404 {background: url(../img/napis_error_404.png) no-repeat;}
#zmena_reg_udaju {background: url(../img/napis_zmena_reg_udaju.png) no-repeat;}
#reg_noveho_zakaznika {background: url(../img/napis_reg_noveho_zakaznika.png) no-repeat;}
#doslo_k_chybe_pri_registraci {background: url(../img/napis_doslo_k_chybe_pri_registraci.png) no-repeat;}
#registrace_ok {background: url(../img/napis_registrace_ok.png) no-repeat;}
#vase_objednavky {background: url(../img/napis_vase_objednavky.png) no-repeat;}
#objednavka {background: url(../img/napis_objednavka.png) no-repeat;}
#objednavka1 {background: url(../img/napis_objednavka1.png) no-repeat;}
#potvrzeni_objednavky {background: url(../img/napis_potvrzeni_objednavky.png) no-repeat;}
#nejste_prihlasen {background: url(../img/napis_nejste_prihlasen.png) no-repeat;}
#objednavka_bez_registrace {background: url(../img/napis_objednavka_bez_registrace.png) no-repeat;}
#upozorneni_bylo_odeslano {background: url(../img/napis_upozorneni_bylo_odeslano.png) no-repeat;}
#odeslat_stranku {background: url(../img/napis_odeslat_stranku.png) no-repeat;}
#zapomenute_heslo {background: url(../img/napis_zapomenute_heslo.png) no-repeat;}
#vyberte_oddeleni {background: url(../img/napis_vyberte_oddeleni.png) no-repeat;}
#zbozi_na_objednavku {background: url(../img/napis_zbozi_na_objednavku.png) no-repeat;}
#faqy {background: url(../img/napis_faq.png) no-repeat;}
#vsechny_novinky  {background: url(../img/napis_vsechny_novinky.png) no-repeat;}
#zapiste_se {background: url(../img/napis_zapiste_se.png) no-repeat;}
#editace_profilu {background: url(../img/napis_editace_profilu.png) no-repeat;}
#galerie_vyuky {background: url(../img/napis_galerie_vyuky.png) no-repeat;}
#profil {background: url(../img/napis_profil.png) no-repeat;}
#komentar {background: url(../img/napis_komentar.png) no-repeat;}
#napsali_jste {background: url(../img/napis_napsali_jste.png) no-repeat;}
#napiste_nam  {background: url(../img/napis_napiste_nam.png) no-repeat;}
#kontakty {background: url(../img/napis_kontakt.png) no-repeat;}
#napiste_nam_kontakt {background: url(../img/napis_napiste_nam_kontakt.png) no-repeat;}
#kdo_jsme {background: url(../img/napis_kdo_jsme.png) no-repeat;}
#napiste_rovnou_k_nam  {background: url(../img/napis_napiste_rovnou_k_nam.png) no-repeat;}
#obchodni_podminky {background: url(../img/napis_obchodni_podminky.png) no-repeat;}
#objednavka_byla_odeslana {background: url(../img/napis_dekujeme_cs.png) no-repeat;}
/***********************************************/
/* UNIVERSAL                                   */
/***********************************************/
/* HEADERS ***/
h1, h2, h3 {
	font-size: 122%;
}
h2 {
	margin: 10px 10px 5px 15px;
}
h2.h2_mgLeft {margin-left: 25px;color: #2e4d68;}
h2.h2center {margin: 10px 0 5px 0; text-align: center;}


h1.header_1, h1.header_2, h2.header_1, h2.header_2 {
	width: 539px;
	height: 36px;
	margin: 0 0 0 0;
	color: #2e4d68;
	font-size: 168%;
	line-height: 245%;
}
h1.header_2, h2.header_2 {width: 745px;}
h1.header_1 span, h2.header_1 span, h1.header_2 span, h2.header_2 span {display: none;}
/********** h1 flex *******************/
h1.flex {
	margin: 0 0 0 0;
	color: #2e4d68;
	font-size: 168%;
	padding: 3px 10px 0 10px;
	line-height: 100%;
}
h1.flex {
	background: #6ea0ca url(../img/h_flex_bg.png) repeat-y;
}
.top {
	background: #c43f3f url(../img/h_flex_rt.png) no-repeat right top;
	height: 7px;
	margin-bottom: 3px;
}
.h1_tl {
	background: url(../img/h_flex_lt.png) no-repeat;
	height: 7px;
}
.bottom {
	background: #6ea0ca url(../img/h_flex_rb.png) no-repeat right top;
	height: 5px;
}
.h1_bl {
	background: url(../img/h_flex_lb.png) no-repeat;
	height: 5px;
}
/* LISTS ***/
ul.seznam {
	margin: 0; padding: 0;
	margin: 10px 10px 10px 40px;
	line-height: 180%;
	list-style: none;
}
ul.seznam2 {
	line-height: 180%;
	
}
ul#czech.seznam2, ul#english.seznam2 {
	float: left;
	list-style: none;
	margin-top: 20px;
	margin-bottom: 11px;
}
ul#czech.seznam2 li {
	background: url(../img/ico_flag_cz.gif) no-repeat left 2px;
	padding-left: 20px;
}
ul#english.seznam2 li  {
	background: url(../img/ico_flag_eu.gif) no-repeat left 2px;
	padding-left: 20px;
}
/* ANCHORS ***/
a, div.bgTables table.tbl1 a.link, div.bgTables table.tbl1 td.link a {color: #CC0000;}
a:hover, div.bgTables table.tbl1 a.link:hover, div.bgTables table.tbl1 td.link a:hover {text-decoration: none; color: #FF0000;}

/* TABLES ***/
table {
	margin: 0 auto;
	border-collapse: collapse;
}
table tr td, table tr th {
	padding: 0px 5px 0px 5px;
	border: 1px solid #fff;
	height: auto;
}
table tr.bgNone td {
	background: none;
}

div.bgTables {
	background-color: #E8EDF2;
	width: 519px;
	margin: 0 auto 12px auto;
	padding: 10px;
}

div.bgTables table.tbl1 {
	margin: 0;
	width: 519px;
	border: none;
}
div.bgTables table.tbl1 tr th , div.bgTables table.tbl1 tr td {
	padding: 0 5px 0 5px;
	border: none;
}
div.bgTables table.tbl1 tr th {
	background-color: #E8EDF2;
	color: #525c67;
	text-align: left;
	padding-bottom: 5px;
}
div.bgTables table.tbl1 tr td {
	border: 3px solid #9aa8b7;
	border-right: none;
	border-left: none;
}
div.bgTables table.tbl1 tr.bTopNone td {
	border-top: none;
}
div.bgTables table.tbl1 tr.bBottomNone td {
	border-bottom: none;
	padding-bottom: 3px;
}
div.bgTables table.tbl1 tr.bTopBottomNone td {
	border-top: none;
	border-bottom: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.bgTables table.tbl1 tr.row1 td {
	background-color: #fff;
}
div.bgTables table.tbl1 tr.row2 td {
	background-color: #f3f3f3;
}
div.bgTables table.tbl1 tr td.td_left {border-left: 3px solid #9aa8b7;}
div.bgTables table.tbl1 tr td.td_right {border-right: 3px solid #9aa8b7;}
div.bgTables table.tbl1 tr td a {
	color: #000;
	text-decoration: none;
}
div.bgTables table.tbl1 tr td input {
	color: #fff;
	background-color: #729fce;
	width: 17px;
	height: 16px;
	border: 1px solid #000;
	text-align: center;
	padding: 0;
	margin: 1px 0 1px 0;
}
/*** table modify order_step2.html, gal.html **/
div.bgTables.w754px, div.w754px table.tbl1 {width: 723px;}
div.w754px table.tbl1 tr td {padding: 3px 5px 3px 5px;}
.fLeft_box {
	float: left;
	width: 367px;
}
.fLeft_box div.bgTables.w352px, div.w352px table.tbl1  {
	width: 347px;
}
div.w100pr table.tbl1 tr th, div.w352px table.tbl1 tr th, div.w754px.other table.tbl1 tr th {
	padding: 3px 5px 3px 5px;
	border: 3px solid #9aa8b7;
	border-right: none;
}
div.w100pr table.tbl1 tr td.border {
	border: 3px solid #9aa8b7;
}
div.bgInputs div.bunka {
	border: 3px solid #9aa8b7;
	background-color: #fff;
}
div.w100pr table.tbl1 tr td, div.w352px table.tbl1 tr td, div.w754px.other table.tbl1 tr td {
	border: 3px solid #9aa8b7;
	border-left: none;
	background-color: #fff;
	padding: 3px 5px 3px 7px;
}
div.w100pr table.tbl1 tr th.th_header1, div.w100pr table.tbl1 tr th.th_header2 {
	text-align: center;
	background-color: #ced7e1;
	font-weight: bold;
	border-right: 3px solid #9aa8b7;
	font-size: 120%;
}
div.w100pr table.tbl1 tr th.th_header2 {text-align: left;}
div.w100pr table.tbl1 tr td.foto_gal {
	text-align: center;
	border: 3px solid #9aa8b7;
}
div.w100pr table.tbl1 tr td.foto_kontakt {
	text-align: center;
	border: 3px solid #9aa8b7;
	padding: 8px 0 5px 0;
}
div.w100pr table.tbl1 tr td.foto_kontakt a {
	display: block;
	width: 198px;
	
	border: 3px solid #9aa8b7;
	margin: 0 auto;
}
div.w100pr table.tbl1 tr td.foto_kontakt a:hover {
	border: 3px solid #CC0000;
}
div.w100pr table.tbl1 tr td.foto_kontakt a img {
	border: none;
	margin-bottom: -2px;
}

div.w100pr .bottom_gal {
	margin-top: 7px;
	text-align: right;
}
.mgLeft_check {margin: 2px 3px 0 11px;}
/* FORMS ***********/
form.frm1 input.submit {
	border: 0;
}
form.frm1 {
	margin: O;
	padding: O;
}
form.frm1 label {
	background-color: #77828e;
	color: #FFFFFF;
	border: 3px solid #9aa8b7;
	display: block;
	float: left;
	width: 40px;
	padding: 2px 10px 3px 10px;
	text-align: center;
}
form.frm1 input {
	border: 3px solid #9aa8b7;
	border-left: none;
	width: 192px;
	height: 18px;
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
}
form.frm1 .bgInputs {
	background-color: #E8EDF2;
	width: 261px;
	margin: 0 auto 12px auto;
	padding: 10px;
}
form.frm1 .submits {
	width: 261px;
	height: 40px;
	margin: 0 auto;
}
form.frm1 .bgInputs label.w256px {
	width: 307px;
}
/**** frm1 modify extended_search.html, gal_add ****/
form.frm1 label.w100px {
	width: 100px;
}
form.frm1 label.w80px {
	width: 80px;
}
form.frm1 label.w130px {
	width: 130px;
}
form.frm1 input.w300px {
	width: 347px;
}
form.frm1 input#shortly {
	width: 90px; 
	border: 3px solid #9aa8b7;
}
form.frm1 input.w377px {
	width: 377px;
}
form.frm1 .w506px {
	width: 506px;
}
form.frm1 .w519px {
	width: 519px;
}
form.frm1 .w519px input {
	width: 410px;
	height: 19px;
}
form.frm1 .w519px .area1 {
	width: 492px;
}
form.frm1 .w519px .textarea1 {
	width: 512px;
}
form.frm1 .w335px {
	width: 335px;
}
form.frm1 .w321px {
	width: 321px;
}
form.frm1 .w335px input {
	width: 225px;
}
form.frm1 select {
	margin: 0; padding: 0;
	margin-bottom: 0px;
}
form.frm1 input.checkbox {
	border: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 5px 3px 0 5px;
}
form.frm1 input.file {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 115%;
	border: 3px solid #9aa8b7;
}
form.frm1 input.main_width {width: 233px;}
form.frm1 input.antispam {width: 60px; border: 3px solid #9aa8b7;}
.antispam_text {padding: 0 5px 0 0;}
.mgTop {margin-top: 1px;}
.mgBot {margin-bottom: 1px;}
/**** frm1 modify customer_edit.html ***/
form.frm1 div.first_col {float: left; margin-right: 10px;}
form.frm1 div.first_col input {width: 246px;}
form.frm1 div.first_col input.w145px {width: 145px;}
form.frm1 div.first_col .w50px {width: 50px;}
form.frm1 div.first_col label {width: 65px;}
form.frm1 div.first_col label.psc {width: 20px;}
form.frm1 div.first_col select {width: 249px;}



#orderStep2EnText h3 {margin-left: 9px;}
#orderStep2EnText ul {margin-top: 0;}
#orderStep2EnText li {margin-bottom: 10px;}
#orderStep2EnText li span.label {line-height: 250%;}


form.frm1 div.second_col {width: 365px; float: left;}
form.frm1 div.second_col label {width: 90px;}
form.frm1 div.second_col input {width: 245px;}
form.frm1 div.second_col input.bank {width: 40px; border-left: 3px solid #9aa8b7;}
form.frm1 div.second_col input.w189px {width: 189px;}
form.frm1 div.second_col div.radios label, form.frm1 div.radios label {
	background: none;
	color: #000;
	border: none;
	display: inline;
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	text-align: left;
}
form.frm1 div.nofloat label {float: none; clear: both;}
form.frm1 div.second_col div.radios input, form.frm1 div.radios input {
	border: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 7px 4px 4px 10px;
	vertical-align: middle;
	padding-top: 5px;
}
form.frm1 div.second_col select {width: 247px; padding: 3px 0;}
form.frm1 input.mod_1 {margin: 10px 3px 0 0px;}
form.frm1 .w715px {width: 715px;}
form.frm1 .mgTop2 {margin: 0 2px 0 0;}

form.frm1 div.third_col {float: left; margin-right: 10px;}
form.frm1 div.third_col label {width: 65px;}
form.frm1 div.third_col input {width: 246px;}
form.frm1 div.third_col input.w150px {width: 150px;}
form.frm1 div.third_col .w50px {width: 50px;}


form.frm1 div.fourth_col {width: 365px; float: left;}
form.frm1 div.fourth_col label {width: 65px;}
form.frm1 div.fourth_col label.psc {width: 20px;}
form.frm1 div.fourth_col input {width: 270px;}
form.frm1 div.fourth_col input.w169px {width: 169px;}
form.frm1 div.fourth_col .w50px {width: 50px;}
form.frm1 div.fourth_col select {width: 273px; padding: 3px 0;}

form.frm1 .w302px {width: 302px;}
form.frm1 .w164px {width: 164px;}
form.frm1 div.fifth_col label {width: 80px;}
input#zaregistrovat_se, input#pokracovat, input#potvrzuji_objednavku {
	width: 164px;
	height: 25px;
	background: url(../img/but_zaregistrovat_se.png) no-repeat;
	cursor: pointer;
	float: left;
	margin: 0;
	padding:0;
}
input#zaregistrovat_se:hover {background: url(../img/but_zaregistrovat_se_on.png) no-repeat;}
input#pokracovat {background: url(../img/but_pokracovat.png) no-repeat;}
input#pokracovat:hover {background: url(../img/but_pokracovat_on.png) no-repeat;}
/*input#potvrzuji_objednavku {
	margin-left: 41px;
	background: url(../img/but_potvrzuji_objednavku.png) no-repeat;}
input#potvrzuji_objednavku:hover {
	background: url(../img/but_potvrzuji_objednavku_on.png) no-repeat;
}*/
input#potvrzuji_objednavku {
	width: 244px;
	height: 42px;
	background: url(../img/but_na_krok_dokoncit_obj.png) no-repeat;
	border: none;
	cursor: hand;
	cursor: pointer;
	margin: 3px 0 0 257px;
}

form.frm1 label.area { width: 689px;}
.textarea {
	border: 3px solid #9aa8b7;
	border-top: none;
	padding: 0;
	margin: 0;
	width: 709px;
	height: 80px;
}
.pay_del {width: 715px;}

form.frm1 .orderStep2 input {height: 19px; width: 213px !important;}
form.frm1 .orderStep2 option, form.frm1 .orderStep2 select  {height: 22px; width: 213px !important;}
form.frm1 .orderStep2 label {width: 110px !important;}

#enterHtml input {height: 19px;}

form.frm1 #companyForm .radios input {
	width: auto !important;
	height: auto !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-right: 5px !important;
}


form.frm1 #companyForm .radios label {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	margin: 7px 0 0 50px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  	form.frm1 .orderStep2 input {height: 18px;}
	form.frm1 .orderStep2 select {height: 22px;}
	#enterHtml input {height: 18px;}
}


form.frm1 .orderStep2 div.second_col {width: 352px; float: left;}
form.frm1 .orderStep2 div.first_col {width: 352px; float: left;}
form.frm1 .orderStep2 div.third_col {width: 352px; float: left;}
form.frm1 .orderStep2 div.fourth_col {width: 352px; float: left;}

.rozklik input {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 2px !important;	
	float: left !important;
}
.rozklik label {
	margin: 0 !important;
	padding: 0 !important;
	padding: 2px 0 0 7px !important;	
	float: left !important;
}
#nakupovalPrihlasit .roundedBox {
	margin: 5px 5px 0px 5px;
	padding: 10px;	
}
#nakupovalPrihlasit .bgInputs input { height: 19px;}
#nakupovalPrihlasit .submits {width: 153px;}

input#prihlasitSe {
	width: 153px;
	height: 35px;
	background: url(../img/but_na_krok_prihlasit_.png) no-repeat;
	border: none;
	cursor: pointer;	
}


/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  	#nakupovalPrihlasit .bgInputs input { height: 18px;}
}

/***************/
form.frm1 label.area1 { width: 480px;}
.textarea1 {
	border: 3px solid #9aa8b7;
	border-top: none;
	padding: 0;
	margin: 0;
	width: 500px;
	height: 80px;
}
form.frm1 div.detail_send input {width: 377px;}	
/**************************/
.textarea2 {
	border: 3px solid #9aa8b7;
	border-top: none;
	padding: 2px;
	margin: 0;
	width: 323px;
	height: 80px;
}



/******* CRNS *************/
.crn {width: 10px; height: 10px;}
.ltcrn {background: url(../img/form_bg_ltcrn.gif) no-repeat; margin: -10px 0 0 -10px; float: left;}
.rtcrn {background: url(../img/form_bg_rtcrn.gif) no-repeat right top; margin: -10px -10px 0 0; float: right;}
.lbcrn {background: url(../img/form_bg_lbcrn.gif) no-repeat left bottom; margin: 0 0 -10px -10px; float: left;}
.rbcrn {background: url(../img/form_bg_rbcrn.gif) no-repeat right bottom; margin: 0 -10px -10px 0; float: right;}
/******* TEXTS FORMAT *****/
.bold {font-weight: bold;}
.center {text-align: center}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
.italic {font-style: italic;}
.error {font-weight: bold; color: #FF0000; margin-bottom: 11px; font-size: 110%;}
.error p {margin-bottom: 0;}
.error ul {margin: 10px 10px 20px 40px; padding: 0; font-size: 95%;}
.lh140 {line-height: 140%;}
.seznam1 {margin-top: 0; padding-top: 0;}
.zvyrazneni_1 {color: #FF0000; font-weight: bold;}
.zvyrazneni_2 {color: #FF0000;}
.zvyrazneni_1 a, .zvyrazneni_2 a {color: #0066CC; font-weight: bold;}
.note {color: #77828e; font-size: 90%;}
.fs120 {font-size: 120%;}
.fs90 {font-size: 90%;}
/****** MARGIN, PADDINGS *********/
.mgTop11 {margin-top: 11px !important;}
.mgBot11 {margin-bottom: 11px !important;}
.mgLeft11 {margin-left: 11px !important;}
.mgRight11 {margin-right: 11px !important;}
.mgTop_m15 {margin-top: -15px;}
.mgTop5 {margin-top: 5px;}
.mgBot5 {margin-bottom: 5px;}
.bgTables.w100pr.mg{ margin: 8px;}
.bgTables.w100pr.mg p {padding: 0 0 20px 0;}
.paddLeft20 {padding-left: 20px !important;}
/******** OTHERS ******************/
.dNone {display: none;}
.noWrap {white-space: nowrap;}
.fLeft {float: left;}
.fRight {float: right;}
.noBorder {border: none;}
/******** DIMENSIONS ****************/
/*.w200px {width: 200px;}*/
.w1pr {width: 1%;}
th.w25pr, table.w25pr tr th  {width: 25%;}
/***************/
.cleaner {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
#ekonto {
	display: block;
	width: 300px;
	height: 13px;
	padding: 43px 0 0 105px;
	background: url(../img/ekonto_100.jpg) no-repeat;
}
#karty_pruh {
	width: 530px; 
	height: 42px;
	background: url(../img/obchodni_podminky_karty.png) no-repeat;
	margin: 20px 0 20px 5px;
}
table.questionnaire{
  margin-top: 20px;
  margin-bottom: 0px;
  width: 175px;
}
table.questionnaire th strong{
  margin-top: 10px;
  display: block;
}
table.questionnaire th h3{
  font-size: 11px;
  margin-bottom: 4px;
}
table.questionnaire th input{
  margin-top: 5px;
}
table.questionnaire td{
  margin: 0;
  padding: 2px 2px;
}


div#unavailablediv{
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}

div#unavailablediv.ko{
  filter: alpha(opacity=35);
  opacity: 0.350;
  -moz-opacity: 0.350;
}


span.cart p.ok{
  font-size: 13px;;
  font-weight: bold;
  color: green;
}
table.delivery_package_type{
  font-weight: bold;
}
table.deliveries td, table.payments td{
  border: none;                   
}
table.deliveries th, table.payments th{
    background-color: #77828e;
	color: #FFFFFF;
	border: 3px solid #9aa8b7;
	font-weight: normal;
	padding: 2px 10px 3px 10px;
	text-align: center;               
}
table.deliveries td label, table.payments td label{
  font-weight: bold;         
}
table.deliveries, table.payments{
  width: 100%;                 
   
}
table.deliveries label, table.payments label{
  border: none;
  width: auto;
  float: none;
  display: inline;
  background: transparent;
  color: #000;
  
}
div.bgTables table.tbl1 tr td input.highlight{
  background-color: red;
  font-weight: bold;
}
div#newsbdy { margin-top: -8px; margin-bottom: -10px;}
div#newsbdy img
{
  border: none;
}
div#newsbdy p { margin: 0; padding: 0; text-align: center; margin-left: -2px;}
/********* labels **********/
.label{padding:1px 3px 1px;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; line-height: 150%;}
.label.clr1{background-color:#7aa8cf;}
.label.clr2{background-color:#ecba23;}
.label.clr3{background-color:#6abd6a;}
.label.clr4{background-color:#5dbce3;}
.label.clr5{background-color:#e3765d;}
.label.clr6{background-color:#f2873a;}

/******* bankLoga *****************/
.payments tr.payment_radio td input {
	margin: 0; padding: 0;
	margin: 5px 8px 0 0;
	float: left;
	border: none;	
}
.payments tr.payment_radio td label {
	margin: 0; padding: 0;
	margin-top: 8px;
	float: left;
	width: 500px;
	text-align: left;
}
.payments tr.payment_radio td label img {
	float: right;
	margin-top: -8px;
}

.payments tr.payment_radio td span p {
    padding-top: 0px;
}
/******** vlajky ************/
.deliveries tr td input {
	margin: 0; padding: 0;
	margin: 7px 8px 0 0;
	float: left;	
	border: none;
}
.deliveries tr td label {
	margin: 0; padding: 0;
	margin-top: 10px;
	float: left;
	text-align: left;
}
.deliveries tr td img {
	float: left;
	margin: 2px 8px 3px -5px;
}
/**************************/
.roundedBox {
	background: #e8edf2;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.roundedBox1 {
	background: #e8edf2;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.bgClr1 {background-color: #e8edf2;}
.bgClr2 {background-color: #fbefef;}
.bgClr3 {background-color: #f1fbf1;}
.bgClr4 {background-color: #fbf2fb;}
.bgClr5 {background-color: #eaf8f4;}
.bgClr6 {background-color: #ecf5fe;}
#googleMapsIco {
	display: block;
	width: 140px; height: 60px;
	background: url(../img/google-direcitons.png) no-repeat;
	margin: 17px auto 0 auto;
}
.kontaktBunky {
	float: left !important; 
	width: 243px !important; 	
}
#otviracka {
	margin-left: 12px;
	
}
#otviracka p {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 150%;
  color: #525c67;
  padding: 0;
  margin: 0;
}
#otviracka h3 {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  color: #2f3943;
  padding: 0;
  margin: 1px 0 7px 0;
  text-transform: uppercase;
}
/****** alerts ************/
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
.btn .close,.alert-message .close{font-family:Arial,sans-serif;line-height:18px;}
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
.alert-message{font-size:120%;position:relative;padding:7px 15px;margin-top:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{margin-top:1px;*margin-top:0;}
.alert-message a{font-weight:bold;color:#404040;}
.alert-message.danger p a,.alert-message.error p a,.alert-message.success p a,.alert-message.info p a{color:#ffffff;}
.alert-message h5{line-height:18px;}
.alert-message p{margin-bottom:0; padding: 0;}
.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:10px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message ul,.alert-message.block-message p{margin-right:30px; font-weight: normal !important;}
.alert-message.block-message ul{margin-bottom:0;}
.alert-message.block-message li{color:#404040;}
.alert-message.block-message .alert-actions{margin-top:5px;}
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a{color:#404040;}



