/* redefine from loaded styles */
td{
	vertical-align:top;
}
.k1MH{
	height:auto;
}
#tab1, #tab2, #tab4, #tab5, #tab6, #tab7, #tab8{
	display:none;
}
#mags a{
	border:1px solid #ccc;
	display:block;
	padding:2px;
	float:left;
	width:90px;
	margin:2px;
	height:46px;
	text-align:center;
}
#mags a:hover, #mags a.sel{
	border:1px solid #003D7D;
}

/* tabs */
#ts_tabmenu {
	font-size: 1em; /* set the font size */
	padding: 20px 0 0 0; /* set the padding */
	float:right;
}
#ts_tabmenu ul {
	line-height: 1em; /* setting the line height now so we don't have any headaches*/
	margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL's default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
	float: left; /* floatin' left */
}
#ts_tabmenu ul li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin' left, to make the menu horizontal */
	padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 0; /* keep it on layer 0 (default) */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */
}
#ts_tabmenu ul li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
	position: relative; /* again, keep things relative */
	z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
	background: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
	color: #000000;   /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
	background-image: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat;  
	position: relative; /* keep it relative */
	z-index: 5; /* show this on layer 5 as well */
	background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a, 
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a, 
#tsmenu7 #li_tsmenu7 a, #tsmenu8 #li_tsmenu8 a {
	position: relative;
	z-index: 5; 
	background: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat left bottom;  
	color: #000000; 
}
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong, 
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong, 
#tsmenu7 #li_tsmenu7 a strong, #tsmenu8 #li_tsmenu8 a strong {	
	background-image: url(/library/image/back/cenovnik/cen_tabs.gif) no-repeat;  
	position: relative; 
	z-index: 5; 
	background-position: right bottom; 
}
/* end tabs */


.tab_container{
	clear:both;
	margin:0;
	border:1px solid #ccc;
	border-top:none;
	padding:10px 15px 15px 15px;
}

tr.nobg td{
	padding-top:20px;
}
.tblPro td{
	border-bottom:2px solid #fff;
	padding:4px 6px;
	text-align:center;
}
.tblPro td.blk{
	color:#000;
}
td.tblLft{
	text-align:left;
}

#ts_logo{
	float:left;
	border-bottom:1px solid #ccc;
}
#cenovnik {
	clear:both;
}
#cenovnik h1, h2, h3{
	padding:0;
	font-weight:normal;
}
#cenovnik h1{
	margin:0 0 8px 0;
}
#cenovnik h2{
	margin-top:12px;
	font-size:1.8em;
}
#cenovnik h3{
	margin-top:12px;
	font-size:1.4em;
}
.cos h1, .cos h2, .cos h3{
	color:#EF5BA1;
}
.elle h1, .elle h2, .elle h3{
	color:#E11B22;
}
.lisa h1, .lisa h2, .lisa h3{
	color:#EC008C;
}
.mh h1, .mh h2, .mh h3{
	color:#DF1837;
}
.mlb h1, .mlb h2, .mlb h3{
	color:#02953F;
}
.stan h1, .stan h2, .stan h3{
	color:#D0932C;
}
.ng h1, .ng h2, .ng h3{
	color:#FFCC00;
}
.sensa h1, .sensa h2, .sensa h3{
	color:#A33A6F;
}
.story h1, .story h2, .story h3{
	color:#ED1C24;
}
.cvece h1, .cvece h2, .cvece h3{
	color:#A42383;
}
.mama h1, .mama h2, .mama h3{
	color:#E31F26;
}
.dek h1, .dek h2, .dek h3{
	color:#EF4060;
}
p{
	margin:8px 0;
}
p.izvor{
	font-size:.9em;
}
.tbl_head{
	color:#fff;
}
.tbl_head td{
	background:none;
}
.tblCen td{
	padding:4px;
	color:#000;
	text-align:center;
	border-bottom:1px solid #fff;	
}
table.tip td{
	vertical-align:top;
	font-size:11px;
}
table.tip img{
	margin-top:6px;
}
table.tip h3{
	font-weight:bold;
}

/* table data styles */

table.data {
	width: 100%;
}
table.data td.black {
	background: #000;
	color: #fff;
	white-space:nowrap;
}
table.data td.red {
	background: #ca0002;
	color: #fff;
	white-space:nowrap;
}
table.data td.cos{
	color:#fff;
	background:#EF5BA1 url(/library/image/back/cenovnik/cosmo_tblh.gif) repeat-y top left;
}
table.data td.elle{
	color:#fff;
	background:url(/library/image/back/cenovnik/elle_ln.gif) repeat-y top left;
}
table.data td.lisa{
	color:#fff;
	background:url(/library/image/back/cenovnik/lisa_ln.gif) repeat-y top left;
}
table.data td.mh{
	color:#fff;
	background:url(/library/image/back/cenovnik/mh_ln.gif) repeat-y top left;
}
table.data td.mlb{
	color:#fff;
	background:url(/library/image/back/cenovnik/mlb_ln.gif) repeat-y top left;
}
table.data td.stan{
	color:#fff;
	background:url(/library/image/back/cenovnik/stan_ln.gif) repeat-y top left;
}
table.data td.ng{
	color:#fff;
	background:url(/library/image/back/cenovnik/ng_ln.gif) repeat-y top left;
}
table.data td.sensa{
	color:#fff;
	background:url(/library/image/back/cenovnik/sensa_ln.gif) repeat-y top left;
}
table.data td.story{
	color:#fff;
	background:url(/library/image/back/cenovnik/story_ln.gif) repeat-y top left;
}
table.data td.cvece{
	color:#fff;
	background:url(/library/image/back/cenovnik/zsc_ln.gif) repeat-y top left;
}
table.data td.mama{
	color:#fff;
	background:url(/library/image/back/cenovnik/mama_ln.gif) repeat-y top left;
}
table.data td.dek{
	color:#fff;
	background:url(/library/image/back/cenovnik/dek_ln.gif) repeat-y top left;
}
table.data th, table.data td, table.profil tr td {
	padding: 4px 5px 5px 7px;
	font-size: .9em;
	font-weight: bold;
}
table.data tr td, table.data tr th {
	background: #ddd;
	vertical-align: middle;
	border-bottom:1px solid #fff;
}
table.data th {
	background: #000;
	color: #fff;
	white-space:nowrap;
}
table.data td.spec {
	background: #f2f2f2;
}
table.data td.spec2 {
	background: #e7e7e7;
}
table.data tr.odd td {
	background-color: #f2f2f2;
}
table.data .green{
	color:#fff;
	background-color: #00A651;
}
table.cos tr td, table.elle tr td, table.lisa tr td,
table.mh tr td, table.mlb tr td, table.stan tr td,
table.sensa tr td, table.story tr td, table.ng tr td,
table.dek tr td, table.mama tr td, table.cvece tr td {
	color:#333;
	background:#f4f4f4;
}
table.cos tr th{
	border-bottom:1px solid #EF5BA1;
}
table.elle tr th{
	border-bottom:1px solid #E11B22;
}
table.lisa tr th{
	border-bottom:1px solid #EC008C;
}
table.mh tr th{
	border-bottom:1px solid #DF1837;
}
table.mlb tr th{
	border-bottom:1px solid #02953F;
}
table.stan tr th{
	border-bottom:1px solid #D0932C;
}
table.ng tr th{
	border-bottom:1px solid #FFCC00;
}
table.sensa tr th{
	border-bottom:1px solid #A33A6F;
}
table.story tr th{
	border-bottom:1px solid #ED1C24;
}
table.cvece tr th{
	border-bottom:1px solid #A42383;
}
table.mama tr th{
	border-bottom:1px solid #E31F26;
}
table.dek tr th{
	border-bottom:1px solid #EF4060;
}
/* end table */