/* '#respekt' is used to easily gain higher specificity */

/* ----- RESET ----- */
BODY { padding: 0; margin: 0; background: #fff; color: #000; font-size: 80%; font-family: Arial, Helvetica, sans-serif; text-align: center; }
FORM, UL, IMG { padding: 0; margin: 0; border: 0; }
P, LI { margin: 0 0 2px; }
UL { margin-left: 15px; color: #9C9D9F; list-style-image: none; list-style-type: square; }
H1, H2 { _display: inline; padding: 0; margin: 0 0 4px; }
A,
A:visited { color: #000; text-decoration: none; }
A:hover { text-decoration: underline; }
LI A,
LI A:visited { color: #007ca5; }
/* ----- // RESET ----- */



/* ----- COMMON ----- */
.clearfix:after { clear: both; visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; }
.clearfix { zoom: 100%; }
.top-1em { margin-top: 1em !important; }
.bottom-2em { margin-bottom: 2em !important; }
.s { line-height: 4px; font-size: 4px; }
.s8 { line-height: 8px; }
.align-right { text-align: right; }
.none { display: none !important; }


	/* ----- common SLOT ----- */
	#respekt .slot-respekt-wrap { float: none; height: auto; margin-bottom: 1.5em; font-size: 1em; } /* [reset] */
	#respekt .slot-respekt { display: inline-block; padding: 0 8px; border-width: 0 2px; border-style: none solid; border-color: #9c9d9f; color: #9c9d9f; line-height: 14px; font-size: 20px; font-family: Cambria, 'Palatino Linotype', Palatino, serif; text-transform: lowercase; } /* TODO: borders are strangely horizontally aligned. but the same solution is at HP */
	.slot-illustration { float: right; margin-top: -2em; }
	#respekt .slot-description-respekt { clear: none; float: none; width: auto; margin: 0; font-weight: 400; } /* [reset] */
	#respekt .slot-description-respekt { margin-right: 207px; color: #000; line-height: 1.4286; font-size: 14px; }
	#respekt .slot-description-respekt .link-v1 { color: #000; text-decoration: underline; }
	#respekt .slot-description-respekt .link-v1:hover { text-decoration: none; }
	/* ----- // common SLOT ----- */

/* ----- // COMMON ----- */



/* Kostra #### */
#mereni {
	position: absolute;
	left: 0px;
	top: 0px;
}
#respekt, #main, #foot, #foot .links, #copy, #head, #bottom-carousel, .col123 {
	float: left;
	width: 1000px;
	height: auto;
	clear: both;
	background-color: #fff;
}
#main {
	margin-top: 20px;
}
#respekt {
	margin: auto;
	float: none;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: inline-block;
	z-index: 1;
	_width: 1002px;
	padding: 0 9px;
}
#foot {
	padding: 0;
	margin: 0;
	color: #000;
}
#foot a {
	color: #000;
}
#foot .links {
	float: left;
	width: 920px;
	margin: 0 40px;
	_display: inline;
}
#foot .links DIV {
	float: left;
	border-right: 1px solid #CCCCCC;
	width: 209px;
	padding-left: 20px;
	height: 115px;
	_width: 230px;
}
/*#foot .links DIV {
	float: left;
	border-right: 1px solid #CCCCCC;
	width: 248px;
	padding-left: 50px;
	height: 135px;
	_width: 299px;
}
*/
#foot .links A {
	text-decoration: underline;
	color: #000;
	line-height: 1.5em;
	margin-left: 15px;
	_display: inline;
}
#foot LI {
	font-weight: bold;
}
#foot .links LI A, #foot .links LI A:visited {
	color: #000;
	text-decoration: none;
	line-height: 1em;
	margin-left: 0;
}
#foot .links LI A:hover {
	text-decoration: underline;
}
#foot LI SPAN {
	color: #000;
	font-size: 1em;
}
#foot .ihned {
	float: left;
	margin-top: 30px;
	background: none repeat scroll 0px 0px #F1F1F1;
	width: 1000px;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}
#foot .ihned .heading {
	color: #009EE0;
	font-size: 12px;
	font-weight: bold;
}
#copy {
	font-size: 0.8em;
	margin-top: 20px;
	color: #444444;
	padding-left: 5px;
	width: 995px;
	_width: 1000px;
}
#copy A, #copy A:visited, #copy A:hover {
	color: #444444;
	text-decoration: underline;
}
/* Reklama */
.reklama TABLE {
	margin: auto;
}
#r-leader, #r-leader-b {
	display: none;
	width: 1000px;
	height: auto;
	margin: auto;
	clear: both;
	text-align: left;
	background-color: #fff;
}
#r-leader { padding: 0 10px; }
#r-leader .reklama {
	text-align: center;
	padding-bottom: 10px;
	width: 1020px;
	margin-left: -10px;
	position: relative;
/*ie6*/
	_margin-left: 0px;
	_left: -10px;
	_display: inline;
	_position: static;
}
#r-leader-b .reklama {
	text-align: center;
	padding-bottom: 20px;
}
#r-big, #rn-big {
	display: none;
	width: 300px;
	height: 312px;
	margin: 0 0  8px 0;
	clear: both;
	float: left;
	_float: none;
}
#r-ht1, #rn-ht1,
#r-ht2, #rn-ht2,
#r-ht3, #rn-ht3 {
	display: none;
	width: 300px;
	height: auto;
	margin: 0 0 20px 0;
	clear: both;
	float: left;
	_float: none;
	overflow: hidden;
}
#r-hfull {
	width: 480px;
	height: auto;
	clear: both;
	float: left;
	_float: none;
	overflow: hidden;
	text-align: center;
	background-color: #F4F4F4;
}
#r-hfull .reklama {
	text-align: center;
}
#r-bfull {
	display: none;
	width: 600px;
	height: auto;
	margin: 0 0 20px 0;
	clear: both;
	float: left;
	_float: none;
	overflow: hidden;
	text-align: center;
	background-color: #F4F4F4;
}
#r-rectan-d, #r-rectangle-d {
	display: none;
	width: 600px;
	height: auto;
	margin: 0 0 20px 0;
	clear: both;
	float: left;
	_float: none;
	overflow: hidden;
	text-align: center;
	background-color: #F4F4F4;
}
#r-sky {
	display: none;
	position: fixed;
	top: 0;
	left: 1000px;
	padding-left: 10px;
	width: 120px;
	z-index: 0;
	_position: absolute;
	_top: expression( ( ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop ) > 2250 ? 2250: ignoreMe ) ) + 'px' );
}
#r-sky-l {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding-right: 10px;
	width: 120px;
	z-index: 0;
	_position: absolute;
	_top: expression( ( ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop ) > 2250 ? 2250: ignoreMe ) ) + 'px' );
}
#r-leader SPAN, #r-big SPAN, #r-ht1 SPAN, #r-ht2 SPAN, #r-ht3 SPAN, #r-sky SPAN, #r-sky-l SPAN, #r-bfull-ozn, #r-hfull-ozn, #r-leader-b-ozn {
	color: #BCBCBC;
	font: 8px/8px Arial;
	margin: 0 0 2px 10px;
	text-transform: uppercase;
	display: block;
	text-align: left;
}
#r-leader SPAN, #r-sky SPAN, #r-sky-l SPAN {
	display: block;
}
#r-ht1 IMG, #r-ht2 IMG, #r-ht3 IMG {
	margin: 0 10px 10px 0;
}

#r-ht1 IMG:first-child, #r-ht2 IMG:first-child , #r-ht3 IMG:first-child { float: left; }

#r-ht1 .reklama, #r-ht2 .reklama, #r-ht3 .reklama {
	margin-left: 10px;
	display: block;
	width: 290px;
	overflow: hidden;
}
#r-big-ozn {
	text-align: right;
	width: 292px;
	display: block;
	height: 12px;
}
#r-bfull .reklama, #r-rectan-d .reklama {
	text-align: center;
}

/* default zobrazeni reklamy */
.ad-visible { display: block !important; }

/* Top */
#imenu {
	text-transform: uppercase;
	height: 20px;
	font: bold 11px/20px Arial;
	background-color: #E1E1E2;
	padding: 0 10px;
	margin-top: 5px;
	letter-spacing: 1px;
}
#imenu A {
	padding: 0 5px;
}
#imenu A SPAN {
	display: none;
}
#head {
	float: left;
	height: 147px;
	border-bottom: 1px solid #999999;
	position: relative;
	background: #fff url("/img/R/bg_head.png") no-repeat 100% 50%;
	_height: 148px;
}
#logo {
	display: block;
	width: 370px;
	height: 85px;
	float: left;
	margin-top: 18px;
	position: relative;
	font-weight: bolder;
	top: 0;
}
#logo H1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#logo A {
	width: 370px;
	height: 85px;
	position: relative;
	display: block;
}
#logo A SPAN {
	width: 370px;
	height: 85px;
	position: absolute;
	cursor: pointer;
	z-index: 2;
	background: #fff url("/img/R/respekt_logo.png") no-repeat;
	top: 0;
	left: 0;
}
#head #image {
	width: 200px;
	height: 147px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 360px;
	z-index: 2;
}
.sch-box {
	width: 170px;
	float: right;
	font-size: 9px;
	margin: 50px 12px 0 0;
	/*position: absolute;
	right: 12px;
	top: 50px;
*/
}
.sch-box .sch-input, .sch-box-blogy .sch-input {
	float: right;
	width: 135px;
	height: 20px;
	border: 0;
	font: 12px Arial;
	color: #1A171B;
	padding: 0 5px;
}
.sch-box .sch-submit, .sch-box-blogy .sch-submit {
	position: realitve;
	top: 0;
	left: 0;
	float: right;
	width: 20px;
	height: 20px;
	background: url("/img/R/lupa_search.gif") no-repeat scroll left top transparent;
	border: 0;
	color: #1A171B;
	background-color: #C9C9C9;
	cursor: pointer;
}
.sch-box A, .sch-box A:visited, .sch-box-blogy A, .sch-box-blogy A:visited {
	clear: both;
	float: right;
	font-size: 12px;
	margin-top: 5px;
	color: #1A171B;
}
.sch-box-blogy {
	float: right;
	margin-right: 12px;
	font-size: 9px;
	position: absolute;
	right: 0px;
	top: 40px;
}
#login-links {
	float: right;
	position: absolute;
	right: 12px;
	top: 12px;
}
#login-links a {
	font-weight: bold;
	font-size: 12px;
}
#login {
	background: none repeat scroll 0 0 #7A7A7A;
	color: gray;
	display: none;
	float: right;
	font-size: 9px;
	height: 70px;
	padding: 12px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 30px;
	width: 150px;
	z-index: 1000;
}
#login INPUT {
	width: 123px;
	border: 1px solid #EEF0F2;
	font-size: 9px;
	text-align: center;
	margin-bottom: 6px;
	color: gray;
	_margin-bottom: 4px;
}
#login INPUT.submit, #login A.submit {
	background-color: #E5E9EB;
	width: 67px;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	cursor: pointer;
}
#login A, #login A:visited, #login DIV {
	color: #000;
	letter-spacing: 1px;
}
#login DIV SPAN A, #login DIV SPAN A:visited {
	color: #000;
}
#login A {
	text-decoration: underline;
}
#login A.submit {
	font: 9px/15px Arial;
	margin: 4px 0 0 41px;
	display: block;
	_margin-left: 0;
}
DIV#logininfo {
	background-color: red;
	color: #fff;
	cursor: pointer;
	display: none;
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 168px;
}
#head-extra-link {
	position: absolute;
	top: 8px;
	left: 570px;
	z-index: 3;
}
/* Menu */
#menu {
	clear: left;
	z-index: 3;
	padding: 15px 0 11px 0;
	font: bold 14px/14px Arial;
	display: inline-block;
}
#menu A, #menu A:visited {
	font-weight: bold;
	font-size: 17px;
	float: left;
	font-family: Cambria, Georgia;
	text-transform: lowercase;
	line-height: 16px;
	text-align: center;
	border-left: 1px solid #949395;
	border-right: 1px solid #1A171B;
}
#menu A SPAN {
	height: 14px;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 8px;
	cursor: pointer;
}
#m-space {
	width: 184px;
	height: 14px;
	display: block;
	float: left;
	border-left: 1px solid #949395;
	border-right: 1px solid #1A171B;
	_width: 186px;
}
#menu A#m-rs {
	width: 83px;
	border-left-width: 0;
	_width: 84px;
	display: none;
}
#menu A#m-rs SPAN {
	width: 75px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_respekt_black.gif") no-repeat;
	left: 0;
}
#menu A#m-sr {
	width: 151px;
	border-left-width: 0;
  color: #9c9d9f;
	_width: 153px;
}
#menu A#m-sr SPAN {
	width: 133px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_sloupky-redaktoru_gray.gif") no-repeat;
	left: 0;
}
#menu A#m-dj {
	width: 88px;
	_width: 90px;
}
#menu A#m-dj SPAN {
	width: 72px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_respekt-dj_black.gif") no-repeat;
}
#menu A#m-bl {
	width: 55px;
	_width: 57px;
}
#menu A#m-bl SPAN {
	width: 39px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_blogy_black.gif") no-repeat;
}
#menu A#m-ar {
	width: 64px;
	_width: 66px;
}
#menu A#m-ar SPAN {
	width: 48px;
	background: transparent url("/img/R/menu/menu_archiv_black.gif") no-repeat;
}
#menu A#m-pp {
	width: 95px;
	border-right: 0;
	_width: 96px;
  color: #9c9d9f;
}
#menu A#m-pp SPAN {
	width: 79px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_predplatne_gray.gif") no-repeat;
}
#menu A#m-cp {
	width: 69px;
	_width: 71px;
  color: #e2001a;
}
#menu A#m-cp SPAN {
	width: 53px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_casopis_red.gif") no-repeat;
}
#menu A#m-nl {
	width: 93px;
	_width: 95px;
}
#menu A#m-nl SPAN {
	width: 77px;
	background: transparent url("/img/R/menu/menu_newsletter_red.gif") no-repeat;
}
#menu A#m-st {
	width: 117px;
	_width: 119x;
  color: #e2001a;
}
#menu A#m-st SPAN {
	width: 101px;
	height: 18px;
	background: url("/img/R/menu/menu_store_red.gif") no-repeat scroll 0 0 transparent;
}
#menu A#m-ep {
	width: 95px;
	_width: 97px;
  color: #9c9d9f;
}
#menu A#m-ep SPAN {
	width: 79px;
	height: 16px;

}
/*#menu A#m-ro {
	width: 90px;
	_width: 92px;
}
#menu A#m-ro SPAN {
	width: 74px;
	height: 16px;
	background: transparent url("/img/R/menu/menu_rozhovory_gray.gif") no-repeat;
}
#menu A#m-mm {
	width: 100px;
	_width: 102px;
}
#menu A#m-mm SPAN {
	width: 84px;
	background: transparent url("/img/R/menu/menu_multimedia_gray.gif") no-repeat;
}
*/
#menu A#m-wm {
	width: 16px;
	border: 0;
	margin-left: 50px;
  position: relative;
}
#menu A#m-wm SPAN {
	width: 16px;
	height: 17px;
	background: transparent url("/img/R/otaznik.png") no-repeat;
	left: 0;
	top: -2px;
}
.submenu {
	display: none;
	position: absolute;
	top: 134px;
	z-index: 100;
	width: 130px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px;
	text-align: left;
	_width: 132px;
}
.submenu A {
	display: block;
	padding: 2px;
	border-top: 1px solid #F0F0F0;
}
.submenu A:hover, .webmap A:hover {
	display: block;
	background-color: #F0F0F0;
}
#menu-nl {
	left: 506px;
}
#menu-ep {
	left: 649px;
	width: 215px;
}
/* Sloupce */
#heading {
	margin: 0;
	width: 1000px;
}
#heading .r {
	float: right;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 480px;
}
#heading .l {
	float: left;
	margin: 0;
	padding: 0;
	width: 514px;
}
#heading .l h1 {
}


.col123 { margin-bottom: 30px; }
.col1 { float: left; width: 300px; _width: 319px; min-height: 100px; padding-right: 19px; }
.col12 { clear: left; float: left; width: 660px; _width: 681px; _height: 1000px; min-height: 1000px; padding: 0 15px 0 5px; border-right: 1px solid #ccc; }
.page-R00RK0 .col12 { width: 674px; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
.page-R00RK0 .ow-enclose { float: none; width: auto; }
.col2 { float: left; width: 300px; min-height: 100px; }
.col2a { float: left; width: 320px; min-height: 100px; margin: 0 20px; }
.col23 { float: left; width: 680px; min-height: 100px; }
.col3 { float: right; width: 300px; height: auto; min-height: 100px; }


/* tabs */
#heading .tabs-d LI:first-child {
	padding-left: 31px;
}
#heading .tabs-d, #discussion-tabs {
	background: url("/img/R/zalozky_spodek.png") repeat-x scroll 0 0 transparent;
	clear: both;
	float: left;
	*float: none;
	margin: 0;
}
#heading .tabs-d LI:first-child {
	padding-left: 31px;
}
#heading .tabs-d, #discussion-tabs {
	background: url("/img/R/zalozky_spodek.png") repeat-x scroll 0 0 transparent;
	clear: both;
	float: left;
	*float: none;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 56px;
}
#heading .tabs-d LI {
	display: none;
	float: left;
	height: 21px;
	margin: 0 50px 0 0;
}
.tabs-d li a {
	background: url("/img/R/zalozky-hover.gif") no-repeat scroll center bottom transparent;
	color: #000;
	display: block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	height: 51px;
	line-height: 24px;
	outline: medium none;
	text-align: center;
	text-transform: none;
	width: auto;
}
.tabs-d li a:hover, .tabs-d li.active a {
	background: url("/img/R/zalozky-active.gif") no-repeat scroll center bottom transparent;
	color: #EC0017;
	line-height: 34px;
	overflow: hidden;
	height: 56px;
	text-align: left;
	text-decoration: none;
	width: auto;
}
.tabs-d li#video-tab.active a, .tabs-d li#info-tab.active a, .tabs-d li#photo-tab.active a {
	background: url("/img/R/zalozky-active.gif") no-repeat scroll center bottom transparent;
	color: #EC0017;
	line-height: 34px;
	overflow: hidden;
	height: 56px;
	text-align: left;
	text-decoration: none;
	width: auto;
	margin: -7px 1px 0 2px;
}
#right-box-tabs .tabs-d li {
	margin: 0;
}
.clean {
	clear: both!important;
	font: normal 1px/1px arial;
	display: block;
	height: 1px;
	overflow: hidden;
}
/* Stred, OW */
.b-l {
	border-left: 1px solid #CCCCCC;
	_width: 320px;
}
.b-r {
	border-right: 1px solid #CCCCCC;
	_width: 320px;
}
.b-lr, #m .col2 {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0 24px;
	margin: 0 5px;
	_width: 350px;
}
.bg-srafy {
	background: #fff url("/img/R/bg_srafy.gif") repeat;
}
.rub-toptext { clear: both; float: left; width: 660px; margin-bottom: 20px; } /* TODO: rule '.rub-toptext' is duplicated in this file */
.ow-enclose,
.reglogcont { clear: both; float: left; width: 660px; }
.rubriky UL {
	float: left;
	width: 300px;
	margin-left: 20px;
}
.rubriky LI A, .rubriky LI A:visited {
	color: #000;
	font-weight: bold;
}
.rubriky DIV {
	float: left;
	margin-top: 20px;
}
.ow, .ow-move {
	float: left;
	padding-bottom: 30px;
	width: 660px;
}
.ow A.slot {
	float: left;
	clear: both;
	display: block;
	height: 18px;
	border-left: 2px solid #B6B7B9;
	border-right: 2px solid #B6B7B9;
	padding: 0 8px;
	margin-bottom: 8px;
}
.ow SPAN.slot {
	float: left;
	clear: both;
	font: bold 1em Arial;
}
.ow .img IMG {
	float: left;
	width: auto;
	height: 80px;
	margin: 0 8px 8px 0;
}
.ow .date-author, .ow .date {
	float: left;
	clear: left;
	font-size: 0.95em;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	color: #606060;
}
.ow .date-author A, .ow .date-author A:visited {
	text-decoration: underline;
	color: #606060;
}
.ow H2 {
	clear: left;
	font: bold 19px/21px Arial;
}
.ow P IMG {
	display: none;
}
.ow A.next, .ow A.next:visited {
	width: 12px;
	font: 12px/15px Arial;
	color: #fff;
	background: url("/img/R/arrow_blue2_3.gif") no-repeat 0 50%;
	display: inline-block;
}
.ow A.disc {
	float: left;
	font-style: italic;
	_font-size: 0px;
}
.ow A.disc SPAN {
	padding-left: 15px;
	background: url('/img/R/ico_arrow_gray.gif') no-repeat 0% 50%;
	_font-size: 12px;
}
A.sl-n, A.sl-n:visited {
	float: left;
	clear: left;
	color: #007CA5;
	width: 140px;
}
/*.ow-enclose .ow P {
	display: block;
	/*height: 85px;
	_height: 64px;
}
*/
.ow-move, .ow-move A, .ow-move A:visited {
	color: #127BA5;
	line-height: 14px;
}
.ow-move .prev {
	float: left;
	width: 150px;
	text-align: left;
}
.ow-move .prev IMG {
	float: left;
}
.ow-move .count {
	float: left;
	width: 150px;
	text-align: center;
}
.ow-move .next {
	float: left;
	width: 150px;
	text-align: right;
}
.ow-move .next IMG {
	float: right;
}
.ow-enclose .ow {
	_float: none;
	border: 0 none;
	height: auto;
}



/* ----- overview tiles 2 PER ROW ----- */
.overview-tiles-2-per-row .overview { float: left; width: 50%; margin: 0 0 2em; } /* TODO: wrong HTML semantics - should be list item */
.overview-tiles-2-per-row .overview-odd { clear: left; } /* does not work in IE7 since there is float defined too */
.overview-tiles-2-per-row .overview-content { padding-left: 15px; }
.overview-tiles-2-per-row .overview-odd .overview-content { padding-right: 15px; padding-left: 0; }
.overview-tiles-2-per-row .overview-header-wrap { display: table-cell; width: 100%; height: 3em; margin: 0 /* [reset] */; vertical-align: middle; }
.overview-tiles-2-per-row .overview-header { display: block; overflow: hidden; max-height: 3.125em; padding: 0.375em 0 0.25em; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1.25; }
.overview-tiles-2-per-row .overview-perex { overflow: hidden; height: 3.75em; margin: 0.125em 0 0; line-height: 1.25; font-size: 14px; }
.overview-tiles-2-per-row .overview-see-more-wrap { margin: 0.5em 0 0; text-align: right; }
.overview-tiles-2-per-row .overview-see-more-wrap a { color: #0a7ca0; font-weight: 700; font-size: 14px; }
.overview-tiles-2-per-row .ow-move { clear: both; float: none /* [reset] */; width: 100% /* [reset] */; padding-top: 1em; text-align: center; }
.overview-tiles-2-per-row .ow-move .prev { float: none; display: inline-block; } /* [reset] */
.overview-tiles-2-per-row .ow-move .count { float: none; display: inline-block; } /* [reset] */
.overview-tiles-2-per-row .ow-move .next { float: none; display: inline-block; } /* [reset] */
/* ----- // overview tiles 2 PER ROW ----- */



.hp-b- {
	float: left;
	clear: left;
}
DIV.navi {
	float: left;
	font-size: 0.9em;
	margin-bottom: 20px;
}
DIV.navi A {
	text-decoration: underline;
}
DIV.slot, H1.slot {
	float: left;
	clear: both;
	height: 18px;
	font-size: 5px;
	margin-bottom: 30px;
}
DIV.slot SPAN, H1.slot SPAN {
	display: block;
	padding: 0 8px;
	border-left: 2px solid #B6B7B9;
	border-right: 2px solid #B6B7B9;
	background-color: #fff;
}
DIV.slot A, H1.slot A, DIV.slot A:visited, H1.slot A:visited {
	font-size: 0px;
	color: #fff;
}
.readed-bottom-label a.slot {
	float: left;
	border-left: 2px solid #007CA5;
	border-right: 2px solid #007CA5;
	display: block;
	padding: 0 8px;
}
/* Prava strana */
.hp-search {
	float: left;
	width: 298px;
	background-color: #EBEBEB;
	border-right: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 5px;
	_width: 300px;
}
.hp-search A, .hp-search A:visited {
	color: #808080;
	text-decoration: underline;
	font: 9px Arial;
	letter-spacing: 1px;
	float: right;
	margin: 6px 22px 0 0;
}
.search-input {
	border: none;
	width: 256px;
	margin: 5px 20px;
}
.search-submit {
	margin: 0 20px;
}
.readed-bottom-label {
	margin: 20px 0 0 0;
	padding: 18px 0 6px 35px;
	font-weight: bold;
	width: 965px;
	_width: 985px;
}
#readed-bottom {
	float: left;
	padding: 20px 35px;
	overflow: visible;
}
#readed-bottom .ow {
	width: 200px;
	margin-right: 40px;
	margin-bottom: 0;
	border: 0;
	_width: 230px;
	float: left;
	height: auto;
}
#readed-bottom .ow:last-child {
	margin-right: 0;
}
.zalozky {
	float: left;
	font: bold 13px/25px Arial;
	width: 300px;
	height: 27px;
	margin-top: 20px;
}
.zalozky .active {
	float: left;
	display: block;
	width: 130px;
	height: 25px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #C5C7C8;
	_width: 141px;
}
.zalozky .unact {
	float: left;
	display: block;
	width: 129px;
	height: 25px;
	background-color: #D1D3D3;
	border-bottom: 1px solid #C5C7C8;
	border-top: 1px solid #D1D3D3;
	_width: 140px;
}
.zalozky .re-act {
	float: left;
	display: block;
	width: 19px;
	height: 27px;
	background: transparent url("/img/R/zalozky_l-a.gif") no-repeat top left;
}
.zalozky .co-act {
	float: left;
	display: block;
	width: 19px;
	height: 27px;
	background: transparent url("/img/R/zalozky_r-a.gif") no-repeat top left;
}
#col3-article .r-banners {
	float: left;
}
#right-box-tabs {
	width: 300px;
	margin: 0;
	padding: 0;
}
#z-readed {
	text-align: left;
	padding-left: 10px;
}
#z-commen {
	text-align: right;
	padding-right: 10px;
}
/*.zalozky {
	float: left;
	font: bold 13px/25px Arial;
	width: 300px;
	height: 27px;
	margin-top: 20px;
}
.zalozky .active {
	float: left;
	display: block;
	width: 130px;
	height: 25px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #C5C7C8;
	border-left: 1px solid #C5C7C8;
	_width: 141px;
}
.zalozky .unact {
	float: left;
	display: block;
	width: 129px;
	height: 25px;
	background-color: #D1D3D3;
	border-bottom: 1px solid #C5C7C8;
	border-top: 1px solid #D1D3D3;
	border-right: 1px solid #fff;
	_width: 140px;
}
.zalozky .re-act {
	float: left;
	display: block;
	width: 19px;
	height: 27px;
	background: transparent url("/img/R/zalozky_l-a.gif") no-repeat top left;
}
.zalozky .co-act {
	float: left;
	display: block;
	width: 19px;
	height: 27px;
	background: transparent url("/img/R/zalozky_r-a.gif") no-repeat top left;
}
#z-readed {
	text-align: left;
	padding-left: 10px;
}
#z-commen {
	text-align: right;
	padding-right: 10px;
}
#z-readed {
	margin-left: 9px;
}
#z-readed, #z-commen {
	margin-top: -8px;
}
*/
.r-box, #col3end {
	float: left;
	clear: both;
	width: 300px;
	height: auto;
	margin-bottom: 20px;
	_float: none;
}
.r-box .ow {
	width: 300px;
	clear: both;
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
}
.r-box .ow A.next {
	display: none;
}
.r-box .ow H2 {
	margin-top: 5px;
	_display: block;
}
.r-box A.rt, .r-box A.rt:visited, .r-box .author A, .r-box .author A:visited {
	text-decoration: underline;
	color: #606060;
}
.r-box .today-week {
	padding-bottom: 10px;
	font-size: 0.85em;
	cursor: pointer;
}
.r-box .today-week A, .r-box .today-week A:visited {
	text-decoration: underline;
	color: #606060;
}
#rsr DIV {
	clear: both;
}
#rsr DIV A, .sr A, #rsr DIV A:visited, .sr A:visited {
	text-decoration: underline;
}
#rsr DIV A:hover, .sr A:hover {
	text-decoration: none;
}
#col3end {
	margin-bottom: 0;
}
#readed1, #readed2, #commen1, #commen2 {
	border: 1px solid #C5C7C8;
	border-top: 0;
	display: none;
	width: 278px;
	padding: 10px;
	_width: 300px;
}
#readed1 .ow, #readed2 .ow, #commen1 .ow, #commen2 .ow {
	width: 278px;
	padding-bottom: 10px;
}
#readed1 .ow H2, #readed2 .ow H2, #commen1 .ow H2, #commen2 .ow H2 {
	font: bold 15px/18px Arial;
}
A.cp-rs, A.cp-rs:visited, A.next-slots, A.next-slots:visited, A.next-articles, A.next-articles:visited {
  position: relative;
  display: block;
  height: 19px;
  width: 154px;
  margin-right: 12px;
  border-left: 2px solid #B6B7B9;
  border-right: 2px solid #B6B7B9;
  _width: 150px;
  color: #9c9d9f;
  font-weight: bold;
  font-size: 20px;
  float: left;
  font-family: Cambria, Georgia;
  text-transform: lowercase;
  line-height: 14px;
  text-align: center;
}
A.cp-rs SPAN, A.next-slots SPAN, A.next-articles SPAN {
	height: 19px;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 8px;
	cursor: pointer;
	width: 130px;
	background: transparent url("/img/R/hp_casopis-respekt_gray.gif") no-repeat;
}
.r-box A.cp-rs, .r-box A.next-slots, .r-box A.next-articles {
	margin: 20px 0;
}
A.next-slots, A.next-slots:visited {
	width: 126px;
	_width: 130px;
}
A.next-articles, A.next-articles:visited {
	width: 118px;
	_width: 122px;
}
A.next-slots SPAN {
	width: 110px;
	background: transparent url("/img/R/next-slots_gray.gif") no-repeat;
}
A.next-articles SPAN {
	width: 102px;
	background: transparent url("/img/R/next-articles_gray.gif") no-repeat;
}
A#predpl-url {
clear: left;
position: relative;
display: block;
height: 18px;
width: 103px;
border: 2px solid #818282;
border-width: 2px 10px;
_width: 113px;
_height: 22px;
color: #fff;
font-weight: bold;
font-size: 20px;
float: left;
font-family: Cambria, Georgia;
text-transform: lowercase;
line-height: 16px;
text-align: center;
background: #818282;
}
A#predpl-url SPAN {
	height: 18px;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 93px;
	background: transparent url("/img/R/slots/predplatne_white.gif") no-repeat;
}
/* Logovani a registrace*/
.form-tab {
	width: 300px;
	margin: auto;
	padding: 20px 0;
}
.form-tab .error {
	background-color: red;
	color: #fff;
	font: bold 13px/19px arial;
	margin-bottom: 3px;
}
.form-tab .tab {
	width: 300px;
	border: 1px solid #CCCCCC;
	font-size: 90%;
}
.form-tab .tab-label {
	font: bold 1em/34px Arial;
	background: #fff url("/img/R/bg_srafy.gif") repeat;
	padding: 0 14px;
	margin-bottom: 14px;
}
.form-tab .c1, .form-tab .c2, .form-tab .tab-submit {
	padding: 10px 14px 0 14px;
	width: 120px;
	_width: 148px;
}
.form-tab .tab-submit {
	padding-bottom: 10px;
}
.form-tab .c2 INPUT {
	border: 1px solid #CCCCCC;
	width: 120px;
}
.form-tab .tab-submit INPUT, .sbutton {
	width: 176px;
	height: 20px;
	display: block;
	font: 12px/20px Arial;
	text-align: center;
	margin-left: 55px;
	background: url("/img/R/bg_detail_button.png") no-repeat 50% 50%;
	border: 0;
	cursor: pointer;
}
.reglogcont {
	text-align: center;
}
.logged {
	width: 178px;
	margin: auto;
	margin-top: 20px;
}
.logged A {
	width: 176px;
	height: 20px;
	display: block;
	font: 12px/20px Arial;
	text-align: center;
	background: url("/img/R/bg_detail_button.png") no-repeat 50% 50%;
}
.reg {
	text-align: left;
	width: 660px;
}
.login-info {
	width: 660px;
	text-align: left;
}
/* OW banneru */
.b-ow {
	background-color: #1A171B;
	/*url("http://respekt.ihned.cz/img/R/slots/respekt-doporucuje_rht.gif") no-repeat 119px 10px;
*/
	width: 290px;
	height: 100px;
	overflow: hidden;
	padding-right: 10px;
	_width: 300px;
}
.b-ow H2 {
	font: bold 14px/17px Arial;
	color: #fff;
}
.b-ow H2 A, .b-ow H2 A:visited {
	color: #fff;
}
.b-ow IMG {
	margin: 10px 0 2px 0;
	_float: left;
}
.b-ow .img {
	height: 100px;
	background-color: #000;
	text-align: center;
	float: left;
	margin-right: 20px;
}
.b-ow .img IMG {
	height: 100px;
	margin: 0;
	float: none;
}
.b-av, .b-sk {
	background-image: none;
}
.b-av .img {
	background: #000 url("http://respekt.ihned.cz/img/R/slots/avizo_rhti.gif") no-repeat top left;
}
.b-sk .img {
	background: #000 url("http://respekt.ihned.cz/img/R/slots/solokapr_rhti.gif") no-repeat top left;
}
.b-ow-bs {
	background-color: #212120;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
.b-ow-bs H2 {
	margin: 0 16px;
	_clear: left;
}
.b-ow-bs H2 A, .b-ow-bs H2 A:visited {
	color: #fff;
	font: bold 23px/25px Arial;
}
.b-ow-bs IMG {
	margin: 0 0 8px 16px;
	_float: left;
}
.b-ow-bs .img {
	width: 300px;
	height: 150px;
	background-color: #000;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}
.b-ow-bs .img IMG {
	height: 150px;
	margin: 0;
}
.b-ow TABLE, .b-ow-bs TABLE {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
.b-ow TABLE TD, .b-ow-bs TABLE TD {
	padding: 0;
	margin: 0;
	height: 70px;
	vertical-align: middle;
}
.b-ow SPAN {
	font: bold 15px/30px Times;
	color: #C2A007;
}
.b-ow-bs TABLE TD {
	height: auto;
}
.b-av TABLE, .b-sk TABLE {
	margin-top: 0px;
}
.b-av TABLE TD, .b-sk TABLE TD {
	height: 100px;
}
.b-av H2, .b-av H2 A, .b-av H2 A:visited, .b-sk H2 A, .b-sk H2 A:visited {
	color: #C2A007;
}
/* Seznam autoru */
.authors-search {
	text-align: center;
	padding-top: 10px;
}
.authors-search INPUT {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.authors-search INPUT.search-submit {
	border: 0;
	margin: 0 50px 0 10px;
	top: 5px;
	position: relative;
}
.authors-letters {
	margin: 35px 0 30px -5px;
	width: 670px;
}
.authors-letters A, .authors-letters A:visited {
	font: bold 1.2em Arial;
	color: #007CA5;
	border: 1px solid #CCCCCC;
	border-left: 0;
	padding: 5px 5px 3px 5px;
}
.authors-list {
	float: left;
	width: 300px;
	margin: 0 0 20px 10px;
	line-height: 20px;
}
.authors-list A, .authors-list A:visited {
	color: #007CA5;
}
/* OW ankety */
.ow-surv {
	margin: 5px;
}
.ow-surv .srv-q {
	font-weight: bold;
	margin-bottom: 3px;
}
.ow-surv .srv-a {
	float: left;
	margin-right: 30px;
	line-height: 23px;
}
.ow-surv .srv-al {
	float: left;
	background: url("/img/R/survey_a_l.gif") no-repeat top left;
}
.ow-surv .srv-ar {
	float: left;
	background: url("/img/R/survey_a_r.gif") no-repeat top right;
}
.ow-surv .srv-am {
	float: left;
	background: url("/img/R/survey_a_m.gif") repeat-x top left;
	text-transform: uppercase;
}
.ow-surv .srv-am A, .ow-surv .srv-am A:visited {
	color: #007CA5;
}
.ow-surv .srv-msg {
	float: left;
	font-size: 0.85em;
	color: red;
	line-height: 23px;
	text-transform: uppercase;
	_display: inline;
}
/* Advanced search */
.as .ow IMG, .as .ow IMAGE {
	float: left;
	width: auto;
	height: 80px;
	margin: 0 8px 8px 0;
}
.as .ow H2 IMG {
	width: auto;
	height: auto;
	margin: 0;
	float: none;
}
.advanced-search {
	width: 660px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.advanced-search TABLE.tab1 {
	width: 660px;
	font-size: 0.9em;
}
.tab1 TD {
	border-bottom: 1px solid #fff;
	padding: 5px;
	background-color: #EBEBEB;
}
.tab1 .c1 {
	border-right: 1px solid #fff;
	width: 50%;
}
.r1 TD, .r4 TD, .r7 TD, .r10 TD {
	color: #808080;
	font: bold 15px/15px Arial;
	border-bottom: 2px solid #808080;
	background-color: #fff;
	padding-top: 20px;
	text-transform: uppercase;
}
.r2 .c1, .r3 .c1 {
	background-color: #EBEBEB;
	padding-bottom: 0;
}
.r2 .c1 {
	border-bottom: 1px solid #EBEBEB;
}
.r2 .c2 {
	background-color: #EBEBEB;
}
.r3 .c2, .r6 .c1, .r8 .c1 {
	background-color: #DBDBDB;
}
.r5 .c1 {
	border-right: 1px solid #EBEBEB;
}
.r5 .c2 {
	border-bottom: 1px solid #EBEBEB;
}
.r8 .c2, .r12 TD {
	background-color: #F8F8F8;
	text-align: right;
}
.tabz-1 {
	width: 630px;
	margin: 10px;
	font-size: 1em;
}
.tabz-1 .c1 {
	background-color: #F0F0F0;
	width: 50%;
	text-transform: uppercase;
}
.tabz-1 .c2 {
	background-color: #F0F0F0;
}
.tabz-1 .c2 .d1 {
}
.z1 .c1, .z1 .c2 {
	background-color: #DBDBDB;
	text-transform: none;
}
.r8  .sbutton {
	margin-left: 70px;
}
.r12 .sbutton {
	margin-left: 235px;
}
.error-message {
	text-align: center;
	color: #fff;
	background-color: red;
	padding: 5px;
	font-weight: bold;
}
#as-help {
	display: none;
	clear: both;
}
/* Webmap */
/* - menu */
#webmap {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	z-index: 1000;
}
#webmap DIV {
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px;
	_width: 110px;
}
#webmap DIV SPAN {
	display: none;
}
#webmap DIV.lvl1 {
	display: none;
	z-index: 4;
	position: absolute;
	top: 0;
	left: -199px;
	width: 188px;
	_width: 200px;
}
#webmap A, .webmap A {
	display: block;
	padding: 2px;
	border-top: 1px solid #F0F0F0;
}
#webmap A:hover, .webmap A:hover {
	display: block;
	background-color: #F0F0F0;
}
/* - rubrika */
.webmap DIV {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DBDBDB;
	width: 200px;
}
.webmap DIV SPAN {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
/* Ruzne */
#respekt-self-promo { float: left; width: 300px; height: 200px; }
#respekt-self-promo .box-top { clear: both; float: left; width: 300px; padding: 0 0 10px; border-bottom: 1px solid gray; }
/* TODO: this should share same solution as .icon-socials (from allwebs.css) */
#respekt-self-promo .box-top a { float: left; width: 32px; height: 32px; margin-right: 33px; background: url('/img/R/self-promo/self-promo-icons.png') no-repeat; }
#respekt-self-promo .box-top .icon-facebook { background-position: 0 0; }
#respekt-self-promo .box-top .icon-twitter { background-position: 0 -32px; }
#respekt-self-promo .box-top .icon-youtube { background-position: 0 -160px; }
#respekt-self-promo .box-top .icon-rss { margin: 0; background-position: 0 -64px; }
#respekt-self-promo .box-top .icon-email { background-position: 0 -96px; }
#respekt-self-promo .box-top .icon-email span { position: relative; left: 42px; top: 10px; text-align: left; }
#respekt-self-promo .box-top a:hover { text-decoration: none; opacity: 0.8; }
#respekt-self-promo .box-bottom { clear: both; float: left; width: 300px; padding-top: 10px; }
#respekt-self-promo .box-bottom a,
#respekt-self-promo .box-bottom a img { float: left; }
#respekt-self-promo .box-bottom a span { clear: both; float: left; padding-top: 3px; font-size: 13px; text-align: center; }
#respekt-self-promo .box-bottom #flowie-icon { margin: 26px 16px 0 22px; }
#respekt-self-promo .box-bottom #ipad-icon span { width: 75px; }
#respekt-self-promo .box-bottom #flowie-icon span { width: 111px; }
#respekt-self-promo .box-bottom #flowie-icon img { margin: 0 15px 0 19px; }
#respekt-self-promo .box-bottom #kindle-icon span { width: 75px; }

.allrss DIV {
	float: left;
	margin-left: 40px;
	padding: 3px 0px;
	border-bottom: 1px solid #F4F4F4;
	width: 560px;
	position: relative;
}
.allrss DIV A {
	float: left;
	margin-right: 15px;
	display: block;
	width: 250px;
}
.allrss DIV SPAN {
	font: 12px monospace;
}
.allrss DIV SPAN A {
	display: inline;
	float: none;
	margin: 0px;
}
.search-head {
	display: block;
	margin-bottom: 20px;
	clear: left;
}
.search-info {
	display: block;
}
.autor-info {
	margin-bottom: 20px;
}
.oznamkujte P {
	display: none;
}
.oznamkujte-detail .d-perex {
	display: none;
}
.autor-info IMG {
	float: right;
	height: auto;
	width: 118px;
}
.autor-info .aemail {
	padding: 10px 0;
}
.autor-articles-label {
	padding: 20px 0;
	font-weight: bold;
}
.ow-clanek LI {
	color: #000;
}
.ow-clanek A, .ow-clanek A:visited {
	text-decoration: underline;
}
.rub-toptext { margin-bottom: 30px; color: #787878; font: 700 1em Arial, Helvetica, sans-serif; } /* TODO: rule '.rub-toptext' is duplicated in this file */
.rub-toptext A, .rub-toptext A:visited {
	color: #787878;
}
.cisla DIV DIV {
	margin: 0 15px;
}
.cisla DIV DIV IMG, .obalka IMG {
	margin-top: 3px;
	width: 135px;
	height: auto;
}

/* hlavy */ /* somehow related to styles at section 'AUTHORS PHOTOS' */
.bg-machy { float: left; background: transparent url("/img/R/h-rub/bg_h_machacek.jpg") no-repeat 531px 18px; }
.bg-machy .ow .img { display: none; }
.bg-machy .rub-toptext,
.bg-ctc .rub-toptext { clear: left; float: left; width: 530px; }
.bg-t h1.slot { clear: none; }
.bg-ctc-d,
.bg-np-d { position: relative; } /* TODO: most likely not needed anymore. it used to have some absolute positioned element inside (check git history for more) */
.bg-ctc-d H1,
.bg-np-d H1 { width: 530px; }


/* multimedia */
#col123d-video .otv.videootv .r .content UL, #col123d-gallery .otv.photootv .r .content UL {
	*zoom: 1;
	/*border: 2px dotted pink;
*/
	margin-left: 13px;
	text-align: left;
	list-style-type: circle!important;
	color: #D2D2D2;
	list-style-image: url("/img/11_0/point.gif")!important;
}
#col123d-video .otv.videootv .r .content UL LI A, #col123d-gallery .otv.photootv .r .content UL LI A {
	color: #000;
	font-size: 12px;
}
#col123d-gallery .otv.photootv .animation .top a.prev {
	top: 0;
	left: 230px;
/*-12*/
	width: 18px;
	height: 21px;
	background:  url('/img/11_0/posuvne_sipky5.png') no-repeat 0 0;
}
#col123d-gallery .otv.photootv .animation .top a.next {
	top: 0;
	left: 351px;
	width: 18px;
	height: 21px;
	background:  url('/img/11_0/posuvne_sipky5.png') no-repeat -19px 0;
}
#col123d-gallery .otv.photootv .animation .top a.prev:hover {
	background:  url('/img/11_0/posuvne_sipky5.png') no-repeat 0 -22px;
}
#col123d-gallery .otv.photootv .animation .top a.next:hover {
	background:  url('/img/11_0/posuvne_sipky5.png') no-repeat -19px -22px;
}
#col123d-video .otv .r .content .article-date, #col123d-video .otv.videootv .r .content .h1, #col123d-video .otv.photootv .r .content .article-date, #col123d-video .otv.videootv .r .content .discussion, #col123d-video .otv.photootv .l .thumb-title,
/*#col123d-video .otv.photootv .animation .thumb-author, */
#col123d-gallery .otv.videootv .animation .top .count, #col123d-gallery .otv.photootv .r .content .h1, #col123d-gallery .otv.photootv .r .content .article-date, #col123d-gallery .otv.videootv .r .content .discussion, #col123d-gallery .otv.photootv .l .thumb-title,
/*#col123d-gallery .otv.photootv .animation .thumb-author, */
#col123d-gallery .otv.photootv .animation .top .count, #col123d-gallery .otv.photootv .r .content .discussion {
	color: #000;
}
#col123d-gallery .otv .thumbs .content a {
	outline: 0;
	border-collapse: collapse;
	table-layout: fixed;
	border: 1px solid #535552;
	width: 110px;
	height: 74px;
/*+2px kvuli firefoxu a opere..*/
	position: relative;
	text-align: center;
	display: table-cell!important;
	vertical-align: middle;
	smargin: 6px 4px 6px 4px;
	*display: block;
}
#col123d-video .otv.videootv .l .animation, #col123d-gallery .otv.photootv .l .animation {
	z-index: 101!important;
	position: relative!important;
	width: 603px!important;
	padding-left: 0!important;
	height: auto!important;
	/*height: 431px;
toto umozni vice radku u  popisu fotky*/
	background: transparent!important;
	/*background: #F4F4F4;
*/
}
#col123d-video .otv .l .animation A.mainlink, #col123d-gallery .otv .l .animation A.mainlink {
	sposition: absolute;
	overflow: hidden;
	sfloat: left;
	outline: 0;
	background: #E0E0E2;
	width: 600px;
/*bylo 600*/
	height: 341px;
	text-align: center;
	border-collapse: collapse;
	table-layout: fixed;
	display: table-cell;
	vertical-align: middle;
	*display: block;
}
#col123d-video .otv .r, #col123d-video .otv, #col123d-video, #col123d-video .content, #col123d-video .otv .l, #col123d-gallery, #col123d-gallery .otv {
	background: #F4F4F4;
}
#col123d-video .otv.videootv .r .content h2, #col123d-gallery .otv.photootv .r .content h2 {
	color: #747474;
}
#col123d-gallery .fg-pict {
	border: 0 !important;
}
#col123d-gallery .otv.photootv .l .thumb-title {
	display: none;
}
#col123d-video .otv {
	float: left
}


/* ----- AUTHORS PHOTOS ----- */ /* names are not generated. whole class names are directly written in templates */
/* TODO: if possible get the images with semitransparency to be able to easily change their background if needed (to be able to change them in CSS) */
.author-line { float: left; width: 650px; margin: 0 0 30px 0; font: 700 15px Arial, Helvetica, sans-serif; } /* wrapping element does not exist every time. search for author names instead */
.author-photo { float: right; width: 130px; height: 130px; margin-left: 10px; background-repeat: no-repeat; background-position: 0 0; }
.author-line-crowded .author-photo { margin-left: 0; } /* because of R00K00 where 5 authors are present */
.author-brolik { background-image: url('/img/R/h-rub/bg_h_brolik.jpg'); }
.author-cudlin { background-image: url('/img/R/h-rub/bg_h_cudlin.jpg'); }
.author-danelova { background-image: url('/img/R/h-rub/bg_h_danelova.jpg'); }
.author-fila { background-image: url('/img/R/h-rub/bg_h_fila.jpg'); }
.author-fila-vridlo { width: 168px; height: 218px; margin: 92px 0 0; background-image: url('/img/R/h-rub/Fila_vridlo.jpg'); }
.author-gregor { background-image: url('/img/R/h-rub/bg_h_gregor.jpg'); }
.author-hollan { background-image: url('/img/R/h-rub/bg_h_hollan.jpg'); }
.author-jaros { background-image: url('/img/R/h-rub/bg_h_jaros.jpg'); }
.author-kavanova { background-image: url('/img/R/h-rub/bg_h_kavanova.jpg'); }
.author-kontra { background-image: url('/img/R/h-rub/bg_h_kontra.jpg'); }
.author-kroulik { background-image: url('/img/R/h-rub/bg_h_kroulik.jpg'); }
.author-kundra { background-image: url('/img/R/h-rub/bg_h_kundra.jpg'); }
.author-lindner { background-image: url('/img/R/h-rub/bg_h_lindner.jpg'); }
.author-lauder { background-image: url('/img/R/h-rub/bg_h_lauder.jpg'); }
/* TODO: unify '.bg-machy' with thise solution (see above in the file). image is also 130x130 */
.author-mala { background-image: url('/img/R/h-rub/bg_h_mala.jpg'); }
.author-mospanova { background-image: url('/img/R/h-rub/bg_h_mospanova.jpg'); }
.author-nezbeda { background-image: url('/img/R/h-rub/bg_h_nezbeda.jpg'); }
.author-platzova { background-image: url('/img/R/h-rub/bg_h_platzova.jpg'); }
.author-prochazkova { background-image: url('/img/R/h-rub/bg_h_prochazkova.jpg'); }
.author-sacher { background-image: url('/img/R/h-rub/bg_h_sacher.jpg'); }
.author-safarikova { background-image: url('/img/R/h-rub/bg_h_safarikova.jpg'); } /* detail: /img/R/safarikova_detail.jpg */
.author-simecka { background-image: url('/img/R/h-rub/bg_h_simecka.jpg'); }
.author-spurny { background-image: url('/img/R/h-rub/bg_h_spurny.jpg'); }
.author-strakova { background-image: url('/img/R/h-rub/bg_h_strakova.jpg'); }
.author-stransky { background-image: url('/img/R/h-rub/bg_h_stransky.jpg'); }
.author-svehla { background-image: url('/img/R/h-rub/bg_h_svehla.jpg'); }
.author-sura { background-image: url('/img/R/h-rub/bg_h_sura.jpg'); }
.author-tabery { background-image: url('/img/R/h-rub/bg_h_tabery.jpg'); }
.author-tresnak { background-image: url('/img/R/h-rub/bg_h_tresnak.jpg'); }
.author-turek { background-image: url('/img/R/h-rub/bg_h_turek.jpg'); }
.author-uhlir { background-image: url('/img/R/h-rub/bg_h_uhlir.jpg'); }
.author-vitvar { background-image: url('/img/R/h-rub/bg_h_vitvar.jpg'); }
.author-vrankova { background-image: url('/img/R/h-rub/bg_h_vrankova.jpg'); }
/* ----- // AUTHORS PHOTOS ----- */


#shadow {
	display: none;
	background-image: url('/img/11_0/shade1x1.png');
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
.lightSwitcher {
	color: rgb(0,124,165);
	line-height: 23px;
	height: 23px;
	float: left;
	margin: 0;
	position: absolute;
	z-index: 101;
	background: url('/img/11_0/zarovka-zhasnout.png') no-repeat left top;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.turnedOff {
	color: #fff !important;
	background-image: url('/img/11_0/zarovka-rozsvitit.png');
}
.fb_iframe_widget {
	z-index: 99!important;
}
#col123d-gallery .otv .l {
	background: none;
}
#col123d-gallery .otv.photootv .thumbs {
	position: relative;
	z-index: 101;
}
#col123d-gallery .otv .thumbs .content .fla {
	background: #000;
}
#col123d-gallery .top a.slideshow {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 21px;
	background:  url('/img/11_0/posuvne_sipky5.png') no-repeat -19px 0;
}
#col123d-gallery .top a.slideshow.stop {
	background: url('/img/11_0/posuvne_sipky5.png') no-repeat -19px -22px;
}
#col123d-video .otv .l .animation {
	border: 0;
}
#bottom-carousel {
	float: left;
	padding: 10px 40px 0;
	height: 262px;
	width: 920px;
	margin-bottom: 40px;
}
#bottom-carousel .slot {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	clear: both;
	display: block;
	float: left;
	height: 18px;
	margin-bottom: 8px;
	padding: 0 8px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  font-family: Cambria, Georgia;
  text-transform: lowercase;
  text-align: center;
  line-height: 14px;  
}
#bottom-carousel .promo-carousel-inner {
	clear: both;
	background: #fff;
}
.promo-carousel-cat-images-inner {
	width: 150px;
}
.promo-carousel-cat {
	float: left;
	text-align: center;
}
.promo-carousel-cat span {
	font-weight: bold;
	display: block;
	width: 231px;
	clear: both;
	line-height: 24px;
}
.promo-carousel-cat-images {
	width: 150px;
}
.promo-carousel-cat-noimages {
	height: 160px;
}
.promo-carousel-cat-noimages img {
	position: relative;
	top: 10px;
}
#promo_prev, #promo_next {
	background: transparent url("/img/R/arrows-carousel-bottom.png") no-repeat 0px 0px;
	height: 23px;
	width: 23px;
	display: block;
}
#promo_prev {
	position: relative;
	left: -30px;
	top: -100px;
}
#promo_prev:hover {
	background-position: -23px 0;
}
#promo_next {
	position: relative;
	left: 930px;
	top: -120px;
	background-position: -46px 0;
}
#promo_next:hover {
	background-position: -69px 0;
}
#promo_prev span, #promo_next span {
	display: none;
}
#head-store-promo {
	height: 90px;
	left: 594px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	width: 197px;
	z-index: 2;
}
#head-apple-promo {
	height: 110px;
	left: 575px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	width: 230px;
	z-index: 2;
}
#head-volby-promo {
	height: 112px;
	left: 587px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 131px;
	z-index: 2;
}
.mm-ow2 .article-author, #col123d-video .article-author, #col123d-gallery .article-author {
	color: #000;
	font: 12px/18px Arial;
	margin: 0;
}
.dsq-commenter-name, .dsq-commenter-bio, .dsq-collapsed-count, .dsq-comment-meta a, .dsq-comment-actions a, #dsq-content .dsq-comment-text {
	color: #202020 !important;
}



/* jobs */

.jobs09-label {
	background: #072450 url("http://ihned.cz/img/advert/jobs09_bg.gif") repeat-x;
	height: 35px;
	padding: 10px 6px 0 30px;
	text-align: right;
	clear: both;
}
.jobs09-label IMG {
	float: left;
}
.jobs09-label A, .jobs09-label A:visited {
	color: #fff;
	font: bold 12px/35px Arial;
}
.jobs09 {
	border: 1px solid #143058;
	border-top: 0;
	padding: 12px 12px 12px 10px;
	text-align: right;
	_padding: 12px;
}
.jobs09 A, .jobs09 A:visited {
	color: #0A2851!important;
	text-decoration: underline;
	font: bold 12px Arial!important;
}
.jobs09 A:hover {
	text-decoration: none;
}
.jobs09 UL {
	text-align: left;
	list-style-image: url("http://ihned.cz/img/advert/jobs09_dot.gif");
	margin: 0 9px 0 20px!important;
	_list-style-image: url("/img/advert/jobs09_dot_IE.gif");
}
.jobs09 UL LI {
	padding-bottom: 3px;
	margin: 0 0 2px 0!important
}
.jobs09 UL LI A, .jobs09 UL LI A:visited {
	font-weight: normal!important;
}
.jobs09-bottom {
	background: #072450 url("http://ihned.cz/img/advert/jobs09_bg_bottom.png") repeat-x;
	height: 28px;
	margin-bottom: 15px;
	padding: 0 6px 5px 0;
	text-align: center;
	clear: both;
}
.jobs09-bottom SPAN {
	color: #FFA500;
	font-weight: bold;
}
.jobs09-bottom A, .jobs09-bottom A:visited {
	color: #fff;
	font: 12px/35px Arial;
	text-decoration: underline
}

/* ----- used in template2/allwebs09/jobs09_(all files) (same styles are in css/09/allwebs.css, css/09/R.css, css/11/allwebs.css and css/11/B2B_allwebs.css) ----- */
#jobs-cz { position: relative; margin: 0 0 10px 0; background: #fff; border: 1px solid #19325a; font-family: Arial, Helvetica, Geneva, sans-serif; clear: both; }
.jb-header { height: 55px; background-color: #19325a; position: relative; }
#jb-logo { position: absolute; left: 20px; top: 14px; }
.jb-tabs { position: absolute; top: 24px; right: 20px; }
.jb-tab { display: block; width: 80px; height: 30px; float: left; background: #f90; margin: 0 0 0 5px; text-align: center; font-size: 14px; }
.jb-tab a { line-height: 31px; color: #fff !important; }
.jb-active { height: 31px; background: #fff; }
.jb-active a { color: #19325a !important; }
.jb-lst { margin-left: 0 !important; list-style-type: none; padding: 12px 5px 7px 19px; margin: 0; font-size: 12px; position: relative; list-style-image: none; }
.jb-lst li a { color: #000 !important; position: relative; text-decoration: underline; font-size:12px; }
.jb-more { float: left; color: #000 !important; font-weight: bold; font-size: 12px; margin: 8px 0 19px 33px; position: relative; text-decoration: underline; }
.jb-lst li { list-style-type: none; padding: 5px 0 3px 13px; margin: 0 !important; line-height: 1.3em; background: url("http://i.iinfo.cz/l/jobs-li.png") no-repeat 0 12px; list-style-image: none; }
.jb-cb { clear: both; height: 1px; overflow: hidden; }
.jb-footer { height: 28px; background-color: #19325a; font-weight: bold; color: #f90; font-size: 12px; text-align: center; }
.jb-footer a { line-height: 28px; color: #fff !important; }
/* ----- // used in template2/allwebs09/jobs09_(all files) ----- */